
/* version ipad */
@media only screen and (min-width: 40.063em) and (max-width: 64em){
	#question{margin-top:0;line-height:50px;}
	#tel{text-align:center;margin-top:0;line-height:20px;}
	}
 
/* version mobile */
@media only screen and (max-width: 40em) {
	body{background:url(../IMG/fondmobile.jpg) no-repeat center 0 fixed;}
	a#inscription{padding:5px;font-size:1em;}
	h1 {line-height:35px;text-align:center;padding:0 20px;}
	.logo{text-align:center;}
	#item {margin-top: 10px;margin:0 auto;}
	#item{max-width:350px;}
	#item li{margin:0 auto;}
	#item h2{max-width:350px;}
	#bloc1 p.citation {font-size: 1.1em;}
	.lien1{display:block;margin-bottom:30px;}
	#bloc1 h2 {font-size:0.9em;display:block;}
	#header{height:auto;overflow:hidden;}
	#menu{border:none;height:auto;}
	#menu ul{height:auto;}
	#menu li{text-align:center;font-size:1.2em;border-bottom:1px solid #151B1F;line-height:30px;height:40px;padding:0;margin-top:10px;}
	h1{font-size:1.1em;}
	#connexion{height:auto;}
	#connexion li{height:40px;margin-bottom:10px;line-height:40px;padding:10px;text-align:center;}
	#connexion li img{display:none;}
	#item h2{font-size:1em;}
	#intro{font-size:1em;line-height:30px;text-align:center;margin-top:10px;}
	#logo{text-align:center;margin:10px 0 20px 0;}
	#top{background:black;border:none;height:auto;opacity:0.9;}
	#topcontact, #question{text-align:center;}
	#question{margin-top:0;line-height:30px;}
	#top li {float:none;text-align:center;margin:10px auto;}
	#tel{text-align:center;margin-top:10px;margin-bottom:20px;line-height:20px;float:none;}
	#menumobile{margin-bottom:20px;}
	#menumobile li{text-align:center;background:#011345;text-transform:uppercase;border-bottom:1px solid #4F6C7F;line-height:40px;height:40px;font-size:1.3em;}
	#diapo{min-height:150px;}
	#accroche1{font-size:1.6em;line-height:40px;}
	#accroche{width:98%;margin:0 auto;font-size:0.9em;line-height:23px;}
	#reseau{display:none;}
	#realisations{margin-top:0;}
	#presentation_accueil{margin-top:20px;}
	.accroche{float:none;font-size:0.9em;text-align:center;}
	.slogan1{font-size: 1.1em;}
	.slogan4{width:90%;margin:0 auto;font-size:0.85em;line-height:23px;margin-top:15px;}
	.slogan3, .slogan2{font-size:2em;line-height:30px;padding:6px;}
	.slogan5{font-size:1.2em;line-height:30px;padding:6px;}
	#annonces p, #presentation p, #annonces a {line-height: 18px;font-size:0.95em;}
	.presentation p{line-height: 18px;font-size:0.95em;}
	.slogan{font-size:1.2em;line-height:35px;}
	.row{}
	#copyright{font-size:0.8em;text-align:center;margin-top:10px;}
	#pub{text-align:center;font-size:0.8em;margin-top:1px;}
	#pub img{max-height:15px;}
	#item2 li img.icon {max-height:70px;}
	#lien{height:auto;border:none;width:95%;}
	#lien li a{font-size:1.2em;}
	#lien li{line-height:15px;text-align:center;margin-top:10px;}
	p#devis{font-size:1.2em;}
	p, .presentation p {line-height:22px;}
	.presentation h2, h2{font-size:1.3em;margin-top:15px;}
	#footerc{text-align:center;}
	#devis{line-height:30px;background:#009eff;}
	div.etapes {font-size: 1em;line-height: 25px;}
	div.etapes li{margin-top:15px;} 
	#footer{background:#009eff;color:white;text-shadow: 2px 2px 2px #0F0701;border-top:1px solid #000000;height:auto;position:static;font-size:1.1em;}
	#footer_presentation{text-align:center;font-size:1.2em;height:auto;padding:5px 0 10px 0;font-family:Century Gothic;margin-top:10px;}
	#footer_presentation .infoscs{margin-top:10px;margin-bottom:10px;}
	#item{margin-top:20px;}
	#item2{margin-top:20px;}
	#footer_lien{background:#2B2B2B;}
	#footer_lien li{font-size:1.3em;margin-bottom:15px;border-left:none;}
	#footer_lien ul{margin-left:10px;}
	#synthese_atout li .fa1, #synthese_atout li .fa, #synthese_atout li .fa2{float:left;}
	.synthese_presentation br, .flex-direction-nav{display:none;}
	#references h2, #references li{text-align:center;}
	.ref_titre, .ref_url{font-size:1.3em;}
	.ref_type{font-size:1.15em;}
	#contact, #contactinfo{height:auto;}
	#contact input[type="submit"] {margin-top:0;margin-bottom:15px;}
	#prestation2 h2{font-size:0.9em;}
	#prestation2 img{width:95%;}
	#accueil1,#accueil2,#accueil3{margin:30px auto; width:100%;float:none;}
	#commentcamarche{margin-top:0px;}
	.accueil h2{max-width:180px;}
	#crazymum2 .cadre4 p{text-align:center;}
	
	#commande_texte{font-size:0.5em;}
	#commande_texte_champs{font-size:0.2em;}
	}
	
	