/* Feuille commune aux pages légales : même identité que le site, mais tournée vers la
   LECTURE. Ces pages sont lues par un client qui hésite, ou par un service juridique —
   la lisibilité prime sur l'effet. */
:root{
  --nuit:#0C1522; --nuit-2:#16283D; --nuit-3:#1E3350;
  --or:#B8912F; --or-clair:#E6C766; --ivoire:#F2EDE3; --gris:#8B99AD;
  --serif:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--nuit);color:var(--ivoire);font-family:var(--sans);
  font-size:16px;line-height:1.72;-webkit-font-smoothing:antialiased}
a{color:var(--or-clair);text-decoration:none;border-bottom:1px solid transparent;
  transition:border-color .25s}
a:hover{border-bottom-color:var(--or-clair)}
::selection{background:var(--or);color:var(--nuit)}

.zone{max-width:760px;margin:0 auto;padding:0 28px}

header{border-bottom:1px solid var(--nuit-3);padding:20px 0;margin-bottom:56px;
  position:sticky;top:0;background:rgba(12,21,34,.9);backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);z-index:10}
header .zone{display:flex;align-items:center;justify-content:space-between;gap:20px}
.marque{display:flex;align-items:center;gap:11px;border:0}
.marque svg{height:24px;width:auto;display:block}
.marque b{font-family:var(--serif);font-size:14.5px;letter-spacing:.5px;font-weight:400;
  color:var(--ivoire)}
.retour{font-size:14px;color:var(--gris);border:0}
.retour:hover{color:var(--or-clair)}

h1{font-family:var(--serif);font-weight:400;font-size:clamp(30px,5vw,42px);line-height:1.15;
  letter-spacing:-.4px;margin-bottom:12px;text-wrap:balance}
.maj{color:var(--gris);font-size:14px;margin-bottom:52px;padding-bottom:22px;
  border-bottom:1px solid var(--nuit-3)}

h2{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.3;
  margin:52px 0 16px;color:var(--ivoire);scroll-margin-top:90px}
h2 .n{color:var(--or);font-size:16px;margin-right:10px}
h3{font-size:17px;font-weight:650;margin:30px 0 10px;color:var(--ivoire)}
p{margin-bottom:15px;color:#D5D9E0}
ul{margin:0 0 18px 0;padding-left:22px}
li{margin-bottom:9px;color:#D5D9E0}
strong{color:var(--ivoire);font-weight:650}

.encadre{background:var(--nuit-2);border-left:3px solid var(--or);padding:20px 24px;
  margin:26px 0;border-radius:0 4px 4px 0;font-size:15.4px}
.encadre p:last-child{margin-bottom:0}

table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px}
th{background:var(--nuit-2);text-align:left;padding:11px 14px;font-size:13px;
  text-transform:uppercase;letter-spacing:.7px;color:var(--or);font-weight:650}
td{padding:11px 14px;border-bottom:1px solid var(--nuit-3);color:#D5D9E0;vertical-align:top}

footer{border-top:1px solid var(--nuit-3);margin-top:76px;padding:34px 0 46px;
  font-size:13.5px;color:#68758a}
footer .liens{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:20px}
footer .liens a{color:var(--gris);border:0}
footer .liens a:hover{color:var(--or-clair)}
footer p{color:#68758a;font-size:12.8px;line-height:1.8}

@media(max-width:600px){ header{margin-bottom:38px} h2{margin-top:40px} }