/* CSS Document */

body{background:url(../images/bg-global-bleu.jpg) repeat-y center #00bcf1}

h1{margin-top:20px;background-image:url(../images/ligne-h1.png); background-repeat:no-repeat; background-position:185px 22px;}

#introduction{float:left; height:auto; width:100%}
#introduction p{float:left; width:100%; margin-top:50px; font-size:18px;color:#363636; margin-bottom:50px;}
#introduction p img{float:left; margin-right:20px; margin-top:-30px}


#contenu h2{color:#f38622; font-size:20px; text-align:left; background-image:url(../images/ligne-h2.png); background-repeat:no-repeat; background-position:left center; padding-left:115px; height:45px; line-height:45px;}

.infos{float:left; width:425px; height:auto; text-align:center;}
.infos p{width:425px; text-align:justify;margin-bottom:23px; height:120px}
.infos img{margin:20px 0 20px 0; border:1px solid #ccc}

.btn-telecharger{display:block; margin-left:auto; margin-right:auto; background:#00aeef; padding:0 10px 0 10px; height:25px; width:230px; color:white; text-decoration:none; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; text-shadow: 0px 1px 2px #000; filter: dropshadow(color=#000, offx=0, offy=1);border:2px solid #CCC}
.btn-telecharger:hover{background:#E55424}

@media screen and (max-width:1150px){
	h1{margin-top:16px; background-position:147.4px 17.5px}
	
	#introduction p{margin-top:39.5px; font-size:14.3px; margin-bottom:39.5px;}
	#introduction p img{margin-right:16px; margin-top:-23.9px; max-width:200px}
	
	#contenu h2{font-size:16px; padding-left:57.5px; height:35.8px; line-height:35.8px; background-size:auto 1px}	
	
	.infos{width:338.7px; margin-bottom:16px}
	.infos p{width:338.7px; margin-bottom:18.3px; font-size:12.7px;height:95px}
	.infos img{margin:16px 0 16px 0; max-width:286.15px}
	
	.btn-telecharger{padding:0 8px 0 8px; height:19.9px; width:183.3px; font-size:12.7px}
	
	.cutter-1{margin-bottom:7px;}
}

@media screen and (max-width:895px){
	#conteneur{margin-top:-15px; padding:30px 0 0 0;}
	
	h1{margin-top:16px; background-position:147.4px 17.5px}
	
	#introduction{float:right;width:475px}
	#introduction p img{float:left !important;margin-right:0; margin-top:12px; max-width:125px;}
	#introduction p{float:left; width:auto; margin-top:0px; margin-bottom:39.8px; font-size:14.3px}
	
	#contenu h2{font-size:16px; padding-left:57.5px; height:35.8px; line-height:35.8px; background-size:auto 1px}	
	
	.infos{width:300px; margin-bottom:16px}
	.infos p{width:300px; margin-bottom:18.3px; font-size:12.7px;height:95px}
	.infos img{margin:16px 0 16px 0; max-width:286.15px}
	
	.btn-telecharger{padding:0 8px 0 8px; height:19.9px; width:183.3px; font-size:12.7px}
	
	.cutter-1{margin-bottom:7px;}
}

@media screen and (max-width:650px){
	body{background:white !important}
	
	#conteneur{margin:0 !important; padding:0 !important;}
	
	h1{margin-top:2% !important; width:100% !important;background-position: auto center !important; background-size: contain}
	#contenu h2{font-size:1em; padding-left:125px; background-size:auto;}
	
	#introduction{float:right;width:100%; margin:70px 0 0 0}
	#introduction p img{margin-top:5%; max-width:25%;}
	
	.infos{width:99%; padding-bottom:10%;border-bottom:1px solid #CCC}
	.infos:last-child{border:none;}
	.infos p{width:99%; margin-bottom:5%; font-size:.8em !important;height:auto}
	
	.btn-telecharger{float:none; margin:0 auto 0 auto; padding:0; height:19.9px; width:183.3px; font-size:12.7px; line-height: 19.9px}
}

@media screen and (max-width:540px){
	body{background:white !important}
	
	#conteneur{margin:0 !important; padding:0 !important;}
	
	h1{margin-top:2% !important; width:100% !important;background-position: auto center !important; background-size: contain}
	#contenu h2{font-size:16px; padding-left:125px; background-size:auto;}
	
	#introduction{float:right;width:100%; margin:70px 0 0 0}
	#introduction p img{margin-top:5%; max-width:25%;}
	
	.infos{width:99%; padding-bottom:10%;border-bottom:1px solid #CCC}
	.infos:last-child{border:none;}
	.infos p{width:99%; margin-bottom:5%; font-size:.5em !important;height:auto}
	
	.btn-telecharger{float:none; margin:0 auto 0 auto; padding:0; height:19.9px; width:183.3px; font-size:12.7px; line-height: 19.9px}
}

@media screen and (max-width:380px){
	.btn-telecharger{float:none; margin:0 auto 0 auto}
	.infos p{font-size:.8em !important}
	.infos:last-child h2{line-height: 16px !important}
}