/* Pages légales du site vitrine (mentions, confidentialité, conditions) : bande sombre
   d'en-tête reprise de la page d'accueil, puis une bande « papier » pour la lecture longue. */
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Sora';font-weight:700;font-display:swap;src:url(fonts/sora-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Noto Sans Arabic';font-weight:400;font-display:swap;src:url(fonts/noto-sans-arabic-arabic-400-normal.woff2) format('woff2')}
@font-face{font-family:'Noto Sans Arabic';font-weight:600;font-display:swap;src:url(fonts/noto-sans-arabic-arabic-600-normal.woff2) format('woff2')}
:root{--bg:#070B12;--ink:#EDF2F7;--ink2:#B4C2D0;--or:#E8A13A;--paper:#F6F8FB;--card:#FFFFFF;--pline:#E2E8F0;--pink:#0B1220;--pink2:#334155;--pink3:#56657A;--porn:#92400E}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--pink);font:400 16px/1.7 Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
html[lang=ar] body{font-family:'Noto Sans Arabic',Inter,system-ui,sans-serif}
a{color:var(--porn)}
a:focus-visible,button:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.lg-top{background:var(--bg);color:var(--ink)}
.lg-bar{max-width:1120px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.lg-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:700 17px Sora,Inter,sans-serif}
.lg-brand span{color:var(--ink2);font-weight:400}
.lg-back{margin-inline-start:auto;color:var(--ink2);font-size:14px;text-decoration:none}
.lg-back:hover{color:var(--ink)}
.lg-lang{display:flex;gap:4px}
.lg-lang button{background:transparent;border:1px solid #2E4560;color:var(--ink2);border-radius:6px;padding:4px 9px;font:600 12px Inter,sans-serif;cursor:pointer}
.lg-lang button[aria-pressed=true]{border-color:var(--or);color:var(--or)}
.lg-head{max-width:1120px;margin:0 auto;padding:28px 24px 36px}
.lg-head .k{font:600 12px/16px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--or)}
.lg-head h1{font:700 32px/40px Sora,Inter,sans-serif;margin:8px 0 6px}
.lg-head p{color:var(--ink2);margin:0;font-size:15px}
main{max-width:1120px;margin:0 auto;padding:32px 24px 64px}
article{max-width:72ch}
article[hidden]{display:none}
h2{font:700 20px/28px Sora,Inter,sans-serif;margin:36px 0 8px;color:var(--pink)}
h3{font:600 17px/24px Sora,Inter,sans-serif;margin:24px 0 6px;color:var(--pink)}
hr{border:0;border-top:1px solid var(--pline);margin:28px 0}
article [dir=ltr]{text-align:left}
html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .lg-head h1{font-family:'Noto Sans Arabic',Sora,sans-serif}
p,li{color:var(--pink2)}
ul{padding-inline-start:22px}
dl{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:6px 18px;margin:12px 0}
dt{font-weight:600;color:var(--pink)}
dd{margin:0;color:var(--pink2)}
table{border-collapse:collapse;width:100%;margin:12px 0;font-size:14.5px;background:var(--card)}
th,td{border:1px solid var(--pline);padding:8px 10px;text-align:start;vertical-align:top}
th{background:#EEF2F7;color:var(--pink)}
.lg-foot{border-top:1px solid var(--pline);max-width:1120px;margin:0 auto;padding:18px 24px 40px;font-size:13.5px;color:var(--pink3);display:flex;gap:14px;flex-wrap:wrap}
.lg-foot a{color:var(--pink3)}
.lg-foot a[aria-current=page]{color:var(--pink);font-weight:600;text-decoration:none}
@media (max-width:640px){.lg-head h1{font-size:26px;line-height:32px}dl{grid-template-columns:1fr}dd{margin-bottom:8px}}
@media print{.lg-top .lg-bar,.lg-foot{display:none}.lg-top{background:none;color:#000}}
/* Téléphone d'abord (29 oct. 2026) : un tableau devient une pile de cartes ; la première colonne est
   le titre de la carte, les autres portent le nom de leur colonne (data-label posé par legal.js). */
td{font-variant-numeric:tabular-nums}
[id]{scroll-margin-top:72px}
@media (max-width:640px){
  main{padding:22px 16px 48px}
  .lg-bar{padding:12px 16px}
  .lg-head{padding:22px 16px 26px}
  .lg-lang button,.lg-back{min-height:44px;min-width:44px}
  table.lg-cartes{border:0;background:none;font-size:15px}
  table.lg-cartes thead,table.lg-cartes tr.lg-tete{display:none}
  table.lg-cartes,table.lg-cartes tbody,table.lg-cartes tr,table.lg-cartes td,table.lg-cartes tr:not(.lg-tete) th{display:block;width:100%}
  table.lg-cartes tr{background:var(--card);border:1px solid var(--pline);border-radius:12px;padding:12px 14px;margin:0 0 10px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
  table.lg-cartes td,table.lg-cartes tr:not(.lg-tete) th{border:0;padding:5px 0;line-height:1.5;background:none;color:inherit}
  table.lg-cartes :is(td,th):first-child{font-weight:600;color:var(--pink);font-size:16px;padding:0 0 6px;border-bottom:1px solid var(--pline);margin-bottom:4px}
  table.lg-cartes :is(td,th)[data-label]:not(:first-child)::before{content:attr(data-label);display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--pink3);margin-bottom:1px}
  table.lg-cartes tr:last-child :is(td,th):first-child:only-child{border:0}
  table.lg-compact tr{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:14px}
  table.lg-compact :is(td,th):first-child{grid-column:1/-1}
  table.lg-compact :is(td,th):not(:first-child){white-space:nowrap}
  table.lg-cartes tr.lg-total{background:#FFF7EB;border-color:#F3D39F}
  table.lg-cartes tr.lg-total :is(td,th){font-weight:700;color:var(--pink)}
}
.lg-intro{color:var(--pink2)}