/* Pages légales de la landing la paroi : même nuit, lecture d'abord. */
:root{
  --or:#DCA932; --noir:#050708; --blanc:#FFFDF8; --gris:#BFC9CE; --gris-2:#8B979E;
  --filet:rgba(255,255,255,.10); --filet-2:rgba(255,255,255,.16);
  --f-dis:"Archivo","Helvetica Neue",Arial,sans-serif; --f-txt:"Figtree","Helvetica Neue",Arial,sans-serif;
  color-scheme:dark;
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ background:var(--noir); -webkit-text-size-adjust:100%; }
body{ background:radial-gradient(90% 50% at 50% 0%,rgba(220,169,50,.08),transparent 60%), var(--noir); color:var(--blanc); font-family:var(--f-txt); font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased; padding-inline:max(16px,5vw); padding-block:0 80px; }
a{ color:var(--or); text-underline-offset:3px; }
:focus-visible{ outline:2px solid var(--or); outline-offset:3px; border-radius:6px; }
.haut{ max-width:760px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:16px; padding-block:26px; border-bottom:1px solid var(--filet); }
.haut .marque{ font-family:var(--f-dis); font-variation-settings:"wdth" 125; font-weight:900; font-size:26px; letter-spacing:-.03em; color:var(--blanc); text-decoration:none; }
.haut a.retour{ font-size:14.5px; font-weight:600; color:var(--gris); text-decoration:none; border:1px solid var(--filet-2); border-radius:999px; padding:9px 16px; }
.haut a.retour:hover{ color:var(--or); border-color:var(--or); }
main{ max-width:760px; margin:0 auto; }
h1{ margin-top:56px; font-family:var(--f-dis); font-variation-settings:"wdth" 110; font-weight:850; font-size:clamp(32px,5vw,52px); line-height:1; text-transform:uppercase; letter-spacing:-.01em; text-wrap:balance; }
.maj{ margin-top:16px; color:var(--gris-2); font-size:14.5px; }
.resume{ margin-top:30px; padding:22px 24px; border-radius:22px; background:rgba(220,169,50,.07); border:1px solid rgba(220,169,50,.3); color:var(--gris); }
.resume b{ color:var(--blanc); }
h2{ margin-top:48px; font-family:var(--f-dis); font-variation-settings:"wdth" 110; font-weight:800; font-size:22px; text-transform:uppercase; letter-spacing:.01em; padding-top:24px; border-top:1px solid var(--filet); }
h3{ margin-top:26px; font-size:17px; font-weight:700; }
p,ul,table{ margin-top:14px; color:var(--gris); }
ul{ padding-left:20px; } li + li{ margin-top:6px; }
strong,b{ color:var(--blanc); }
table{ width:100%; border-collapse:collapse; font-size:15px; }
th,td{ text-align:left; vertical-align:top; padding:12px 10px 12px 0; border-bottom:1px solid var(--filet); }
th{ color:var(--blanc); font-weight:700; font-size:13px; letter-spacing:.06em; text-transform:uppercase; }
.tableau{ overflow-x:auto; }
.a-confirmer{ display:inline-block; padding:1px 8px; border-radius:6px; border:1px dashed var(--or); color:var(--or); font-size:.92em; }
.bouton{ display:inline-flex; margin-top:16px; padding:12px 20px; border-radius:999px; background:var(--or); color:#14171A; font-weight:700; font-size:15px; border:0; cursor:pointer; font-family:inherit; text-decoration:none; }
.pied{ max-width:760px; margin:70px auto 0; padding-top:24px; border-top:1px solid var(--filet); display:flex; flex-wrap:wrap; gap:10px 22px; font-size:14px; color:var(--gris-2); }
.pied a{ color:var(--gris); text-decoration:none; } .pied a:hover,.pied a[aria-current]{ color:var(--or); }