@media screen and (min-width:320px) and (max-width:600px){
    
/*index*/

#banniere{width:1000px;}

h1,h2{font-size:70px;width:500px;margin-left:250px;}

nav{margin-left:15em;height:500px;}

nav li{width:300px;font-size:50px;}

#presentation{height:3000px;width:100%;}

aside{width:100%;}

aside img{margin-left:12em;width:600px;height:1000px;}

article{width:1000px;margin-left:0.5em;}

#mini{margin-left:em;width:610px;height:560px;}

p{font-size:55px;}

footer{clear:both;height:450px;margin-top:5em;width:1000px;}

#foot{clear:both;font-size:40px;padding:0.5em;margin:0;width:900px;text-align:center;}

footer #design{clear:both;font-size:40px;padding:1em;margin:0;width:900px;text-align:center;}
	
footer #logo{width:100px;height:100px;float:left;margin-top:-7em;margin-left:5em;}
	


/*page2*/

#sable{margin-left:210px;width:560px;height:460px;margin-bottom:1em;}
#rose{margin-left:210px;width:560px;height:460px;}
	
#tarif{clear:both;margin-top:8em;margin-bottom:8em;width:1000px;}

h3{font-size:60px;}
	
	#tarif p{margin:0;}
	
	#vacance{color:red;}
	
}







@media screen and (min-width:600px) and (max-width :1560px){
    
    /*index*/

#banniere{width:1000px;}

h1,h2{font-size:70px;width:500px;margin-left:250px;}

nav{margin-left:15em;height:500px;}

nav li{width:300px;font-size:50px;}

#presentation{height:3000px;width:100%;}

aside{width:100%;}

aside img{margin-left:12em;width:600px;height:1000px;}

article{width:1000px;margin-left:0.5em;}

#mini{margin-left:em;width:610px;height:560px;}

p{font-size:55px;}

footer{clear:both;height:450px;margin-top:5em;width:1000px;}

#foot{clear:both;font-size:40px;padding:0.5em;margin:0;width:900px;text-align:center;}

footer #design{clear:both;font-size:40px;padding:1em;margin:0;width:900px;text-align:center;}
	
footer #logo{width:100px;height:100px;float:left;margin-top:-7em;margin-left:5em;}
	


/*page2*/

#sable{margin-left:210px;width:560px;height:460px;margin-bottom:1em;}
#rose{margin-left:210px;width:560px;height:460px;}
	
#tarif{clear:both;margin-top:8em;margin-bottom:8em;width:1000px;}

h3{font-size:60px;}
	
	#tarif p{margin:0;}
	
	#vacance{color:red;}
	
}