@media screen and (max-width:1100px){
	/*div.banner section div h1{
		display:flex;
		flex-direction:column;
		font-size:4em;
	}
	div.banner section div{
		margin:0px;
		width:600px;
	}
	div.banner section article{
		width:250px;
		height:250px;
	}
	*/
	section.all_formation{
		margin-top:0px;
	}
	
	/*
	section.center_presentation div{
		width:45%;
		padding:0.5em 1em;
	}
	*/
	div.recors{
		margin-bottom:0px;
		padding:1.5em 0px;
	}
	div.recors ul{
		flex-wrap:wrap;
	}
	div.recors ul li.title{
		width:100%;
		padding-bottom:0.1em;		
		margin-bottom:0.5em;
	}	
	div.team p{
		width:80%;
	}	
	div.parteners ul{
		justify-content:space-around;		
	}
	div.parteners ul li{
		margin:auto 1em;
		margin-bottom:1em;
	}
	
	div.website article.description{
		width:50%;
	}	
	div.team ul{
		width:100%;
		flex-wrap:wrap;
	}
	div.team h2{
		width:90%;
	}
}

@media screen and (max-width:1000px){
	section.all_formation{
		margin-top:0em;
	}
}

@media screen and (max-width:900px){
	/*div.banner section div h1{
		display:flex;
		flex-direction:column;
		font-size:3em;
	}
	div.banner section div{
		margin:0px;
		width:500px;
	}
	div.banner section article{
		width:200px;
		height:200px;
	}
	*/
	/*section.center_presentation div{
		width:80%;
		padding:0.5em 4em;
	}
	section.center_presentation{
		justify-content:center;
	}
	
	*/
	/*
	#contact >h1{
		font-size:2.5em;
	}
	#contact section.illustration{
		width:300px;
		background:rgba(240,240,240,0.5);
		display:flex;
		height:500px;
		border-radius:1em;
	}
	
	*/
	#preparatoty section{
		width:80%;
		padding:5em 0px;
	}
	
	
	div.records .others li{
		width:35%;
	}

	div.spaces h1{
		font-size:1.8em;
		margin-bottom:0px;
	}
	div.spaces p{
		width:90%;
		margin-top:0.5em;
		line-height:1.2em;
		margin-bottom:0.8em;
	}
	
	
}


@media screen and (max-width:850px){
	
	/*section.mission_history{
		flex-wrap:wrap;
	}
	div.mission{
		width:80%;
		/background:rgba(240,240,240,0.3);
	}
	*/
	
	section.admission_inscription{
		flex-wrap:wrap;
		width:80%;
	}
	section.admission_inscription section{
		width:100%;
		margin:1.5em 0px;
	}
	div.website article.description{
		width:70%;
		margin-left:auto;
		margin-right:auto;
	}
	/*
	section.admission_inscription{
		flex-wrap:wrap;
		width:80%;
	}
	section.admission_inscription section{
		width:100%;
		margin:1.5em 0px;
	}
	section.admission_inscription section h1 em:first-child{
		position:relative;
		top:0px;
		left:0px;
	}
	section.admission_inscription section h1{
		padding-left:0px;
	}*/
}



@media screen and (max-width:750px){
	#banner em.published{
		justify-content:flex-end;
		padding-right:2em;
		margin-bottom:1em;
	}
	#banner em.published a{
		font-size:0.8em;
	}
	#banner em.published a span:last-child{
		height:20px;
		width:20px;
	}
	/*div.banner section{
		position:relative;
		padding-bottom:0em;
	}
	div.banner section div{
		margin:0px;
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	div.banner section article{
		position:absolute;
		bottom:-100px;
		right:20px;
		height:150px;
		width:150px;
		border-top:10px solid white;
		border-left:10px solid white;
		border-right:10px solid white;
	}
	div.banner{	
		background:-webkit-linear-gradient(left,rgba(244,244,244,1),rgba(244,244,244,0.7));
	}
	div.banner section div h1{		
		font-size:3em;
		margin-top:0.5em;
		margin-bottom:0.5em;
	}
	div.banner section div p.tel{
		font-size:0.9em;
	}
	div.banner section div p.devise{
		font-size:0.9em;
	}
*/
	/*section.center_presentation{
		margin-top:7em;
	}
	section.center_presentation div{
		width:85%;
		/margin-bottom:3em;
		padding:0.5em 2em;
	}
	*/
	/*
	section.admission{
		width:80%;
	}
	section.admission h1{
		font-size:1.8em;
		margin-bottom:0.5em;
	}
	section.admission div{
		margin-top:0em;
	}
	*/
	
	section.admission_inscription{
		flex-wrap:wrap;
		width:90%;
	}
	section.admission{
		width:80%;
	}
	section.admission h1{
		font-size:1.8em;
		margin-bottom:0.5em;
	}
	section.admission div{
		margin-top:0em;
	}
	
	
	.option_inside h1{
		font-size:2.2em;
	}
	.option_inside p.introduction{
		font-size:1.1em;
		width:100%
	}
	
	.option_inside div.formation_id{
		margin-left:0.2em;
		margin-right:0.2em;
	}
	
	div.team li span{
		height:120px;
		width:120px;
	}
	
	div.team h2{
		font-size:1.7em;
	}
	div.parteners h1{
		font-size:1.7em;
	}
	
}



@media screen and (max-width:700px){
	/*section.center_presentation{
		margin-top:3em;
	}
	section.center_presentation div{
		width:95%;
		margin-bottom:2em;
	}
	
	section.center_presentation div.adresse_contact{
		width:95%;
		margin-bottom:0em;
	}
*/
	.option_inside{
		width:95%;
	}
	.option_inside div.licence_poster{
		width:100%;
		height:200px;
		margin-bottom:2em;
		border-radius:0px;
	}
	
	.option_inside div.formation_id{
		width:270px;
		height:420px;
	}
	.option_inside div.formation_id div{		
		height:350px;
	}
	.option_inside div.formation_id h1{
		margin-bottom:0.5em;		
	}
}



@media screen and (max-width:650px){
	/*
	section.admission_inscription{
		flex-wrap:wrap;
		width:90%;
	}
	
	section.admission_inscription section h1{
		font-size:1.8em;
	}
	*/
	section.admission_inscription section h1{
		font-size:1.5em;
	}
	
	
	div.team ul{
		justify-content:center;
	}
	div.team li span{
		height:120px;
		width:120px;
	}
	div.team li em.name{
		font-weight:bold;
		font-size:0.8em;
	}
	div.team li em:last-child{
		font-size:0.8em;
	}
	
	
	div.spaces h1{
		font-size:1.5em;
	}
	div.spaces p{
		margin-bottom:1em;
		font-size:0.9em;
	}
	
	div.recors ul li+li{
		font-size:1em;
	}
	div.recors ul li span{
		font-size:1.5em;
		margin-bottom:0.1em;
	}
	
	div.website article.description{
		width:80%;
	}
	div.website article.description h1{
		font-size:1.4em;
	}
	
}



@media screen and (max-width:600px){
	/*
	div.banner section {
		padding-top:1em;
	}
	div.banner section div h1{		
		font-size:2.5em;
	}
	div.banner section article{
		position:absolute;
		bottom:-70px;
		right:20px;
		height:120px;
		width:120px;
		border:5px solid white;
	}
	*/
	/*
	section.center_presentation div span{
		height:80px;
		width:80px;
	}
	
	section.center_presentation h1{
		font-size:1.3em;
		margin-bottom:0.5em;
	}
	section.center_presentation p{
		margin-top:0px;
	}
	section.center_presentation div section{
		width:70%;
	}
	section.center_presentation div{
		padding:0.5em 1em;
	}
	*/
	
	div.recors ul li.title{
		border-bottom:none;
	}	
	div.recors ul li+li{
		margin-bottom:1em;
	}	
	div.recors ul li:last-child{
		margin-bottom:0px;
		margin-top:0px;
	}

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




@media screen and (max-width:550px){
	/*section.center_presentation div span{
		height:70px;
		width:70px;
	}	*/
	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){
	/*div.banner section div h1{		
		font-size:2em;
	}
	div.banner section article{
		position:absolute;
		bottom:-50px;
		right:10px;
		height:100px;
		width:100px;
		border:5px solid white;
	}*/
	div.team li span{
		height:100px;
		width:100px;
	}
}

@media screen and (max-width:450px){
	/*section.center_presentation div{
		position:relative;
		justify-content:center;
	}
	section.center_presentation div section{
		width:90%;
	}
	section.center_presentation div span{
		height:70px;
		width:70px;
		position:absolute;
		top:-40px;
	}*/
	
	div.parteners ul li{
		min-width:60%;
	}
}


@media screen and (max-width:350px){
	
	div.outside_description h1{
		font-size:1.2em;
	}
	div.outside_description h1 span:last-child{
		top:0px;
		width:50px;
		height:50px;
		line-height:40px;
	}	
		
	div.team h2{
		font-size:1.5em;
	}
	
	div.team p{
		width:90%;
		font-size:0.9em;
		line-height:1.3em;
	}
	
	div.website article.description h1{
		font-size:1.2em;
	}
	div.website article.description p.more em{
		margin-bottom:0.5em;
	}
	div.team ul{
		justify-content:center;
	}
	div.team li{
		margin-left:2em;
		margin-right:2em;
	}	
}