body{
	padding:0px;
	margin:0px;
	background:rgba(255,255,255,1);
	font-family:helvetica;
	transition:1s;
	-webkit-transition:1s;
}
div.banner{
	margin-top:35px;
}



div.all_comment{
	position:fixed;
	right:15px;
	bottom:15px;
	/border:1px solid red;
	display:flex;
	align-items:space-between;
	flex-direction:column;
	justify-content:center;
	z-index:10000;
	padding:0px;
}



div.all_comment div{
	background:white;
	width:300px;
	height:400px;
	padding:0.2em 0.5em;
	border-radius:0.5em;
	/display:none;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1),-2px 2px 2px rgba(0,0,0,0.1),2px -2px 2px rgba(0,0,0,0.1),-2px -2px 2px rgba(0,0,0,0.1);
}

div.all_comment div article{
	overflow-y:scroll;
	height:200px;
	
}



p.name_comment span{
	display:flex;
	align-items:center;
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-bottom:0.2em;
	margin-bottom:0.5em;
}

p.name_comment span em{
	font-style:normal;
}

p.name_comment span em:first-child{
	height:20px;
	width:20px;
	border-radius:20px;
	font-size:0.8em;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:0.7em;
	margin-right:0.5em;
	background:#7030A0;
	color:white;
	font-weight:bold;
}

p.name_comment span em:last-child{
	font-size:0.8em;
}


p.name_comment span:last-child{
	font-size:0.8em;
	line-height:1em;
	color:rgba(0,0,0,0.8);
}

p.comment{
	background:rgba(50,130,246,1);
	background:#7030A0;
	color:white;
	border-radius:5px;
	padding:0.4em;
	width:100px;
	align-self:flex-end;
	font-size:0.9em;
	text-align:center;
}

p.comment:hover{
	cursor:pointer;
}

p.comment_form{
	display:flex;
	flex-direction:column;
}

p.comment_form em.process{
	font-style:normal;
	font-size:0.8em;
	padding:0.2em 0px;
	display:none;
}

p.comment_form label{
	font-size:0.8em;
	margin-bottom:1em;
}

p.comment_form label.comment_button{
	display:flex;
	justify-content:row;
	justify-content:space-between;
}

div.all_comment label.comment_button input{
	display:flex;
	background:transparent;
	border:1px solid rgba(0,0,0,0.1);
	width:30%;
	margin-top:1em;
	margin-bottom:1em;
	border-radius:1em;
}

div.all_comment label.comment_button input:hover{
	cursor:pointer;
}

p.comment_form label input{
	margin-left:0.5em;
	outline:none;
	border:1px solid rgba(0,0,0,0.1);
	padding:0.1em 0.2em;
}


p.comment_form textarea{
	padding:0.3em;
	margin-bottom:0.2em;
	height:100px;
	outline:none;
	border:1px solid rgba(0,0,0,0.1);
}



section.all_formation article{
	background:white;
}


section.all_formation{
	padding:2em 5%;
	background:url("/public/image/center/allFormation_back.png") center;
	background-size:cover;
}

section.all_formation div.all_formation_presentation p{
	font-size:1.8em;
}



section.admission_inscription{
	width:90%;
	margin:auto;
	display:flex;
	justify-content:space-between;
	/align-items:flex-start;
	margin-bottom:2em;
	margin-top:2.5em;
}
section.admission_inscription section{
	width:45%;
	padding:2%;
	padding-top:3%;
	padding-bottom:1%;
	position:relative;
	border:1px solid rgba(255,185,65,0.2);	
}

section.admission_inscription section:before{
	content:"";
	position:absolute;
	top:-25px;
	bottom:-25px;
	border:15px solid rgba(255,185,65,0.2);
	left:20px;
	border-radius:50px;
	width:50px;
}

section.admission_inscription section:after{
	content:"";
	position:absolute;
	top:-15px;
	bottom:-15px;
	border:15px solid rgba(255,185,65,0.5);
	right:20px;
	border-radius:50px;
	width:50px;
	display:none;
}

section.admission_inscription section h1{
	font-size:1.8em;
	margin-bottom:0px;
	display:flex;
	align-items:center;
	margin-top:0em;
	/color:white;
	position:relative;
	/padding-left:50px;
	border-bottom:1px solid rgba(255,255,255,0.3);
	padding-bottom:0.2em;
}

section.admission_inscription section h1 em{
	font-style:normal;
}
section.admission_inscription section h1 em:first-child{
	height:70px;
	width:70px;
	font-size:0.7em;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:100px;
	background:black;
	color:white;
	position:absolute;
	right:50px;
	top:-80px;
	font-weight:bold;
	box-shadow:1px 1px 5px rgba(0,0,0,0.2),-1px 1px 5px rgba(0,0,0,0.2),1px -1px 5px rgba(0,0,0,0.2),-1px -1px 5px rgba(0,0,0,0.2);
}

section.admission_inscription section.admission h1 em:first-child{
	background:url("/public/image/allinstitute/success.png") center;
	background-size:cover;
}

section.admission_inscription section.inscription h1 em:first-child{
	background:url("/public/image/allinstitute/procedure.png") center;
	background-size:cover;
}

section.admission_inscription section p{
	color:rgba(0,0,0,0.8);
	line-height:1.5em;
	font-size:0.9em;
}

section.admission_inscription p.add{
	text-align:right;
}




div.parteners{
	width:100%;
	margin:0px auto;
	text-align:center;
	padding:1em 0px;
	background:url("/public/image/allinstitute/partener.png") center;
	background-size:cover;
}

div.parteners h1{
	font-size:2.5em;
}

div.parteners p{
	font-size:1em;
}

div.parteners ul{
	display:flex;
	padding:0px;
	margin:0px;
	margin:2.5em 0px;
	justify-content:center;
	flex-wrap:wrap;
}

div.parteners ul li{
	margin:auto 2em;
	margin-bottom:1em;
	font-size:1.2em;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	/font-weight:bold;
	/text-transform:uppercase;
	border:2px solid rgba(255,255,255,1);
	border-radius:15px;
	min-width:200px;
	padding:0.3em 0.5em;
	position:relative;
	background:rgba(240,240,240,0.6);
}
div.parteners ul li span{
	border:1px solid rgba(0,0,0,0.5);
	/border:1px solid rgba(72,61,139,0.8);
	border-radius:40px;
}

div.parteners ul li i.before{
	position:absolute;
	/border:1px solid white;
	top:-15px;
	right:10px;
	width:25px;
	display:flex;
	justify-content:space-between;
}

div.parteners ul li i.before i{
	height:25px;
	border:2px solid rgba(72,61,139,0.8);
	border-radius:5px;
}
div.parteners ul li i.before i:nth-child(even){
	bottom:-5px;
	position:relative;
}
div.parteners ul li span{
	height:25px;
	width:25px;
	/border-radius:100px;
	margin-bottom:0.4em;
	line-height:25px;
	font-size:0.9em;
	color:#7030A0;
	/background:rgba(255,255,255,0.6);
	font-weight:bold;
}

div.parteners ul li em{
	font-style:normal;	
	font-size:1em;
}

div.parteners ul li em:first-letter{
	text-transform:uppercase;
	font-weight:bold;
}


div.spaces{
	margin:auto;
	margin-top:5em;
	background:rgba(255,155,0,0.8);
	background:rgba(0,0,0,0.1);
	padding-bottom:1em;
}

div.spaces div{
	border:5px solid rgba(0,0,0,0.1);
	border-bottom:none;
	padding-bottom:0px;
	width:1500px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	overflow-x:scroll;
	padding-top:2em;
}


div.spaces div::-webkit-scrollbar{	
	width:50px;
	height:6px;
	background:rgba(157,157,255,0.5);
	background:rgba(255,155,0,1);
	background:rgba(0,0,0,0.1);
}

div.spaces div::-webkit-scrollbar-thumb{	
	background:rgba(255,255,255,1);
	border-radius:6px;
}

div.spaces div::-webkit-scrollbar-button{
	background:rgba(0,0,0,1);
	border-radius:0px 6px 6px 0px;
}


div.spaces h1{
	font-size:2.5em;
	margin:auto;
	text-align:center;
	padding-top:1.5em;
	padding-bottom:0.3em;
}



div.spaces p{
	width:50%;
	margin:2em auto;
	text-align:center;
	font-size:1em;
	line-height:1.2em;
	margin-top:1em;
	color:rgba(0,0,0,0.8);
}

div.spaces .all_spaces{
	list-style:none;
	display:flex;
	margin:0px;
	padding:0px;
	width:95%;
	width:2500px;
	margin:auto;
	flex-wrap:wrap;
	justify-content:space-around;
}

div.spaces .all_spaces li{
	width:240px;
	margin-bottom:2em;
	display:flex;
	flex-wrap:wrap;
	position:relative;
	border-radius:0.2em;
	overflow:hidden;
}

div.spaces .all_spaces li span.illustration{
	height:130px;
	width:100%;
}

div.spaces .all_spaces li.atelier span.illustration{
	background:url("/public/image/infra/atelier.jpg") center;
	background-size:cover;
}
div.spaces .all_spaces li.bibliotheque span.illustration{
	background:url("/public/image/infra/bib.jpg") center;
	background-size:cover;
}
div.spaces .all_spaces li.laboratoire span.illustration{
	background:url("/public/image/infra/lab.jpg") center;
	background-size:cover;
}
div.spaces .all_spaces li.lecture span.illustration{
	background:url("/public/image/infra/c.jpg") center;
	background-size:cover;
}

div.spaces .all_spaces li.foot span.illustration{
	background:url("/public/image/infra/foot.jpeg") center;
	background-size:cover;
}
div.spaces .all_spaces li.tennis span.illustration{
	background:url("/public/image/infra/tennis.jpg") center;
	background-size:cover;
}
div.spaces .all_spaces li.volley span.illustration{
	background:url("/public/image/infra/volley.jpeg") center;
	background-size:cover;
}
div.spaces .all_spaces li.basket span.illustration{
	background:url("/public/image/infra/basket.jpg") center;
	background-size:cover;
}
div.spaces .all_spaces li.informatique span.illustration{
	background:url("/public/image/infra/info.jpg") center;
	background-size:cover;
}






div.spaces .all_spaces li span.description{
	height:80px;
	background:white;
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	padding:0px 1em;
}

div.spaces .all_spaces li span.description em,div.spaces .all_spaces li span.description i{
	font-style:normal;
}

div.spaces .all_spaces li span.description em:first-child{
	font-size:0.7em;
	padding-bottom:0.5em;
	border-bottom:1px solid rgba(0,0,0,0.2);
}
div.spaces .all_spaces li span.description em:last-child{
	margin-bottom:1em;
	display:flex;
	justify-content:space-between;
	/padding:0px 0.5em;
	margin-top:1em;
	font-size:0.7em;
	/font-size:0px;
}

div.spaces .all_spaces li span.description em:last-child i{
	border:1px solid rgba(0,0,0,0.5);
	padding:0.3em 0.5em;
}

div.spaces .all_spaces li span.description em:last-child i:last-child{
	font-size:0px;
	height:15px;
	width:15px;
	text-align:center;
}

div.spaces .all_spaces li.checked span.description em:last-child i:last-child{
	font-size:0.9em;
}

div.spaces  p.add{
	margin-top:2em;
}
div.spaces  p.add span{
	padding:0.5em 5em;
	background:white;
}

div.spaces  p.add span:hover{
	cursor:pointer;
}



div.spaces .all_spaces li.checked:before{
	display:none;
}

div.spaces .all_spaces li:before{
	content:"";
	display:flex;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:rgba(255,255,255,0.7);
	background:rgba(0,0,0,0.9);
}




div.associate{
	width:90%;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	margin-bottom:1em;
	margin-top:3em;
}
div.associate h1{
	width:40%;
	font-size:2.5em;
	margin-left:0.5em;
}
div.associate p.text{
	width:40%;
	font-size:1.1em;
	line-height:1.3em;
}

div.associate p.add{
	margin-right:1em;
}

div.associate p.add span{
	border:1px solid rgba(0,0,0,0.2);
	padding:0.5em 1em;
}

div.associate p.add span:hover{
	cursor:pointer;
}

div.associate{
	border:none;
	margin-top:2em;
	margin-bottom:0px;
	padding-bottom:0px;
}
div.associate h1{
	margin-bottom:0px;
}

div.associate span.associate_liste{
	border-top:1px solid rgba(0,0,0,0.5);
	margin-top:0.5em;
	padding-top:0.5em;
	display:flex;
	flex-wrap:wrap;
	display:none;
}

div.associate span.associate_liste em{
	font-style:normal;
	margin-right:1.5em;
	width:180px;
	display:flex;
}

div.list_associate{
	width:50%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	margin-top:0px;
	/padding-left:2em;
	margin-left:45%;
	/border:1px solid red;
}

div.list_associate span{
	font-size:2em;
	display:flex;
	align-items:center;
	padding:0.1em 0.5em;
	color:rgba(0,0,0,0.8);
	letter-spacing:1px;
	width:35%;
	margin:0px;
	margin-bottom:1em;
	text-align:center;
	justify-content:center;
	border:1px solid rgba(0,0,0,0.5);
}

div.list_associate span i{
	font-style:normal;
	height:20px;
	width:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-left:1em;
	border-radius:25px;
	font-size:0.8em;
	border:1px solid white;
	display:none;
}



div.list_associate span:hover{
	cursor:pointer;
}






div.team{
	display:flex;
	flex-wrap:wrap;
	background:rgba(240,240,240,1);
	/border-top:1px solid rgba(0,0,0,0.2);
	justify-content:center;
	margin-top:2.5em;
	padding-bottom:1.5em;
	padding-top:1em;
	margin-bottom:0px;
}
div.team section{
	width:90%;
	margin:auto;
	display:flex;
	flex-direction:column;
	align-items:center;
}

div.team section strong{
	margin-top:2em;
	margin-bottom:0em;
	color:rgba(0,0,0,0.5);
	font-size:0.8em;
}

div.team h2{
	width:100%;
	font-size:2.5em;
	text-align:center;
	margin-bottom:0px;
	margin-top:0.2em;
	padding-bottom:0.3em;
}

div.team p{
	width:50%;
	margin:auto;
	margin-top:1em;
	margin-bottom:1em;
	color:rgba(0,0,0,0.8);
	text-align:center;
}

div.team ul{
	display:flex;
	width:80%;
	margin:auto;
	/border:1px solid red;
	justify-content:space-between;
	padding:0px;
}


div.team li{
	list-style:none;
	display:flex;
	flex-direction:column;
	align-items:center;
	margin-bottom:1em;
	width:220px;
	border:1px solid rgba(0,0,0,0.1);
	border-radius:1em;
}

div.team em.nameSpace{
	border:7px solid rgba(255,255,255,0.7);
	border:7px solid rgba(0,0,0,0.7);
	border-radius:6px;
	width:90%;
	margin-bottom:0.7em;
}

div.team em.post{
	border:7px solid rgba(255,255,255,0.7);
	border:7px solid rgba(0,0,0,0.7);
	border-radius:6px;
	width:90%;
}

div.team li span{
	height:140px;
	width:140px;
	border-radius:150px;
	margin-top:0.7em;
	margin-bottom:0.7em;
}

div.team li span.emptyPicture{
	background:rgba(0,0,0,0.5);
	text-align:center;
	align-items:center;
	display:flex;
	justify-content:center;
	font-size:1.2em;
	color:white;
	flex-direction:column;
}

div.team li span.emptyPicture:before{
	content:"";
	/border:1px solid red;
	height:20px;
	width:20px;
	border-radius:20px;
	background:white;
}

div.team li span.emptyPicture:after{
	content:"";
	/border:1px solid red;
	height:20px;
	width:40px;
	border-radius:15px 15px 0px 0px;
	background:white;
	margin-top:0.2em;
}

div.team li em{
	font-style:normal;
}

div.team li em.name{
	font-weight:bold;
	margin-bottom:0.2em;
	font-size:0.9em;
	text-transform:uppercase;
}


div.team li em:first-child{
	font-weight:bold;
	font-size:1em;
	color:rgba(0,0,0,0.7);
	
}
div.team li em:last-child{
	font-size:0.9em;
	text-align:center;
}

div.team li:hover{
	cursor:pointer;
}

div.team p.add{
	text-align:center;
}
div.team p.add span{
	background:rgba(0,0,0,1);
	padding:0.3em 1em;
	color:white;
	font-size:1em;
}
div.team p.add span:hover{
	cursor:pointer;
}



div.recors{
	background:rgba(244,244,244,1);
	background:black;
	margin-bottom:0px;
	margin-top:0em;
	padding:1em 0px;
	text-align:center;
}
div.recors h1{
	font-size:2.5em;
	margin-top:0em;
	margin-bottom:0px;
	display:none;
}

div.recors ul{
	display:flex;
	justify-content:center;
	margin:0px;
	padding:0px;
	margin-top:0em;
	margin-bottom:0px;
}
div.recors ul li{
	margin:auto 1.5em;
	font-size:1em;
	display:flex;
	flex-direction:column;
	align-items:center;
}

div.recors ul li.title{
	font-weight:bold;
	font-size:2em;
	color:white;
}

div.recors ul li+li{
	font-size:1.1em;
	color:white;
}

div.recors ul li span{
	font-size:1.8em;
	color:rgba(255,155,0,1);
	font-weight:bold;
}


div.recors ul li input{
	border:none;
	outline:none;
	font-size:1em;
	padding:0.2em 1em;
}
div.recors ul li input:hover{
	cursor:pointer;
}



div.website{
	margin:auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	padding-top:4em;
	padding-bottom:4em;	
	background:url("/public/image/website/bintlab_banner.jpg") right;
	background-size:cover;
	position:relative;
}
div.website article.description{
	width:35%;
	margin-left:3em;
	line-height:1.5em;
	background:rgba(0,0,0,0.8);
	color:white;
	padding:1.5em 1em;
	position:relative;
	/border-radius:10px;
}

div.website article.description h1{
	font-size:1.5em;
	margin-top:0px;
	
}
div.website article.description p{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

div.website article.description p em.prix{
	height:120px;
	width:120px;
	background:rgba(0,0,0,0.4);
	border-radius:150px;
	text-align:center;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	justify-content:center;
	font-style:normal;
	color:white;
	font-weight:bold;
	font-size:2em;
	position:relative;
	margin-bottom:0px;
}
div.website article.description p em.prix:before{
	content:"A partir de";
	position:absolute;
	font-size:0.5em;
	top:15px;
	font-weight:normal;
}

div.website article.description p em.text{
	width:60%;
	font-style:normal;
	margin-left:1.5em;
	line-height:1.5em;
	font-size:0.9em;
}

div.website article.description p em.prix i{
	font-size:0.8em;
}

div.website article.description p.more{
	display:flex;
	justify-content:flex-end;
	margin-top:0px;
}

div.website article.description p.more em,div.website article.description p.more a{
	font-style:normal;
	font-size:0.9em;
	border:1px solid rgba(255,255,255,0.5);
	padding:0.2em 1em;
	margin-left:3em;
	background:rgba(0,0,0,0.3);
	color:white;
}

div.website article.description p.leader{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	font-style:normal;
	display:flex;
	justify-content:space-between;
	padding:0px 1em;
	font-size:0.8em;
	border-top:1px solid rgba(255,255,255,0.2);
}

div.website article.description p.leader em{
	font-style:normal;
}




div.website span{
	color:white;
	margin-right:1.5em;
	border-bottom:1px solid rgba(255,255,255,0.3);
	border-left:1px solid rgba(255,255,255,0.1);
	width:250px;
	text-align:right;
	font-size:1.5em;
}



em.long_white_space{
	display:flex;
	border:5px solid rgba(0,0,0,0.1);
	border-radius:10px;
	width:100%;
	margin:0.7em 0px;
}
em.long_white_second{
	width:80%;
}

em.long_white_third{
	width:60%;
}

em.small_white_space{
	width:80px;
	border:5px solid rgba(0,0,0,0.1);
	border-radius:5px;
	margin-left:0.4em;
	display:flex;
}