/* Resp */
@media (max-width: 1024px) {
	#header_top.scrollUp{transform: initial;}
	#bande_coords {display: none;}
	html {font-size: 13px;}
	#site_pusher {height:100%; -webkit-overflow-scrolling:touch; transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -o-transform:translateX(0px);}
	.open_burger #burger {border:none;}
	.open_burger #navigation {overflow-y:auto; transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transform:translateX(0px); -webkit-transform:translateX(0px);-moz-transform:translateX(0px); -o-transform:translateX(0px);}
	.open_burger #overlay-home {display: block;position:fixed; top:0; left:0; right:0; height: 100%; width: 100%; z-index: 2; background-color:rgba(0,0,0,0.6);transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transform:translateX(270px); -webkit-transform:translateX(270px); -moz-transform:translateX(270px); -o-transform:translateX(270px);}
	#burger {display:block; top:0;}
	#navigation {z-index:65534; position:fixed; display:block; left:0; top:0; bottom:0; max-width:270px; height:100%; background:rgba(255,255,255,1); transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -o-transform:translateX(-100%);}
	.nav {width: 95%;height: 100%;max-height:80%;margin-top: 0;text-align: left;margin: 0 2.5%;}
	.nav li:hover ul.subs li {background:silver;} .nav ul {position:relative;top:0px;}
	.nav li:not(.social) {display: block; float:none;  margin:0 0; text-align: left; border-bottom:1px solid #dedede;}
	.nav li a, .links.selection > a {padding: 0 0; font-size:14px; height:100%; line-height: normal; font-weight: 300; padding:15px 0;}
	.nav li:hover > a, .links.selection > a {color:#ffc527; font-size:14px; font-weight: 300;}
	.nav li:hover ul li a,.nav li ul li a {font-size: 13px; line-height:30px; margin:0 0;}
	.nav li:hover ul li a:focus {font-size: 13px; line-height:30px; margin:0 0; padding:0 0; background-color:#FFF; border-bottom:none;}
	.open_burger .links ul.subs.open_subs {height:auto; overflow: visible; z-index: 65535;}
	.nav ul li a,.nav ul li a:hover {border:none; padding:0 0; background:#FFF; color:#FFF; font-weight: 300; line-height: 30px;}
	.nav li:hover > a, .links.selection > a {padding:15px 0; margin:0; border-top: 0;}
	.nav li.social, div.social {display: inline-block; float: none; background-color:transparent;}
	.nav li.social a {background-position-y:-18px;}
	#header_top.transparent, #header_top.transparent #bande_coords p a, #header_top.transparent #bande_coords p, #header_top.transparent .nav li a {color:#555553;}
	#header_top,#header_top.bg_transparent {background-color:rgba(255,255,255,0); visibility: visible;opacity: 1;padding-left:0;}
	#header_top.bg_transparent nav li:not(.selection) a {color:#313131;}	
	.nav_sep {background:none;}
	#header_top.bg_transparent nav li a.ico-level {background-image:url(grafx/ico_level.png); background-repeat:no-repeat; background-position:98% center;}
	.nav li.nav_sep:nth-last-child(1) {display:none;}
	#header_top {min-height:55px;}
	#box_top_header, #box_top_header span, a.btn_rdv {font-size: 11px;}
	#logo_home {position: fixed; left:3%;}
	#logo {margin-left: auto;margin-right: auto;display: block;}

	#footer_bottom .row .col.c3 {width: 25%;margin-left: auto;left: auto;right: auto;}
	#footer_bottom .texte {width: auto;}
	#bande_ml.row .col {padding: 0 0 0 0;}
	.row.texte {margin-left:0.75em; margin-right:0.75em;}
	.inputs {margin-bottom: 20px;}
	.inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]), select>option, .inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus {padding:3% 2%;}
	.button-group button {font-size: 12px;}
	[class^="col c"] img:not(.notbig), [class*="col c"] img:not(.notbig) {width: 100%;}

	/* Burger animé */
	.hamburger {padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none; background-color: transparent;border: 0;margin: 0;overflow: visible; }
	.hamburger:hover {opacity: 0.7; }
	.hamburger.is-active:hover {opacity: 0.7; }
	.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after {background-color: #ffc527; }
	.hamburger-box {width: 40px; height: 24px; display: inline-block;position: relative; }
	.hamburger-inner {display: block;top: 50%;margin-top: -2px; }
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 3px;background-color: #ffc527;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; }
	.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block; }
	.hamburger-inner::before {top: -10px; }
	.hamburger-inner::after {bottom: -10px; }

	/* Spin Reverse */
	.hamburger--spin-r .hamburger-inner {transition-duration: 0.22s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	.hamburger--spin-r .hamburger-inner::before {transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
	.hamburger--spin-r .hamburger-inner::after {transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	.hamburger--spin-r.is-active .hamburger-inner {transform: rotate(-225deg);transition-delay: 0.12s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
	.hamburger--spin-r.is-active .hamburger-inner::before {top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
	.hamburger--spin-r.is-active .hamburger-inner::after {bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
}	

	


@media (min-width: 768px) and (max-width: 1023px) {
	.button-group button {font-size: 10px;}
	.owl--text {width: 96%;margin: 5% 2%;text-align: center;font-size: 50px;top: 20%;}
	.titre_header {font-size: 50px;}
}
	@media (max-width: 768px){	
		.grid {margin-top: 20px;}
		.box_thumb_produit {width: 32.333%;}
		.button-group button {display: inline-block;width:49%;margin:0 0.5%;}
		.row .col.c4.fleche {margin-top: 20px;}
		html {font-size: 12px;}
		#textes [class^="col c"]:not(.fleche), #textes [class*="col c"]:not(.fleche) {width:100%;min-width: 100%;} 
		#footer_bottom .txt_footer {display: initial;}
		#footer_bottom #bande_ml .col.c6, #footer_bottom #bande_ml .col.c3 {width:100%; text-align: center; padding: 0.5rem 0;}
		.inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]), select>option, .inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus {padding:2% 2%;}
	}

	@media (max-width: 668px){.button-group button {width: 99%;} .box_thumb_produit {width: 49%;}}

@media (min-width: 576px) and (max-width: 769px) {
	#textes .col.c6.btn_fiche {width:50%;min-width: 50%;}
	#footer_bottom .row .col.c3 {width:33.33%; text-align: left;}
	#footer_bottom .row .col.c3:nth-child(1) {display: none;}
	.inputs {width:100%;max-width: 100%;}
	.inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]), select>option, .inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus {padding:2% 2%;}
	.owl--text {width: 96%;margin: 5% 2%;text-align: center;font-size: 45px;top:00%;}
	.titre_header {font-size: 50px;}
}

@media (min-width: 480px) and (max-width: 575px) {
	#footer_bottom .row .col.c3 {width:100%;}
	#footer_bottom .row .col.c3:nth-child(1) {display: none;}
	.inputs {width:100%;max-width: 100%;}
	.inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]), select>option, .inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus {padding:3% 2%;}	
	.owl--text {width: 96%;margin: 5% 2%;text-align: center;font-size: 50px;top: 20%;}
	.titre_header {font-size: 50px;}
}

	@media (max-width: 400px){
		.box_thumb_produit {width: 99%;}
		#open_volet {-o-transition-duration:0.3s; transform:translateX(-330px); -webkit-transform:translateX(-330px); -moz-transform:translateX(-330px); -o-transform:translateX(-330px);}
		#top-fiche-container {max-width: 330px;}
		.owl--text {width: 96%;margin: 5% 2%;text-align: center;font-size: 50px;top: 20%;}
		.titre_header {font-size: 50px;}
		.size55 {font-size: 45px;}
	}
@media (min-width: 320px) and (max-width: 479px) {
	#footer_bottom .row .col.c3 {width:100%;}
	#footer_bottom .row .col.c3:nth-child(1) {display: none;}
	.inputs {width:100%;max-width: 100%;}
	.inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]), select>option, .inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus {padding:3% 2%;}
	.owl--text {width: 96%;margin: 5% 2%;text-align: center;font-size: 50px;top:10%;}
	.titre_header {font-size: 35px;}
	p.txt_header {font-size: 20px;}
}
@media (max-width: 319px) {
	#footer_bottom .row .col.c3 {width:100%;}
	#footer_bottom .row .col.c3:nth-child(1) {display: none;}
	.inputs {width:100%;max-width: 100%;}
	.inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]), select>option, .inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus {padding:3% 2%;}
	.owl--text {width: 96%;margin: 5% 2%;text-align: center;font-size: 50px;top: 20%;}
	.titre_header {font-size: 50px;}
}