/* 
Theme Name: mobilier
Author: SOLIS REA
Author URI: https://www.solis-rea.com
Description: Private theme for Mobilier
Requires at least: WordPress 6.5.5
Version: 1.1.4
Tags: Responsive Design - SEO - Flexbox
*/

/* FONTS
========================================================================== */
@font-face{font-display:swap;font-family:'Arsenal';font-style:normal;font-weight:400;src: url('fonts/arsenal-v12-latin-regular.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Arsenal';font-style:normal;font-weight:700;src: url('fonts/arsenal-v12-latin-700.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Cinzel';font-style:normal;font-weight:600;src: url('fonts/cinzel-v23-latin-600.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Cinzel';font-style:normal;font-weight:800;src: url('fonts/cinzel-v23-latin-800.woff2') format('woff2')}

/* ROOT
========================================================================== */
:root {
	--system-ui: system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--step--2: clamp(0.598rem, 0.6643rem + -0.0664vw, 0.651rem); 
	--step--1: clamp(0.7813rem, 0.7773rem + 0.0198vw, 0.7971rem); 
	--step-0: clamp(0.9375rem, 0.9063rem + 0.1563vw, 1.0625rem); 
	--step-1: clamp(1.125rem, 1.0522rem + 0.3641vw, 1.4163rem);	
	--step-2: clamp(1.35rem, 1.2155rem + 0.6724vw, 1.8879rem); 
	--step-3: clamp(1.62rem, 1.3958rem + 1.1208vw, 2.5166rem); 
	--step-4: clamp(1.944rem, 1.5913rem + 1.7633vw, 3.3547rem);	
	--step-5: clamp(2.3328rem, 1.7981rem + 2.6737vw, 4.4718rem); 
	--fluid-h1: clamp(1.4375rem, 1.0446rem + 1.9643vw, 2.8125rem); 
	--fluid-0a: clamp(0.8125rem, 0.7768rem + 0.1786vw, 0.9375rem); 
	--space-3xs: clamp(0.25rem, 0.25rem + 0vw, 0.25rem); 
	--space-2xs: clamp(0.5rem, 0.4844rem + 0.0781vw, 0.5625rem); 
	--space-xs: clamp(0.6875rem, 0.6563rem + 0.1563vw, 0.8125rem); 
	--space-s: clamp(0.9375rem, 0.9063rem + 0.1563vw, 1.0625rem); 
	--space-m: clamp(1.4375rem, 1.3906rem + 0.2344vw, 1.625rem); 
	--space-l: clamp(1.875rem, 1.8125rem + 0.3125vw, 2.125rem);	
	--space-xl: clamp(2.8125rem, 2.7188rem + 0.4688vw, 3.1875rem); 
	--space-2xl: clamp(3.75rem, 3.625rem + 0.625vw, 4.25rem); 
	--space-3xl: clamp(5.625rem, 5.4375rem + 0.9375vw, 6.375rem); 
	--fluid-34-50: clamp(2.125rem, 1.8393rem + 1.4286vw, 3.125rem); 
	--fluid-34-40: clamp(2.125rem, 2.0179rem + 0.5357vw, 2.5rem); 
	--neg-34-40: clamp(-2.125rem, -2.0179rem + 0.5357vw, -2.5rem); 
	--colRecNoir: rgba(26, 26, 26, 1.0); 
	--colRecGrisSombre: rgba(35, 35, 35, 1.0); 
	--colRecBlanc: rgba(255, 255, 255, 1.0);  
	--colRecTypoGris: rgba(187, 187, 187, 1.0); 
	--colRedBenny: rgba(145, 0, 62, 1.0); 
	--shadTypoIntro :2px 2px 2px rgba(26, 26, 26, 0.30);
	--colBlanc: rgba(248, 248, 248, 1.0);
	--colBlancHoverlist: rgba(255, 250, 245, 0.75);
	--colRecNoirSelect: rgba(35, 30, 40, 0.9); 
	--colRecNoirHr: rgba(60, 50, 40, 0.4); 
	--colRecNoirTrame: rgba(60, 50, 40, 0.1); 
	--colFondWish: rgba(240, 235, 230, 1.0); 
	--colBorderWish: rgba(248, 248, 248, 0.9); 
	--linkWish: underline solid 1px var(--colBorderWish); 
	--hoverLinkWish: underline solid 1px var(--colRecNoir); 
	--wishBkg: hsla(0,0%,5%,.5); 
	--shadow-color: rgba(0, 0, 0, 0.25); 
	--shadow-elevation-medium: 0px 1px 8px -1px var(--shadow-color); 
}

/* BASE
========================================================================== */
@-moz-document url-prefix(){html{scrollbar-width:none}}
html,body{font-family:var(--system-ui);height:100%}
body{font-size:var(--step-0);height:100vh;line-height:normal;letter-spacing:0.06em;color:var(--colRecNoir);font-family:'Arsenal';font-style:normal;font-weight:400;/*overflow-x:hidden*/}
body::-webkit-scrollbar{width:0px;background:transparent}
::-webkit-scrollbar{display:none}
a{text-decoration:none;cursor:pointer;color:inherit}
a:hover,a:active,a:focus{outline:0;outline:none;cursor:pointer;text-decoration:none}
::selection{background:var(--colRecNoirSelect);color:var(--colBlanc);text-shadow:none}
a[href^=tel],a[href^=sms]{color:inherit;cursor:default;text-decoration:none}
img[data-sizes="auto"]{display:block;width:100%;height:auto}
.lazyload{opacity:0}
.lazyloading{opacity:1;transition:opacity 0.3s}
img.lazyload:not([src]){visibility:hidden}
img{display:block;text-align:center;font-size:var(--step--2);line-height:11px}
strong{font-style:normal;font-weight:700}
.ripple{background-position:center center;background-repeat:no-repeat;background-image:url('img/svg/ripple.svg');background-size:40px 40px}
.undelineStrong{text-decoration:underline}
noscript{position:fixed;z-index:9999;display:flex;justify-content:center;align-items:center;top:0;left:0;right:0;bottom:0;text-align:center;background:var(--colRecNoirHr);overflow:hidden}
noscript p{width:300px;padding:var(--space-m);text-transform:uppercase;font-size:var(--step-0);text-align:center;color:var(--colBlanc)}
h1,h2,h3,h4{display:block;text-transform:capitalize;font-family:'Cinzel';font-style:normal;font-weight:600}
.cta{display:table;padding:var(--space-2xs) var(--space-s);letter-spacing:0.1em;background:var(--colRecNoir);border-radius:3px;transition:0.3s background-color ease}
.cta a{font-family:'Arsenal', sans-serif;font-weight:700;color:var(--colBlanc);text-transform:uppercase;text-decoration:none}
.cta:hover{background:var(--colRedBenny);cursor:pointer;transition:0.3s background-color ease}
sup{color:var(--colRedBenny);font-size:var(--step-1);line-height:1;display:inline-block;padding-left:5px}
/* SMOOTHER */
#smooth-content{border-top:1px solid transparent;border-bottom:1px solid transparent} 
/* MENU FIXE OKK
========================================================================== */
.navigation{display:block;width:100%;top:0;position:fixed;overflow:hidden;background-color:var(--colRecBlanc);color:var(--colRecNoir);z-index:9000}
.navigation.navUp{background-color:var(--colRecBlanc);transition:background-color 0.3s ease}
	.navWrapper{display:block;width:100%;max-width:1440px;position:relative;margin:0 auto;padding:0 var(--space-s)}
		nav.navHaute{display:flex;flex-flow:row nowrap;height:80px;gap:var(--space-s);justify-content:space-between;align-items:center}
			.menuLogo{flex:1 0 auto;padding:10px 0 0 0}
			.menuLogo img{display:block;height:auto;width:254px}
			.menuNav{flex:1 1 auto}
				.rubNav{display:flex;flex-flow:row nowrap;gap:var(--space-s);justify-content:flex-end;align-items:center;padding-right:var(--space-s)}
				.rubNav li{flex:0 0 auto;line-height:1.1;text-transform:uppercase}
				.rubNav li a{color:var(--colRecNoir);font-size:15px;display:inline-block;font-family:'Cinzel';font-style:normal;font-weight:600;padding:var(--space-2xs) var(--space-xs)}
				.rubNav li.current_page_item a,.rubNav li.current-page-ancestor a,.rubNav li a:hover{color:var(--colRedBenny)}
			.menuWishlist{flex:0 0 100px;text-align:center;padding:var(--space-2xs) 0;line-height:1;cursor:pointer}
			.menuWishlist span{display:block;padding-top:2px;font-size:10px;text-align:center;letter-spacing:0.04em;font-weight:700;max-width:92px;margin:0 auto}
			.menuWishlist img{display:block;height:auto;max-width:110px;margin:0 auto}
			.menuMobile{flex:0 0 40px;display:none} 
.navigation{box-shadow:var(--shadow-elevation-medium)}
/* HEADER PAGE OKK
========================================================================== */
header{display:block;width:100%}
	#imgCover{position:relative;width:100%;height:100vh;background-position:center center;background-repeat:no-repeat;background-size:cover}
		.centrageCover{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%, -50%);max-width:1280px}
		.titreCover{display:block;width:100%;padding:var(--space-2xs) var(--space-s);font-size:var(--step-3);font-family:'Cinzel';font-weight:600;text-transform:uppercase;text-align:center;text-shadow:var(--shadow-color)}
		.titreCover.noir{color:var(--colRecNoir)}
		.titreCover.blanc{color:var(--colBlanc)}
		.cta.ctaCover{margin:0 auto;font-size:var(--step-0)}
		.arrow{position:absolute;width:40px;height:40px;padding:3px;left:50%;bottom:10px;transform:translateX(-50%)}
		.arrow a{display:block;width:40px;height:40px}
		.arrow img{animation: 0.6s ease-out 0s infinite alternate-reverse move_eye}
		@keyframes move_eye {from {margin-top:0} to {margin-top:20px}}
/* MAIN
========================================================================== */
main{padding:var(--space-s) 0}
	.mainWrapper{width:100%;max-width:1440px;margin:0 auto;padding:var(--space-s)}
	.seoWrapper{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--space-s)}
/* INTRO PAGE OKK
=========================================== */
section.introPage{padding:var(--space-xl) 0;text-align:center}
	.introPage h1{font-size:var(--fluid-h1);line-height:1.2;padding-bottom:var(--space-s);width:100%;max-width:64em;margin:0 auto;text-align:center}
	.introPage p{display:block;padding:0 var(--space-s) var(--space-s) var(--space-s);width:100%;max-width:64em;margin:0 auto}
section.introMentions{padding:var(--space-xl) 0}
	section.introMentions h1{font-size:var(--fluid-h1);line-height:1.2;padding-bottom:var(--space-m);width:100%;max-width:64em;margin:0 auto}
	section.introMentions p{display:block;padding:0 0 var(--space-s) 0;width:100%}
.flexithem{display:flex;flex-flow:row wrap;gap:var(--space-s)}
	.flexithem li{flex:0 0 calc( (100% - (var(--space-s) * 2) ) / 3 );text-align:center}
	.flexithem li.supFour{flex:0 0 calc( (100% - (var(--space-s) * 3) ) / 4 );text-align:center}
	.flexithem li a{display:block;position:relative;overflow:hidden}
	.flexithem li img{display:block;width:100%;height:auto;max-width:800px;transition:transform 0.3s ease}
	.flexithem li a:hover img{transform:scale(1.1);transition:transform 0.3s ease}
	.flexithem li h2{font-size:var(--step-1);line-height:1.1;padding:var(--space-s) var(--space-xs) 0 var(--space-xs)}
	.flexithem li p{display:block;line-height:1.1;font-size:var(--fluid-0a);padding:var(--space-3xs) var(--space-xs) var(--space-xs) var(--space-xs)}
section.texteRecall{padding:var(--space-l) var(--space-l)}
.callWrapperBlanc{display:block;padding:var(--space-l) 0;width:100%;background-color:var(--colRecBlanc)}
.callWrapperGris{display:block;padding:var(--space-l) 0;width:100%;background-color:var(--colBlanc)}
	.flexiSeo{display:flex;flex-flow:row nowrap;gap:var(--space-s);justify-content:center;align-items:stretch}
		.seoImg{flex:0 0 calc(50% - (var(--space-s) / 2 ))}
		.seoImg img{display:block;height:100%;width:100%;object-position:center center;object-fit:cover}
		.seoTxt{flex:0 0 calc(50% - ((var(--space-s) / 2 )) + 5vw);align-self:flex-end;background-color:var(--colRecBlanc);margin:var(--space-2xl) 0 0 -5vw;padding:var(--space-l) var(--space-l) 0 var(--space-l)}
		.seoTxt h2{font-size:var(--step-2);line-height:1.1}
		.seoTxt p{display:block;padding-top:var(--space-s)}
.callWrapperGris .seoTxt{position:relative;text-align:right;align-self:flex-end;background-color:var(--colBlanc);margin:var(--space-2xl) -5vw 0 0}
.reaPadd{display:block;padding:var(--space-l) 0;width:100%;justify-content:center}
	.flexiReaDuo{display:flex;flex-flow:row nowrap;gap:var(--space-s);align-items:flex-end}
		.reaDuoContent{flex:0 0 calc((100% - var(--space-s)) / 2 )}
.flexiRea{display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:flex-end}
.flexiRea.flexiReaRight{justify-content:flex-start}
	.reaContent{flex:0 0 calc(50% + 2.5vw);padding:var(--space-m) var(--space-m) 0 var(--space-m);margin-left:-5vw;margin-right:0;background-color:var(--colRecBlanc);z-index:100;align-self:flex-end}
	.reaContent.reaContentRight{text-align:right;margin-right:-5vw;margin-left:0;align-self:flex-end}
		.reaContent h2{font-size:var(--step-0);line-height:1.1}
		.reaContent p{display:block;line-height:1.1;padding:var(--space-s) 0;font-size:var(--fluid-0a)}
		.reaContent .cta.ctarea{font-size:var(--step--1);margin:0}
		.reaContent.reaContentRight .cta.ctarea{font-size:var(--step--1);margin:0 0 0 auto}
	.reaImage{flex:0 0 calc(50% + 2.5vw)}
		.reaImage img{display:block;height:100%;width:100%;object-position:center center;object-fit:cover}
/* Page Grille objets
=========================================== */
#coverGrille{position:relative;width:100%;height:50vh;overflow:hidden}
#coverGrille img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
/* Single 
=========================================== */
.breadCrumb{display:flex;flex-flow:row wrap;align-items:flex-end}
.breadCrumb li{flex:0 0 auto;padding:0 var(--space-3xs)}
.breadCrumb li img{display:inline-block;vertical-align:middle;width:16px;height:auto;margin:0 3px 3px 0}
.breadCrumb li:after{content:">"}
.breadCrumb li:last-child:after{content:""}
.breadCrumb li:last-child a{font-weight:700}
.singleHeader{padding:var(--space-3xl) 0 var(--space-xl) 0;background-repeat:repeat;background-position:top center;background:repeating-linear-gradient(-60deg,var(--colBlanc) 0 5px,var(--colRecNoirTrame) 0 6px)}
.singleProduit{margin-top:-75px;display:flex;flex-flow:row wrap;gap:var(--space-s);justify-content:center;align-items:center;background-color:var(--colRecBlanc)}
	.singleCarre{flex:0 0 calc(50% - (var(--space-s) / 2) );align-self:stretch}
	.singleCarre img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;border:var(--space-2xs) solid var(--colRecBlanc)}
	.singleInfos{flex:0 0 calc(50% - (var(--space-s) / 2) );padding:var(--space-s) 0}
	.fromCat{font-size:var(--step--2);font-weight:700;text-transform:uppercase;padding-bottom:4px}
	.singleInfos h1{font-size:var(--step-3);line-height:1.1;padding-bottom:var(--space-s)}
	.fromdesign{font-size:var(--step--1);font-weight:700;padding-bottom:4px}
	.paraInfo{display:block;padding-bottom:var(--space-s);max-width:600px}
	.singleInfos hr{display:block;width:100%;max-width:600px;height:1px;border:0;border-top:1px solid var(--colRecNoirHr);margin:8px 0}
	.mobModuloPrix{display:flex;flex-flow:row wrap;align-items:center;gap:var(--space-m);font-size:var(--step--1)}
		.mobprix{flex:0 0 auto;padding:var(--space-s) 0;letter-spacing:0.01em;font-weight:700}
		.mobprix span{display:inline-block;padding-top:0;font-weight:700;height:39px;font-size:var(--step-2)}
		.mobcompte{flex:0 0 auto;text-align:right;padding:var(--space-s) 0;letter-spacing:0.01em;font-weight:700}
		.mobinpcompte2{background-color: var(--colBlanc);font-size:var(--step-2);max-width:64px;height:39px;line-height:1;font-weight:700}
		.mobinpcompte{padding:1px;background-color: var(--colBlanc);font-size:var(--step-1);max-width:54px;font-weight:700}
		.mobinpcompteActif{user-select:none;pointer-events:none;opacity:0.4}
		.mobBtnWish{flex:0 0 auto;padding:var(--space-s)}
		.btnAddProduit{font-size:var(--step-0);background-color:var(--colRecNoir);color:var(--colRecBlanc);font-weight:700;border-radius:2px;padding:var(--space-2xs) var(--space-s);transition:all 0.3s ease}
		.btnAddProduit:hover{background-color:var(--colRedBenny);transition:all 0.3s ease}
.blocReveal{padding:var(--space-m)}
.blocReveal h2{display:block;text-align:center;font-family:'Arsenal';font-weight:700;font-size:var(--step-1);text-transform:uppercase}
.singleDetails{display:flex;flex-flow:row wrap;gap:var(--space-s);justify-content:center}
	.detTexte{flex:0 0 calc(50% - (var(--space-s) / 2) )}
	.detTexte p{display:block;padding-bottom:var(--space-s)}
	.detMat{flex:0 0 calc(50% - (var(--space-s) / 2) )}
	.singleDetails h3{display:block;padding:var(--space-xs) var(--space-xs);border-top:1px solid var(--colRecNoirHr);border-bottom:1px solid var(--colRecNoirHr)}
	.detTexte span, .detMat span{display:block;padding:var(--space-s) var(--space-xs)}
	strong.underStrong{text-decoration:underline;color:var(--colRedBenny)}
	strong.underBold{text-decoration:underline}
	.dimliste li{padding-bottom:8px}
	.dimliste li .blocliste{display:inline-block}
.callWrapperGris .mainWrapper{padding-top:0}
.callWrapperGris .blocReveal{padding-top:0}
.mobPushNav{display:flex;flex-flow:row nowrap;padding:var(--space-s);justify-content:center;align-items:flex-start}
.mobPushNav li{flex:0 0 auto;padding:var(--space-s);max-width:600px}
.mobPushNav li span{display:block;font-size:var(--step-1);font-weight:700;padding-bottom:4px}
.mobPushNav li a{text-decoration:underline}
.mobPushNav li a:hover{color:var(--colRedBenny)}
.mobPushNav li:first-child{text-align:right}
/* img in slide */
.slideImagesduMob{display:block;width:100%;max-width:1440px;overflow:hidden;height:auto;max-height:600px;margin:0 auto;padding:0 var(--space-s);position:relative}
.imagesdesmobs{display:flex;flex-flow:row nowrap;gap:16px;width:100%;height:100%}
.imagesdesmobs div{position:relative;max-height:600px;max-width:calc(100vw - var(--space-xl))}
.imagesdesmobs div img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.imagesdesmobs div.ratioho{flex:0 0 1267px}
.imagesdesmobs div.ratiove{flex:0 0 337px}
.imagesdesmobs div.ratioCar{flex:0 0 600px}
.bigme{position:absolute;display:block;bottom:10px;right:10px}
.bigme img.drinkme{display:block;position:relative;width:30px;height:auto;mix-blend-mode:difference}
/* The Modal */
.modal{display:none;position:fixed;z-index:9999;padding:40px var(--space-l) 20px var(--space-l);left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background-color:var(--colRecNoir)}
.modal-content{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;max-width:1440px;max-height:960px;object-fit:contain;object-position:center}
.closeModal{position:absolute;top:0;right:10px;color:var(--colBlanc);font-size:40px;line-height:1;font-weight:600;transition:0.3s}
.closeModal:hover,.closeModal:focus{color:var(--colRecBlanc);text-decoration:none;cursor:pointer}
.theGrab{display:block;position:relative;margin:-20px auto var(--space-s) auto;width:80px;opacity:0;text-align:center;background-color:var(--colBlanc);border-radius:50%;z-index:9888;box-shadow:3px 3px 5px 0px rgba(10, 10, 10, 0.10)}
.theGrab img{display:block;width:50px;height:50px;margin:0 auto;transform:rotate(-20deg)}

/* FOOTER OK
========================================================================== */
footer{display:block;width:100%;overflow:hidden;background-color:var(--colRecGrisSombre);color:var(--colRecBlanc)}
	.footerWrapper{display:block;width:100%;max-width:1440px;position:relative;margin:0 auto;padding:var(--space-2xl) var(--space-s) var(--space-l) var(--space-s)}
		.flexFooter{display:flex;flex-flow:row nowrap;gap:var(--space-l)}
		.flexFooter .rowFooter{flex:0 0 calc((100% - ( var(--space-l) * 2 ) ) / 3 )}
			.blocFooter{color:var(--colRecTypoGris)}
			.blocFooter h3{display:block;padding-bottom:var(--space-3xs);font-family:'Cinzel';font-style:normal;font-weight:600;font-size:var(--step-1);color:var(--colRecBlanc)}
			.blocFooter p, .footerListe{display:block;padding-bottom:var(--space-l);font-size:16px}
			.blocFooter p.padless{padding:0}
				.footerListe li{display:block}
				.footerListe li a{padding:0}
				.footerListe li a:hover,.blocFooter p a:hover{text-decoration:underline}
				.footerListe li strong,.blocFooter p strong{color:var(--colRecBlanc)}
				.blocFooter p.footerWish{display:block;max-width:400px}
				.blocFooter p.footerWish a{display:block;padding-top:10px;text-decoration:underline}
				.reseauListe{display:flex;flex-flow:row wrap;gap:var(--space-xs);padding:var(--space-xs) 0 var(--space-l) 0}
				.reseauListe li{flex:0 0 auto}
				.reseauListe li a img{display:block;width:var(--fluid-34-40);height:auto;opacity:0.7;transition:transform 0.3s ease,opacity 0.3s ease}
				.reseauListe li a:hover img{transform:scale(1.2);opacity:1;transition:transform 0.3s ease,opacity 0.3s ease}
				.flexInsta{display:flex;flex-flow:row nowrap;gap:var(--space-xs);padding:var(--space-xs) 0 var(--space-l) 0}
				.rowInsta{flex:0 1 calc(100% / 3)}
				.rowInsta a{display:block}
				.rowInsta a img{display:block;width:100%;height:auto}
		.endFooter{display:block;width:100%;padding:var(--space-m);text-align:center;background-color:var(--colRecNoir);color:var(--colRecTypoGris)}
.boxModeEmploi{display:flex;flex-flow:row nowrap}
	.modeEmploi{flex:0 0 100%;padding:var(--space-xs) 0 var(--space-l) 0}
		.flexMode{display:flex;flex-flow:row nowrap;gap:var(--space-m);align-items:center;padding:var(--space-s) 0}
			.imgMode{flex:0 0 35%}
			.imgMode img{display:block;height:100%;width:100%;object-position:center center;object-fit:cover}
			.textMode{flex:0 1 65%}
			.textMode .numetape{display:block;padding-bottom:var(--space-s);font-size:calc( var(--fluid-h1) * 3 );line-height:1}
			.textMode h2{display:block;font-family:'Arsenal';font-weight:700;font-size:var(--step-1);text-transform:uppercase;padding-bottom:var(--space-s)}
			.textMode p{display:block;padding-bottom:var(--space-s)}

/* MENUMOBILE 
========================================================================== */
#menutech{display:none;z-index:-1;position:fixed;top:0;left:0;bottom:0;right:0;visibility:hidden;transform:scale(0.7);opacity:0;background:var(--colBlanc);transition:all 0.3s ease}
#menutech.open{opacity:1;visibility:visible;transform:scale(1);z-index:8888;transition:all 0.3s ease}
	#play{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;height:100%;background-color:var(--colBlanc)}
	.margeMob{flex:1 0 auto;width:100%}
	.mobMob{flex:0 0 auto;width:100%}
	#mobiNav{display:flex;flex-flow:column nowrap;height:100%;max-width:540px;margin:0 auto;gap:5px;text-align:center;color:var(--colRecNoir)}
		#mobiNav li.menu-item-has-children{flex:0 0 auto;padding:0 10px;font-family:'Cinzel';font-size:var(--step-3);font-weight:800}
		#mobiNav li.menu-item-has-children > a{display:block;padding:10px;line-height:1}
		#mobiNav li.menu-item .sub-menu{display:block;padding:0 0 5px 0;line-height:1}
		#mobiNav li.menu-item .sub-menu .menu-item{display:inline;padding:0 0 0 2px;font-family:'Arsenal';font-size:var(--step-1);font-weight:700}
		#mobiNav li.menu-item .sub-menu .menu-item a{line-height:1.1;padding:0;white-space:pre-line}
		#mobiNav li.menu-item .sub-menu .menu-item a:before{content:"\2022\00a0"}
		#mobiNav li.menu-item .sub-menu .menu-item:first-child a:before{content:""}

/* TRANSITIONS BURGER OKK
========================================================================== */
.hamburger{float:right;padding:0;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-box{width:36px;height:36px;padding:0;display:inline-block;position:relative}
.hamburger-inner{display:block;top:calc(50% - 1px)}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:36px;height:3px;background-color:var(--colRecNoir);position:absolute;transition:transform 0.15s ease}
.hamburger-inner::before,.hamburger-inner::after{content:'';display:block}
.hamburger-inner::before{top:-11px;transition:top 0.3s ease}
.hamburger-inner::after{bottom:-11px;transition:bottom 0.3s ease}
.hamburger-box:hover .hamburger-inner::before{top:-8px;transition:top 0.15s ease}
.hamburger-box:hover .hamburger-inner::after{bottom:-8px;transition:bottom 0.15s ease}
.hamburger--spin-r .hamburger-inner{transition-duration: 0.3s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)}
.hamburger--spin-r .hamburger-inner::before{transition: top 0.1s ease-in, opacity 0.1s ease-in}
.hamburger--spin-r .hamburger-inner::after{transition: bottom 0.1s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19)}
.hamburger--spin-r.is-active .hamburger-inner{transform: rotate(-225deg);transition-delay: 0.14s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);background-color:var(--colRecNoir)}
.hamburger--spin-r.is-active .hamburger-inner::before{top:0;opacity:0;transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;background-color:var(--colRecNoir)}
.hamburger--spin-r.is-active .hamburger-inner::after{bottom:0;transform: rotate(90deg);transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);background-color:var(--colRecNoir)}

/* WISHLIST 
========================================================================== */
/* Messages */
.suppMess{display:block;width:100%;top:0;position:fixed;z-index:9698}
	.messWrapper{display:block;width:100%;max-width:1440px;position:relative;margin:0 auto;padding:0 var(--space-s);z-index:9699;margin:0 auto}
	#message{display:flex;max-width:280px;transform:translateY(-20px);z-index:-1;opacity:0;top:90px;right:10px;position:absolute;justify-content:center;align-items:center;padding:var(--space-s);border-radius:4px;box-shadow:var(--shadow-elevation-medium);background-color:var(--colFondWish);color:var(--colRecNoir)}
	.txtmessage{text-align:center;font-size:15px;font-weight:700;line-height:1.2}
	#message.err{background-color:tomato;color:var(--colBlanc)}
.wishBackground{position:fixed;opacity:0;z-index:-1;top:0;right:0;width:100%;height:100dvh;overflow:hidden;background-color:var(--wishBkg)}
	.wishMain{position:fixed;transform:translateX(800px);z-index:9801;top:0;right:0;width:100%;max-width:600px;height:100vh;height:100dvh;overflow:hidden;box-shadow:rgba(0, 0, 0, 0.45) -20px 0px 20px -15px;background-color:var(--colFondWish)}
		.goWish{display:flex;flex-flow:column nowrap;width:100%;height:100%}
/* wish head */
.wishead{flex:0 0 auto;position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;height:70px;align-items:center;padding:var(--space-s);border-bottom:1px solid var(--colBorderWish)}
	.logoWish{flex:0 0 auto;padding:0 var(--space-2xs) 0 0;max-width:190px}
	.logoWish img{display:block;width:auto;height:34px}
	.closePanWish{flex:0 0 auto;padding-left:var(--space-2xs);text-align:center;cursor:pointer}
	.closePanWish span{display:block;line-height:1;padding:0;margin-top:-2px;transform:translateX(100px);font-size:10px;text-transform:uppercase;transition:ease 0.3s}
	#icoCloseWish{display:block;height:36px;width:auto;transform:rotate(0);transition:ease 2s}
	.closePanWish:hover #icoCloseWish{transform:rotate(180deg);transition:ease 0.3s}
	.closePanWish:hover span{transform:translateX(0);transition:ease 0.5s}
/* wish cont */
.wishAccueil{flex:1 1 100%;position:relative;display:flex;flex-flow:column nowrap;align-content:center;overflow-y:auto;padding:10px 0}
	.margeIntro{flex:1 1 auto}
	.wishIntro{flex:0 0 auto;padding:var(--space-s) var(--space-m);margin:10px 0;text-align:left}
	.wishIntro h3{display:block;font-size:var(--step-3);font-family:'Cinzel';font-weight:600;line-height:1}
	.wishIntro span{display:block;padding:var(--space-s) 0;font-size:var(--step-1)}
	.wishIntro p{display:block;padding:var(--space-2xs) 0;font-size:var(--step-0)}
	.wishIntro p.signature{display:block;text-align:right;font-style:italic;font-size:var(--step--1)}
/* wish end */
.wishend{flex:0 0 auto;position:relative;display:flex;flex-flow:column nowrap;width:100%;padding:var(--space-s);align-items:center;border-top:1px solid var(--colBorderWish)}
	.ctaSenWish{flex:0 0 auto;padding:0 0 var(--space-s) 0;width:100%}
	.ctaSenWish a{display:block;position:relative;width:100%;text-align:center;text-transform:uppercase;font-weight:700;border-radius:2px;padding:var(--space-s) var(--space-m);background-color:var(--colRecNoir);color:var(--colBlanc);border:1px solid var(--colRecNoir)}
	.ctaSenWish a:hover{background-color:var(--colBlanc);color:var(--colRecNoir)}
	.linkMentionWish{flex:1 1 auto}
	.linkMentionWish a{font-size:var(--step--1);text-decoration:var(--linkWish)}
	.linkMentionWish a:hover{text-decoration:var(--hoverLinkWish)}
/* if wish */
.wishbody{flex:1 1 100%;position:relative;display:flex;flex-flow:column nowrap;overflow-y:auto;padding:10px 0}
	.wishProduit{padding:var(--space-2xs) var(--space-m);transition:background-color 1s ease}
	.wishProduit:hover{background-color:var(--colBlancHoverlist);transition:background-color 0.3s ease}
		.blocProduit{display:flex;flex-flow:row nowrap;align-items:flex-start;padding:var(--space-xs) var(--space-s) var(--space-s) var(--space-s);border-bottom:1px solid var(--colRecNoirHr)}
			.wimgProduit{flex:0 0 auto;padding-right:10px}
			.wimgProduit img{display:block;height:110px;width:auto}
			.wcontProduit{flex:1 1 auto;align-self:flex-end}
				.blocItems{display:flex;flex-flow:row nowrap;align-items:flex-start}
					.nomItem{flex:1 1 auto;padding-right:var(--space-xs)}
						.nomItem h3{display:block;padding-bottom:2px;font-family:'Cinzel';font-weight:600;text-transform:uppercase;font-size:var(--step-0)}
						.nomItem p{display:block;font-size:var(--step--1);padding-bottom:var(--space-xs)}
					.prixItem{flex:0 0 90px;text-align:right;font-weight:700;font-size:var(--step-1)}
					.prixItem span{display:block;text-decoration:underline;font-size:11px;font-weight:700}
				.blocTools{display:flex;flex-flow:row nowrap;align-items:flex-end}
					.qteTool{flex:1 1 auto;padding-right:var(--space-xs)}
						.qteTool span{display:inline-block;vertical-align:baseline;text-decoration:underline;font-size:11px;font-weight:700}
						.qteTool form{display:inline-block;vertical-align:baseline}
						.winbProduit{padding:5px 4px;border:1px solid var(--colBorderWish);font-size:13px;width:46px;font-weight:700}
						.qteTool .qtProduit{display:inline-block;font-size:13px;text-align:center;padding:6px 8px 9px 8px;color:var(--colBlanc);background-color:var(--colRecNoirSelect);line-height:1}
						.qteTool .qtProduit:hover{background-color:red;transition:background-color 0.3s ease;cursor:pointer}
					.suppTool{flex:0 0 90px;text-align:right}
						.suppTool .btnSupp{display:inline-block;font-size:13px;text-align:center;font-weight:700;padding:6px 8px 9px 8px;color:var(--colBlanc);background-color:var(--colRecNoirSelect);line-height:1}
						.suppTool .btnSupp:hover{background-color:red;transition:background-color 0.3s ease;cursor:pointer}
/* wish calcul */
.wishCalcul{padding:var(--space-m) var(--space-s);background-repeat:repeat;background-position:top center;background:repeating-linear-gradient(-60deg,var(--colFondWish) 0 5px,var(--colRecNoirTrame) 0 6px)}
	.blocCalcul{display:flex;flex-flow:row nowrap;align-items:flex-start}
	.prixTotalItem{flex:0 0 auto;text-align:right;font-weight:700;font-size:var(--step-1)}
	.prixTotalItem span{display:block;text-transform:uppercase;font-size:14px;font-weight:700}
	.nomTotalItem{flex:1 1 auto;padding-right:16px}
	.nomTotalItem span{display:block;text-transform:uppercase;font-size:14px;font-weight:700}
.blocCadre{flex:1 1 100%;position:relative;height:calc(100vh - 70px);display:flex;flex-flow:row nowrap;padding:10px 0}
	.blocSlide01, .blocSlide02, .blocSlide03, .blocSlide04{flex:0 0 100%;max-width:600px;position:relative;display:flex;flex-flow:column nowrap;align-content:center;overflow-y:auto;padding:10px 0}
/* MimiWish */
.themimi{position:fixed;transform:translateX(800px);z-index:9802;top:0;right:0;width:100%;max-width:600px;height:100vh;height:100dvh;overflow:hidden;box-shadow:rgba(0, 0, 0, 0.45) -20px 0px 20px -15px;background-color:var(--colFondWish)}
	.closePanMi{flex:0 0 auto;padding-left:var(--space-2xs);text-align:center;cursor:pointer}
	.closePanMi span{display:block;line-height:1;padding:0;margin-top:-2px;transform:translateX(100px);font-size:10px;text-transform:uppercase;transition:ease 0.3s}
	#icoCloseMi{display:block;height:36px;width:auto;transform:rotate(0);transition:ease 2s}
	.closePanMi:hover #icoCloseMi{transform:rotate(180deg);transition:ease 0.3s}
	.closePanMi:hover span{transform:translateX(0);transition:ease 0.5s}
.wishmimi{flex:1 1 100%;position:relative;display:flex;flex-flow:column nowrap;overflow-y:auto;padding:10px 0}
	.formMimi{display:flex;flex-flow:row wrap;justify-content:center;padding:var(--space-xs)}
		.formMimi li{flex:0 0 100%;padding:var(--space-xs)}
		.formMimi li input{background-color:var(--colBlanc);border:1px solid var(--colRecNoirHr);padding:var(--space-2xs)}
		.formMimi li textarea{background-color:var(--colBlanc);border:1px solid var(--colRecNoirHr);width:100%;min-height:var(--space-3xl);padding:var(--space-2xs);resize:vertical;white-space:pre-wrap;}
		.formMimi li input[type="mail"]{min-width:300px}
		.grow-wrap{display:grid}
		.grow-wrap::after {content:attr(data-replicated-value) " ";white-space:pre-wrap;visibility:hidden}
		.grow-wrap > textarea {resize:none;overflow:hidden}
		.grow-wrap > textarea, .grow-wrap::after{font:inherit;grid-area:1 / 1 / 2 / 2;padding:var(--space-2xs)}
		.formMimi button{display:inline-block;position:relative;width:100%;font-weight:700;text-transform:uppercase;border-radius:2px;padding:var(--space-2xs) var(--space-s); background-color:var(--colRecNoir);color:var(--colBlanc);border:1px solid var(--colRecNoir)}
		.formMimi button:hover{background-color:var(--colBlanc);color:var(--colRecNoir)}
			.formMimi p.legende{display:block;padding-top:2px;text-align:center;font-size:var(--step--1);font-style:italic}

/* MEDIA QUERIES
========================================================================== */
/* min 1280px */
@media screen and (max-width:80em){
.mobModuloPrix{gap:16px 32px}
.mobBtnWish{flex:0 0 100%;padding:0 0 var(--space-s) 0}
.flexithem li.supFour{flex:0 0 calc( (100% - var(--space-s) ) / 2 )}
}
/* max 1024px */
@media screen and (max-width:64em){
.flexiSeo{gap:initial}
.seoImg{flex:0 0 50%}
.seoTxt{flex:0 0 calc(50% + 5vw)}
.flexiReaDuo{flex-flow:row wrap}
.reaDuoContent{flex:0 0 100%}
.reaContent,.reaContent.reaContentRight{align-self:center;padding:var(--space-m)}
.reaImage,.reaContent{flex:0 0 50%}
.flexFooter{flex-flow:row wrap;justify-content:center}
.flexFooter .rowFooter{flex:0 0 calc((100% - var(--space-l)) / 2 )}
.flexFooter .rowFooter:last-child{text-align:center}
.flexFooter .rowFooter:first-child{text-align:right}
.reseauListe{justify-content:center}
.singleProduit{background-color:transparent}
.singleCarre,.singleInfos{flex:0 0 100%;max-width:800px}
.singleInfos{padding:var(--space-s)}
.mobModuloPrix{gap:var(--space-s)}
.mobBtnWish{flex:1 0 auto;padding:0;text-align:right}
.singleInfos hr{max-width:none}
.detTexte, .detMat{flex:0 0 100%;max-width:800px}
.mobPushNav{flex-flow:row wrap;padding:var(--space-xl) 0}
.mobPushNav li{flex:0 0 100%;padding:var(--space-xs);max-width:800px}
.mobPushNav li span{font-size:var(--step-1);padding-bottom:2px}
.mobPushNav li:first-child{text-align:left}
}
/* max 960px BREAK MENU */
@media screen and (max-width:60em){
.menuMobile{flex:0 0 50px;display:initial}
nav.navHaute .menuLogo,nav.navHaute .menuWishlist{padding:0 var(--space-2xs) 0 0}
#menutech{display:block}
.menuNav{display:none}
.flexithem li{flex:0 0 calc( (100% - var(--space-s) ) / 2 )}
.seoWrapper{padding:0 0 var(--space-s) 0}
.flexiSeo{flex-flow:row wrap;gap:initial}
.seoImg{flex:0 0 100%}
.seoTxt{flex:0 0 90%;margin:-48px auto 0 auto}
.callWrapperGris{padding:0 0 var(--space-l) 0}
.callWrapperGris .seoImg{order:10}
.callWrapperGris .seoTxt{flex:0 0 90%;margin:-48px auto 0 auto;order:20;text-align:left}
.menuWishlist{flex:0 0 auto}
#message{max-width:280px;transform:translateY(-20px);top:64px}
}
/* max 800px */
@media screen and (max-width:50em){
.imagesdesmobs div img{max-height:500px}
.modal{padding:40px var(--space-s) 20px var(--space-s)}
.closeModal{top:-12px;right:20px}
.flexMode{align-items:flex-start}
.textMode .numetape{font-size:calc( var(--fluid-h1) * 2 )}
}
/* max 768px */
@media screen and (max-width:48em){
.wishMain{max-width:800px}
.logoWish{padding:0 var(--space-2xs) 0 0}
.wishProduit{padding:var(--space-s) 16px;margin-bottom:10px}
.flexMode{flex-flow:row wrap}
.imgMode, .textMode{flex:0 0 100%}
.imgMode img{max-width:260px;aspect-ratio:1;margin:0 auto}
.textMode{text-align:center;padding:0 var(--space-s)}
.textMode .numetape{font-size:calc( var(--fluid-h1) * 2.5 )}
}
/* max 640px */
@media screen and (max-width:40em){
.menuLogo img{display:block;height:18px;width:auto}
.rubNav{padding-right:0}
.flexithem li,.flexithem li.supFour{flex:0 0 100%;padding-bottom:16px}
.flexithem li a:hover img{transform:none}
.flexithem li h2{font-size:var(--step-3)}
.flexithem li p{width:80%;margin-left:auto;margin-right:auto}
.flexiRea,.flexiRea.flexiReaRight{flex-flow:row wrap;justify-content:center}
.reaContent,.reaContent.reaContentRight{flex:0 0 84%;margin:0;order:20;text-align:center;align-self:center}
.reaContent h2,.reaContent.reaContentRight h2{font-size:var(--step-1);line-height:1.1}
.reaImage{flex:0 0 84%}
.reaContent .cta.ctarea, .reaContent.reaContentRight .cta.ctarea{margin:0 auto}
.mobBtnWish{flex:0 0 100%;padding-bottom:var(--space-s);text-align:left}
.singleInfos hr{max-width:none}
.flexFooter{gap:0}
.flexFooter .rowFooter{flex:0 0 100%;text-align:center}
.flexFooter .rowFooter:first-child{text-align:center}
.blocFooter p.footerWish,.blocFooter p.footerWish a{margin:0 auto}
#message{max-width:calc(100% - 20px);transform:translateY(-30px);top:50px}
}
/* max 540px */
@media screen and (max-width:33.75em){
.menuLogo img{width:180px}
.reaContent,.reaContent.reaContentRight,.reaImage{flex:0 0 84%}
.imagesdesmobs div img{max-height:400px}
.menuWishlist img{max-width:80px}
}
/* max 480px */
@media screen and (max-width:30em){
.reaContent,.reaContent.reaContentRight,.reaImage{flex:0 0 96%}
.mobModuloPrix{justify-content:space-between}
.mobBtnWish{flex:0 0 100%;text-align:center}
.btnAddProduit{width:100%}
}
/* max 375px */
@media screen and (max-width:24em){
.menuLogo img{width:160px}
.menuMobile{flex:0 0 40px}
}