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

div.banner{
	margin-top:45px;
}





/***********FILTER*************************/

#post_wrapper  ul{
	padding:0px;
	margin:0px;
}


#grade{
	/border:1px solid red;
	margin-bottom:0px;
	margin-top:3em;
	background:rgba(255,165,85,0.1);
	display:flex;
	justify-content:space-between;
	padding-top:0em;
	position:relative;
	z-index:100000000;
}

#grade:before{
	content:"";
	position:absolute;
	top:-70px;
	bottom:-70px;
	left:60%;
	width:30px;
	margin:auto;
	/border:3px dashed rgba(255,155,0,0.1);
	background:rgba(255,155,0,0.4);
	z-index:-100000000;
	border-radius:50px;
}

#grade:after{
	content:"";
	position:absolute;
	top:-50px;
	bottom:-50px;
	left:90%;
	width:30px;
	margin:auto;
	/border:1px solid rgba(255,155,0,0.1);
	background:rgba(255,155,0,0.4);
	z-index:-100000000;
	border-radius:50px;
}

#grade div{
	width:40%;
	margin:auto;
	/border:1px solid red;
	display:flex;
	flex-direction:column;
}

#grade div em.grade_title{
	font-style:normal;
	font-weight:bold;
	font-size:1.5em;
	color:rgba(0,0,0,0.8);
	margin-top:1em;
	border-bottom:1px solid rgba(0,0,0,0.1);
}

#grade div span {
	margin-top:0.5em;
	display:flex;
	align-items:center;
	/justify-content:space-between;
}
#grade div span i{
	padding:0.4em 1.2em;
	background:black;
	color:white;
	font-style:normal;
	font-size:0.9em;
	border-radius:1em;
	margin:0.2em 0.5em;
	position:relative;
}

#grade div span i+i{
	
}



#grade div h1{
	color:rgba(0,0,0,0.9);
	margin-bottom:0px;
	margin-top:1em;
	font-size:2em;
}

#grade div p{
	line-height:1.8em;
	color:rgba(0,0,0,0.8);
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-bottom:0.8em;
	font-size:0.9em;
}

#grade div p i{
	font-style:normal;
}

#grade .grade_illustration{
	display:flex;
	position:relative;
	align-items:center;
	justify-content:center;
	padding:1em;
	height:400px;
}
#grade .grade_illustration li{
	height:150px;
	width:150px;
	border-radius:150px;
	list-style:none;
	padding:0px;
	margin:0px;
	display:flex;
	
}
#grade .grade_illustration li.first{
	position:absolute;
	left:20px;
	top:20px;
	background:url("/public/image/primaire/one.jpg") center;
	background-size:cover;
}

#grade .grade_illustration li.second{
	position:absolute;
	right:20px;
	top:20px;
	background:url("/public/image/primaire/two.jpg") center;
	background-size:cover;
}

#grade .grade_illustration li.center{
	height:300px;
	width:300px;
	background:url("/public/image/secondaire/option.png") center;
	background-size:cover;
	border-radius:300px;
}

#grade .grade_illustration li.third{
	position:absolute;
	left:20px;
	bottom:20px;
	background:url("/public/image/primaire/three.jpg") center;
	background-size:cover;
}

#grade .grade_illustration li.fourth{
	position:absolute;
	right:20px;
	bottom:20px;
	background:url("/public/image/primaire/four.jpg") center;
	background-size:cover;
}


#all_options{
	margin:0px auto;
	padding:1em 0px;
	width:90%;
}

#all_options h1{
	font-size:1.8em;
	font-weight:normal;
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-bottom:0.2em;
	margin-bottom:1.5em;
	font-weight:bold;
}

#all_options ul{
	padding:0px;
	margin:0px auto;
	margin-bottom:1.5em;
	display:flex;
	flex-wrap:wrap;
	
}

#all_options ul li{
	list-style:none;
	border:1px solid rgba(0,0,0,0.1);
	border:1px solid rgba(255,165,85,0.5);
	background:rgba(255,165,85,0.1);
	min-width:180px;
	border-radius:10px;
	display:flex;
	flex-direction:column;
	padding:0.5em 1em;
	margin-right:2em;
	margin-bottom:1.5em;
	position:relative;
}

#all_options ul li span:first-child{
	height:35px;
	width:35px;
	border:1px solid rgba(0,0,0,0.1);
	padding:0px;
	margin-bottom:0.5em;
	border-radius:10px;
	background:url("/public/image/options/a.png") center;
	background-size:cover;
}

#all_options ul li span.optionTitle{
	font-weight:bold;
}

#all_options ul li em{
	position:absolute;
	right:10px;
	top:-10px;
	width:20px;
	display:flex;
	justify-content:space-between;
}

#all_options ul li em i{
	border:2px solid rgba(255,165,85,0.8);
	border-radius:10px;
	height:20px;
}
#all_options ul li em i:nth-child(even){
	position:relative;
	bottom:-5px;
}



section.vacation{
	width:90%;
	margin:auto;
	margin-top:4em;
	margin-bottom:1em;
	display:flex;
	justify-content:space-between;
}

section.vacation div.description{
	width:700px;
}

section.vacation div.description h1{
	font-size:2em;
	margin-bottom:0.5em;
	border-bottom:1px solid rgba(0,0,0,0.1);
	margin-top:0px;
}

section.vacation div.description p{
	line-height:1.4em;
	margin-top:0px;
}

section.vacation div.description ul{
	list-style:none;
	padding:0px;
	margin:0px;
	margin-top:1.5em;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
section.vacation div.description ul li{
	margin-bottom:0.5em;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
section.vacation div.description ul li span:last-child{
	font-size:0.9em;
	margin-bottom:0.5em;
	text-align:center;
}
  
section.vacation div.description ul li span:first-child{
	height:20px;
	width:180px;
	display:flex;
	flex-direction:column;
	align-items:center;
	color:white;
	justify-content:center;
	background:#7030A0;
	border-radius:200px;
	font-size:1em;
	text-align:center;
	padding:5px;
	overflow:hidden;
	margin-bottom:0.5em;
	background:rgba(0,0,0,1);
	
}
section.vacation div.description ul li span:last-child em{
	font-style:normal;
	font-size:1.3em;
}

section.vacation div.description p.add{
	text-align:center;
	margin-top:1em;
}
section.vacation p.add input{
	border:none;
	outline:none;
	padding:0.5em 1.5em;
	color:black
	font-size:1em;
	background:none;
	border:1px solid rgba(0,0,0,0.5);
}


section.vacation div.illustration{
	height:200px;
	width:450px;
	border-radius:450px;
	border:50px solid rgba(255,165,85,0.1);
	/border:1px solid #7030A0;
	background:url("/public/image/secondaire/vacation.jpg") left center;
	background-size:cover;
	position:relative;
	background-repeat:no-repeat;
}

section.vacation div.illustration:before{
	content:"";
	position:absolute;
	top:-200px;
	bottom:-100px;
	right:10px;
	border:50px solid rgba(255,165,85,0.1);
	border-radius:50px;
}



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(0,0,0,0.2);
	/border-radius:4em;	
}

section.admission_inscription section h1{
	font-size:1.8em;
	margin-bottom:0px;
	display:flex;
	align-items:center;
	margin-top:0em;
	position:relative;
	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:250px;
	color:white;
	position:absolute;
	right:30px;
	top:-80px;
	font-weight:bold;
	background:rgba(255,155,0,0.1);
}

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.spaces{
	margin:auto;
	margin-top:2em;
	background:rgba(255,155,95,0.3);
	padding-bottom:3em;
	border:0px solid red;
}

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(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:0.5em;
	padding-bottom:0.3em;
}



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

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.png") 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;
	margin-top:1em;
	font-size:0.7em;
}

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:first-child{
	border:none;
	color:white;
	color:black;
	border:1px solid rgba(0,0,0,0.5);
}

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(0,0,0,0.9);
}





div.parteners{
	width:90%;
	margin:auto;
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:1.5em 0px;
	background:rgba(255,155,75,0.4);
	padding-left:5%;
	padding-right:5%;
}

div.parteners article{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	position:relative;
}

div.parteners article:before{
	content:"";
	position:absolute;
	display:flex;
	width:50px;
	border:3px solid rgba(255,0,0,0.5);
	top:0px;
	left:0px;
	border-radius:20px;
}


div.parteners article:after{
	content:"";
	position:absolute;
	display:flex;
	width:50px;
	border:3px solid rgba(255,0,0,0.3);
	top:0px;
	left:80px;
	border-radius:20px;
}

div.parteners article>span{
	height:200px;
	width:450px;
	border-radius:150px;
	position:relative;
	background:url("/public/image/primaire/parteners.jpg") center;
	background-size:cover;
}
div.parteners article>span:before{
	content:"";
	position:absolute;
	top:-40px;
	bottom:-40px;
	left:50px;
	width:25px;
	background:rgba(255,155,70,0.7);
	border-radius:20px;
}

div.parteners article>span:after{
	content:"";
	position:absolute;
	top:-60px;
	bottom:-60px;
	right:50px;
	width:25px;
	background:rgba(255,155,70,0.7);
	border-radius:20px;
}



div.parteners article p{
	display:flex;
	align-items:center;
	line-height:1.5em;
	flex-direction:column;
	width:60%;
}

div.parteners article p span{
	font-size:2em;
	margin-bottom:1em;
	font-weight:bold;
	border-bottom:1px solid rgba(0,0,0,0.2);
	width:100%;
	padding-bottom:0.5em;
}

div.parteners article p em{
	font-style:normal;
	font-size:1.1em;
}


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

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

div.parteners ul li{
	margin:auto 2em;
	margin-bottom:1em;
	font-size:1em;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	border:1px solid rgba(255,255,255,0.8);
	border-radius:15px;
	min-width:150px;
	padding:0.5em;
	position:relative;
}

div.parteners ul li span{
	border:1px solid rgba(255,255,255,0.5);
	border-radius:40px;
	height:25px;
	width:25px;
	margin-bottom:0.4em;
	line-height:25px;
	font-size:1em;
	color:#7030A0;
	font-weight:bold;
}

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

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

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

div.parteners ul li i.before i{
	height:25px;
	border:2px solid white;
	border-radius:5px;
}
div.parteners ul li i.before i:nth-child(even){
	bottom:-5px;
	position:relative;
}






div.team{
	display:flex;
	flex-wrap:wrap;
	border-bottom:1px solid rgba(0,0,0,0.2);
	justify-content:center;
	margin-top:1em;
	padding-bottom:1.5em;
	padding-top:1em;
}
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;
	justify-content:space-between;
	padding:0px;
}


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

div.team em.nameSpace{
	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:"";
	height:20px;
	width:20px;
	border-radius:20px;
	background:white;
}

div.team li span.emptyPicture:after{
	content:"";
	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-top:0em;
	margin-bottom:0px;
	padding: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;
	margin-top:0em;
	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;
}

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.1);
	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;
}