:root{
  --navy:#0E1D3D; --navy-2:#0A1631; --or:#E3B54A; --or-fonce:#C7982C;
  --encre:#13233F; --gris:#5C6678; --fond:#F3F6FB; --surface:#FFFFFF; --trait:#E4EAF2;
}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--encre);
  font-family:"Archivo","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--or-fonce)}
.barre-haut{background:var(--navy);color:#fff}
.barre-haut .in{max-width:860px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;gap:12px}
.barre-haut a.retour{margin-left:auto;color:#C6D0E4;text-decoration:none;font-size:.92rem;font-weight:600}
.barre-haut a.retour:hover{color:#fff}
.marque{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.2rem;color:#fff;text-decoration:none;font-variation-settings:"wdth" 118}
.marque .fin{font-weight:500;color:#B9C2D6}
.marque svg{width:32px;height:32px}
main{max-width:860px;margin:0 auto;padding:48px 24px 80px}
h1{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800;letter-spacing:-.02em;margin:0 0 6px}
.maj{color:var(--gris);font-size:.9rem;margin:0 0 36px}
h2{font-size:1.25rem;font-weight:800;margin:36px 0 10px;color:var(--navy)}
p,li{color:#2A3852}
ul{padding-left:20px}
.placeholder{background:#FFF6E0;border:1px solid #F0D89A;border-radius:8px;padding:2px 8px;font-size:.9rem;color:#8A6A12;font-weight:600}
.bloc{background:var(--surface);border:1px solid var(--trait);border-radius:14px;padding:28px 30px;margin-top:24px}
.avert{background:var(--navy);color:#C6D0E4;text-align:center;font-size:.9rem;padding:14px 24px}
footer{background:var(--navy-2);color:#8A93A3;text-align:center;padding:28px 24px;font-size:.85rem}
footer a{color:#AEB9D2;text-decoration:none;margin:0 6px}
footer a:hover{color:#fff}