/* Feuille de style des pages légales (mentions légales, CGV, confidentialité, cookies).
   Volontairement séparée d'index.html : ces pages sont sobres, longues et lues en continu —
   elles n'ont besoin ni des animations, ni de l'éditeur de site, ni du moteur de sections.
   Les couleurs reprennent exactement les variables de la page d'accueil pour que le passage
   d'une page à l'autre ne donne jamais l'impression de changer de site. */

:root{
  --navy:#0A1B33;
  --navy-900:#071021;
  --orange:#FF5A1F;
  --ink:#0A1B33;
  --slate:#536174;
  --slate-light:#AEBBCE;
  --line:rgba(10,27,51,.1);
  --card:#fff;
  --bg:#F7F8FA;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:'Manrope',system-ui,-apple-system,Segoe UI,sans-serif;
  font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

/* ---- En-tête ---- */
.lg-head{background:var(--navy);padding:18px 0}
.lg-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.lg-brand{display:inline-flex;align-items:center;color:#fff;font-family:'Archivo Expanded','Manrope',sans-serif;
  font-weight:800;font-size:19px;letter-spacing:-.02em;text-decoration:none}
.lg-brand .brand-y{color:var(--orange);font-size:1.3em;line-height:1}
.lg-brand img{width:132px;max-height:44px;object-fit:contain;display:block}
.lg-back{color:rgba(255,255,255,.75);text-decoration:none;font-size:.92rem;font-weight:600}
.lg-back:hover{color:var(--orange)}

.wrap{width:min(860px,calc(100% - 40px));margin:0 auto}

/* ---- Corps ---- */
main.lg-main{padding:56px 0 90px}
.lg-eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--orange);font-weight:600}
h1{font-family:'Archivo Expanded','Manrope',sans-serif;font-size:clamp(1.9rem,4vw,2.6rem);
  line-height:1.1;letter-spacing:-.02em;margin:12px 0 10px}
.lg-maj{color:var(--slate);font-size:.92rem;margin:0 0 40px}

h2{font-family:'Archivo Expanded','Manrope',sans-serif;font-size:1.28rem;line-height:1.25;
  letter-spacing:-.015em;margin:44px 0 14px;padding-top:22px;border-top:1px solid var(--line)}
h2:first-of-type{border-top:0;padding-top:0}
h3{font-size:1.04rem;font-weight:800;margin:26px 0 8px}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px;padding-left:22px}
li{margin-bottom:8px}
a{color:var(--orange)}
strong{font-weight:700}

/* Encadré neutre pour une information de référence (coordonnées, organisme, délai). */
.lg-box{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:20px 22px;margin:18px 0 26px}
.lg-box p:last-child{margin-bottom:0}

/* Encadré d'avertissement, pour les points où l'utilisateur perd un droit ou s'engage. */
.lg-warn{background:#FFF6F1;border:1px solid rgba(255,90,31,.3);border-left:4px solid var(--orange);
  border-radius:12px;padding:18px 20px;margin:18px 0 26px}
.lg-warn p:last-child{margin-bottom:0}

/* Champ restant à compléter par l'éditeur du site. Volontairement très visible : il vaut
   mieux qu'un trou saute aux yeux en préproduction plutôt qu'une valeur inventée passe en
   production sans que personne ne la relise. */
.todo{display:inline-block;background:#FFE9C7;color:#7A4A00;border:1px dashed #C98A18;
  border-radius:6px;padding:1px 8px;font-family:'JetBrains Mono',monospace;font-size:.82em;
  font-weight:600;white-space:normal}

/* Tableau (durées de conservation, sous-traitants). */
.lg-tablewrap{overflow-x:auto;margin:18px 0 26px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:.93rem}
th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--slate);font-weight:600;background:#FBFCFD}
tr:last-child td{border-bottom:0}

/* ---- Pied de page ---- */
.lg-foot{background:var(--navy-900);color:rgba(255,255,255,.6);padding:34px 0;font-size:.88rem}
.lg-foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.lg-foot a{color:rgba(255,255,255,.72);text-decoration:none}
.lg-foot a:hover{color:var(--orange)}
.lg-foot nav{display:flex;gap:18px;flex-wrap:wrap}

@media(max-width:560px){
  main.lg-main{padding:38px 0 64px}
  h2{margin-top:34px}
}

/* Sélecteur de langue, même gabarit que sur la page d'accueil pour qu'on le retrouve au
   même endroit d'une page à l'autre. */
.lg-right{display:flex;align-items:center;gap:16px}
.lang-switch{display:inline-flex;align-items:center;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);border-radius:100px;overflow:hidden;flex:0 0 auto}
.lang-switch a{display:block;padding:5px 10px;font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.6);
  text-decoration:none;transition:color .2s,background .2s}
.lang-switch a:hover{color:#fff}
.lang-switch a[aria-current="true"]{background:var(--orange);color:#fff}

@media(max-width:560px){
  .lg-right{gap:10px}
  .lg-back{font-size:.85rem}
}