@media all and (max-width: 1680px) {
    body,input,textarea,select{font-size:15pt;}
	#top{padding-top:2em}
	#header{padding:0em}
	#header header{margin-top:2em}
	#header footer{margin-top:2em}	/*22em*/
	.main > header{padding:2em 0}	
	.not-widest,.not-wide{display:none!important}.only-normal,.only-narrow,.only-mobile{display:none!important}	
}
@media all and (max-width: 1280px) {
    body,input,textarea,select{font-size:13pt;line-height:1.65em}
	.feature-icon{margin-bottom:2em}
	#top{position:relative;margin-top:0;padding-top:0}	
	#header{padding:3em 0 3em 0}
	#header header{margin-top:2em}
	#header footer{margin-top:28em}
	.logohead img{margin-top:0}		
	.main{}	
	.main > header{}		
	.main > .content{padding:4em 0 4em 0}		
	body{min-width:960px}
	.container{margin-left:auto;margin-right:auto;width:960px}
	.container.small{width:720px}
	.container.big{width:100%;max-width:1200px;min-width:960px}	
	.not-widest,.not-wide,.not-normal{display:none!important}.only-narrow,.only-mobile{display:none!important}		
	.row>*{padding:30px 0 0 30px}.row+.row>*{padding-top:30px}.row{margin-left:-30px}.row.half>*{padding:15px 0 0 15px}.row.half+.row.half>*{padding-top:15px}.row.half{margin-left:-15px}.row.quarter>*{padding:7.5px 0 0 7.5px}.row.quarter+.row.quarter>*{padding-top:7.5px}.row.quarter{margin-left:-7.5px}.row.oneandhalf>*{padding:45px 0 0 45px}.row.oneandhalf+.row.oneandhalf>*{padding-top:45px}.row.oneandhalf{margin-left:-45px}.row.double>*{padding:60px 0 0 60px}.row.double+.row.double>*{padding-top:60px}.row.double{margin-left:-60px}
	.row:after{content:'';display:block;clear:both;height:0}.row:first-child>*{padding-top:0!important}.row>*{padding-top:0}
}
@media all and (max-width: 1000px) {
    header,footer,h2,h3,h4,h5,h6{text-align:left}	
	header > p{text-align:center}
	section,article,.row > section,.row > article{margin:0 0 0 0 !important}
	table.links{width:100%}
	table.prix td{padding:0;color:#666666;font-size:13px}
	ul.actions{text-align:center}
	ul.default{text-align:center}
	#header{margin:0 !important;padding:2em}
	#header header{margin-top:2.4em}	
	#header header h1{font-size:1.5em}		
	#header header p{margin-top:1em}
	#header footer{margin-top:16em;padding-top:1.25em}
	#header.dark a{font-size:12px}
	.logohead img{width:5em}	
	#top2 nav{margin:0}
	#top2 nav ul{display:block;margin: 0 20px 0 0;padding:0;float:right}
	#mini{margin-left:auto;margin-right:auto}
	form textarea.petit{margin-bottom:0}
	.dark .buttonautre,.dark .buttonautreactive{font-size:13px;padding-bottom:0.4em}
	.dark a.active{font-size:13px;padding-bottom:0.4em}
	.imgOU{padding:0 }
	.standardico{width:50%}	
	.main{margin:0 !important}	
	.main > header{padding:3.5em 2em 0em 2em}
	.main > header.titre{padding:2em}
	.main > header h2{font-size:1.85em}
	.main > header p{margin:1.5em 0 0 0}
	.main > .content{padding:3.5em 20px 3.5em 20px}		
	.main > .content > .container > :last-child{margin-bottom:0 !important}
	#imgavo{display:none}
	#seo-footer .nav2{width:100%}	
	.footer-top ul{padding:0}
	#seo-footer{margin:auto;width:80%}
	#footer{margin:0 !important}	
	#footer .copyright{margin-top:2em}		
	/********************** plus ******************/
	.scrolly{ width:90%}
	.menu_indicator{display:none}
	#home_stitle{height:90px}
	.horizontal-list.tight-list{margin:0}
	.horizontal-list li{text-align:left}
	#footer_menu .nav a{font-size:11pt;margin:0 6px 0 0}
	.horizontal-list.tight-list li{margin:0;padding:0 0 0 14px}
	.link-table td{text-align:left}
	.gallery{width:100%}
	#div_contact{position:relative}	
	body{min-width:100%}
	.container{margin-left:auto;margin-right:auto;width:100%}
	.container.small{width:75%}
	.container.big{width:100%;max-width:125%;min-width:100%}	
	.not-widest,.not-wide,.not-normal,.not-narrow{display:none!important}.only-mobile{display:none!important}
	.row:after{content:'';display:block;clear:both;height:0}.row:first-child>*{padding-top:0!important}.row>*{padding-top:0}.row:not(.no-collapse):not(.no-collapse-1):not(.no-collapse-2):not(.no-collapse-3){margin-left:0}.row:not(.no-collapse):not(.no-collapse-1):not(.no-collapse-2):not(.no-collapse-3)>*{float:none!important;width:100%!important;margin-left:0!important}.row:not(.no-collapse):not(.no-collapse-1):not(.no-collapse-2):not(.no-collapse-3):not(.flush)>*{padding:10px 0 10px 0!important;}.container{max-width:none!important;min-width:0!important;width:100%!important}
	.row>*{padding:25px 0 0 25px}.row+.row>*{padding-top:25px}.row{margin-left:-25px}.row.half>*{padding:12.5px 0 0 12.5px}.row.half+.row.half>*{padding-top:12.5px}.row.half{margin-left:-12.5px}.row.quarter>*{padding:6.25px 0 0 6.25px}.row.quarter+.row.quarter>*{padding-top:6.25px}.row.quarter{margin-left:-6.25px}.row.oneandhalf>*{padding:37.5px 0 0 37.5px}.row.oneandhalf+.row.oneandhalf>*{padding-top:37.5px}.row.oneandhalf{margin-left:-37.5px}.row.double>*{padding:50px 0 0 50px}.row.double+.row.double>*{padding-top:50px}.row.double{margin-left:-50px}
}
@media all and (max-width: 640px) {
    body,input,textarea,select{font-size:11pt}
	section,article,.row > section,.row > article{margin:0 0 0 0 !important}
	.button{padding-left:0;padding-right:0;margin:0.85em;width:93%;max-width:300px}
	.buttonautre,input.blanc,a.annul_ajax {padding-left:0;padding-right:0;margin:0.2em;width:100%;max-width:300px;display:inline-block}
	.column{float:none;width:100%;border-bottom:none;padding:0}
	.column h3{display:none}
	.column:hover{border-bottom:none;padding:0}	
	.blanc,.orange,.vert{display:block}
	#menuderoul{display:inherit}
	#menunormal{display:none}		
	ul.icons{}			
	ul.icons li{padding-left:0.35em}
	ul.actions{}
	ul.actions li{display:block;margin:1em 0 1em 0}	
	ul.menu{}
	ul.menu li{border:0;padding:0;display:block;margin:1em 0 1em 0}
	table.actu td{font-size:10px;line-height:1.4em}
	table.actu{color:#006699;font-size:12px;font-weight:500}
	/*td span{color:#006699;font-size:12px;font-weight:500}*/
	td span{font-size:16px}
	table.prix td{font-size:10px;line-height:1.4em;padding:0em}
	table.prix td img{display:none}
	table#tof tbody tr td img{display:inherit}
	table#tof tbody tr td.tof img{display:none}
	td.leprix p{line-height:2em}
	.4mobile{width:80%}
	#top nav{float:none;margin:0  0 10px 0;width:100%}
	#top nav ul li{}
	#top2 nav{margin:0}
	#top2{}
	#top2 nav ul{display:block;margin:0;padding:0;float:right}
	#logo{margin:10px 0 0 20px;width:11%}
	#logo2{width:100%}
	.logohead{margin-left:0}
	.partner{margin-top:2em;width:100%}	
	.dark nav#chemin{display:none}	
	.dark .buttonautreactive,.dark .buttonautreactive:hover{border-bottom:none}		
	.imgOU{padding:0 9em}	
	blockquote{font-size:12px}
	.certif{display:none}
	#header{/*background:#222222 repeat-x;*/    background-size: 320% 100%;padding:2em 0;background-position: 40% 0%}
	.col-exp {width: 80%;}
	#header footer{margin-top:0;padding:0}	
	#header > header{padding:0 1em 0 1em}
	#header2{padding:0}	
	#header2 > header{padding:0}
	.dark footer nav li{display:block;text-align:center;border-bottom:solid 5px #333333;padding-bottom:0.3em}
	.dark .buttonautre:hover{border-bottom:none}
	.dark a.active{padding-bottom:0;border-bottom:none}	
	.gallery,#camembert{display:none}
	@media all and (min-width:500px){.gallery-tab{margin:2em 0 0 0;display:inherit}}
	@media all and (max-width:500px){.gallery-mobile{margin:2em 0 0 0;display:inherit}#camembert_tel{display:block}}
	.gallery-mobile img,.gallery-tab img{width:100%}
	nav.icone-question ul li{display:block;width:100%;text-align:center}
	nav.icone-question ul li img{width:50%}
	table.default{width:100%;margin-left:0}
	.main{}	
	.main > header{padding:1.5em 20px 1.5em 20px}
	.main > header.actu{padding:1.5em 20px 1.5em 20px}
	.main > header h1{font-size:16px}
	.main > header h2{font-size:1.5em}
	.main > .content{padding:3em 20px 3em 20px}
	.main > .content h3{font-size:1.25em}
	footer{padding-bottom:0}	
	#footer{padding-top:1em}	
	#seo-footer{margin:0 auto;width:90%}		
	footer.seo-footer,#comp_web{display:none}	
	footer.seo-footer2,#comp_mob{display:inherit}	
	footer.seo-footer3 #seo-footer{display:none}		
	h3{font-size:12px;text-align:left}		
	header.footer-top{display:none}	
	#footer img{margin-bottom:1em}	 
	/****************** plus **********************/
	.menu_indicator,#ss_menu_produits,#onglet_produits{display:none}
	#home_stitle{height:70px}
	.horizontal-list.tight-list{margin:0}
	.horizontal-list li{text-align:left}
	#footer_menu .nav a{font-size:11pt;margin:0 6px 0 0}
	.horizontal-list.tight-list li{margin:0;padding:0 0 0 14px}
	.link-table td{text-align:left}
	#footer_guide,#icone-comment,#icone-recommand{display:none}
	div.icon-fiche img{float:left}
	#div_contact{position:relative}	
	@media only screen and (max-width: 800px){
		#no-more-tables table,#no-more-tables thead,#no-more-tables tbody,#no-more-tables td,#no-more-tables tr{display:block}
		#no-more-tables th,#no-more-tables tr.js-cacher{display:none}
	}
	#no-more-tables thead tr{position:absolute;top:-9999px;left:-9999px}
	#no-more-tables tr{border:1px solid #ccc}
	#no-more-tables td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%;white-space:normal;text-align:left}
	#no-more-tables td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:5px;white-space:nowrap;text-align:left;font-weight: bold}
	#no-more-tables td:before{content:attr(data-title)}	
	body{min-width:100%}
	.container{margin-left:auto;margin-right:auto;width:100%}
	.container.small{width:75%}
	.container.big{width:100%;max-width:125%;min-width:100%}	
	.not-widest,.not-wide,.not-normal,.not-narrow,.not-mobile{display:none!important}
	.row>*{padding:10px 0 0 10px}.row+.row>*{padding-top:10px}.row{margin-left:-10px}.row.half>*{padding:5px 0 0 5px}.row.half+.row.half>*{padding-top:5px}.row.half{margin-left:-5px}.row.quarter>*{padding:2.5px 0 0 2.5px}.row.quarter+.row.quarter>*{padding-top:2.5px}.row.quarter{margin-left:-2.5px}.row.oneandhalf>*{padding:15px 0 0 15px}.row.oneandhalf+.row.oneandhalf>*{padding-top:15px}.row.oneandhalf{margin-left:-15px}.row.double>*{padding:20px 0 0 20px}.row.double+.row.double>*{padding-top:20px}.row.double{margin-left:-20px}
	.row:after{content:'';display:block;clear:both;height:0}.row:first-child>*{padding-top:0!important}.row>*{padding-top:0}.row:not(.no-collapse):not(.no-collapse-1):not(.no-collapse-2):not(.no-collapse-3){margin-left:0}.row:not(.no-collapse):not(.no-collapse-1):not(.no-collapse-2):not(.no-collapse-3)>*{float:none!important;width:100%!important;margin-left:0!important}.row:not(.no-collapse):not(.no-collapse-1):not(.no-collapse-2):not(.no-collapse-3):not(.flush)>*{padding:10px 0 10px 0!important;}.container{max-width:none!important;min-width:0!important;width:100%!important}
	#mdf_photo_profil img{width:200px;height:200px}
	#contact input.text, #contact input.text2, #contact select, #contact textarea {width:100%}
img.contact_support{width:100%;}
.bloc_contact2{border-left:none;border-top:1px dashed}
.bordertop {border-left-width: 1px;border-left-style: solid;border-left-color: #CCC}
.imgresponsive {max-width: 200%;height: auto}
.right{text-align:left}