:root{--bleu:#2F3F7F;--orange:#E8772E;--fond:#F7F8FA;--gris:#5F6368;--bord:#e4e6ec}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--fond);color:#1c1f2a;line-height:1.6}
header{background:#fff;border-bottom:1px solid var(--bord)}
.barre{max-width:880px;margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.marque{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--bleu);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}
.marque strong{display:block;color:var(--orange);font-size:1.4rem;letter-spacing:.12em}
nav a{color:var(--bleu);text-decoration:none;margin-left:16px;font-weight:600;font-size:.95rem}
nav a:hover{text-decoration:underline}
main{max-width:880px;margin:0 auto;padding:24px 20px 48px}
.carte{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 1px 4px rgba(20,25,60,.08)}
h1{color:var(--bleu);margin:0 0 8px;font-size:1.8rem}
h2{color:var(--bleu);font-size:1.2rem;margin:0 0 8px}
p,li{color:#2b2f3c}
.sous{color:var(--gris)}
.accent{color:var(--bleu);font-weight:700}
.bouton{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;font-weight:700;padding:12px 24px;border-radius:999px;margin-top:8px}
.bouton:hover{opacity:.9}
a{color:var(--bleu)}
footer{max-width:880px;margin:0 auto;padding:0 20px 40px;color:var(--gris);font-size:.85rem}
footer a{color:var(--gris)}