@media screen and (max-width:1100px){
	#slide_container{
		padding-top:4em;
	}
	#banner_container div div{
		width:80%;	
	}	
	div.website article.description{
		width:50%;
	}
	#banner_container p,#banner_container h1{
		width:80%;
	}
}



@media screen and (max-width:850px){
	#banner_container div div{
		width:90%;	
	}
	div.website article.description{
		width:70%;
		margin-left:auto;
		margin-right:auto;
	}
	#banner_container p,#banner_container h1{
		width:100%;
		text-align:center;
	}
}



@media screen and (max-width:750px){
	
	div.introduction{
		margin-top:0em;
	}

	section.all_formation article{
		width:300px;
		height:550px;
	}/*
	section.all_formation article div.formation_head{
		height:150px;
	}
	section.all_formation article div.formation_detail{
		height:405px;
	}
	section.all_formation article div.formation_head p.description{
		display:none;
	}
	article div.formation_detail li.inside_description{
		display:flex;
		flex-direction:column;
	}
	section.all_formation article div.formation_head p.phone{
		display:none;
	}*/
}




@media screen and (max-width:650px){
	#banner_container h1{
		font-size:1.8em;
		margin-bottom:0.5em;
	}
	#slide_container{
		padding-top:3em;
	}
	#banner_container p{
		font-size:1em;
	}
	
	section.all_formation{
		justify-content:center;
	}
	section.all_formation article{
		margin-left:2px;
		margin-right:2px;
		margin-bottom:2em;
		width:330px;
		height:550px;
	}
	
	
	div.website article.description{
		width:80%;
	}
	div.website article.description h1{
		font-size:1.4em;
	}
}



@media screen and (max-width:600px){
	

	div.website article.description h1{
		font-size:1.4em;
	}
}




@media screen and (max-width:550px){
	
	div.website{
		padding-top:2em;
		padding-bottom:2em;
	}
	div.website article.description h1{
		width:80%;
	}
	div.website article.description p em.prix{
		height:80px;
		width:80px;
		position:absolute;
		top:-40px;
		right:0px;
		font-size:1.2em;
		background:none;
		border:1px dashed rgba(255,255,255,0.5);
	}
	div.website article.description p em.prix:before{
		top:10px;
	}
	
	div.website article.description p em.text{
		width:90%;
		margin-left:0em;
	}
	div.website span{
		display:none;
	}
	div.website article.description p.more{
		display:flex;
		justify-content:flex-start;
	}
	div.website article.description p.more em{
		margin-left:0px;
		margin-right:1em;
		font-size:0.8em;
		padding:0.2em 0.5em;
	}
}





@media screen and (max-width:500px){
	#slide_container{
		padding-bottom:1em;
	}
	#banner_container div div{
		margin-left:auto;
		margin-right:auto;
	}
	#banner_container h1{
		font-size:1.5em;
		/text-align:center;
	}
	#banner_container p{
		/text-align:center;
	}
	
	
	
	div.introduction div:first-child{
		width:90%;
	}
	div.introduction  span{
		display:none;
	}
	div.introduction div p:last-child{
		text-align:right;
		margin-top:0.5em;
	}
}

@media screen and (max-width:400px){
	#banner_container h1{
		font-size:1.2em;		
		padding-top:0.3em;
		margin-left:auto;
		margin-right:auto;
	}
}




@media screen and (max-width:350px){
	div.website article.description h1{
		font-size:1.2em;
	}
	div.website article.description p.more em{
		margin-bottom:0.5em;
	}
		
}