:root { --encre:#16202b; --texte:#2c3a47; --doux:#5b6875; --fond:#f6f5f2; --surface:#fff; --filet:#dcd8d0; --accent:#1f5f8b; --accent-fonce:#174a6c; }
*,*::before,*::after { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--fond); color:var(--texte); font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; }
a { color:var(--accent); text-underline-offset:2px; }
a:hover { color:var(--accent-fonce); }
.enveloppe { max-width:720px; margin:0 auto; padding:0 20px; }
header { background:var(--surface); border-bottom:1px solid var(--filet); }
header .enveloppe { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 20px; min-height:64px; padding-top:10px; padding-bottom:10px; }
.marque { font-weight:800; font-size:19px; color:var(--encre); text-decoration:none; letter-spacing:-.01em; }
nav ul { list-style:none; display:flex; flex-wrap:wrap; gap:4px 18px; margin:0; padding:0; }
nav a { display:inline-block; padding:10px 0; color:var(--texte); text-decoration:none; font-size:15.5px; }
nav a:hover, nav a[aria-current] { color:var(--accent); text-decoration:underline; }
main { padding:40px 0 56px; }
h1 { font-size:clamp(28px,6vw,38px); line-height:1.15; color:var(--encre); margin:0 0 14px; letter-spacing:-.02em; }
h2 { font-size:22px; line-height:1.25; color:var(--encre); margin:38px 0 10px; }
h3 { font-size:18px; color:var(--encre); margin:26px 0 6px; }
p, ul { margin:0 0 1em; }
ul { padding-left:1.2em; }
li { margin:0 0 .35em; }
.chapeau { font-size:19px; color:var(--doux); margin-bottom:28px; }
.encadre { background:var(--surface); border:1px solid var(--filet); border-radius:8px; padding:18px 20px; margin:26px 0; }
.encadre p:last-child { margin-bottom:0; }
.date { color:var(--doux); font-size:15px; margin-top:34px; }
footer { border-top:1px solid var(--filet); background:var(--surface); font-size:15px; color:var(--doux); }
footer .enveloppe { padding-top:22px; padding-bottom:26px; }
footer a { color:var(--doux); }
dl { margin:0 0 1em; }
dt { font-weight:700; color:var(--encre); margin-top:12px; }
dd { margin:2px 0 0; }