
/* 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;}
	#titre h1 {font-size: 0.9em;}
	#item2 h2 {font-size:0.75em;}
	#item2 p {font-size: 0.7em;}
	.ovehidden{overflow:auto;}
	#form {margin-top: 60px;}
	}
 
/* version mobile */
@media only screen and (max-width: 40em) {
	a#inscription{padding:5px;font-size:1em;}
	#titre h1 {font-size: 0.9em;line-height: 25px;text-align:center;}
	#contact {text-align: center;}
	#contact img {display:none;}
	#logo img {max-height: 190px;}
	.creadec o {margin-top: 0;}
	.creadeco img {max-height: 200px;}
	#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:1.7em;}
	#item2 h2{font-size:1.7em;}
	#intro{font-size:1em;line-height:30px;text-align:center;margin-top:10px;}
	#logo{text-align:center;margin:10px 0 10px 0;}
	.pres1 h2 {font-size: 1.7em;text-align:center;}
	#top{background:black;border:none;height:auto;opacity:0.9;position:relative;}
	#topcontact, #question{text-align:center;}
	#item li a,#item2 li a{text-align:center;}
	#item li img {max-width: 280px;clear:both;display:block;margin:0 auto;}
	#item2 li img {max-width: 240px;clear:both;display:block;margin:0 auto;}
	#item p{max-width:280px;text-align:center;margin:5px auto 0 auto;}
	#item2 p {max-width:240px;text-align:center;margin:5px auto 0 auto;}
	#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;}
	#item h2{font-size: 0.9em;margin:0 auto;padding: 5px;clear:both;max-width:280px;}
	#item2 h2{font-size: 0.9em;margin:0 auto;padding: 5px;clear:both;max-width:240px;}
	.accroche{float:none;font-size:0.9em;text-align:center;}
	.slogan1{font-size: 1em;width:100%;padding:0;}
	.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;}
	#pres1 {margin: 0;}
	.pres1 {padding:5px 10px;}
	.pres1 p {margin-top: 0;}
	.pres1 h2.police1 {font-size: 1.4em;}
	.pres1 hr {margin: 0 0 5px 0;}
	.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;}
	#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;}
	#form {margin-top: 0;padding: 0;}
	.itemmarge1 {margin-top: 0;}
	p, .presentation p {line-height:22px;}
	.presentation h2, h2{font-size:1.3em;margin-top:15px;}
	.ovehidden{overflow:auto;}
	#form_form input[type="submit"] {margin-bottom:30px;}
	#footerc{text-align:center;}
	#form li.champ {text-align: left;width: 100%;}
	#form li.valeur {width: 100%;text-align: left;}
	#form_form input[type="text"], #form_form textarea {float:left;}
	#devis{line-height:30px;background:#009eff;}
	div.etapes {font-size: 1em;line-height: 25px;}
	div.etapes li{margin-top:15px;} 
	#pres3 h2 {font-size: 1.1em;line-height: 33px;margin-bottom: 0;text-align:center;line-height:25px;max-width:280px;margin:20px auto 0 auto;font-family:"Coda",cursive;}
	#pres3 hr{display:none;}
	#pres3 .fa{display:none;}
	#pres3 img {max-height: 350px;}
	#pres3 {margin-top:-15px;}
	#footer{background:black;color:white;text-shadow: 2px 2px 2px #0F0701;border-top:1px solid #000000;height:auto;position:static;font-size:1.1em;}
	.sepafooter {height: 20px;}
	#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:0;}
	#pres1 p.tarif span.astuce, #pres2 p.tarif span.astuce {font-size: 0.7em;}
	.pres1 h2 {max-width:280px;margin:-5px auto 10px auto;}
	#pres1 img, #pres2 img {max-height:350px;}
	#pres2 {margin-top:0;}
	#item2{margin-top:0;}
	#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;}
	}
	
	