:root{--fond: #0b1c33;--fond-2: #0e2240;--surface: #12294a;--surface-2: #17325a;--bord: #22406d;--bord-clair: #2d5288;--texte: #f2f5f9;--texte-doux: #a9bdd6;--texte-faible: #7a92b2;--accent: #e8732a;--accent-clair: #f2a05a;--accent-sombre: #c25c1c;--alerte: #e5484d;--attention: #e8a33d;--valide: #3da35d;--rayon: 10px;--ombre: 0 10px 30px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fond);color:var(--texte);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:1.35rem}h2{font-size:1.1rem}h3{font-size:.97rem}p{margin:0 0 .7em}a{color:var(--accent-clair)}.app{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.rail{background:linear-gradient(180deg,#0a1930,#0d2242);border-right:1px solid var(--bord);padding:20px 14px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh;overflow-y:auto}.marque{display:flex;gap:10px;align-items:center;padding:0 6px}.marque .sceau{width:34px;height:34px;border-radius:8px;flex:0 0 34px;background:var(--accent);color:#0b1c33;display:grid;place-items:center;font-weight:800;font-size:15px}.marque strong{display:block;font-size:.9rem;line-height:1.2}.marque span{color:var(--texte-faible);font-size:.74rem}.nav{display:flex;flex-direction:column;gap:2px}.nav>.titre-nav{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--texte-faible);padding:10px 8px 4px}.nav button{background:none;border:0;color:var(--texte-doux);text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;font:inherit;display:flex;align-items:center;gap:9px;width:100%}.nav button:hover{background:var(--surface);color:var(--texte)}.nav button[aria-current=true]{background:var(--surface-2);color:var(--texte);font-weight:600}.nav button[aria-current=true] .pastille{background:var(--accent)}.pastille{width:6px;height:6px;border-radius:99px;background:var(--bord-clair);flex:0 0 6px}.contenu{padding:26px 30px 60px;max-width:1180px}.entete-page{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.entete-page .sous{color:var(--texte-doux);margin:4px 0 0;font-size:.9rem}.carte{background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);padding:18px}.carte+.carte{margin-top:14px}.carte>h3{margin-bottom:10px}.carte .legende{color:var(--texte-faible);font-size:.83rem;margin:-4px 0 12px}.grille{display:grid;gap:14px}.grille.deux{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grille.trois{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}label.champ{display:block;margin-bottom:12px}label.champ>span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--texte-faible);margin-bottom:5px}input,textarea,select{width:100%;background:var(--fond-2);color:var(--texte);border:1px solid var(--bord);border-radius:8px;padding:9px 11px;font:inherit;font-size:.92rem}textarea{resize:vertical;min-height:92px;line-height:1.55}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.aide{color:var(--texte-faible);font-size:.8rem;margin-top:4px}button.bouton{background:var(--accent);color:#17100a;border:0;border-radius:8px;padding:9px 15px;font:inherit;font-weight:600;cursor:pointer}button.bouton:hover{background:var(--accent-clair)}button.bouton.fantome{background:transparent;color:var(--texte);border:1px solid var(--bord-clair)}button.bouton.fantome:hover{background:var(--surface-2)}button.bouton.danger{background:transparent;color:var(--alerte);border:1px solid var(--alerte)}button.bouton:disabled{opacity:.45;cursor:not-allowed}button.lien{background:none;border:0;color:var(--accent-clair);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.barre-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.onglets{display:flex;gap:4px;border-bottom:1px solid var(--bord);margin-bottom:20px;flex-wrap:wrap}.onglets button{background:none;border:0;border-bottom:2px solid transparent;color:var(--texte-doux);padding:9px 13px;cursor:pointer;font:inherit;font-size:.9rem;display:flex;gap:7px;align-items:center}.onglets button[aria-selected=true]{color:var(--texte);border-bottom-color:var(--accent);font-weight:600}.onglets .num{width:19px;height:19px;border-radius:99px;background:var(--surface-2);color:var(--texte-doux);font-size:.72rem;display:grid;place-items:center}.onglets button[aria-selected=true] .num{background:var(--accent);color:#17100a}.liste{display:flex;flex-direction:column;gap:9px}.ligne{background:var(--fond-2);border:1px solid var(--bord);border-radius:9px;padding:12px 14px;display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.ligne:hover{border-color:var(--bord-clair)}.ligne .principal{min-width:0}.ligne .principal strong{display:block}.ligne .principal small{color:var(--texte-faible)}.ligne .outils{display:flex;gap:8px;flex:0 0 auto}.etiquette{display:inline-block;padding:2px 8px;border-radius:99px;font-size:.74rem;background:var(--surface-2);color:var(--texte-doux);border:1px solid var(--bord)}.etiquette.accent{background:#e8732a29;color:var(--accent-clair);border-color:var(--accent-sombre)}.etiquette.alerte{background:#e5484d24;color:#ff9c9f;border-color:#7d2b2e}.etiquette.attention{background:#e8a33d24;color:#f0c37c;border-color:#7d5e23}.etiquette.valide{background:#3da35d24;color:#87d49f;border-color:#2a6b3e}.puces-choix{display:flex;flex-wrap:wrap;gap:7px}.puces-choix button{background:var(--fond-2);border:1px solid var(--bord);color:var(--texte-doux);border-radius:99px;padding:5px 12px;cursor:pointer;font:inherit;font-size:.84rem}.puces-choix button[aria-pressed=true]{background:#e8732a2e;border-color:var(--accent);color:var(--accent-clair);font-weight:600}.constat{display:flex;gap:11px;padding:11px 13px;border-radius:9px;background:var(--fond-2);border:1px solid var(--bord);border-left-width:3px}.constat.bloquant{border-left-color:var(--alerte)}.constat.avertissement{border-left-color:var(--attention)}.constat.info{border-left-color:var(--bord-clair)}.constat strong{display:block;font-size:.92rem}.constat span{color:var(--texte-doux);font-size:.86rem}.apercu{background:#fdfdfb;color:#16181c;border-radius:8px;padding:30px 34px;font-family:Times New Roman,Times,serif;font-size:13.5px;line-height:1.6;max-height:68vh;overflow:auto;border:1px solid #d8d8d2}.apercu h1{font-size:15px;text-align:center;margin:20px 0 12px;text-transform:uppercase}.apercu h2{font-size:14px;margin:16px 0 8px}.apercu h3{font-size:13.5px;margin:13px 0 6px}.apercu p{text-align:justify;margin:0 0 8px}.apercu blockquote{margin:5px 0 5px 22px;font-style:italic;color:#32363d}.apercu ul{margin:0 0 8px 20px;padding:0}.apercu .saut{border-top:1px dashed #b9b9b2;margin:22px 0;text-align:center}.apercu .manque{background:#ffe2c9;border-bottom:1.5px solid var(--accent);padding:0 2px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;background:var(--fond-2);border:1px solid var(--bord);border-radius:8px;padding:12px;white-space:pre-wrap;max-height:360px;overflow:auto}.vide{text-align:center;padding:42px 20px;color:var(--texte-faible)}.vide strong{display:block;color:var(--texte-doux);margin-bottom:6px}.bandeau{background:#e8732a1a;border:1px solid var(--accent-sombre);color:var(--accent-clair);border-radius:9px;padding:11px 14px;font-size:.87rem;margin-bottom:16px}.bandeau.neutre{background:var(--surface);border-color:var(--bord);color:var(--texte-doux)}table.tableau{width:100%;border-collapse:collapse;font-size:.88rem}table.tableau th,table.tableau td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--bord)}table.tableau th{color:var(--texte-faible);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.sep{height:1px;background:var(--bord);margin:16px 0}.pied-rail{margin-top:auto;color:var(--texte-faible);font-size:.74rem;padding:0 6px}@media (max-width: 900px){.app{grid-template-columns:1fr}.rail{position:static;height:auto;flex-direction:column}.contenu{padding:18px 16px 50px}}
