/* Reset
-------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
*, *:before, *:after{margin:0;padding:0;border:0;box-sizing:border-box}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
*, .subli a{  font-variant-numeric: tabular-nums;-moz-font-feature-settings: "tnum";-webkit-font-feature-settings: "tnum";font-feature-settings: "tnum"}

/* Typefaces
-------------------------------------------------- */
@font-face {font-family: Kopy;src: url("../fonts/KOPYME-Again-Web.woff") format("woff");font-display: swap}
@font-face {    font-family: 'Union';src: url('../fonts/OTRima-Bold.woff2') format('woff2'), url("../fonts/trickster-outline.woff") format("woff");font-weight: bold;font-style: normal;font-display: swap;}


/* Réglages
-------------------------------------------------- */
img{display:block;width:100%;height:auto}
ul,li{list-style: none}
em{font-style:normal;font-family: UnionItalic}
input{border-radius:0}
::-moz-selection {color: white;background-color: black}
::selection {color: white;background-color: black}
*{-ms-overflow-style: none; scrollbar-width: none}
*::-webkit-scrollbar {display: none;  /* Safari and Chrome */}

/** Select input **/
select {color: inherit;outline:0;border-radius:0;
  border: 1px solid;font-size: inherit;
  font-family: inherit;
  background: transparent;
  padding: calc(.625rem / 2) calc(.625rem / 1);
height: 100%;
border-top: 0;
border-bottom: 0;  -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;padding-right:calc(2.5rem + .625rem)
}
aside select{text-transform: uppercase;
font-size: .666em;}
aside.tags ul li form, div.select{;position:relative;height:100%;}
aside.tags ul li form:after, div.select:after{  content: '';
  position: absolute;
  top: .625em;
  right: .625em;
  background-image: url(../images/arrow.svg);
  background-position: center;
  width: 1.25rem;
  height: 1.25rem;z-index: -9;
}


/** Checkbox button **/
section.cart article form div input[type="checkbox"] {
  width: 2.5rem;
  height: 2.5rem;
  accent-color: black;
}

section.cart article form div input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-content: center;
  justify-content: center;
  font-size: inherit;
  padding: 0.2rem;
  border:1px solid black;border-top:0;border-left:0;padding:0
}
section.cart article form div input[type="checkbox"]::before {
  content: "";
  width: 2.5rem;
  height:2.5rem;
  background-image:url(../images/check.svg);background-repeat:no-repeat;background-position:center;
  transform: scale(0);
}
section.cart article form div input[type="checkbox"]:checked::before {
  transform: scale(1);
}
section.cart article form div input[type="checkbox"]:hover {
  color: black;
}

/** Radio button **/
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 1.75rem;
    cursor: pointer;
    display: inline-block;
    color: #000;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #000;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: .625rem;
    height: .625rem;
    background: #000;
    position: absolute;
    top: .31625rem;
    left: .31625rem;
    border-radius: 100%;
  
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* Liens
-------------------------------------------------- */
a{color:black;text-decoration:none;outline:0}
a:hover, a.active{color:black;text-decoration:underline;text-decoration-thickness: 2px;text-underline-offset: 2px}

/* Site
-------------------------------------------------- */
html{width:100%;height:100%}
body{width:100%;min-height:100%;background:#fff;color:#000000;overflow-x:hidden;;font-family:Union, 'Arial', sans-serif}
body, h1, h2, h3, h4{line-height:1.25em;font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))) }
body{display: -webkit-flex;display: flex;-webkit-flex-flow: column wrap;flex-flow: column wrap}

/* Headings
-------------------------------------------------- */
h1, h2, h3, h4{font-size:inherit;line-height:inherit;display:inline-block;width:100%}
h1 a, h2 a, h3 a, h4 a{color:inherit}

/* Marquee
-------------------------------------------------- */
.marquee3k{overflow: hidden;height: 2.5rem;width:100%;border-bottom:1px solid}
.marquee3k span{opacity:0;transition:opacity .25s ease;padding:0 calc(.625em * 1);font-size:.666em;line-height:2.5rem}
.marquee3k.active span{opacity:1}

/* Statement
-------------------------------------------------- */
.statement {width:100%;padding:0 .625em;border-bottom:1px solid;justify-content: space-between;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}

/* Main
-------------------------------------------------- */
main{flex:1;width:100%;display:-webkit-flex;display:flex;-webkit-flex-flow:column wrap;flex-flow:column wrap}
header{height: 2.5rem;border-bottom:1px solid;position:sticky;top:0;left:0;z-index:999;background:#fff}
header article{width:100%;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}
header article ul{width:100%}
.nav a{display:block;position:relative}
.nav > li > a:nth-child(1){height:100%;display:flex;justify-content:flex-start;align-content:center;line-height: calc(2.5rem - 1px);padding-left:.625rem}
.cart-link b{margin-right:.31625rem}
.nav{height:2.5rem;vertical-align:top;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}
.nav li{position:relative}
.nav > li{width:calc(12.5% + 0px);border-right:1px solid;text-transform:uppercase}
ul.subul{border-left:1px solid;border-bottom:0;border-right:1px solid;box-shadow:.31625em .31625em .31625em 0 rgba(0,0,0,.5)}
li.subli{text-transform:uppercase;padding:0;border-right:0;border-bottom:1px solid #fff;width:100%}
li.subli:last-child{border-bottom:1px solid;padding-bottom:.625em}
li.subli ul > a{display:none}
.nav > li:last-child{margin-right:0}
.nav li li a{padding:.625em;padding-bottom:0;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all}
.nav li a:first-child:nth-last-child(2):before{content:"";position:absolute;height:0;width:0;top:50%}
.nav ul{border-top:1px solid;position:absolute;white-space:nowrap;z-index:999;width:calc(100% + 2px);top: calc(2.5rem - 1px);left:-99999em;background:#fff}
.nav > li:hover > ul{left:-1px;min-width:100%}
.nav > li li:hover > ul{left:100%;top:-1px}
.nav > li:hover > a:first-child:nth-last-child(2):before{margin-top:-5px}
.nav li li > a:first-child:nth-last-child(2):before{margin-top:-5px}
.nav > li:first-of-type{width:25%}
.nav li h1{font-family:inherit;font-size:.9em;line-height:1.25em;height:100%;display:flex;align-items:center;padding-left: .625rem;
width: 100%;}
.nav li h1 a{display:flex;line-height: calc(2.5rem - 2px);
height: 100%;}
.nav li h1 a svg{height:1.25rem}

.nav li h1 a{text-transform:lowercase;font-family:Kopy, arial, sans-serif;font-feature-settings:"fake","ss03"}
.nav li h1 a:hover{text-decoration:none}
.nav > li:nth-child(2) > a:after,.nav > li:nth-child(3) > a:after{content:'';position:absolute;top:0;right:.625em;background-image:url(../images/arrow.svg);background-position:center;width:1.25rem;height:100%}
.nav > li:nth-child(6){width:25%;border:0}

form.search {width:100%;height: 100%;font-size: inherit;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap}
form.search input{font-family: Union;;font-size: inherit;font-weight:none;line-height: 1;opacity:1;background:transparent;color:black;-webkit-appearance: none;margin:0}
form.search input.word{padding:0 .625rem;padding-right:0;width:calc(100% - 2.5rem);height: calc(2.5rem - 1px);}
form.search input.loupe{cursor:pointer;padding:.625rem;width:2.5rem;color:transparent;background-image: url(../images/loupe.svg);background-repeat: no-repeat;background-size: 1.125em;background-position: center}
form.search input.loupe:hover{opacity:.5}
[type="search"], [type="search"]::-webkit-search-decoration  {margin:0;vertical-align:bottom;-webkit-appearance: none;-webkit-appearance: textfield}
::-webkit-input-placeholder {font-family: inherit;font-size: inherit;line-height: inherit;opacity:1;color:black}
::-moz-placeholder {font-family: inherit;font-size: inherit;line-height: inherit;opacity:1;color:black}
:-ms-input-placeholder {font-family: inherit;font-size: inherit;line-height: inherit;opacity:1;color:black}
:-moz-placeholder {font-family: inherit;font-size: inherit;line-height: inherit;opacity:1;color:black}
input:focus {outline:0}
input:placeholder-shown {text-overflow: ellipsis;}

.switch-toggle{bottom:0;right:0;padding-right:.625rem;width:auto;z-index:99991;align-items:center;justify-content:flex-end;height:100%;display:table;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}
.switch-toggle > span{width:1.25rem;height:1.25rem;background-image:url(../images/lune.svg);background-size:contain;display:block;background-size: calc(100% + 4px);
display: block;
background-position: center;}
.switch-toggle label{width: calc(1.25rem * 2 + 4px);
height: calc(1.25rem + 4px);;margin-left:.625rem;position:relative;display:block;}
table td:first-child{min-width:auto;min-width:40px}
.switch-toggle label span{position:absolute;background-color:#fff;top:0;left:0;right:0;bottom:0;cursor:pointer;border-radius:40px;border:1px solid #000}
.switch-toggle label input{visibility:hidden}
.switch-toggle label span:after{content:"";position:absolute;width: calc(1.25rem + 2px);
height: calc(1.25rem + 2px);background-color:#000;border-radius:100%;top:0;left:0;border:2px solid #fff;transition:transform .25s ease}
.switch-toggle label input:checked + span:after{transform:translateX(20px)}
.switch-toggle label input:checked + span{background:#fff}

/* Dark-mode
-------------------------------------------------- */
body.dark-mode, body.dark-mode .caption {background:black;color:white}
body.dark-mode a, body.dark-mode a:hover, body.dark-mode a.active{color:white}
body.dark-mode ul li a{background:black;color:white}
body.dark-mode img{}
body.dark-mode section.liste ul li figure span.new{background:white;color:black}
body.dark-mode .nav > li:nth-child(2) > a::after{filter:invert(100%)}
body.dark-mode header{background:black}
body.dark-mode header ::-webkit-input-placeholder, body.dark-mode header ::-moz-placeholder {color:white}
body.dark-mode .loupe{filter:invert(100%)}
body.dark-mode .logopaiement span{filter:invert(100%);background:white}
body.dark-mode section.liste ul li figure:after{content:'';position:absolute;top:-50%;left:-100%;bottom:0;height:200%;width:4em;transform:rotate(45deg);transition:left 2s ease;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,0) 100%)}
body.dark-mode .nav ul{background:black}
body.dark-mode li.subli {border-bottom: 1px solid black;}
body.dark-mode li.subli:last-of-type {border-bottom: 1px solid white;}
body.dark-mode .switch-toggle > span{filter: invert(100%)}
body.dark-mode ul.subul {
  box-shadow: .31625em .31625em .31625em 0 rgba(255,255,255,.5);
}
body.dark-mode section.liste ul li figure.rupture::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><line x1="100%" y1="0" x2="0" y2="100%" stroke="white" stroke-width="1"/></svg>');
}
body.dark-mode section.liste ul::after {
  background: #fff;
}

body.dark-mode .switch-toggle label input + span::after{
  transform: translateX(20px);
}
body.dark-mode #cookies div{background:white;color:black}
body.dark-mode #cookies button:hover, body.dark-mode #cookies a:hover{background:white;color:black}
body.dark-mode #cookies button, body.dark-mode #cookies a{background:black;color:white;border-color:white}


body.dark-mode form.search input.search{color:white}
body.dark-mode ::-webkit-input-placeholder {font-family: inherit;font-size: inherit;line-height: inherit;opacity:1;color:white}
body.dark-mode ::-moz-placeholder {font-family: inherit;font-size: inherit;line-height: inherit;opacity:1;color:white}
body.dark-mode :-ms-input-placeholder {font-family: inherit;font-size: inherit;line-height: inherit;opacity:1;color:white}
body.dark-mode :-moz-placeholder {font-family: inherit;font-size: inherit;line-height: inherit;opacity:1;color:white}
body.dark-mode .nav .cart{background:black;color:white}
body.dark-mode div.partage a{background:white}
body.dark-mode .breadcrumb ol li a:hover {
   color: white;}
body.dark-mode section.produit article:nth-child(2) dd.quantite .button:hover{background:white;color:black;border:1px solid white}
body.dark-mode section.cart::after {background: #fff;}
body.dark-mode .nav .cart > div a{background:white;color:black;border:1px solid white}
body.dark-mode .nav .cart > div a:hover{background:black;color:white;border:1px solid white}
body.dark-mode aside.tags ul li form:after, body.dark-mode div.select:after{background-image: url(../images/arrow-white.svg)}
body.dark-mode section.texte form .acheter:hover{background:black;color:white;border:1px solid white}
body.dark-mode section.texte form .acheter{background:white;color:black;border:1px solid white}
body.dark-mode .nav > li:nth-child(3) > a::after {
  background-image: url(../images/arrow-white.svg);
}
body.dark-mode section.cart article form .stripe img{filter:invert(100%)}
/* Tags
-------------------------------------------------- */
aside.tags{height: 2.5rem;width:100%;border-bottom:1px solid;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
aside.tags ul{width:50%;border-right:1px solid;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
aside.tags ul:last-of-type{border:0}
aside.tags ul li{align-content: center;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
aside.tags ul li a{margin:0 .31625rem;text-transform: uppercase;font-size: .666em;line-height: 1.25em;border: 1px solid;border-radius: 1.25em;padding: calc(.625em / 2) calc(.625em / 1)}
aside.tags ul li a:hover, aside.tags ul li a.active{background:black;color:white;text-decoration:none;border:1px solid black}
aside.tags ul li span{margin:0;text-transform: uppercase;font-size: .666em;line-height: 2.5rem;padding:0  .625rem;display: flex;align-items: center}
aside.tags ul li form{display: flex;height:2.5rem;}


.nav .cart {cursor:default;position:absolute;width:calc(12.5vw * 3 + 2px);border:1px solid;left:-1px;background:white;box-shadow:.31625em .31625em .31625em 0 rgba(0,0,0,.5)}
.nav .cart > ul {position:relative;width:100%;left:0;border:0}
.nav .cart > ul:last-of-type {border: 0;}

.nav .cart > ul li {display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;border-bottom:1px solid}
.nav .cart > ul > li > div:first-of-type{height: calc(12.5vw - 1px);width: calc(12.5vw - 1px);}
.nav .cart > ul li div:first-of-type img{height: 100%;width: 100%;}
.nav .cart > ul li div:nth-child(2){width:calc(12.5vw * 2 + 1px);border-left:1px solid}
.nav .cart > ul li div:nth-child(2) dl {display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
.nav .cart > ul li div:nth-child(2) dl dt, .nav .cart > ul li div:nth-child(2) dl dd{border-bottom: 1px solid;
height: 2.5rem;
display: flex;
align-content: center;
align-items: center;
justify-content: flex-start;
padding-left: .625rem;}
.nav .cart > ul li div:nth-child(2) dl dt{width:25%;}
.nav .cart > ul li div:nth-child(2) dl dd{width:75%;}
.nav .cart > ul li div:nth-child(2) dl dt{font-variant-caps: small-caps;
-moz-font-feature-settings: smcp;
-webkit-font-feature-settings: smcp;
font-feature-settings: smcp;
text-transform: lowercase;}
.nav .cart > ul:last-of-type li div:nth-child(1){height: auto;width: calc(12.5vw - 1px);}
.nav .cart > ul:last-of-type li div:nth-child(2) dl dt:last-of-type, .nav .cart > ul:last-of-type li div:nth-child(2) dl dd:last-of-type{border:0}
.nav .cart > div{padding:.625rem;padding-left:calc(12.5vw + 1px + .625rem);display: inline-block;}
.nav .cart > div a{padding:.625rem;text-transform: uppercase;background:black;color:white;width:auto;border:1px solid black}
.nav .cart > div a:hover{text-decoration: none;background:white;color:black;border:1px solid black}


.nav .cart ul {width:100%;max-height: calc(100vh - 16.5em);
overflow: scroll;}
details summary::-webkit-details-marker,
details summary::marker {
 display: none; 
 content: "";
}

summary, details{height: 100%;outline:0;
 display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
-ms-flex-line-pack: center;
    align-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;}
details{cursor:pointer;padding-left: .625rem;}
summary > span{line-height:2.5rem}

/* liste
-------------------------------------------------- */
section{width:100%;flex: 1;}
section.liste ul{width:100%;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;position:relative}
section.liste ul:after{content:'';height:1px;background:#000;position:absolute;bottom:0;left:0;width:100%}
section.liste ul li{border-bottom:1px solid;border-right:1px solid;width:25%;display:-webkit-flex;display:flex;-webkit-flex-flow:column wrap;flex-flow:column wrap}
section.liste ul li:nth-child(4n){border-right:0}
section.liste ul li figure{width:100%;position:relative;height:calc(25vw - 1px);border-bottom:1px solid;padding:5em;transition:padding .25s ease}
section.liste ul li figure:not(.rupture):hover{padding:2.5em}
section.liste ul li figure a{width:100%;display:block}
section.liste ul li figure span{z-index:9;position:absolute;top:.625rem;left:.625rem;font-size:.666em;line-height:1.25em}
section.liste ul li figure span.new{z-index:99;position:absolute;top:.625rem;left:auto;right:.625rem;color:#fff;text-transform:uppercase;font-size:.666em;line-height:1.25em;width:4em;height:4em;background:#000;border-radius:100%;line-height:4em;text-align:center;transform:rotate(45deg)}
section.liste ul li > div{padding:.625em;width:100%;display: flex;flex-flow: column;}
section.liste ul li > div > div{width:100%;display: flex;flex-flow: row;justify-content: space-between}
section.liste ul li div a{width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
section.liste ul li div h3{text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap}
section.liste ul li div span{text-align:left}
section.liste ul li div span:nth-child(1){flex:1}
section.liste ul li div span:nth-child(2){text-transform: uppercase;color:#aaa;font-size: .666em;}
section.liste ul li div span b{float:right}
strike{margin-left:.625em;color:#aaa;text-decoration:none;position:relative}
strike:after{content: '';
height: 1px;
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 100%;
background: #aaa;}
section.liste ul li figure span.promo{z-index:9;border:1px solid;padding:.625em 1.25em;border-radius:1.25em;position:absolute;top:auto;bottom:.625rem;left:.625rem;font-size:.666em;line-height:1.25em}
section.produit{border-bottom:1px solid;width:100%;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}
section.produit article{width:50%;display:-webkit-flex;display:flex;-webkit-flex-flow:column wrap;flex-flow:column wrap}
section.produit article:nth-child(1){position:relative;border-right:1px solid}
section.produit article:nth-child(2) dl{width:100%;align-content:flex-start;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}
section.produit article:nth-child(2) dl:nth-child(2){flex:1;border:0;margin-top:.625rem;padding-right:.625rem}
section.produit article:nth-child(2) dl:nth-child(2) dd{line-height:inherit;padding-top:.625rem;}

section.produit article:nth-child(2) dl:nth-child(2) dd,section.produit article:nth-child(2) dl:nth-child(2) dt{border:0;margin-bottom:1.25rem}
section.produit article:nth-child(2) dl:nth-child(3) dd,section.produit article:nth-child(2) dl:nth-child(3) dt{border:0}
section.produit article:nth-child(2) dt,section.produit article:nth-child(2) dd{border-bottom:1px solid}
section.produit article:nth-child(2) dt{height:2.5rem;width:25%;text-transform:uppercase;display:flex;justify-content:flex-start;align-items:center;padding-left:.625rem;font-variant-caps:small-caps;-moz-font-feature-settings:smcp;-webkit-font-feature-settings:smcp;font-feature-settings:smcp;text-transform:lowercase}
section.produit article:nth-child(2) dd{width:75%;display:flex;align-content:flex-start;justify-content:flex-start;align-items:flex-start;flex-flow:column;padding-top:.2.5rem;line-height: calc(2.5rem - 1px);padding-left:.625rem}
section.produit article:nth-child(2) dd.prix{flex-flow:row}
section.produit article:nth-child(2) dd.couleur{padding-top:0}
section.produit article:nth-child(2) dd ul{display:table;margin-bottom:1.25em }
section.produit article:nth-child(2) dd ul > li{display:table-row}
section.produit article:nth-child(2) dd ul > li::before{content:"•";width:1.25em;display:table-cell}
section.liste ul li figure{transition:left .2s ease,padding .25s ease;overflow:hidden}
section.liste ul li figure.rupture:before{content:'';height:100%;width:100%;position:absolute;z-index:99;top:0;left:0;bottom:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><line x1="100%" y1="0" x2="0" y2="100%" stroke="black" stroke-width="1"/></svg>')}
section.liste ul li figure:after{content:'';position:absolute;top:-50%;left:-100%;bottom:0;height:200%;width:4em;transform:rotate(45deg);transition:left 2s ease;background:#fff;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%)}
section.liste ul li figure.highlight:after{left:200%}
section.produit article:nth-child(2) dd.quantite{padding:0}
section.produit article:nth-child(2) dd.quantite form{padding-left:.625rem;position:relative;height:100%;width:100%;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}
section.produit article:nth-child(2) dd.quantite form input{background:transparent;color:inherit;height:100%;width:2.5rem;text-align:center;font-size:inherit;line-height:inherit;font-family:inherit}
section.produit article:nth-child(2) dd.quantite .button{color:inherit;font-size:inherit;line-height:inherit;font-family:inherit;font-variant-caps:small-caps;-moz-font-feature-settings:smcp;-webkit-font-feature-settings:smcp;font-feature-settings:smcp;text-transform:lowercase;width:2.5rem;padding:0 .625rem;background:transparent;border-left:1px solid;border-right:1px solid}
section.produit article:nth-child(2) dd.quantite .button:hover{background:#000;color:#fff;border:1px solid #000;cursor:pointer}
section.produit article:nth-child(2) dd.quantite .button{height:100%;width:auto;}
section.produit article:nth-child(2) dd.quantite .button.unvailable{cursor:not-allowed;background:black;color:white;pointer-events: none}
section.produit article:nth-child(2) dd.quantite div{height:100%;display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;}
section.produit article:nth-child(2) dd.quantite div.stack{padding-left:.625rem;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}
section.produit article:nth-child(2) dd.quantite div.stack select{border-right:0}
section.produit article:nth-child(2) dd.quantite div.stack select.variant-select{border-right:1px solid}
section.produit article:nth-child(2) dl:nth-child(2) dd > p{margin-bottom:1em}
/* Pagination
-------------------------------------------------- */
div.pagination{width:100%;margin: 2.5rem 0 0;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
div.pagination ul{border-top:1px solid;border-bottom:1px solid;width:100%;justify-content:center;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
div.pagination ul li{border-right:1px solid;justify-content:center;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
div.pagination ul li:first-child{border-left:1px solid;}
div.pagination ul li a, div.pagination ul li span{width:2em;height:2em;display: flex;align-items: center;justify-content: center;text-decoration:none}
div.pagination ul li a:hover, div.pagination ul li a.active{background:black;color:white}

/* Breadcrumb
-------------------------------------------------- */
.sub{height: 2.5rem;align-content: center;padding:0 calc(.625rem / 2);border-bottom:1px solid;width:100%;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
.sub div{width:50%;height: 2.5rem;}
.breadcrumb ol{width:100%;height: 2.5rem;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
.breadcrumb ol li {height: 2.5rem;align-items: center;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
.breadcrumb ol li:after {content:'/';font-size: .666em;width:1em;background-repeat:no-repeat;background-position:center;padding:0 calc(.625rem / 4)}
.breadcrumb ol li:last-child:after {display:none}
.breadcrumb ol li a{padding:calc(.625rem / 2);font-size: .666em;  font-size: .666em;padding:0 .625em}
.breadcrumb ol li a:hover{color:black;text-decoration:underline;text-decoration-thickness: 1px;text-underline-offset: 2px}
article > .breadcrumb:nth-of-type(2){display:none}

div.partage{padding-right:calc(.625rem / 2);width:50%;align-items: center;justify-content: flex-end;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
div.partage span{font-size:.666em;line-height:1.25em}
div.partage a{margin-left:.625em;display:block;width:1.25rem;height:1.25rem;background-size: contain;background-repeat:no-repeat;background-position: center;background-color: black;border-radius: 100%;}
div.partage a:nth-of-type(1){background-image:url(../images/x.svg);background-size: .75rem;}
div.partage a:nth-of-type(2){background-image:url(../images/facebook.svg);background-size: .75rem;}
div.partage a:nth-of-type(3){background-image:url(../images/pinterest.svg);background-size: .75rem;}
div.partage a:nth-of-type(4){background-image:url(../images/mail.svg);background-size: .75rem;}
.related{border-bottom:1px solid;width:100%;text-align:center;font-size:2em;line-height:1.25em;padding:.625rem;font-size: 1.666em;padding: .625rem;line-height: 1.25em;text-transform: uppercase;min-height: 5rem;display: flex;align-content: center;justify-content: center;align-items: center}
div.partage a:hover{background-color:#aaa}
/* Cookies
-------------------------------------------------- */
#cookies{position:sticky;align-items: flex-start;z-index:999;background:black;color:white;bottom:0;left:50%;width:calc(50% + 1px);display: -webkit-flex;display: flex;-webkit-flex-flow: column nowrap;flex-flow: column nowrap;}
#cookies div{width:100%;padding:.625rem;}
#cookies div:nth-child(2){padding:0;width:100%;display: flex;flex-flow: row;justify-content: flex-end;}
#cookies button, #cookies a{font-variant-caps: small-caps;
-moz-font-feature-settings: smcp;
-webkit-font-feature-settings: smcp;
font-feature-settings: smcp;
text-transform: lowercase;color:black;height:2.5rem;width:50%;text-align:center;font-family: inherit;font-size:inherit;line-height:inherit;background:white;padding:.625em;border-left:1px solid black;border-bottom:0;cursor:pointer}
#cookies button:hover, #cookies a:hover{text-decoration:none;background:black;color:white;border:1px solid black}

/* Adress
-------------------------------------------------- */
adress{padding:.625rem;align-content: center;width:100%;min-height: 5rem;font-size: 1.666em;letter-spacing:-.025em;line-height: 1.25em;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;flex-flow: row wrap;justify-content: space-between}
adress div{text-align:center}

adress div span{font-family: "noto", sans-serif;
margin-left: .625rem;
  font-weight: 900;}

/* Statement
-------------------------------------------------- */
.statement{text-align: center;min-height: 5rem;align-content: center;width:100%;font-size: 1.666em;letter-spacing:-.0125em;padding:.625rem;line-height: 1.25em;text-transform:uppercase;display:flex;justify-content: center}
.statement div{}

h3.subtitle {position:relative;height: 2.5rem;border-bottom:1px solid;width:100%;font-size: 1em;letter-spacing:-.0125em;align-items: center;line-height: 1.25em;text-transform:uppercase;display:flex;justify-content: center}
h3.subtitle a{position:absolute;right:.625rem;font-variant-caps: small-caps;-moz-font-feature-settings: "smcp";-webkit-font-feature-settings: "smcp";font-feature-settings: "smcp";text-transform: lowercase}

/* Texte
-------------------------------------------------- */
section.texte{width:100%;flex: 1;border-bottom:1px solid;padding:.31625rem;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
section.texte article{width:33.333%;padding:.31625rem}
section.texte article h3{text-align: center;margin-bottom: 1.25em;text-decoration:underline;text-transform: uppercase}
section.texte article p+p{text-indent: 2.5em}
section.texte article ul {display: table;margin:1.25em 0}
section.texte article ul > li {display: table-row}
section.texte article ul > li::before {content: "•";width:1.25em;display: table-cell}
section.texte.apropos article{width:75%;margin-left:calc(25% / 2)}
section.texte.apropos article:nth-child(2){margin:1.5em 0;width:50%;margin-left:25%}

/* Texte
-------------------------------------------------- */
section.cart{width:100%;flex:1;position:relative;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}
section.cart:after{content:'';position:absolute;bottom:0;left:0;height:1px;background:#000;width:100%}
section.cart article{position:relative;width:50%;display:-webkit-flex;display:flex;-webkit-flex-flow:column wrap;flex-flow:column wrap}
section.cart article:first-child{border-right:1px solid;}
section.cart article.listcart div{}
section.cart article.listcart div h3{height:2.5rem;border-bottom:1px solid;width:100%;font-size:1em;letter-spacing:-.0125em;align-items:center;line-height:1.25em;text-transform:uppercase;display:flex;justify-content:center}
section.cart article.listcart div ul{width:calc(100% + 1px);display:-webkit-flex;display:flex;-webkit-flex-flow:column wrap;flex-flow:column wrap}
section.cart article.listcart div ul li{border-bottom:1px solid;width:100%;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}
section.cart article.listcart div ul > li > div{width:50%;display:-webkit-flex;display:flex;-webkit-flex-flow:column wrap;flex-flow:column wrap}
section.cart article.listcart div ul li > div:first-child{border-right:1px solid}
section.cart article.listcart div ul li div:first-child a{padding:5em;transition:padding .25s ease}
section.cart article.listcart div ul li div:first-child a:hover{padding:2.5em}
section.cart article.listcart div ul li div:first-child a{width:calc(25vw - 1px);height:calc(25vw - 1px)}
section.cart article.listcart div ul li div dl{width:100%;align-content:flex-start;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}
section.cart article.listcart div ul li div dl:nth-child(2){flex:1;border:0}
section.cart article.listcart div ul li div dl:nth-child(2) dd,section.cart article.listcart ul li div dl:nth-child(2) dt{border:0}
section.cart article.listcart div ul li div dl:nth-child(3) dd,section.cart article.listcart ul li div dl:nth-child(3) dt{border:0}
section.cart article.listcart div ul li div dt,section.cart article.listcart ul li div dd{width:75%;display:flex;align-content:center;justify-content:flex-start;align-items:center;border-bottom:1px solid}
section.cart article.listcart div ul li div dt{height:2.5rem;width:25%;text-transform:uppercase;display:flex;justify-content:flex-start;align-items:center;padding-left:.625rem;font-variant-caps:small-caps;-moz-font-feature-settings:smcp;-webkit-font-feature-settings:smcp;font-feature-settings:smcp;text-transform:lowercase}
section.cart article form{height:100%;display:-webkit-flex;display:flex;-webkit-flex-flow:column wrap;flex-flow:column wrap}
section.cart article form:last-child{flex:1;align-items:center}
section.cart article form:last-child button{font-variant-caps:small-caps;-moz-font-feature-settings:smcp;-webkit-font-feature-settings:smcp;font-feature-settings:smcp;text-transform:lowercase;width:auto;padding:0 .625rem}
section.cart article:last-child form:last-child button{font-variant-caps:small-caps;-moz-font-feature-settings:smcp;-webkit-font-feature-settings:smcp;font-feature-settings:smcp;text-transform:lowercase;width:auto;padding:1.25rem;font-size:1em;letter-spacing:-.0125em;align-items:center;line-height:1.25em;text-transform:uppercase}
section.cart article  h3{height:2.5rem;border-bottom:1px solid;width:100%;font-size:1em;letter-spacing:-.0125em;align-items:center;line-height:1.25em;text-transform:uppercase;display:flex;justify-content:center}
section.cart article form div:not([hidden=""]){border-bottom:1px solid;height:2.5rem;width:100%;justify-content:flex-start;align-content:center;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}
section.cart article form div input{background:transparent;color:inherit;padding-left:.625rem;height:100%;border-left:1px solid;font-size:inherit;font-family:inherit;line-height:inherit}
section.cart article form div label{white-space: nowrap;padding-left:.625rem;width:calc(25% - 1px);font-variant-caps:small-caps;-moz-font-feature-settings:smcp;-webkit-font-feature-settings:smcp;font-feature-settings:smcp;text-transform:lowercase;display:flex;justify-content:flex-start;align-items:center}
section.cart article form div label abbr{margin-left:calc(.31625rem / 2);border:0;text-decoration: none}

section.cart article form div.paiements{justify-content:center}
section.cart article form div.paiements span{margin-right:1.25rem;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}
section.cart article form div.paiements span label{flex:1}
section.cart article form div.paiements span input{margin-left:.625rem}
section.cart article.listcart ul:last-child li{border:0}
button.round{font-size:inherit;font-family:inherit;line-height:inherit;background:#fff;color:#000;border-left:1px solid;line-height:1;width:2.5rem;height:100%}
button.round:first-of-type{border-right:1px solid}
button.round:hover{background:#000;color:#fff;cursor:pointer;border-left:1px solid #000}
section.cart article .quantity{width:2.5rem;text-align:center}
section.cart article form > div.achat{border:0;height:auto;padding:1.25rem}
section.cart article form div.payment-methods{height:auto;align-items: center;justify-content:center;align-content:center;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}
section.cart article form div.payment-methods div{width: auto;margin: 0 .625rem;
border: 0;}
section.cart article form div[data-name="billingaddressisshippingaddress"]{}

section.cart .cart-info{padding:.625rem;text-align:center}
div.notice{padding:.625rem;padding-left:75%;border-bottom:1px solid;display: -webkit-flex;display: flex;-webkit-flex-flow: column wrap;flex-flow: column wrap}
div.notice u{padding:.625rem 0;text-transform: uppercase}
div.notice h2{padding-bottom:1.25rem;width:100%;text-align:center;text-transform: uppercase}

button.acheter{font-family:inherit;line-height:inherit;margin:0 auto;background:#000;color:#fff;font-size:1em;letter-spacing:-.0125em;align-items:center;line-height:1.25em;text-transform:uppercase;padding:1.25rem;cursor:pointer;border:1px solid #000}
button.acheter:hover{color:#000;background:#fff;border:1px solid #000}

/* Footer
-------------------------------------------------- */
footer{border-top:1px solid;width:100%;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
footer article{width: 33.333%;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
footer article:nth-child(3){justify-content: flex-end}
footer article > a{padding:.625em;border-right:1px solid}
footer article:nth-child(3) a{border-right:0;border-left:1px solid}
footer article:nth-child(2){flex:1;justify-content:center;align-items: center}
section.cart article form div.logopaiement{padding-top: .31625rem;justify-content: center;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
section.cart article form .stripe{width: 100%;border-top: 1px solid;align-items: center;justify-content: center;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
section.cart article form .stripe img{height:2.5rem;width:auto}
.logopaiement span img{margin-right:.625em;height: 1.5em;width: 2.125em;border:1px solid black;filter:grayscale(100%);background:white;border-radius:.25em}
.logopaiement span:nth-child(2) img{padding:.15em}
.logopaiement span:nth-child(4) img{padding:.15em}
.logopaiement span:nth-child(3) img{padding:.15em}

footer article .social{justify-content: center;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
footer article .social a {background: black;display: flex;
justify-content: center;
align-items: center;margin-right:.625em;height: 1.25rem;width: 1.25rem;border-radius: 100%;}
footer article .social a img{height:100%;width: 100%;}
footer article .social a:nth-child(3) img{filter:invert(100%);padding: .275rem;}
footer article .social a:nth-child(3) {background:black}
footer article .social a:nth-child(2) img{height:.75rem;width:.75rem;}
footer article .social a:nth-child(1) img{height:.75rem;width:.75rem;}
footer article .social a:hover{background:#aaa}
/* Contact
-------------------------------------------------- */
section.texte.contact{padding:0}
section.texte form{align-items: center;width:50%;margin-left:25%;border-left:1px solid;border-right:1px solid;display: -webkit-flex;display: flex;-webkit-flex-flow: column wrap;flex-flow: column wrap}
section.texte form div{width:100%;display: -webkit-flex;display: flex;-webkit-flex-flow: column wrap;flex-flow: column wrap}
section.texte form div:nth-child(4){flex:1}
section.texte form div input{background:transparent;color:inherit;font-family: inherit;font-size:inherit;line-height:inherit;border-bottom:1px solid;padding:.625em}
section.texte form textarea{background:transparent;color:inherit;flex:1;resize:none;min-height:12.5vw;outline:0;font-family: inherit;font-size:inherit;line-height:inherit;border-bottom:1px solid;;padding:.625em}
section.texte form abbr{text-decoration:none;border:0}
section.texte form label{padding:.625em;text-transform:uppercase;text-align:left;border-bottom:1px solid;}
section.texte form .acheter {
  font-variant-caps: small-caps;
  -moz-font-feature-settings: smcp;
  -webkit-font-feature-settings: smcp;
  font-feature-settings: smcp;
  text-transform: lowercase;
  width: auto;
  padding: 1.25rem;
  font-size: 1em;
  letter-spacing: -.0125em;
  align-items: center;margin:1.25rem;
  line-height: 1.25em;font-family: inherit;
line-height: inherit;
  text-transform: uppercase;background:black;color:white;border:1px solid black;cursor: pointer
}
section.texte form .acheter:hover{background:white;color:black;border:1px solid black;}
.honeypot {position: absolute;left: -9999px}

section.texte .alert{
  width: 50%;
  margin-left: 25%;
  border-left: 1px solid;
  border-right: 1px solid;
  text-align: center;
  padding: .625rem;
  font-size: ;
  font-size: 1.666em;
  letter-spacing: -.0125em;
  padding: .625rem;
  line-height: 1.25em;
  display: flex;
  align-content: center;
  align-items: center;justify-content: center;
}

.add-button{margin-top:2.5rem;width:100%;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
.add-button button{width:2.5rem;height:2.5rem;background:transparent;border:1px solid;font-family:inherit;font-size:inherit;line-height:inherit}
.add-button button:hover{background:black;color:white;border:1px solid black;cursor:pointer}
.add-button input{text-align:center;padding:.625rem;width:2.5rem;height:2.5rem;background:transparent;border-top:1px solid;border-bottom:1px solid;font-family:inherit;font-size:inherit;line-height:inherit}
.add-button button.acheter{width:auto;border-radius:1.25rem;margin-left:1.25rem;padding:0 .625rem;height:2.5rem;background:transparent;border:1px solid;font-family:inherit;font-size:inherit;line-height:inherit}

.snipcart-add-item  {cursor:pointer;
  font-family: inherit;font-size: inherit;
  line-height: inherit;
  padding: 0 .625rem;
  background: white;
  border-left: 1px solid;
  border-right: 1px solid;
  text-transform: uppercase;color:black;font-variant-caps: small-caps;
-moz-font-feature-settings: smcp;
-webkit-font-feature-settings: smcp;
font-feature-settings: smcp;
text-transform: lowercase;
}
.snipcart-add-item:hover  {background:black;color:white;border-color:black
}
/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,1);border:none;color:#000;border:1px solid black}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0}.flickity-button:active{opacity:1}.flickity-button:disabled{opacity:0;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:2.5em;height:2.5em;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:2.5em}.flickity-prev-next-button.next{right:2.5em}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

.container{width:100%}
.carousel{width:100%;overflow:hidden}
.carousel.only .flickity-page-dots{display:none}
.carousel-cell{width:100%;height:50vw}
.carousel-cell-image{display:block;height:50vw;padding:.625em;margin:0 auto;width:100%;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s}
.carousel-cell-image.flickity-lazyloaded,.carousel-cell-image.flickity-lazyerror{opacity:1}
.carousel-nav{bottom:0;left:0;width:100%;overflow:hidden;border-top:1px solid}
.carousel-nav .carousel-cell{width:calc(50vw / 8);height:calc(50vw / 8);opacity:.5}
.carousel-nav .carousel-cell.is-selected{opacity:1}
.carousel-nav .carousel-cell .carousel-cell-image{width:calc(50vw / 8);height:calc(50vw / 8);padding:.625em }
.flickity-button{display:none}
.flickity-page-dots{position:absolute;width:100%;bottom:1.25rem;padding:0;margin:0;list-style:none;text-align:center;line-height:1}
.flickity-page-dots .dot{display:inline-block;width:.625rem;height:.625rem;margin:0 .31625rem;background:#aaa;border-radius:50%;opacity:1;cursor:pointer}
.flickity-page-dots .dot.is-selected {
  background:#000;border-radius:50%;opacity:1;
}
.carouselhome{width:100%;height:calc(100vh - 10rem);overflow:hidden;border-bottom:1px solid}
.carouselhome .carousel-cell{opacity:1;width:100%;height:calc(100vh - 10rem);background-position:center}
.carouselhome .carousel-cell-image{color:transparent;display:block;object-fit: cover;height:100%;padding:0;margin:0 auto;width:100%;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s}
.carouselhome .carousel-cell-image.flickity-lazyloaded, .carouselhome .carousel-cell-image.flickity-lazyerror{opacity:1}
.caption{position:absolute;border-bottom: 1px solid;bottom:0;left:0;background:white;padding:.625rem;z-index:99}

.carouselhome .carousel-cell video{object-fit: cover;height:100%;width:100%;}


.carouselmarque{width:100%;overflow:hidden;border-bottom:1px solid}
.carouselmarque .carousel-cell{width:12.5vw;height:12.5vw;padding:.625rem;}
.carouselmarque .carousel-cell-image{filter:grayscale(100%) contrast(1.2);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:auto;padding:0;margin:0 auto;width:calc(100% - 2.5rem);opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s}
.carouselmarque .carousel-cell-image.flickity-lazyloaded, carouselmarque .carousel-cell-image.flickity-lazyerror{opacity:1}


/* Lazyload
-------------------------------------------------- */
.lazyload, .lazyloading, .flickity-bg {opacity: 0}
.lazyloaded, .carouselhome .carousel-cell.flickity-bg-lazyloaded {opacity: 1;transition: opacity 300ms}


.mobile, main > div.partage{display:none}



.splash > div{}
.splash > div a{color:white}
.splash > div:nth-child(1){font-size:4.5vw;text-transform: uppercase;line-height: 1em;color: white;
  -webkit-text-fill-color: black; /* Will override color (regardless of order) */
  -webkit-text-stroke: 2px white;text-align:center}
.splash > div:nth-child(2){justify-content: center;margin-bottom:1.25rem;font-size: 1.7vw;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap}
.splash > div:nth-child(3){flex:1;background-size:cover;background-position:center;background-repeat:no-repeat}

/*--------------------------------------
-   MEDIA QUERIES
---------------------------------------*/
@media only screen and (max-width:1080px){
   section.liste ul li{width:50%}
   section.liste ul li figure{height:calc(50vw - 1px)}
   section.liste ul li:nth-child(2n){border-right:0}
   section.liste ul li figure{padding:2em}
   section.liste ul li figure{padding:2em}
   section.liste ul li figure:not(.rupture):hover{padding:2em}
   section.produit article{width:100%}
   .carousel-cell-image{display:block;height:100vw}
   .carousel{border-bottom:1px solid}
   .carousel-nav{border-top:0;border-bottom:1px solid}
   .carousel-nav .carousel-cell,.carousel-nav .carousel-cell .carousel-cell-image{width:calc(50vw / 3);height:calc(50vw / 3)}
   section.produit article:nth-child(1){border-right:0}
   .carousel-cell{width:auto;height:100vw}
   footer{justify-content:center}
   footer article:nth-child(2){display:none}
   footer article a{flex:1;text-align:center;white-space:nowrap}
   footer article:nth-child(3) a:first-child{border:0}
   footer article{width:auto}
   adress{line-height:1.125em;padding: 1.25rem .625rem;justify-content:center}
   section.produit article:nth-child(2) dd.quantite form button:last-child{margin:0;position:absolute;right:0;height:100%;border-right:0}
    .breadcrumb  {border-bottom:1px solid}
   .breadcrumb  ol{padding:.31625rem .31625rem .625rem}
   .breadcrumb ol li a{line-height:1;padding-bottom:0}
   .breadcrumb ol li::after{width:auto;content:'/';font-size:.666em;line-height:2;padding:0}
   .sub{display:none}
   .statement{text-align:center;line-height:1.125em}
   body{overflow-x:hidden}
   section.produit article:nth-child(2) dl:nth-child(2) dt{display:none}
   section.produit article:nth-child(2) dl:nth-child(2) dd{width:100%}
   section.texte article{width:100%}
   #cookies div{width:100%;flex:1}
   section.cart article{width:100%}
   section.cart article.listcart{border-right:0}
   section.cart article.listcart ul li div:first-child a{width:calc(50vw - 1px);height:calc(50vw - 1px);padding:2em}
   .header{display:none}
   .mobile{display:flex;flex-flow:column}
   header{max-height:100%;border-bottom:0;position:fixed;top:0;width:100%}
   .nav{border-bottom:1px solid}
   .nav > li:first-of-type{width:auto;flex:1}
   .nav > li{border:0}
   .nav > li .hamburger{cursor:pointer;background-image:url(../images/hamburger.svg);background-repeat:no-repeat;background-size:1.5rem;width:2.5rem;background-position:center;height:2.5rem}
   .nav > li .hamburger.show{background-image:url(../images/menuopen.svg)}
   
   .nav > li .linkcart{cursor:pointer;background-image:url(../images/cart.svg);background-repeat:no-repeat;background-size:1.125rem;width:2.5rem;background-position:center;height:2.5rem}
   .nav > li .loupe{cursor:pointer;background-image:url(../images/loupe.svg);background-repeat:no-repeat;background-size:1.125rem;width:2.5rem;background-position:center;height:2.5rem}
   .nav > li .loupe.show{cursor:pointer;background-image:url(../images/loupezoom.svg);background-repeat:no-repeat;background-size:1.125rem;width:2.5rem;background-position:center;height:2.5rem}
   
   .nav > li:nth-child(2) > a::after,.nav > li:nth-child(3) > a::after{display:none}
   .nav > li > a:nth-child(1){padding-left:0}
   section.produit article:nth-child(2) dl:nth-child(2){margin-top:.625rem}
   
   .menumobile ul li ul{display:none}
   .menubmobile li.first,.menubmobile li.second,.menubmobile li.third{display:none}
   .menumobile ul{position:relative}
   .menumobile > ul:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff}
   .menumobile ul li{display:flex;flex-flow:column;text-transform:uppercase;position:relative}
   .menumobile ul li span{padding:.625rem;border-bottom:1px solid}
   .menumobile ul li:not(.last):after{content:'';position:absolute;top:0;right:0;background-image:url(../images/arrow.svg);background-position:center;width:2.5rem;height:2.5rem}
   .menumobile ul li ul li span{padding-left:calc(.625rem * 3)}
   .menumobile ul li ul li ul li span{padding-left:calc(.625rem * 6)}
   .menumobile ul li ul li ul li ul li span{padding-left:calc(.625rem * 8)}
   main > div.partage{display:flex;padding-right:.625rem;width:100%;height:2.5rem;border-bottom:1px solid}
   section.cart article form div label{width:calc(33% - 1px)}
   section.cart article.listcart ul li div dt{width:100%}
   article.listcart ul li div dd,section.cart article.listcart ul li div dd{width:100%}
   section.cart article.listcart ul li div dl{-webkit-flex-flow:column wrap;flex-flow:column wrap}
   form.search input{font-size:1.666em}
   form.search input.word{padding:.625rem}
   .disabled-link{pointer-events:none;cursor:default}

   #cookies {
  -webkit-flex-flow: column nowrap;
      flex-flow: column nowrap;}
   #cookies div:nth-child(2) {
      width: 100%;justify-content: center;margin-top:.625rem}
   
   details {
  cursor: pointer;
  padding-left: .625rem;
}
   
   header {
    position: sticky;
    top: 0;
    width: 100%;
    background-color: #fff;
    color: black;
    z-index: 1000; /* Assurez-vous que le header reste au-dessus du contenu */
}

.nav {
    display: flex;
   
}

.menusearch {
    display: none; /* Cachez le menu de recherche par défaut */
}

.menumobile, .menusearch {
    display: none; /* Cachez le menu mobile par défaut */
    position: absolute;
    top: 2.5rem; /* Ajustez en fonction de la hauteur de votre header */
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 999; /* Assurez-vous que le menu reste au-dessus du contenu */
    max-height: calc(100vh - 2.5rem); /* Assurez-vous que le menu ne dépasse pas la hauteur de l'écran */
    overflow-y: auto; box-shadow:0 .31625em .31625em 0 rgba(0,0,0,.25);
}

   aside.tags {
  height: auto;
  width: 100%;
  border-bottom: 1px solid;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: column wrap;
}
   aside.tags ul {
      width: 100%;border-right:0;}
    aside.tags ul li:first-child{width:5rem}
   aside.tags ul li:nth-child(2){width:calc(100% - 5rem)}
   aside.tags ul li:nth-child(2) form{width:100%}
     aside.tags ul:first-child {border-bottom:1px solid}
   aside select {
  text-transform: uppercase;
  font-size: .666em;
  width: 100%;
  border-right: 0;
}
   div.pagination {
  width: 100%;
      margin: 2.5rem 0 2.5rem 0;}
.nav .hamburger {
    cursor: pointer;
}

#hamburger.active + .menumobile {
    display: block; /* Affichez le menu mobile lorsque le hamburger est actif */
}
   adress div {
  text-align: center;
  width: 100%;
}
   section.texte.apropos article:nth-child(2) {
  margin: 1.5em 0;
    margin-left: 0px;
  width: 100%;
  margin-left: 0;
}
   .carouselhome, .carouselhome .carousel-cell {
  height: 500px;
}
   section.texte.apropos article {
  width: 100%;
  margin-left: 0;
}
section.texte form textarea {
  background: transparent;
  color: inherit;
  flex: 1;
  resize: none;
   min-height: 10rem;}
   .nav li h1 {
  font-family: inherit;
      font-size: .8em;}
   #cookies button{border:0}
   .nav > li {
      width: auto}
   .caption {
      position: relative;border-bottom:1px solid}
   
   .carouselmarque .carousel-cell {
  width: 25vw;
  height: 25vw;
}
   .carouselmarque .carousel-cell-image {
      width: calc(100% - 1.25rem);}
   #cookies{left:0;width:100%;display: -webkit-flex;display: flex;-webkit-flex-flow: column nowrap;flex-flow: column nowrap;}

   section.texte form {
  align-items: center;
  width: 100%;
  margin-left: 0;
  border-left: 0;
      border-right: 0;}
   
   
}