*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{display:block;max-width:100%}a{color:inherit}a:focus{outline:0}a:focus-visible,summary:focus-visible{outline:3px solid #126d76;outline-offset:4px}p{margin:0 0 1rem}h1,h2,h3{margin-top:0}
:root{--bleu:#173b53;--ciel:#e8f3f6;--abricot:#ef7a52;--encre:#193342;--gris:#5a6c76;--trait:#d7e2e7;--ivoire:#fffaf3}body{font:16px/1.65 "Avenir Next",Avenir,"Segoe UI",sans-serif;color:var(--encre);background:#fff}.acces{position:fixed;left:1rem;top:1rem;transform:translateY(-180%);z-index:50;background:#fff;padding:.7rem 1rem}.acces:focus{transform:none}.barre{display:flex;align-items:center;gap:1.7rem;min-height:70px;padding:.65rem max(22px,calc((100vw - 1160px)/2));background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--trait)}.signature{margin-right:auto}.signature img{width:185px;height:auto}.barre nav{display:flex;gap:1.3rem}.barre a{text-decoration:none;font-weight:750}.bouton{display:inline-flex;align-items:center;justify-content:center;background:var(--abricot);color:#fff;text-decoration:none;font-weight:850;padding:.8rem 1.15rem;border-radius:8px;box-shadow:0 10px 25px #ef7a5230}.panorama{padding:3.5rem max(22px,calc((100vw - 1180px)/2)) 0;background:var(--ciel)}.promesse{max-width:860px;margin:0 auto 2.5rem;text-align:center}.surtitre{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:#28758b;font-weight:900}.panorama h1{font:750 clamp(2.8rem,5.3vw,5rem)/.98 Georgia,serif;letter-spacing:-.045em}.promesse>p:not(.surtitre){font-size:1.16rem;color:var(--gris);max-width:720px;margin-inline:auto}.actions{display:flex;justify-content:center;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1.5rem}.visuelprincipal{margin:0 auto;max-width:920px;background:#fff;border-radius:30px 30px 0 0;padding:1.2rem 1.2rem 0}.visuelprincipal img{height:420px;width:100%;object-fit:contain}.reperes{display:grid;grid-template-columns:repeat(3,1fr);max-width:980px;margin:0 auto;transform:translateY(-1px);background:var(--bleu);color:#fff}.reperes div{padding:1.1rem;text-align:center;border-right:1px solid #ffffff29}.reperes b,.reperes span{display:block}.reperes span{font-size:.86rem;color:#cfe1eb}.essentiels,.mobilite,.modeemploi,.zones,.disponibilite,.vigilance,.reponses{padding:5rem max(22px,calc((100vw - 1080px)/2))}.entete{max-width:720px;margin-bottom:2.4rem}.entete h2,.mobilite h2,.zones h2,.disponibilite h2,.vigilance h2{font:700 clamp(2rem,3.5vw,3.1rem)/1.08 Georgia,serif}.cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cartes article{padding:1.5rem;border-radius:18px;background:var(--ivoire);border:1px solid #eee0d1}.cartes article:nth-child(2){background:var(--ciel);border-color:#cfe4ea}.cartes article:nth-child(3){background:#f1f4f5;border-color:#dce4e7}.cartes b{display:block;color:var(--abricot);font-size:1.7rem;margin-bottom:.7rem}.mobilite{display:grid;grid-template-columns:1fr .9fr;gap:3rem;align-items:center;background:#f7fafb}.mobilite .points+p{margin-top:1.2rem}.mobilite img{width:100%;max-height:430px;object-fit:contain}.points{display:flex;flex-wrap:wrap;gap:.6rem}.points span{padding:.5rem .85rem;background:#fff;border:1px solid var(--trait);border-radius:8px;font-weight:750}.modeemploi{background:var(--bleu);color:#fff}.modeemploi .entete h2{color:#fff}.parcours{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}.parcours article{padding:1.3rem 0;border-top:3px solid var(--abricot)}.parcours b{font-size:2.2rem;color:#8fc1cf}.parcours p{color:#d8e7ee}.zones{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.zones img{height:390px;width:100%;object-fit:cover;border-radius:26px}.zones ul{display:flex;gap:.7rem;list-style:none;padding:0;flex-wrap:wrap}.zones li{background:var(--ciel);padding:.6rem 1rem;border-radius:999px;font-weight:800}.disponibilite{background:var(--ivoire);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.disponibilite h2{margin-bottom:.6rem}.vigilance{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center}.vigilance img{width:100%;height:340px;object-fit:cover;border-radius:24px}.notelegale{padding:1.8rem;border:1px solid var(--trait);border-top:6px solid var(--abricot)}.reponses{background:var(--ciel)}.listequestions{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.listequestions details{background:#fff;border-radius:12px;padding:0 1.1rem}.listequestions summary{cursor:pointer;font-weight:800;padding:1rem 0}.conclusion{padding:3rem max(22px,calc((100vw - 1080px)/2));display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;background:var(--abricot);color:#fff}.conclusion .bouton{background:#fff;color:var(--bleu);box-shadow:none}.pied{background:#102b3c;color:#fff;padding:2.5rem max(22px,calc((100vw - 1080px)/2));display:grid;grid-template-columns:1fr auto;gap:1.4rem}.pied p{max-width:760px;color:#d2e0e8}.pied nav{display:flex;gap:1rem;flex-wrap:wrap}.pied small{grid-column:1/-1;color:#bfcfd8}
@media(max-width:850px){.barre nav{display:none}.barre{min-height:64px;padding:.55rem 18px}.signature img{width:145px}.panorama{padding:2.7rem 18px 0}.panorama h1{font-size:2.65rem}.visuelprincipal img{height:300px}.reperes{grid-template-columns:1fr;max-width:none}.reperes div{padding:.65rem 18px;text-align:left;border-right:0;border-bottom:1px solid #ffffff29}.essentiels,.mobilite,.modeemploi,.zones,.disponibilite,.vigilance,.reponses{padding:3.3rem 18px}.cartes{grid-template-columns:1fr}.mobilite,.zones,.vigilance{grid-template-columns:1fr}.parcours{grid-template-columns:1fr 1fr}.zones img,.vigilance img{height:280px}.disponibilite,.conclusion{grid-template-columns:1fr;padding:2.2rem 18px}.listequestions{grid-template-columns:1fr}.pied{grid-template-columns:1fr;padding:2.3rem 18px}.pied small{grid-column:auto}}@media(max-width:430px){.panorama h1{font-size:2.3rem}.actions .bouton{width:100%}.visuelprincipal img{height:250px}.parcours{grid-template-columns:1fr}.mobilite img{max-height:300px}}

.essentiels-complements{margin-top:clamp(1.25rem,3vw,2rem);padding:clamp(1.1rem,2.5vw,1.65rem);border-radius:1.25rem;background:rgba(255,255,255,.82);box-shadow:0 14px 36px rgba(20,32,43,.08)}
.essentiels-complements+.essentiels-complements{margin-top:1rem}
.essentiels-complements h2{margin:.15rem 0 .8rem;font-size:clamp(1.45rem,2.6vw,2.15rem);line-height:1.16}
.essentiels-complements h3{margin:1rem 0 .45rem;font-size:clamp(1.08rem,1.8vw,1.28rem)}
.essentiels-complements p,.essentiels-complements li{max-width:76ch;line-height:1.72}
.essentiels-complements ul,.essentiels-complements ol{display:grid;gap:.55rem;padding-left:1.3rem}
.essentiels-complements details{padding:.8rem 0;border-bottom:1px solid rgba(30,45,60,.14)}
.essentiels-complements summary{font-weight:700;cursor:pointer}
@media(max-width:600px){.essentiels-complements{padding:1rem;border-radius:1rem}.essentiels-complements h2{font-size:1.38rem}}

/* restored long-form content layout */
.essentiels-complements{grid-column:1/-1!important;width:100%!important;max-width:none!important;align-self:stretch!important;color:#17243f!important;background:#fff!important;overflow:hidden!important}
.essentiels-complements *{color:#17243f!important;min-width:0!important}
.essentiels-complements>div{display:block!important;width:100%!important;max-width:none!important}
.essentiels-complements p{margin:.55rem 0!important}
.essentiels-complements h2,.essentiels-complements h3{max-width:34ch!important}
.essentiels-complements ol,.essentiels-complements ul{width:100%!important;margin:1rem 0!important;padding-left:1.25rem!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:.75rem!important}
.essentiels-complements li{display:block!important;width:auto!important;min-height:0!important;padding:.75rem!important;border-radius:.8rem!important;background:rgba(20,45,60,.045)!important}
.essentiels-complements li b{display:block!important;margin-bottom:.25rem!important}
.essentiels-complements>div+div{display:grid!important;gap:.55rem!important;margin-top:.8rem!important}
.essentiels-complements>div+div>div{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)!important;gap:.7rem!important;align-items:center!important;padding:.65rem .75rem!important;border-bottom:1px solid rgba(20,45,60,.13)!important}
.essentiels-complements div>span+span{margin-left:.7rem!important}
.essentiels-complements details{display:block!important;width:100%!important}
.essentiels-complements summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;color:#17243f!important}
.essentiels-complements summary span{flex:0 0 auto!important;margin-left:auto!important}
@media(max-width:600px){
 .essentiels-complements>div+div>div{grid-template-columns:1fr!important;gap:.2rem!important}
 .essentiels-complements ol,.essentiels-complements ul{grid-template-columns:1fr!important}
 .essentiels-complements div>span{display:inline-block!important;margin:.2rem .4rem .2rem 0!important}
 .essentiels-complements div>span+span{margin-left:0!important}
}

/* Mobile promotional purchase button */
.achat-mobile{display:none}
.decouverte{display:inline-flex!important;align-items:center!important;gap:.38rem!important;white-space:nowrap!important;font-weight:800!important;color:#155f64!important}
.decouverte>span{display:inline!important;flex:0 0 auto!important;margin:0!important}
@media(max-width:640px){.achat-mobile{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:1000;text-align:center;padding:14px 18px;border-radius:12px;background:#c83f3f;color:#fff;font-weight:800;text-decoration:none;box-shadow:0 8px 26px rgba(20,30,25,.28);visibility:hidden;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}.achat-mobile.is-visible{visibility:visible;opacity:1;transform:none;pointer-events:auto}body{padding-bottom:76px}}

/* Verifier corrections: hero spacing, function card and mobile comparison */
.panorama{padding-bottom:1.5rem}
.visuelprincipal{border-radius:30px;padding-bottom:1.2rem;overflow:hidden}
.reperes{transform:none;margin:1rem auto 0;border-radius:14px;overflow:hidden}
.fonctions-pratiques>div+div{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem!important}
.fonctions-pratiques>div+div>article{min-width:0;padding:1rem;border:1px solid var(--trait);border-radius:14px;background:#f7fafb}
.fonctions-pratiques>div+div>article h3{margin:.15rem 0 .35rem!important}
@media(max-width:850px){.fonctions-pratiques>div+div{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){
 .tableau-comparatif>div+div>div:first-child{display:none!important}
 .tableau-comparatif>div+div>div:not(:first-child){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important;padding:0 0 .85rem!important;border:1px solid rgba(20,45,60,.13)!important;border-radius:12px!important;overflow:hidden!important}
 .tableau-comparatif>div+div>div:not(:first-child)>span:first-child{display:block!important;grid-column:1/-1!important;margin:0!important;padding:.65rem .8rem!important;background:var(--bleu)!important;color:#fff!important;font-weight:800!important}
 .tableau-comparatif [data-label]{display:block!important;margin:0!important;padding:.05rem .8rem .2rem!important}
 .tableau-comparatif [data-label]::before{content:attr(data-label);display:block;margin-bottom:.15rem;color:var(--gris)!important;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
}
@media(max-width:430px){.fonctions-pratiques>div+div{grid-template-columns:1fr!important}.reperes{margin-top:.8rem}}