/* Mise en forme commune aux trois pages légales — mentions, confidentialité,
   conditions d'utilisation.
   ---------------------------------------------------------------------------
   Un fichier partagé plutôt qu'un <style> recopié trois fois : ces pages
   changeront ensemble (une adresse, un sous-traitant), et une seule d'entre
   elles corrigée serait pire que rien.

   Elles reprennent la palette de documentation.html — même produit, même
   maison — mais restent PUBLIQUES : aucune ne charge acces.min.js. Une
   politique de confidentialité derrière un mur de connexion n'informerait
   personne, et c'est précisément avant de créer son compte qu'on veut la lire. */

:root{--bg:#14181e;--panel:#1c222b;--txt:#dde5ee;--mut:#93a0ad;--acc:#c9895a;--line:#2e3947}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--txt);
     font-family:'Segoe UI',system-ui,sans-serif;line-height:1.65}
.wrap{max-width:780px;margin:0 auto;padding:32px 22px 80px}
a{color:#fff;text-decoration:underline}

header{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:26px}
h1{font-size:25px;margin:0 0 6px;color:#f0e6d2}
.sub{color:var(--mut);font-size:13.5px}
.maj{color:var(--mut);font-size:12.5px;margin-top:10px}

h2{font-size:18px;color:var(--acc);margin:34px 0 10px}
h3{font-size:14.5px;color:#f0e6d2;margin:20px 0 6px}
p,li{font-size:14.5px;color:#c9d2dc}
li{margin:4px 0}
dl{margin:10px 0}
dt{font-size:13px;color:var(--mut);margin-top:10px}
dd{margin:2px 0 0;font-size:14.5px;color:#e6ecf3}

table{border-collapse:collapse;width:100%;margin:14px 0;font-size:13.5px}
th,td{border:1px solid var(--line);padding:8px 11px;text-align:left;vertical-align:top}
th{background:#222a35;color:#f0e6d2;font-weight:600}
td.q{color:#f0e6d2;white-space:nowrap}

.note{background:#1f2a24;border-left:3px solid #6da85e;border-radius:0 8px 8px 0;
      padding:10px 14px;margin:14px 0;font-size:13.5px}
.warn{background:#2a2420;border-left:3px solid var(--acc);border-radius:0 8px 8px 0;
      padding:10px 14px;margin:14px 0;font-size:13.5px}

/* Champs que seul l'éditeur peut fournir. Voyants tant qu'ils sont vides : une
   mention légale incomplète qui en aurait l'air complète serait pire que son
   absence. Un test refuse d'ailleurs de laisser passer ces marques. */
.acompleter{background:#3a2a1c;color:#ffd9a8;border:1px dashed #8a6a3c;
            border-radius:5px;padding:0 6px;font-size:13.5px}

nav.liens{background:var(--panel);border-radius:12px;padding:14px 18px;margin:22px 0;font-size:13.5px}
nav.liens a{display:inline-block;margin:3px 14px 3px 0}
footer{margin-top:46px;border-top:1px solid var(--line);padding-top:16px;
       color:var(--mut);font-size:12.5px}
footer a{color:#c9d2dc}