
#post_wrapper ul{
	padding:0px;
	margin:0px;
}

#banner_container{
	margin:0px;
	padding:0px;
	position:relative;
	font-family:"Helvetica";
	background:url("/public/image/formation/formation_banner.jpg") center;
	background-size:cover;
}

#slide_container{
	background:-webkit-linear-gradient(left,rgba(0,0,0,0.8),rgba(0,0,0,0.5));
	padding:5em 0px;
	padding-bottom:2em;
	color:white;
}

#banner_container div div{
	width:80%;	
}

#banner_container h1{
	border-bottom:1px solid rgba(255,255,255,0.3);
	padding-bottom:3px;
	font-size:2em;
}
#banner_container p,#banner_container h1{
	width:60%;
}
#banner_container p{
	font-size:1.2em;
	line-height:1.4em;
}
#slide_control{
		position:absolute;
		bottom:20px;
		left:50%;
		padding:0px;
}
#slide_control span{
		display:inline-block;
		width:50px;
		height:2px;
		border:1px solid rgba(255,255,255,0.5);
		border-radius:5px;
}
#slide_control span:first-child{
	background:green;
	border:1px solid green;
}



/*
section.all_formation{
	/border:1px solid red;
	width:90%;
	margin:auto;
	margin-top:2em;
	margin-bottom:2em;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

section.all_formation div.formation_poster{
	width:330px;
	height:600px;
	background:url("/public/image/formation/formation_card.jpg") center;
	background-size:cover;
	margin:0px;
	border-radius:1em;
}
section.all_formation article{
	width:330px;
	height:600px;
	margin:0px;
	border-radius:1em;
	padding:0px;
	overflow:hidden;
	background:url("/public/image/formation/formation_back.jpg") right;
	background-size:cover;
	display:flex;
	flex-direction:column;
	position:relative;
	/border:1px solid green;
}

section.all_formation article div.formation_head{
	background:#3282F6;
	background:#171717;
	margin:0px;
	padding:0.5em 1em;
	border-radius:0px 0px 5em 5em;
	text-align:center;
	height:240px;
}


section.all_formation article div.formation_head p{
	display:flex;
	justify-content:space-between;
	color:white;
	margin-bottom:0.5em;
}
section.all_formation article div.formation_head p.head{
	margin-top:0.2em;
}
section.all_formation article div.formation_head p.description{
	color:rgba(255,255,255,0.9);
	font-size:0.9em;
	height:50px;
	overflow:hidden;
	margin-bottom:0.3em;
	padding-bottom:0px;
	/border:1px solid red;
}


section.all_formation article div.formation_head p.phone{
	font-size:0.8em;
	justify-content:center;
	border-top:1px solid rgba(255,255,255,0.3);
	padding-top:0.3em;
	margin-top:0.3em;
	align-items:center;
	letter-spacing:2px;
}

section.all_formation article div.formation_head p.phone i{
	height:20px;
	width:20px;
	margin-right:10px;
	border-radius:15px;
	background:url("/public/image/formation/whatsapp.png");
	background-size:cover;
}


section.all_formation article div.formation_head p em{
	font-style:normal;
	font-size:0.8em;
	color:white;
	border-bottom:0.5px solid rgba(255,255,255,0.4);
	border-radius:1em;
	padding-left:1em;
	padding-right:1em;
}

section.all_formation article div.formation_head p em:last-child{
	padding:0.2em 1em;
	
	display:flex;
	align-items:center;
}

section.all_formation article div.formation_head p em:last-child i{
	height:15px;
	width:15px;
	margin-right:5px;
	border-radius:15px;
	background:url("/public/image/formation/location.png");	
	background-size:cover;
}




section.all_formation article div.formation_head strong{
	font-size:1.8em;
	color:rgba(255,255,255,1);
	line-height:1em;
	margin:0em 0px;
	color:rgba(255,155,0,1);
	-webkit-transition:1s;
	transition:1s;
	display:flex;
	overflow-y:scroll;
	height:85px;
}

section.all_formation article div.formation_head strong::-webkit-scrollbar{	
	width:7px;
	height:20px;
	background:rgba(255,255,255,0.4);
	border-radius:1em;
}
section.all_formation article div.formation_head strong::-webkit-scrollbar-thumb{	
	background:rgba(0,0,0,1);
	background:rgba(0,0,0,0.5);
	border-radius:1em;
}
section.all_formation article div.formation_head strong::-webkit-scrollbar-button{
	/background:rgba(255,255,255,1);
	border-radius:1em;
}

section.all_formation article div.formation_head strong.title{
	font-size:1.8em;
	height:60px;
}




section.all_formation article div.formation_detail{
	margin-top:-1em;
	margin-left:0.5em;
	margin-right:0.5em;
	height:385px;
	margin-bottom:0.5em;
	background:white;
	border-radius:0.8em;
	-webkit-transition:1s;
	transition:1s;
	overflow:hidden;
}
section.all_formation article div.formation_detail_all{
	position:absolute;
	top:130px;
	bottom:0px;
	height:auto;
	overflow-y:scroll;
	-webkit-transition:1s;
	transition:1s;
	padding-bottom:1em;
}
section.all_formation article div.formation_detail_all::-webkit-scrollbar{	
	width:7px;
	height:20px;
	background:rgba(255,255,255,0);
	border-radius:1em;
}
section.all_formation article div.formation_detail_all::-webkit-scrollbar-thumb{	
	background:rgba(0,0,0,1);
	background:rgba(0,0,0,0.5);
	border-radius:1em;
}
section.all_formation article div.formation_detail_all::-webkit-scrollbar-button{
	background:rgba(0,0,0,0);
	border-radius:1em;
}





section.all_formation article div.formation_detail p.frais{
	display:flex;
	justify-content:space-between;
	width:90%;
	margin:1em auto;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
section.all_formation article div.formation_detail p.frais span{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

section.all_formation article div.formation_detail p.frais span i{
	font-style:normal;
	font-size:0.9em;
	margin-bottom:0.4em;
}
section.all_formation article div.formation_detail p.frais span em{
	font-style:normal;
	padding:0.3em 1.5em;
	background:black;
	color:white;
	font-size:0.9em;
	letter-spacing:0.1em;
	border-radius:1em;
	min-width:50px;
	text-align:center;
}
section.all_formation article div.formation_detail p.frais span:last-child em{
	background:#A8A8A8;
}





section.all_formation article div.formation_detail ul{
	padding:0px;
	margin:0px;
	list-style:none;
	width:90%;
	margin:auto;
	
}
section.all_formation article div.formation_detail li{
	margin-bottom:0.8em;
}
article div.formation_detail li.inside_description{
	display:none;
}
section.all_formation article div.formation_detail li span{
	font-weight:bold;
	color:rgba(0,0,0,0.7);
	font-size:0.9em;
}
section.all_formation article div.formation_detail li em{
	background:rgba(45,45,45,0.1);
	display:flex;
	margin-top:0.3em;
	padding:0.5em 0.5em;
	font-style:normal;
	line-height:1.1em;
	border-radius:0.5em;
	border:1px solid rgba(240,240,240,0.1);
	font-size:0.9em;
	overflow:hidden;
	color:rgba(0,0,0,0.9);
}

section.all_formation article div.formation_detail li em.deplied{
	max-height:45px;
}

section.all_formation article div.formation_detail li.center_link{
	text-align:center;
	margin-bottom:1.5em;
	margin-top:1em;
} 
section.all_formation article div.formation_detail li.center_link a{
	background:black;
	color:white;
	padding:0.4em 1em;
	border-radius:1em;
}

section.all_formation article  p.contact{
	background:black;
	border-radius:2em 2em 0px 0px;
	color:white;
	width:80%;
	margin:auto;
	left:8%;
	right:10%;
	position:absolute;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	bottom:0px;
	justify-content:center;
	padding:0.5em 0px;
	font-size:0.9em;
}

section.all_formation article p.contact:hover{
	cursor:pointer;	
}


section.all_formation article.empty_formation strong{
	display:flex;
	flex-direction:column;
	justify-content:center;
}
section.all_formation article.empty_formation strong em{
	display:flex;
	border:4px solid rgba(255,255,255,0.5);
	margin:0.2em;
	border-radius:5px;
}
section.all_formation article.empty_formation strong em+em{
	width:80%;
}
section.all_formation article.empty_formation strong em+em+em{
	width:60%;
}

*/



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.3);
	border-left:1px solid rgba(255,255,255,0.3);
	width:250px;
	text-align:right;
	font-size:1.5em;
}





@media screen and (min-width:1000px){
	#banner_container div div{
		margin-left:8%;
	}
}

@media screen and (max-width:1000px){
	#banner_container p,#banner_container h1{
		width:70%;
	}
	#banner_container div div{
		margin-left:5%;
	}
}


@media screen and (max-width:400px){
	#slide_container{
		padding:4em 0px;
		padding-bottom:3em;
	}
	/*#banner_container h1{
		font-size:1.2em;
		text-align:center;
		border-top:1px solid rgba(255,255,255,0.3);
		padding-top:0.3em;
		margin-left:auto;
		margin-right:auto;
	}*/
	#banner_container p{
		/display:none;
	}	
}



