/* CSS Document */

body{background:url(../images/bg-global-vert.jpg) repeat-y center #179b15;}

#contenu div:first-child img{float:left; margin-top:100px; }

#col-droite{float:right; width:490px; height:auto; background-image:url(../images/tampon-poste.jpg); background-repeat:no-repeat; background-position:left top; text-align:center;}
#col-droite h1{color:#0e59a9; margin:110px 0 0 0; text-align:right;}
#col-droite p{text-align:justify; margin-top:30px;}
#col-droite div:nth-child(3) img{margin:30px 0 0 0}
#col-droite div:nth-child(5) a{font-size:30px; font-weight:bold; text-decoration:none; text-align:center;display:block; margin-left:70px; width:auto; margin-top:-20px}
#col-droite div:nth-child(5) a img{float:left; margin-top:10px !important}
#col-droite div:nth-child(5) a span{float:left; color:#0e59a9; margin:0 5px 0 5px;}
#col-droite div:nth-child(5) div{float:left; width:100%; height:50px;}
#col-droite div:nth-child(5) div img{margin-top:0;}

@media screen and (max-width:1150px){
	#contenu div:first-child img{margin-top:79.7px; max-width:343.5px}		
	
	#col-droite{width:390.5px; background-size:220px}	
	#col-droite h1{margin:87.7px 0 0 0;}	
	#col-droite p{margin-top:23.9px; font-size:12.7px}	
	#col-droite div:nth-child(3) img{margin:23.9px 0 0 0; max-width:216.8px}	
	#col-droite a{font-size:23.9px;}	
	#col-droite a span{font-size:20.5px}	
	#col-droite a img{max-width:12px;}	
	#col-droite div:nth-child(6){margin-left:-2px;}	
	#col-droite div:nth-child(6) img{max-width:44.6px}
}
	
@media screen and (max-width:895px){	
	#conteneur{margin-top:-15px; padding:30px 0 0 0;}
			
	#contenu div:first-child{float:left; position:absolute; width:auto; height:auto; margin-top:175px;}
	#contenu div:first-child img{max-width:275px}		
	
	#col-droite{position:relative; width:475px; background-size:220px; height:auto; margin-bottom:75px}	
	#col-droite h1{margin:87.7px 0 0 0;font-size:25px}	
	#col-droite p{margin-top:23.9px; font-size:12.7px}	
	#col-droite a{font-size:23.9px;}
	#col-droite div:nth-child(3) img{margin:60px 0 0 120px !important; max-width:216.8px}
	#col-droite div:nth-child(5){width: 380px; text-align: center; margin-left:45px}
	#col-droite div:nth-child(5) a{font-size:23.9px; margin-left:130px;}	
		#col-droite div:nth-child(5) a span{font-size:20.5px}	
		#col-droite div:nth-child(5) a img{max-width:12px;}	
	#col-droite div:nth-child(5) div{margin-left:65px !important;}	
	#col-droite div:nth-child(5) div img{max-width:44.6px}
}
	
@media screen and (max-width:650px){
	body{background:white !important}
	
	#conteneur{margin:0 !important; padding:0 !important;}
	
	#contenu div:first-child{display:none;float:left; position: inherit; width:auto; height:auto;}
	#contenu div:first-child img{float:left; max-width:25%}
	#contenu h1{float: right;width:90% !important; font-size:2em;}
	
	#col-droite{float:left; width:99%; background-size: 35%; background-position:5% 15% ;height:auto; margin-bottom:0}
	#col-droite  p{margin-top:10% !important}
	#col-droite div:nth-child(3) img{margin:10% 0 0 0 !important; max-width:50%}
	#col-droite div:nth-child(5){width:99%; text-align: center; margin:0 !important; padding:0}
	#col-droite div:nth-child(5) div{margin-left:0 !important;}
	#col-droite div:nth-child(5) a{float:none; width:50% !important; font-size:23.9px; margin-left:29%; text-align: center;}	

}

@media screen and (max-width:540px){
	body{background:white !important}
	
	#conteneur{margin:0 !important; padding:0 !important;}
	
	#contenu h1{font-size:1.5em;}
	#contenu div:first-child{display:none;float:left; position: inherit; width:auto; height:auto;}
	#contenu div:first-child img{float:left; max-width:25%}
	
	#col-droite{float:left; width:99%; background-size: 35%; background-position:5% 15% ;height:auto; margin-bottom:0}
	#col-droite div:nth-child(3) img{margin:10% 0 0 0 !important; max-width:50%}
	#col-droite div:nth-child(5){width:99%; text-align: center; margin:0 !important; padding:0}
	#col-droite div:nth-child(5) div{margin-left:0 !important;}
	#col-droite div:nth-child(5) a{float:none; width: 100% !important; font-size:23.9px; margin-left:25%}

}

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

	#col-droite div:nth-child(5) a{float:none; width: 100% !important; font-size:23.9px; margin-left:12%}
}