/* Pages légales : mêmes couleurs et polices que les maquettes, mise en page de lecture. */
:root{
  --creme:#FAF7F0; --navy:#071D29; --corps:#152833;
  --or:#B4830C; --or-texte:#8A6508; --muted:#6E6656;
  --filet:rgba(180,131,12,.35); --filet-leger:rgba(180,131,12,.18);
}
*{box-sizing:border-box}
body{margin:0;background:var(--creme);color:var(--corps);font-family:Spectral,Georgia,serif;font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--navy)}
a:focus-visible{outline:2px solid var(--or);outline-offset:3px}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
nav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:26px 0}
.marque{font-size:22px;color:var(--navy);text-decoration:none}
.marque span{color:var(--or)}
nav .retour{font-family:Inter,system-ui,sans-serif;font-size:14px;text-decoration:none}
header{padding:28px 0 18px;border-bottom:1px solid var(--filet-leger)}
.eb{font-family:Inter,system-ui,sans-serif;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--or-texte);margin-bottom:10px}
h1{font-weight:500;color:var(--navy);font-size:40px;line-height:1.15;margin:0 0 12px}
.maj{font-family:Inter,system-ui,sans-serif;font-size:14px;color:var(--muted);margin:0}
main{padding:12px 0 40px}
h2{font-weight:500;color:var(--navy);font-size:25px;line-height:1.25;margin:44px 0 12px}
h3{font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:15px;color:var(--navy);margin:24px 0 6px}
p{margin:0 0 1em}
ul{margin:0 0 1em;padding-left:1.2em}
li{margin-bottom:.35em}
.encadre{border:1px solid var(--filet);border-radius:4px;padding:18px 22px;margin:22px 0}
table{border-collapse:collapse;width:100%;font-size:16px;margin:8px 0 18px}
th,td{text-align:left;vertical-align:top;padding:9px 10px 9px 0;border-bottom:1px solid var(--filet-leger)}
th{font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:13.5px;color:var(--muted)}
.tableau{overflow-x:auto}
/* À retirer avant la mise en ligne : tout ce qui reste à compléter ou à vérifier se voit. */
.a-completer{background:#FCE9B8;color:#5A3E00;padding:0 4px;border-radius:4px;font-family:Inter,system-ui,sans-serif;font-size:.8em}
footer{padding:30px 0 44px;border-top:1px solid var(--filet-leger);color:var(--muted);font-size:15px}
footer ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:8px 0 0;padding:0;font-family:Inter,system-ui,sans-serif;font-size:14px}
footer a{text-decoration:none;color:var(--muted)}
@media (max-width:600px){ h1{font-size:32px} h2{font-size:22px} body{font-size:17px} }