:root{--rouge: #c8202c;--jaune: #f5b800;--fond: #3a3a3a;--blanc: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--fond);color:var(--blanc);line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;background-color:var(--fond);background-image:linear-gradient(to bottom,#000000b3,#0000008c 45%,#000000a6),url(/puy.webp);background-position:center,center;background-size:cover,cover;background-repeat:no-repeat,no-repeat}.page{max-width:720px;margin:0 auto;padding:0 16px 56px}.langue-barre{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:14px 0 2px;padding:13px 14px;background:var(--rouge);border-radius:16px;box-shadow:0 2px 8px #00000059}.langue-globe{width:22px;height:22px;flex:0 0 auto;align-self:center;color:var(--jaune)}.langue-lien{text-decoration:none;font-size:.9rem;font-weight:700;color:#ffffffe6;background:#0006;border:1.5px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 14px;transition:border-color .12s,transform .12s}.langue-lien:hover{border-color:var(--jaune);transform:translateY(-1px)}.langue-lien:focus-visible{outline:3px solid var(--jaune);outline-offset:2px}.langue-lien.actif{background:var(--jaune);color:#2a2a2a;border-color:var(--jaune)}.hero{text-align:center;padding:30px 8px 26px}.hero-nom{font-family:Caveat,cursive;font-size:2.8rem;line-height:1;color:var(--blanc)}.hero-accroche{font-size:1.15rem;font-weight:600;margin-top:10px;color:#fffffff2}.hero-compteur{margin-top:12px;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:#ffffffb3}.vedette{display:flex;align-items:center;gap:13px;background:var(--rouge);border:2px solid var(--jaune);border-radius:18px;padding:14px 16px;text-decoration:none;margin-bottom:18px;box-shadow:0 2px 8px #00000059}.vedette-rond{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:var(--jaune);display:flex;align-items:center;justify-content:center}.vedette-rond svg{width:24px;height:24px}.vedette-rond path{fill:var(--rouge)}.vedette-corps{display:flex;flex-direction:column;flex:1;min-width:0}.vedette-titre{font-weight:700;font-size:1.1rem;color:var(--blanc)}.vedette-sous{font-size:.82rem;color:#ffffffd9;margin-top:1px}.vedette-fleche{color:var(--jaune);font-size:1.5rem;flex:0 0 auto}.voies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.voie{display:flex;align-items:center;gap:13px;background:var(--rouge);border-radius:16px;padding:14px 16px;text-decoration:none;box-shadow:0 2px 8px #00000059;transition:transform .12s,filter .12s}.voie:hover{transform:translateY(-1px);filter:brightness(1.07)}.voie:focus-visible{outline:3px solid var(--jaune);outline-offset:2px}.voie-ico{width:23px;height:23px;flex:0 0 23px}.voie-ico path{fill:var(--blanc)}.voie-corps{display:flex;flex-direction:column;flex:1;min-width:0}.voie-nom{font-weight:700;font-size:1.02rem;color:var(--blanc);line-height:1.2}.voie-pays{font-size:.8rem;color:#fffc}.voie-chevron{flex:0 0 auto;color:#ffffffa6;font-size:1.5rem;line-height:1}.groupe-titre{display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin:26px 2px 12px}.groupe-titre:after{content:"";flex:1;height:2px;border-radius:2px}.groupe-compte{font-size:.8rem;font-weight:700;opacity:.6;letter-spacing:.02em;text-transform:none}.groupe-titre.france{color:var(--jaune)}.groupe-titre.france:after{background:linear-gradient(to right,#f5b8008c,#f5b80000)}.groupe-titre.monde{color:#ffffffd9}.groupe-titre.monde:after{background:linear-gradient(to right,#ffffff47,#fff0)}.groupe+.groupe{margin-top:4px}.recherche-zone{margin:0 0 14px}.recherche-champ{width:100%;padding:13px 16px;font-size:1rem;color:var(--blanc);background:#00000061;border:1.5px solid rgba(255,255,255,.25);border-radius:12px;outline:none}.recherche-champ::placeholder{color:#fff9}.recherche-champ:focus{border-color:var(--jaune);box-shadow:0 0 0 3px #f5b80040}.recherche-vide{text-align:center;color:#ffffffd9;padding:20px;font-size:.95rem}.legal{margin-top:36px;padding:20px 18px;background:#0006;border-radius:14px;font-size:.8rem;line-height:1.65;color:#ffffffc7}.legal-titre{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffeb;margin-bottom:10px}.legal p+p{margin-top:10px}.legal strong{color:var(--blanc)}.legal-lien{color:var(--jaune);font-weight:700;text-decoration:none}.legal-lien:hover{text-decoration:underline}.legal-lien:focus-visible{outline:3px solid var(--jaune);outline-offset:2px}.pied{text-align:center;margin-top:44px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}.pied-accroche{color:#ffffffd1;font-size:.95rem;line-height:1.65}.pied-voeu{font-family:Caveat,cursive;color:var(--jaune);font-size:2rem;line-height:1.1;margin-top:16px}.pied-fb{display:inline-flex;align-items:center;gap:9px;background:#1877f2;color:#fff;font-weight:700;text-decoration:none;padding:11px 22px;border-radius:999px;margin-top:18px;box-shadow:0 2px 6px #0000004d}.pied-fb:hover{filter:brightness(1.08)}.pied-fb:focus-visible{outline:3px solid var(--jaune);outline-offset:2px}.pied-fb svg{width:18px;height:18px;fill:#fff}.pied-pastilles{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;background:#00000047;border-radius:999px;padding:9px 18px;margin-top:22px}.pastille{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;color:#ffffffd1}.pastille-lien{text-decoration:none;cursor:pointer}.pastille-lien:hover{text-decoration:underline;color:var(--blanc)}.pastille-lien:focus-visible{outline:3px solid var(--jaune);outline-offset:2px;border-radius:4px}.pt-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 auto}.pt-rouge{background:var(--rouge)}.pt-jaune{background:var(--jaune)}.pt-gris{background:#8a8a8a}.pied-mentions{display:inline-block;margin-top:20px;color:#fff9;font-size:.82rem;text-decoration:underline}.pied-mentions:hover{color:#ffffffd9}.pied-mentions:focus-visible{outline:3px solid var(--jaune);outline-offset:2px}@media(max-width:560px){.voies{grid-template-columns:1fr}.hero{padding:24px 8px 22px}.hero-nom{font-size:2.4rem}}@media(prefers-reduced-motion:reduce){.voie{transition:none}.voie:hover{transform:none}}