main{display:flex;flex-direction:column;margin-bottom:50px}#prod{display:flex;flex-direction:column;gap:50px;padding:50px 5% 0}h1{padding:0 0 15px 0;font-size:1.6rem;line-height:2rem;color:var(--dore);text-align:left}h1+p{font-size:1.5rem;text-align:justify;color:var(--bleu-fonce)}#cara{margin:0 auto;border:solid 1px var(--dore);width:calc(100% - 10%);min-width:320px;max-width:600px;padding:0 15px}#cara dt{display:none}#cara dd{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:1.4rem}#cara dd:nth-of-type(n+2){border-top:solid 1px var(--dore)}#cara dd i{min-width:60px;max-width:60px}#cara dd b{display:block}#produit{order:-1;display:flex;flex-direction:column;gap:25px}#fd1 ul li{aspect-ratio:16 / 9}#fd1 img{max-width:960px}#produit figure{margin-bottom:30px}#produit form{margin:0 auto;width:100%;min-width:320px;max-width:480px;padding:0 5%}#produit h2{text-transform:uppercase;font-size:1.8rem;color:#435a6c}#produit div.artun{padding-top:15px}#produit div.c{display:flex;flex-wrap:wrap;gap:5px;padding:10px 0}#produit div.c b{width:100%;padding-bottom:5px;font-size:1.4rem}#produit div.c label span{display:block;border:solid 1px #000;min-width:60px;padding:10px;text-align:center;font-size:1.3rem;font-weight:600;color:#000;cursor:pointer}#produit div.c label.x span{border:solid 1px #bbb;color:#bbb}#produit div.c label input{display:none}#produit div.c label input:checked+span{border:solid 1px var(--dore);color:#fff;background:var(--dore)}#produit #art{padding-top:15px;font-size:1.6rem;font-weight:600}#produit #art h3{font-size:1.6rem;line-height:2rem;color:var(--dore)}#produit #art b{display:inline-block;font-size:1.8rem;text-align:left}#produit #art b s{font-weight:400;font-size:1.6rem;color:#555;text-decoration:line-through}#qte{display:flex;flex-wrap:wrap;column-gap:25px;position:relative;margin-bottom:5px;padding:10px 0}#qte dt{width:100%;padding:5px 0;font-size:1.4rem;font-weight:600}#qte dt+dd{position:relative}#qte dt+dd.no::after{display:block;position:absolute;bottom:0;left:0;z-index:99;content:"";width:100%;height:100%;cursor:not-allowed;background:rgba(255,255,255,.8)}#qte dd{display:flex;align-items:center}#qte dd.x{display:none}#qte dd input,#qte dd i{display:block;border:solid 1px #000;width:34px;height:34px;font-size:1.8rem;text-align:center}#qte input[name=ua]{width:50px}#qte dd i{font-size:2.2rem;line-height:2.8rem;border-right:0}#qte dd input+i{border-left:0;border-right:solid 1px #000}#qte dd i:hover{color:#fff;cursor:pointer;background:#435a6c}#qte dd i.x{border-color:#eee;color:#eee}#qte dd i.x:hover{color:#eee;background:#fff}#qte dd span{display:inline-block;padding:0 5px;font-size:1.8rem}#qte dd span.u{font-size:1.6rem}#qte dd span:last-child{cursor:default}#qte+div{display:none;margin-bottom:15px;border:solid 1px var(--dore);padding:10px;font-size:1.4rem}#qte+div.b{display:block}#qte+div a{text-decoration:underline}#tot{display:flex;justify-content:space-between;border-top:solid 1px var(--dore);padding-top:5px;font-size:1.6rem;text-transform:uppercase}#tot dt{font-weight:600}#tot dd i{display:block;font-size:1.5rem;text-align:center}#poids,#delai{display:flex;align-items:flex-end;gap:5px;padding-top:5px}#poids dt,#delai dt{min-width:155px;font-weight:600;font-size:1.4rem}#poids dt img,#delai dt img{display:inline-block;width:50px;height:50px}#poids dd i{display:inline-block;padding-left:5px}#delai.x,#poids.x,#tot.x{display:none}#produit button{margin-top:15px;border:0;width:100%;padding:25px 0;text-align:center;color:#fff;font-size:1.4rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:var(--dore);transition:all .2s}#produit button:hover{color:#fff;background:#000}#produit button:disabled{color:#aaa;cursor:not-allowed;background:#eee}#produit form>p{padding:30px 0 0 0;font-size:1.1rem;font-weight:600;text-transform:uppercase;text-align:right}#produit form>p a{display:inline-block;padding:10px 20px;font-size:1.2rem;color:#fff;background:var(--bleu-fonce)}#real dt{display:none}#real dd{padding:20px 0}.tabs{display:flex;flex-direction:column;padding:25px 10px}.tabs>input{display:none}.tabs>label{position:relative;margin-top:25px;width:100%;padding:5px 15px;font-size:1.3rem;font-weight:600;text-transform:uppercase;color:#fff;cursor:pointer;background:#000}.tabs>label:hover{background:var(--dore)}.tabs>label::after{display:block;position:absolute;top:0;right:0;width:28px;height:28px;content:"+";text-align:center;font-size:24px;line-height:24px;font-weight:600;transition:all .35s}.tabs>input:checked + label{border-bottom:solid 1px var(--dore);width:100%;color:#000;background:#fff}.tabs>input:checked + label::after{transform:rotate(45deg)}.tabs>div{flex:1;display:none;width:100%;padding:15px 0;font-size:1.5rem}.tabs>input:checked + label + div{display:flex}.tabs>div dl{flex:1;display:flex;flex-wrap:nowrap;align-items:flex-start;gap:10px;overflow-x:auto;overflow-y:hidden;user-select:none;cursor:w-resize;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.tabs>div dl::-webkit-scrollbar{display:none}.tabs>div dl.grab{cursor:grabbing}.tabs>div dl dt{display:none}.tabs>div dl dd{scroll-snap-align:start;position:relative;min-width:100%;padding:0 20px 0 0}.tabs>div dl dd b{display:block;min-height:40px;padding-right:15px;text-align:justify;font-weight:400}.tabs>div dl dd picture{display:flex;justify-content:center;align-items:center;min-height:280px;padding:0 10px}.tabs>div dl dd picture img{max-width:380px}.tabs>div dl dd:after{position:absolute;top:33%;right:0;border-left:solid 2px var(--dore);width:20px;height:33%;content:"";background:url(/assets/img/pointe-doree.webp) no-repeat left center}.tabs>div dl dd:last-child::after{display:none}@media screen and (min-width:480px){.tabs>div dl dd{min-width:440px}}@media screen and (min-width:600px){.tabs{padding:25px}.tabs>label{font-size:1.5rem}.tabs>div dl dd{min-width:460px;min-height:400px}}@media screen and (min-width:800px){#real{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}#real dd{width:48%}#real dd.p3{width:100%}.tabs>label{width:350px}}@media screen and (min-width:1000px){main{width:100%;max-width:var(--max-content);padding:0}#prod{flex-direction:row;margin-top:50px;padding:0 25px;gap:25px}#prod>div{width:70%}#prod dl{width:30%;padding:0}#produit{flex-direction:row;justify-content:space-between;align-items:flex-start;column-gap:25px;margin:0 auto;width:100%;max-width:var(--max-content);padding:0 25px}#produit>div{width:70%}#produit form{width:30%;padding:0}#real dd.p3{padding:50px 0}}@media screen and (min-width:1450px){#prod,#produit{padding:0}.tabs{padding:25px 0}}.fade{position:relative;overflow:hidden}.fade ul{position:relative;margin:0;padding:0;width:100%;overflow:hidden;list-style:none}.fade ul:hover{cursor:grab}.fade ul.grab{cursor:grabbing}.fade ul li{position:absolute;top:0;left:0;right:0;z-index:0;visibility:hidden;opacity:0;margin:0;padding:0;transition:all .2s ease-in}.fade ul li.cur{display:block;position:relative;top:unset;left:unset;right:unset;z-index:1;visibility:visible;opacity:1}.fade ul li img{width:100%;height:100%;object-fit:cover}.fade a{position:absolute;top:0;left:0;z-index:99;width:0;height:calc(100% - 35px);overflow:hidden;font-size:0;cursor:pointer;background:rgba(255,255,255,.6) url(/assets/img/slide-left.webp) center center no-repeat;opacity:0;transition:all .3s ease}.fade a+a{left:auto;right:0;background-image:url(/assets/img/slide-right.webp)}.fade ol{display:flex;justify-content:center;column-gap:30px;margin:0;padding:10px 0;list-style:none}.fade ol li{margin:0;border:0;width:15px;height:15px;padding:0;font-size:0;cursor:pointer;background:#c5c5c5;transition:background-color .3s}.fade ol li.cur{background:var(--bleu-fonce)}@media screen and (min-width:1200px){.fade:hover a{width:50px;opacity:1}}