@media screen and (max-width:1100px){
	section.center_presentation div{
		width:45%;
		padding:0.5em 1em;
	}
	
	section.admission{
		width:80%;
		margin:1em auto;
		text-align:center;
		padding:0em 0px;
	}
	
	
	div.team p{
		width:80%;
	}
	
	div.records{
		display:flex;
		flex-wrap:wrap;
	}
	div.records ul{
		width:60%;
	}
	
	div.records ul.frais_stage{
		display:none;
	}
	div.records .others ul li.other_frais,div.records .others ul li.other_stage{
		display:flex;
	}
	
	div.records div{
		width:auto;
	}
	div.records .others{
		margin-top:0px;
		margin-left:1.5em;
		margin-right:0px;
		width:95%;
		justify-content:flex-start;
	}
	div.records .others ul{
		justify-content:;
		margin-top:0px;
		width:100%;
		margin-left:0px;
	}
	
	div.records .others li{
		width:25%;
	}
	
	div.records .others p.add{
		margin-top:0px;
	}
	div.records .others p.add span{
		margin-left:0px;
	}
	
	div.parteners ul{
		justify-content:space-between;		
	}
	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:900px){	
	section.center_presentation div{
		width:80%;
		padding:0.5em 4em;
	}
	section.center_presentation{
		justify-content:center;
	}
	#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.prepos em{
		font-size:2.5em;
	}
	
	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;
	}
	
	div.associate div.associate_title{
		width:100%;
	}
	div.associate div.associate_title h1{
		width:100%;
	}
}



@media screen and (max-width:750px){
	section.center_presentation{
		margin-top:7em;
	}
	section.center_presentation div{
		width:85%;		
		padding:0.5em 2em;
	}
	
	
	section.prepos{
		padding:1.5em 0px;
	}
	section.prepos h1,section.prepos p{
		width:90%
	}
	section.prepos p{
		margin-top:0.8em;
		margin-bottom:0.8em;
	}
	section.prepos em{
		font-size:1.5em;
	}
	
	
	
	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 article h2{
		font-size:1.8em;
	}
	.option_inside article h3{
		font-size:1em;
		margin-top:0.2em;
	}
	.option_inside article p.add span{
		padding:0.4em 1em;
		font-size:0.9em;
		/border-radius:15px;
	}
	.option_inside article ul li span{
		border:1px solid rgba(0,0,0,0.2);
		height:15px;
		width:15px;
	}
	
	
	div.conditions h1,div.team h2{
		width:90%;
		margin-bottom:0em;
		margin-left:0px;
		font-size:2.2em;
	}
	div.conditions p.text,div.associate p.text{
		width:80%;
		font-size:1em;
	}
	div.records div.description h1{
		font-size:2.2em;
	}
	/*div.associate h1{
		width:90%;
		margin-bottom:0em;
		margin-left:0px;
		font-size:2.2em;
	}	
	div.associate div.associate_title h1{
		font-size:2.2em;
	}*/	
	
	div.parteners article{
		flex-wrap:wrap;
	}
	div.parteners article p{
		width:100%;
	}
	div.parteners article>span{
		height:150px;
		margin:auto;
		width:80%;
	}
	
	#banner em.published{
		justify-content:flex-end;
		padding-right:2em;
		margin-right:2em;
		margin-bottom:1em;
	}
	#banner em.published a{
		font-size:0.8em;
	}
	#banner em.published a span:last-child{
		height:20px;
		width:20px;
	}
}

@media screen and (max-width:700px){
	section.center_presentation{
			margin-top:3em;
		}
		section.center_presentation div{
			width:95%;
			margin-bottom:3em;
		}
}

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

	div.team ul{
		justify-content:center;
	}
	#preparatoty section{
		width:95%;
		margin-right:0px;
		padding:4em 0px;
	}
	#preparatoty section p.title{
		font-size:1.8em;
	}
	
	.option_inside h1{
		font-size:2em;
	}
	.option_inside p.introduction{
		font-size:1em;
		width:100%
	}	
	
	div.records div.description h1{
		font-size:2em;
	}
	div.records .others li{
		width:40%;
	}	
	
	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.website article.description{
		width:80%;
	}
	div.website article.description h1{
		font-size:1.4em;
	}
	
	div.associate div.associate_title h1{
		font-size:1.8em;
	}
	
	div.associate div.associate_title p.text{
		width:100%;
	}
	div.list_associate span{
		font-size:1.7em;
	}
}



@media screen and (max-width:600px){
	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;
	}
	.option_inside p.introduction em{
		width:100%;
	}
}


@media screen and (max-width:550px){	
	section.center_presentation div span{
		height:70px;
		width:70px;
	}
	
	#preparatoty section{	
		padding:2.5em 0px;
	}
	
	#preparatoty section{
		width:100%;
	}

	#preparatoty section p.title{
		font-size:1.3em;
	}
	#preparatoty section p.accepted span{
		padding:0.2em 1em;
		font-size:0.9em;
	}
	.option_inside h1{
		font-size:1.8em;
	}
	.option_inside div.licence_poster,	.option_inside div.master_poster,	.option_inside div.doctorat_poster{
		/width:200px;
		/height:400px;
	}

	div.conditions p.text,div.associate p.text{
		width:100%;
		font-size:0.9em;
	}
	
	div.conditions p.add,div.associate p.add{
		margin-left:0px;
		margin-right:0px;
		margin-top:0.5em;
		font-size:0.8em;
	}
	div.conditions h1,div.associate h1{
		font-size:1.8em;
		margin-top:1.5em;
	}
	
	div.records ul li{
		width:70%;
	}
	div.records .others li{
		width:70%;
	}
	div.records div.description h1{
		font-size:1.8em;
	}
	
	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;
	}
	
	div.list_associate span{
		width:90%;
		margin-bottom:0.7em;
		border-bottom:2px solid rgba(0,0,0,0.1);
		border-radius:5px;
	}
	div.associate div.associate_title p.text{
		font-size:1em;
	}
	div.parteners article>span{		
		width:100%;
	}
}





@media screen and (max-width:500px){
	div.mission h1{
		font-size:1.5em;
	}
	
	.option_inside div.licence_poster,.option_inside div.master_poster,.option_inside div.doctorat_poster{
		display:none;
	}
		
	.option_inside p.outside{
		display:block;
		display:none;
	}
	.option_inside p.introduction{
		margin-bottom:0.5em;
	}	
	.option_inside p.outside_licence{
		background:url("/public/image/two.jpg") center;
		background-size:cover;
	}
	.option_inside p.outside_master{
		background:url("/public/image/one.png") top no-repeat;
		background-size:50%;
	}	
	.option_inside p.outside_doctorat{
		background:url("/public/image/adel.jpg") top;
		background-size:80%;
	}
	
	
	section.admission_inscription section h1{
		font-size:1.6em;
	}
	section.admission_inscription section p{
		font-size:0.9em;
		line-height:1.2em;
	}
	section.admission_inscription section h1 em:first-child{
		height:35px;
		width:35px;
	}
	
	
	section.prepos{
		flex-wrap:wrap;
		margin-top:0px;
	}
	section.prepos div{
		width:100%;
	}
	section.prepos div p{
		display:flex;
		flex-wrap:wrap;
	}
	section.prepos div.prepos_illustration{
		height:100px;
	}
	
	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{
		justify-content:center;
	}
	
	div.parteners ul li{
		min-width:50%;
	}
}



@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;
	}
	
	#preparatoty section p.title{
		font-size:1.2em;
	}
	div.records div.description h1{
		font-size:1.5em;
	}
	div.team h2{
		font-size:1.5em;
	}
	
	div.records ul li span em:first-child{
		font-size:1.2em;
	}
	div.records ul li span em:last-child{
		font-size:0.9em;
	}
	div.records ul li{
		padding:0.5em 1em;
		margin-top:0.2em;
		margin-bottom:0.2em;
		width:90%;
	}
	div.records .others li{
		width:90%;
	}
	
	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;
	}	
}