:root{--noir:#0b0b0b;--jaune:#f8c008;--vert:#009460;--vert-fonce:#00734a;--vert-pale:#e4f4ee;--encre:#0f172a;--encre2:#475569;--encre3:#5c6b80;--trait:#e5e7eb;--fond:#fff;--fond2:#f8fafc;--largeur:1080px;--rayon:16px}*{box-sizing:border-box}html,body{background:var(--fond);color:var(--encre);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:var(--vert-fonce);text-decoration:none}a:hover{text-decoration:underline}.enveloppe{width:100%;max-width:var(--largeur);margin:0 auto;padding:0 20px}.entete{background:var(--noir);color:#fff;z-index:10;position:sticky;top:0}.entete .enveloppe{align-items:center;gap:20px;height:64px;display:flex}.marque{letter-spacing:-.5px;color:#fff;align-items:center;gap:9px;font-size:24px;font-weight:800;display:flex}.marque:hover{text-decoration:none}.marque span{color:var(--jaune)}.nav{align-items:center;gap:22px;margin-left:auto;display:flex}.nav a{color:#ffffffc7;font-size:15px}.nav a:hover{color:#fff;text-decoration:none}.hero{background:var(--noir);color:#fff;padding:64px 0 80px}.hero h1{letter-spacing:-1.5px;max-width:16ch;margin:0 0 18px;font-size:clamp(34px,6vw,56px);line-height:1.08}.hero h1 em{color:var(--jaune);font-style:normal}.hero p.chapeau{color:#ffffffc2;max-width:56ch;margin:0 0 32px;font-size:clamp(17px,2.4vw,20px)}.boutons{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;border:2px solid #0000;border-radius:999px;align-items:center;gap:8px;min-height:52px;padding:0 24px;font-size:16px;font-weight:700;display:inline-flex}.btn:hover{text-decoration:none}.btn-vert{background:var(--vert);color:#fff}.btn-vert:hover{background:var(--vert-fonce);color:#fff}.btn-clair{color:var(--noir);background:#fff}.btn-clair:hover{color:var(--noir);background:#eee}.btn-contour{color:#fff;border-color:#ffffff59}.btn-contour:hover{color:#fff;border-color:#fff}.section{padding:64px 0}.section.pale{background:var(--fond2)}.section h2{letter-spacing:-.8px;margin:0 0 12px;font-size:clamp(26px,4vw,36px);line-height:1.15}.section .intro{color:var(--encre2);max-width:62ch;margin:0 0 36px;font-size:18px}.grille{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.carte{border:1px solid var(--trait);border-radius:var(--rayon);background:#fff;padding:24px}.carte .numero{background:var(--vert-pale);width:34px;height:34px;color:var(--vert-fonce);border-radius:999px;justify-content:center;align-items:center;margin-bottom:12px;font-weight:800;display:inline-flex}.carte h3{margin:0 0 8px;font-size:19px}.carte p{color:var(--encre2);margin:0}.bandeau{background:var(--noir);color:#fff;border-radius:24px;padding:44px 36px}.bandeau h2{margin:0 0 10px}.bandeau p{color:#ffffffc2;max-width:58ch;margin:0 0 26px}.contenu{max-width:76ch;padding:48px 0 72px}.contenu h1{letter-spacing:-1px;margin:0 0 6px;font-size:clamp(28px,5vw,40px)}.contenu .date{color:var(--encre3);margin:0 0 32px;font-size:15px}.contenu h2{border-top:1px solid var(--trait);margin:40px 0 10px;padding-top:20px;font-size:22px}.contenu h3{margin:24px 0 6px;font-size:17px}.contenu p,.contenu li{color:var(--encre2)}.contenu li{margin-bottom:8px}.contenu strong{color:var(--encre)}.encadre{background:var(--vert-pale);border:1px solid var(--vert);border-radius:var(--rayon);margin:20px 0;padding:18px 20px}.encadre p{color:var(--vert-fonce);margin:0}.pied{background:var(--noir);color:#ffffffad;padding:44px 0 32px;font-size:15px}.pied .colonnes{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;margin-bottom:32px;display:grid}.pied h4{color:#fff;margin:0 0 10px;font-size:15px}.pied a{color:#ffffffad;margin-bottom:7px;display:block}.pied a:hover{color:#fff;text-decoration:none}.pied .bas{border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;font-size:14px;display:flex}@media (max-width:640px){.entete .enveloppe{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:12px}.nav{gap:16px;width:100%;margin-left:0;font-size:14px}.hero{padding:44px 0 56px}.section{padding:48px 0}.bandeau{border-radius:18px;padding:32px 22px}.btn{justify-content:center;width:100%}}