@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#101e34;--muted:#566278;--navy:#0c213f;--blue:#173f68;--aqua:#18b9b0;--aqua-dark:#087a76;--lime:#d9f25a;--paper:#f7fafb;--cloud:#eaf5f6;--line:#d7e3e7;--white:#fff;--shadow:0 18px 45px rgba(16,38,60,.12);--r:26px;--space:clamp(3.6rem,7vw,7.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:'DM Sans',system-ui,sans-serif;line-height:1.68}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.12;margin-top:0}h1{font-size:clamp(2.55rem,5.8vw,5.25rem);letter-spacing:-.055em;margin-bottom:1.35rem}h2{font-size:clamp(2rem,4vw,3.55rem);letter-spacing:-.04em;margin-bottom:1rem}h3{font-size:1.17rem}.access{position:fixed;left:1rem;top:-5rem;background:var(--navy);color:white;padding:.75rem 1rem;z-index:50}.access:focus{top:1rem}.barre{height:78px;padding:0 clamp(1rem,4vw,4.5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:relative;z-index:10}.signature{text-decoration:none;font:800 1.35rem 'Manrope';letter-spacing:-.04em}.signature span{color:var(--aqua-dark)}.liens{display:flex;gap:1.65rem}.liens a{text-decoration:none;font-weight:600;font-size:.92rem}.liens a:hover{color:var(--aqua-dark)}.commande{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:var(--navy);border:2px solid var(--navy);box-shadow:5px 5px 0 var(--navy);padding:.9rem 1.25rem;border-radius:12px;text-decoration:none;font-weight:800;line-height:1.15;transition:.18s transform,.18s box-shadow}.commande:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--navy)}.commande:focus-visible,.saut:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ffbf47;outline-offset:4px}.compacte{font-size:.86rem;padding:.72rem 1rem;box-shadow:4px 4px 0 var(--navy)}
.sommet{min-height:760px;background:linear-gradient(125deg,#eefafb 0 55%,#d6f0ef 55%);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);align-items:center;gap:clamp(2rem,6vw,7rem);padding:clamp(3.5rem,7vw,7.5rem) clamp(1.2rem,7vw,8rem);overflow:hidden}.promesse{max-width:790px}.repere,.titre-lateral>p,.entete-centre>p,.titre-prix p,.achat>div>p:first-child{color:var(--aqua-dark);font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:.76rem}.introduction{font-size:clamp(1.05rem,1.7vw,1.28rem);color:var(--muted);max-width:700px}.jalons{display:flex;gap:.65rem;flex-wrap:wrap;margin:1.6rem 0}.jalons span{background:white;border:1px solid #bedddd;border-radius:999px;padding:.45rem .8rem;font-weight:700;font-size:.88rem}.actions{display:flex;align-items:center;gap:1.2rem;margin-top:1.8rem}.saut{font-weight:800;color:var(--blue);text-underline-offset:5px}.date-prix{font-size:.82rem;color:var(--muted);margin-top:1rem}.capsule{position:relative;min-height:610px;display:flex;align-items:center;justify-content:center}.capsule img{max-height:565px;width:auto;position:relative;z-index:2;filter:drop-shadow(0 30px 30px rgba(9,35,56,.2))}.halo{width:490px;height:490px;border-radius:50%;background:white;position:absolute;box-shadow:inset 0 0 0 1px rgba(24,185,176,.12)}.capsule p{position:absolute;right:0;bottom:3rem;z-index:3;background:var(--navy);color:white;padding:1rem 1.2rem;border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column}.capsule p span{font-size:.8rem;color:#c7e9e8}.bandeau{max-width:1220px;margin:-34px auto 0;background:var(--navy);color:white;display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:4;border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.bandeau div{padding:1.4rem 1.5rem;border-right:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column}.bandeau b{font-size:.73rem;text-transform:uppercase;letter-spacing:.12em;color:#7fe1db}.bandeau span{font-weight:700}
.mobile-produit{display:none}
.dossier{padding:var(--space) clamp(1.2rem,7vw,8rem)}.ouverture{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:clamp(2rem,8vw,9rem);max-width:1450px;margin:auto}.titre-lateral{position:sticky;top:2rem;align-self:start}.texte-long{columns:2;column-gap:3rem}.texte-long p{margin-top:0;break-inside:avoid;color:#344158}.formule{background:var(--paper)}.entete-centre{text-align:center;max-width:820px;margin:0 auto 3rem}.entete-centre>span,.titre-prix span{color:var(--muted)}.registre{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.registre article{background:white;border:1px solid var(--line);border-radius:18px;padding:1.4rem}.registre i{font:800 1.55rem 'Manrope';color:var(--aqua-dark);font-style:normal}.registre h3{margin:.65rem 0 .45rem}.registre p{font-size:.91rem;color:var(--muted);margin:0}.note-formule{max-width:900px;margin:1.5rem auto 0;background:var(--navy);color:white;padding:1.2rem 1.5rem;border-radius:16px;display:flex;gap:1.2rem;align-items:center}.note-formule strong{white-space:nowrap}.note-formule p{margin:0;color:#dbe7ee}.placement{text-align:center;margin-top:2rem}.mecanisme{max-width:1450px;margin:auto;display:grid;grid-template-columns:.65fr 1.35fr;column-gap:7vw}.mecanisme>.titre-lateral{grid-row:1}.chemin{display:flex;flex-direction:column;gap:1rem}.chemin article{display:grid;grid-template-columns:110px 1fr;gap:1.4rem;border-bottom:1px solid var(--line);padding:0 0 1.3rem}.chemin article>span{height:68px;background:var(--cloud);color:var(--aqua-dark);border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800}.chemin h3{margin-bottom:.4rem}.chemin p{margin:0;color:var(--muted)}.ambiance{grid-column:1/-1;margin-top:4rem;background:var(--navy);color:white;border-radius:var(--r);overflow:hidden;display:grid;grid-template-columns:1.35fr .65fr}.ambiance img{width:100%;height:100%;object-fit:cover;min-height:410px}.ambiance div{padding:clamp(2rem,4vw,4rem);align-self:center}.ambiance p{color:#d9e4eb}.emploi{background:var(--cloud)}.mode{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.mode article{background:white;padding:1.5rem;border-radius:20px;border-top:6px solid var(--aqua)}.mode b{font:800 2.1rem 'Manrope';color:#b5d7d5}.mode h3{margin:.7rem 0}.mode p{margin:0;color:var(--muted)}.precaution{background:var(--navy);color:white;padding:clamp(3rem,6vw,5.5rem) clamp(1.2rem,7vw,8rem);display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.precaution>div:first-child p{color:#7fe1db;text-transform:uppercase;font-weight:800;letter-spacing:.14em;font-size:.76rem}.prudence{border-left:3px solid var(--lime);padding-left:2rem}.prudence p{color:#dbe6ed}.analyse{max-width:1450px;margin:auto}.balance{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.balance article{padding:2rem;border-radius:22px}.balance h3{font-size:1.45rem}.balance li{margin:.62rem 0}.pour{background:#ecf9ef;border:1px solid #b9e3c3}.contre{background:#fff6e9;border:1px solid #ecd1a8}.conclusion{max-width:930px;margin:2rem auto 0;text-align:center;color:var(--muted)}
.formats{background:#f1f7f8}.titre-prix{max-width:1260px;margin:0 auto 3rem;display:flex;align-items:end;justify-content:space-between;gap:2rem}.titre-prix>div{max-width:760px}.titre-prix>b{font:800 clamp(2rem,5vw,4.5rem) 'Manrope';background:var(--lime);border-radius:18px;padding:.5rem 1rem;transform:rotate(3deg)}.lots{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;align-items:stretch}.lots article{background:white;border:1px solid var(--line);border-radius:22px;padding:1.5rem;display:flex;flex-direction:column;position:relative}.lots h3{font-size:1.8rem;margin:.2rem 0}.lots img{height:245px;width:100%;object-fit:contain;margin:1rem auto}.lots .favori{border:3px solid var(--aqua-dark);transform:translateY(-12px);box-shadow:var(--shadow)}.ruban{position:absolute;right:1rem;top:-1rem;background:var(--navy);color:white;border-radius:99px;padding:.42rem .75rem;font-size:.73rem;font-weight:800}.nom-lot{color:var(--aqua-dark);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.prix{display:flex;align-items:baseline;gap:.55rem}.prix strong{font:800 2rem 'Manrope'}.prix span{color:var(--muted);font-size:.84rem}.lots dl{margin:0 0 1.2rem}.lots dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:.62rem 0}.lots dt{color:var(--muted)}.lots dd{font-weight:700;margin:0}.largeur{width:100%;margin-top:auto}.precision{text-align:center;color:var(--muted);max-width:850px;margin:1.8rem auto 0;font-size:.9rem}.achat{padding:var(--space) clamp(1.2rem,7vw,8rem);background:linear-gradient(120deg,var(--aqua-dark),#0b4d63);color:white;display:grid;grid-template-columns:1.25fr .75fr;gap:6vw}.achat>div{max-width:850px}.achat>div>p{color:#d8eeee}.achat aside{background:white;color:var(--ink);padding:2rem;border-radius:22px;align-self:center}.achat li{margin:.8rem 0}.claire{background:white}.reponses{max-width:1450px;margin:auto}.questions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.questions article{border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.5rem}.questions h3{margin-bottom:.5rem}.questions p{margin:0;color:var(--muted)}.pied{background:#091729;color:white;padding:3.5rem clamp(1.2rem,7vw,8rem) 6rem;display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem}.pied p{color:#bfcddd;margin:.4rem 0}.bas-liens{display:flex;gap:1.2rem;justify-content:flex-end}.affiliation{grid-column:1/-1;border-top:1px solid #2c3b4d;padding-top:1rem}.mobile-fixe{display:none}
@media(max-width:1000px){.liens{display:none}.sommet{grid-template-columns:1fr;padding-left:2rem;padding-right:2rem}.capsule{min-height:500px}.capsule .halo{width:430px;height:430px}.capsule img{max-height:455px}.capsule p{right:15%;bottom:1rem}.bandeau{margin:-25px 1.2rem 0}.registre{grid-template-columns:repeat(2,1fr)}.mode{grid-template-columns:repeat(2,1fr)}.ambiance{grid-template-columns:1fr}.ambiance img{min-height:350px}.lots{grid-template-columns:1fr 1fr}.lots article:last-child{grid-column:1/-1}.lots .favori{transform:none}.achat{grid-template-columns:1fr}.texte-long{columns:1}}
@media(max-width:700px){body{padding-bottom:70px}.barre{height:66px;padding:0 1rem}.compacte{display:none}.sommet{grid-template-columns:1fr;padding:3rem 1.1rem 2rem;background:linear-gradient(160deg,#eefafb 0 68%,#d6f0ef 68%);text-align:left;min-height:auto}.sommet h1{font-size:2.72rem}.mobile-produit{display:block;float:right;width:112px;height:auto;margin:-.25rem .1rem .2rem 1rem;filter:drop-shadow(0 12px 14px rgba(9,35,56,.18))}.actions{align-items:flex-start;flex-direction:column;clear:both}.capsule{display:none}.bandeau{grid-template-columns:1fr 1fr;border-radius:16px}.bandeau div{padding:1rem}.dossier{padding:4.2rem 1.1rem}.ouverture,.mecanisme{display:block}.titre-lateral{position:static;margin-bottom:2rem}.registre,.mode,.lots,.balance,.questions{grid-template-columns:1fr}.note-formule{display:block}.note-formule strong{white-space:normal}.mecanisme .chemin{margin-top:2rem}.chemin article{grid-template-columns:80px 1fr}.ambiance{margin-top:2.5rem}.ambiance div{padding:1.6rem}.ambiance img{min-height:260px}.precaution{grid-template-columns:1fr;padding:4rem 1.1rem}.prudence{padding-left:1.2rem}.titre-prix{display:block}.titre-prix>b{display:inline-block;margin-top:1.5rem}.lots article:last-child{grid-column:auto}.achat{padding:4.2rem 1.1rem}.pied{grid-template-columns:1fr;padding:3rem 1.1rem 6rem}.bas-liens{justify-content:flex-start;flex-wrap:wrap}.affiliation{grid-column:auto}.mobile-fixe{display:flex;position:fixed;left:0;right:0;bottom:0;background:var(--navy);color:white;z-index:40;height:68px;padding:.65rem .8rem;align-items:center;justify-content:space-between;box-shadow:0 -8px 25px rgba(0,0,0,.22)}.mobile-fixe span{font-weight:800;font-size:.86rem}.mobile-fixe a{background:var(--lime);color:var(--navy);text-decoration:none;font-weight:800;padding:.72rem .85rem;border-radius:10px}.texte-long{columns:1}.lots img{height:230px}}
@media(max-width:700px){.mobile-fixe{transform:translateY(110%);transition:transform .2s ease;pointer-events:none}.mobile-fixe.active{transform:translateY(0);pointer-events:auto}}
@media(max-width:410px){.sommet h1{font-size:2.35rem}.repere{letter-spacing:.1em}.bandeau{margin-top:-12px}.bandeau span{font-size:.84rem}.registre article{padding:1.2rem}.mobile-fixe span{font-size:.78rem}.mobile-fixe a{font-size:.82rem}}