@font-face{font-family:Gab;src:url(/assets/fonts/gabarito-latin-wght-normal.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:DM;src:url(/assets/fonts/dm-sans-latin-wght-normal.woff2) format("woff2");font-weight:100 1000;font-display:swap}
:root{--v02kgp2:#1c1833;--v6fi8vi:#fbf8f4;--v4a3c6l:#e6dfd6;--v9y5qef:#ee5237;--v790h4t:#c0391f;--v4xlp7n:#645e7a;--vd89weh:#f3eee7;--v7xn6er:#f3eee7;--v8ag041:#1c1833}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--v6fi8vi);color:var(--v02kgp2);font:400 16px/1.6 DM,system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--v790h4t);text-underline-offset:3px}
a:hover{color:var(--v02kgp2)}
h1,h2,h3{font-family:Gab,DM,sans-serif;margin:0;letter-spacing:-.02em}
.cbxmv4r{max-width:1240px;margin:0 auto;padding:0 28px}
.cbc9pa3{position:absolute;left:-999px;top:0;background:#fff;padding:8px 14px;z-index:99}
.cbc9pa3:focus{left:8px;top:8px}
/* en-tête */
.cda617y{background:var(--v02kgp2);color:#fff;position:relative;z-index:30}
.cda617y .cbxmv4r{display:flex;align-items:center;gap:30px;min-height:66px}
.c8ocwj9{font:800 26px/1 Gab,sans-serif;letter-spacing:-.02em;text-decoration:none;color:#fff;white-space:nowrap}
.c8ocwj9:hover{color:#fff}
.c8ocwj9 .cca43i0{position:relative;display:inline-block}
.c8ocwj9 .cca43i0:after{content:"";position:absolute;left:50%;top:.14em;width:.2em;height:.15em;border-radius:50%;background:var(--v9y5qef);transform:translateX(-50%);transform-origin:50% 100%;animation:dot 2.8s ease-in-out infinite}
@keyframes dot{0%,100%{transform:translateX(-50%) scale(1,1)}50%{transform:translateX(-50%) scale(1.5,.7)}}
.nav{display:flex;gap:6px;font:600 15px Gab,sans-serif}
.nav>div{position:relative}
.nav button.ceqk6kt{white-space:nowrap;font:inherit;color:#fff;background:none;border:0;padding:12px 11px;cursor:pointer;opacity:.9;border-radius:8px}
.nav>div:hover>button.ceqk6kt,.nav>div:focus-within>button.ceqk6kt{background:#2b2748;opacity:1}
.c21lail{display:none;position:absolute;left:0;top:100%;background:#fff;color:var(--v02kgp2);border-radius:14px;box-shadow:0 18px 40px rgba(20,16,50,.28);padding:10px;min-width:300px;z-index:40}
.nav>div:hover>.c21lail,.nav>div:focus-within>.c21lail{display:block}
.c21lail p{margin:4px 10px 8px;font:400 13px/1.35 DM;color:var(--v4xlp7n)}
.c21lail a{display:block;padding:8px 10px;text-decoration:none;color:var(--v02kgp2);border-radius:8px;font:600 14.5px/1.3 Gab}
.c21lail a:hover{background:var(--vd89weh)}
.c639ukg{margin-left:auto;display:flex;gap:12px;align-items:center}
.c5qxdnd{display:flex;align-items:center;background:#2b2748;border-radius:99px;padding:0 6px 0 16px;min-width:230px}
.c5qxdnd input{flex:1;background:none;border:0;color:#fff;font:400 14px DM;padding:10px 0;outline:0;min-width:0}
.c5qxdnd input::placeholder{color:#bdb8d6}
.cb3zgsf{display:flex;gap:2px;border:1.5px solid #4a4570;border-radius:99px;padding:3px}
.cb3zgsf a{color:#cfcbe3;text-decoration:none;font:700 13px Gab;padding:5px 10px;border-radius:99px}
.cb3zgsf a[aria-current]{background:#fff;color:var(--v02kgp2)}
.burger{display:none;background:#2b2748;border:0;border-radius:10px;width:42px;height:42px;cursor:pointer}
.burger svg{width:22px;height:22px;margin:auto;display:block}
#sres{position:absolute;right:0;top:100%;margin:6px 0 0;padding:6px;list-style:none;background:#fff;border-radius:12px;box-shadow:0 18px 40px rgba(20,16,50,.28);width:340px;z-index:45;display:none}
#sres.on{display:block}
#sres a{display:block;color:var(--v02kgp2);text-decoration:none;font:600 14px/1.3 Gab;padding:9px 10px;border-radius:8px}
#sres a:hover{background:var(--vd89weh)}
.sfw{position:relative}
/* hero */
.ccgigp3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:520px;background:var(--v7xn6er)}
.ccgigp3 .c90k7ia{padding:50px 44px 44px max(28px,calc((100vw - 1240px)/2 + 28px));display:flex;flex-direction:column;justify-content:center}
.ccgigp3 .c6qaskn{position:relative;background:#ddd center/cover}
.ccgigp3.c17ylne{min-height:380px}
.cdd2ea7{display:inline-block;align-self:flex-start;font:700 12px Gab;letter-spacing:.1em;text-transform:uppercase;background:var(--v8ag041);color:#fff;border-radius:99px;padding:6px 13px;margin:0 0 16px}
.ccgigp3 h1{font:800 clamp(32px,3.4vw,48px)/1.06 Gab,sans-serif;letter-spacing:-.03em;margin:0 0 14px}
.ccgigp3 .lead{font-size:18px;color:#2f2a4a;margin:0 0 20px;max-width:35em;line-height:1.5}
.ceslqbv{font-size:13.5px;color:#4b4565;margin:0 0 14px}
.ceslqbv a{color:inherit}
.c43i91q{font-size:13.5px;color:#4b4565;margin:0}
.c7x3w6a{display:flex;gap:26px;flex-wrap:wrap;margin:0 0 22px;padding:14px 0;border-top:1px solid rgba(28,24,51,.18);border-bottom:1px solid rgba(28,24,51,.18)}
.c7x3w6a div b{display:block;font:800 24px/1.05 Gab}
.c7x3w6a div span{font-size:12.5px;color:#4b4565}
.c2m22ev{display:grid;grid-template-columns:1fr 1.25fr auto;gap:10px;background:#fff;border:1px solid var(--v4a3c6l);border-radius:14px;padding:10px}
.c2m22ev label{font:700 11px Gab;letter-spacing:.08em;text-transform:uppercase;color:var(--v4xlp7n);display:block;padding:2px 8px 0}
.c2m22ev select{width:100%;border:0;font:600 16px Gab;padding:4px 8px 6px;background:none;color:var(--v02kgp2)}
.c2m22ev button{background:var(--v9y5qef);color:#fff;border:0;border-radius:10px;font:700 15px Gab;padding:0 22px;cursor:pointer}
.c2m22ev button:hover{background:var(--v790h4t)}
#pickout{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}
#pickout a{font:700 14px Gab;background:var(--v02kgp2);color:#fff;text-decoration:none;border-radius:9px;padding:9px 14px}
/* sections */
.c286353{padding:52px 0 6px}
.c6tq3r0{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 20px}
.c6tq3r0 h2{font:800 28px/1.12 Gab;letter-spacing:-.02em}
.c6tq3r0 p{margin:6px 0 0;color:var(--v4xlp7n);max-width:46em}
.c6tq3r0 a{font:700 14px Gab;white-space:nowrap}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.chips button{font:600 14px Gab;border:1.5px solid var(--v4a3c6l);background:#fff;border-radius:99px;padding:8px 15px;cursor:pointer;color:var(--v02kgp2)}
.chips button.on{background:var(--v02kgp2);border-color:var(--v02kgp2);color:#fff}
.ce5kov7{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}
.ce5kov7 a{font:600 13.5px/1.2 Gab;text-decoration:none;color:var(--v02kgp2);background:#fff;border:1px solid var(--v4a3c6l);border-radius:99px;padding:8px 14px}
.ce5kov7 a:hover{background:var(--v02kgp2);color:#fff}
/* cartes produit */
.c9708m2{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.c9708m2.c0js8ji{grid-template-columns:repeat(3,1fr)}
.pc{background:#fff;border:1px solid var(--v4a3c6l);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s}
.pc:hover{box-shadow:0 12px 30px rgba(28,24,51,.12)}
.ccc2ap2{position:relative;aspect-ratio:1/.9;display:grid;place-items:center;padding:16px}
.ccc2ap2 img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s;transform-origin:50% 100%}
.pc:hover .ccc2ap2 img{transform:scale(1.05,.96)}
.pc:active .ccc2ap2 img{transform:scale(1.12,.84)}
.c1gjohr{z-index:2;position:absolute;left:12px;top:12px;font:700 12px Gab;background:var(--v02kgp2);color:#fff;border-radius:99px;padding:5px 11px}
.ccu4fld{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.c9a0njk{font:700 11px Gab;letter-spacing:.1em;text-transform:uppercase;color:var(--v4xlp7n)}
.pc h3{font:700 16.5px/1.25 Gab;letter-spacing:-.01em}
.c63idzq{display:flex;gap:6px;flex-wrap:wrap}
.t{font:600 12px Gab;border-radius:6px;padding:3px 8px;background:#eee}
.t.c7wo5sc{background:#e4daff;color:#43309a}.t.c68la7l{background:#ffd6e6;color:#9a2358}.t.c6o935l{background:#cdf2e3;color:#106a4a}.t.ca4czty{background:#ffedb0;color:#6e5100}.t.cd6eia6{background:#ffe3cf;color:#8a3d10}.t.cfrm5cd{background:#d3e6ff;color:#1b5099}
.c02jmmj{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:13px}
.c02jmmj dt{color:var(--v4xlp7n)}.c02jmmj dd{margin:0;font-weight:600}
.c17ylne{margin:0;font-size:14px;color:#433e5e;line-height:1.5}
details.c895w0r{font-size:13.5px}
details.c895w0r summary{cursor:pointer;font:700 13px Gab;color:var(--v790h4t)}
details.c895w0r ul{margin:6px 0 4px;padding-left:18px}
details.c895w0r b{font:700 12px Gab;text-transform:uppercase;letter-spacing:.06em;color:var(--v4xlp7n)}
.c9zgraw{margin-top:auto;padding-top:6px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.bt{display:inline-block;background:var(--v9y5qef);color:#fff;text-decoration:none;font:700 14px Gab;border-radius:9px;padding:10px 14px;transition:transform .12s}
.bt:hover{background:var(--v790h4t);color:#fff}
.bt:active{transform:scale(1.06,.9)}
.bt.c55cmur{display:block;text-align:center;padding:13px 16px;font-size:15.5px}
.cm{font:600 13px Gab;display:flex;gap:6px;align-items:center;color:var(--v4xlp7n);cursor:pointer}
.cm input{width:17px;height:17px;accent-color:var(--v02kgp2)}
/* types */
.c5kv91q{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.c5ngi9w{position:relative;border-radius:16px;overflow:hidden;color:#fff;text-decoration:none;min-height:240px;display:flex;align-items:end;background:#444 center/cover;transition:transform .2s}
.c5ngi9w:hover{transform:translateY(-4px);color:#fff}
.c5ngi9w:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(20,16,40,.88))}
.c5ngi9w div{position:relative;z-index:1;padding:16px}
.c5ngi9w b{font:800 19px Gab;display:block}.c5ngi9w span{font-size:13px;opacity:.92;display:block;margin-top:3px;line-height:1.35}
.c5ngi9w i{position:absolute;z-index:1;left:14px;top:14px;width:14px;height:14px;border-radius:50%;background:var(--v9gc5ad);border:2px solid #fff;animation:dot2 3s ease-in-out infinite}
@keyframes dot2{0%,100%{transform:scale(1,1)}50%{transform:scale(1.25,.8)}}
/* tableaux */
.c88jeki{overflow-x:auto;margin:18px 0 22px;border:1px solid var(--v4a3c6l);border-radius:14px;background:#fff}
table{border-collapse:collapse;width:100%;font-size:14.5px;line-height:1.45}
caption{caption-side:top;text-align:left;font:800 13px Gab;padding:12px 16px 2px;letter-spacing:.04em;text-transform:uppercase;color:var(--v4xlp7n)}
th{background:var(--vd89weh);text-align:left;font:700 12px Gab;letter-spacing:.07em;text-transform:uppercase;color:var(--v4xlp7n);padding:11px 16px;white-space:nowrap}
td{padding:11px 16px;border-top:1px solid var(--v4a3c6l);vertical-align:top}
td:first-child{font-weight:700}
table.sort th{cursor:pointer;user-select:none}
table.sort th:after{content:" ↕";opacity:.4}
table.sort th.asc:after{content:" ↑";opacity:1}table.sort th.desc:after{content:" ↓";opacity:1}
.c6e4q5m{font-size:13px;color:var(--v4xlp7n);margin:-8px 0 14px}
/* article */
.ce04fh6{padding:34px 0 50px}
.ce04fh6 .cd2poot{max-width:780px}
.ccljajn p{font-size:18px;line-height:1.7}
section.s{margin:46px 0 0;scroll-margin-top:20px}
section.s>h2{font:800 clamp(24px,2.6vw,31px)/1.15 Gab;margin:0 0 14px;padding-left:16px;border-left:6px solid var(--v9gc5ad,var(--v9y5qef))}
.ce04fh6 h3{font:700 20px/1.25 Gab;margin:26px 0 8px}
.ce04fh6 p{margin:0 0 15px;max-width:76ch;font-size:17px;line-height:1.7}
.ce04fh6 ul,.ce04fh6 ol{margin:0 0 18px;padding-left:24px;max-width:76ch}
.ce04fh6 li{margin-bottom:7px}
.ce04fh6 li::marker{color:var(--v9y5qef);font-weight:800}
.c3n9ynx{background:var(--v7xn6er);border-left:6px solid var(--v8ag041);border-radius:0 12px 12px 0;padding:14px 18px;margin:20px 0;max-width:76ch;font-weight:600}
.cta{margin:30px 0 0}
/* avis */
.cco9atb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0;background:var(--v7xn6er)}
.cco9atb .c90k7ia{padding:42px 44px 40px max(28px,calc((100vw - 1240px)/2 + 28px));display:flex;flex-direction:column;justify-content:center}
.cco9atb .c90k7ia h1{font:800 clamp(30px,3.2vw,44px)/1.08 Gab;letter-spacing:-.03em;margin:0 0 14px}
.cco9atb .c90k7ia .lead{font-size:18px;color:#2f2a4a;margin:0 0 14px;line-height:1.5}
.cco9atb .c6qaskn{padding:36px max(28px,calc((100vw - 1240px)/2 + 28px)) 36px 24px}
.rcard{background:#fff;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);box-shadow:0 14px 34px rgba(28,24,51,.14)}
.rcard .c8s616i{padding:18px;display:flex;flex-direction:column;gap:10px;background:#fff}
.rcard .c8s616i .big{aspect-ratio:1;display:grid;place-items:center;border-radius:12px;background:var(--v7xn6er)}
.rcard .big img{max-height:100%;mix-blend-mode:multiply}
.thumbs{display:flex;gap:6px}
.thumbs button{border:1.5px solid var(--v4a3c6l);border-radius:8px;background:#fff;padding:2px;width:54px;height:54px;cursor:pointer}
.thumbs img{width:100%;height:100%;object-fit:contain}
.rcard .cfvj6d3{padding:20px 20px 20px 4px;display:flex;flex-direction:column;gap:10px}
.rcard h2{font:800 21px/1.2 Gab}
.cgeft3w{display:flex;gap:12px;align-items:center;margin-top:20px;flex-wrap:wrap}
.c3kh6g6{font:700 15px Gab;text-decoration:none;color:var(--v02kgp2);background:#fff;border-radius:99px;padding:10px 18px}
.c3kh6g6 b{font:800 24px Gab;margin-right:3px;color:var(--v790h4t)}
.cg1c8gh{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center;background:var(--v7xn6er);border-radius:18px;padding:24px 28px;margin:30px 0}
.cg1c8gh .big{font:800 56px/1 Gab;width:130px;height:130px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 0 6px var(--v02kgp2)}
.cg1c8gh .big small{display:block;font-size:17px;margin-top:-8px;color:var(--v4xlp7n)}
.cg1c8gh h2{font:800 22px Gab;margin:0 0 12px}
.c59sgne{display:grid;gap:12px}
.c59sgne div{display:grid;grid-template-columns:200px 1fr 30px;gap:12px;align-items:center;font:700 14.5px Gab}
.cf056hf{height:10px;border-radius:99px;background:#fff;overflow:hidden}
.cf056hf i{display:block;height:100%;background:var(--v9y5qef);border-radius:99px}
.c63z1v7{grid-column:1/-1;margin:-6px 0 0!important;font:400 13.5px DM!important;color:#3f3a58}
.cdaj9yg{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}
.cdaj9yg>div{border-radius:14px;padding:16px 20px;background:#fff;border:1px solid var(--v4a3c6l)}
.cdaj9yg .c6ge3ax{border-top:5px solid #2fbf8f}.cdaj9yg .cbm5yly{border-top:5px solid var(--v9y5qef)}
.cdaj9yg h3{margin:0 0 8px!important;font:700 17px Gab!important}
.cdaj9yg ul{margin:0;padding-left:20px}
details.c1yektw{border:1px solid var(--v4a3c6l);border-radius:12px;background:#fff;margin:0 0 10px}
details.c1yektw summary{cursor:pointer;font:700 16.5px/1.35 Gab;padding:14px 46px 14px 18px;list-style:none;position:relative}
details.c1yektw summary::-webkit-details-marker{display:none}
details.c1yektw summary:after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font:700 20px Gab;color:var(--v790h4t)}
details.c1yektw[open] summary:after{content:"–"}
details.c1yektw p{margin:0;padding:0 18px 16px}
.c9om07d{background:var(--v7xn6er);border-radius:16px;padding:22px 26px;margin:44px 0 0}
.c9om07d p{margin:0;max-width:none;font-weight:500}
/* comparateur */
#tray{position:fixed;left:0;right:0;bottom:0;background:var(--v02kgp2);color:#fff;z-index:60;padding:12px 20px;display:none;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap}
#tray.on{display:flex}
#tray .bt{border:0;cursor:pointer}
#tray .cfwdaw1{background:none;border:0;color:#fff;text-decoration:underline;font:600 14px DM;cursor:pointer}
#cmpd{position:fixed;inset:0;background:rgba(20,16,50,.7);z-index:70;display:none;padding:20px;overflow:auto}
#cmpd.on{display:block}
#cmpd .box{max-width:1000px;margin:20px auto;background:#fff;border-radius:16px;padding:20px}
#cmpd table td,#cmpd table th{min-width:210px;vertical-align:top}
#cmpd .x{float:right;border:0;background:var(--v02kgp2);color:#fff;border-radius:8px;width:36px;height:36px;font-size:20px;cursor:pointer}
#cmpd td img{max-height:120px;margin:0 auto 8px;mix-blend-mode:multiply}
/* pied */
.c9vo2fe{background:var(--v02kgp2);color:#cfcbe3;margin-top:36px;padding:40px 0 28px;font-size:13.5px}
.c9vo2fe a{color:#cfcbe3}.c9vo2fe a:hover{color:#fff}
.c9vo2fe .c3hvilq{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:24px;margin-bottom:26px}
.c9vo2fe h4{font:700 12px Gab;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:0 0 10px}
.c9vo2fe ul{list-style:none;margin:0;padding:0;line-height:1.75}
.c9vo2fe p{max-width:72em;margin:0 0 6px;opacity:.88}
.c70cipa{min-height:100vh;display:grid;place-items:center;background:var(--v02kgp2) url(/assets/img/hero.webp) center/cover;padding:30px 20px}
.c70cipa .box{background:#fff;border-radius:20px;padding:34px;max-width:620px;text-align:left}
.c70cipa h1{font:800 34px/1.1 Gab;margin:0 0 10px}
.c70cipa .c90k7ia{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.c70cipa .c90k7ia a{display:block;text-align:center;font:800 19px Gab;text-decoration:none;color:#fff;background:var(--v02kgp2);border-radius:12px;padding:16px 8px}
.c70cipa .c90k7ia a:hover{background:var(--v9y5qef)}
@media(max-width:1100px){.c9708m2{grid-template-columns:repeat(2,1fr)}.c9708m2.c0js8ji{grid-template-columns:repeat(2,1fr)}.c5kv91q{grid-template-columns:repeat(3,1fr)}.c9vo2fe .c3hvilq{grid-template-columns:repeat(3,1fr)}.c5qxdnd{min-width:160px}}
@media(max-width:900px){
 .ccgigp3,.cco9atb{grid-template-columns:1fr}.ccgigp3 .c6qaskn{min-height:240px;order:-1}.ccgigp3 .c90k7ia,.cco9atb .c90k7ia{padding:28px 20px}.cco9atb .c6qaskn{padding:0 20px 28px}.rcard{grid-template-columns:1fr}.rcard .cfvj6d3{padding:0 18px 18px}
 .burger{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--v02kgp2);flex-direction:column;padding:6px 20px 16px;border-top:1px solid #2b2748}
 .nav.on{display:flex}.nav button.ceqk6kt{width:100%;text-align:left}.c21lail{position:static;display:block;background:none;box-shadow:none;color:#fff;padding:0 0 6px 10px;min-width:0}.c21lail a{color:#cfcbe3}.c21lail p{display:none}
 .sfw{display:none}.c2m22ev{grid-template-columns:1fr}.cdaj9yg{grid-template-columns:1fr}.cg1c8gh{grid-template-columns:1fr;justify-items:center}.c59sgne div{grid-template-columns:120px 1fr 26px}.cbxmv4r{padding:0 16px}
}
@media(max-width:600px){.c9708m2,.c9708m2.c0js8ji{grid-template-columns:1fr}.c5kv91q{grid-template-columns:1fr 1fr}.c9vo2fe .c3hvilq{grid-template-columns:1fr 1fr}.c8ocwj9{font-size:22px}.c70cipa .c90k7ia{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.c8ocwj9 .cca43i0:after,.c5ngi9w i{animation:none}html{scroll-behavior:auto}}