:root{--fond:#f6fafa;--carte:#fff;--texte:#1d2b2c;--doux:#56696a;--accent:#16777e;--accent2:#0f5a60;--clair:#e3f1f1;--bord:#d3e3e3}
@media (prefers-color-scheme:dark){:root{--fond:#121c1d;--carte:#1a2728;--texte:#e5efef;--doux:#a5b9b9;--accent:#5cc3c9;--accent2:#8fd9dd;--clair:#1d3335;--bord:#2a3c3d}}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--texte);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--accent)}
img{max-width:100%;height:auto}
.largeur{max-width:1080px;margin:0 auto;padding:0 16px}
.etroit{max-width:780px}
.haut{background:var(--carte);border-bottom:1px solid var(--bord);position:sticky;top:0;z-index:5}
.haut-ligne{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:6px}
.marque{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--texte);font-size:1.45rem;font-weight:700;letter-spacing:.01em}
.marque b{color:var(--accent)}
.menu{display:flex;gap:4px 18px;flex-wrap:wrap;padding-bottom:10px;font-size:.95rem}
.menu a{text-decoration:none;color:var(--doux);padding:2px 0;border-bottom:2px solid transparent}
.menu a:hover,.menu a[aria-current]{color:var(--accent);border-color:var(--accent)}
.bouton{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;padding:.7em 1.3em;border-radius:10px;border:0;font-size:1rem;cursor:pointer;margin:.3em .3em .3em 0}
@media (prefers-color-scheme:dark){.bouton{color:#0d1a1b}}
.bouton:hover{background:var(--accent2)}
.bouton-clair{background:var(--clair);color:var(--accent)}
.bouton-petit{padding:.45em .9em;font-size:.9rem;margin:0}
.entete{background:linear-gradient(160deg,var(--clair),var(--fond));padding:56px 0 40px}
.entete h1{font-size:clamp(1.9rem,5vw,2.9rem);line-height:1.2;margin:.2em 0 .4em;max-width:18em}
.sur-titre{color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;margin:0}
.intro{font-size:1.15rem;color:var(--doux)}
.section{padding:36px 16px}
h1{font-size:clamp(1.7rem,4.5vw,2.4rem);line-height:1.25}
h2{font-size:1.4rem;margin-top:1.8em}
.section>h2:first-child{margin-top:0}
.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:16px 0}
.carte{background:var(--carte);border:1px solid var(--bord);border-radius:14px;padding:18px 20px}
.carte h3{margin:0 0 .3em;color:var(--accent)}
.carte p{margin:0;color:var(--doux)}
.chiffre{font-size:1.25rem}
.liste li{margin:.35em 0}
.note{background:var(--clair);border-radius:10px;padding:12px 16px}
.source{font-size:.85rem;color:var(--doux);margin-top:2em}
.appel{background:var(--accent);color:#fff;padding:40px 0;text-align:center}
.appel h2{margin-top:0}
.appel a.bouton{background:#fff;color:var(--accent2)}
@media (prefers-color-scheme:dark){.appel{background:var(--clair);color:var(--texte)}.appel a.bouton{background:var(--accent);color:#0d1a1b}}
.formulaire{display:grid;gap:14px;margin-top:20px}
.formulaire label{display:grid;gap:4px;font-weight:600}
.formulaire input,.formulaire select,.formulaire textarea{font:inherit;padding:.6em .7em;border:1px solid var(--bord);border-radius:8px;background:var(--carte);color:var(--texte);width:100%}
.formulaire .case{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.formulaire .case input{width:auto;margin-top:.35em}
.piege{position:absolute;left:-9999px}
.bas{border-top:1px solid var(--bord);background:var(--carte);padding:26px 0 10px;margin-top:0}
.bas-ligne{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--doux)}
.petit{font-size:.82rem;color:var(--doux)}