:root{--marine:#012160;--orange:#E95E2D;--orange-texte:#A3400F;--texte:#16264C;--gris:#55607a;--clair:#E9ECF3;--fond:#F4F6FA;--bord:#DDE2EC;--rouge:#9C2218;--rouge-f:#FBE9E7;--orange-f:#FDEFE6;--vert:#1E6B3A;--vert-f:#E6F2EA}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--texte);font-family:Carlito,Calibri,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.45}
a{color:var(--marine)}a:hover{color:var(--orange-texte)}
header.haut{background:#fff;border-bottom:3px solid var(--orange)}
.cont{max-width:1080px;margin:0 auto;padding:0 20px}
header.haut .cont{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:12px}
.marque{display:flex;align-items:center;gap:14px;text-decoration:none}
.marque img{height:44px}
.marque span{font-size:13px;letter-spacing:.25em;text-transform:uppercase;color:var(--gris);font-weight:700}
.qui{display:flex;align-items:center;gap:12px;color:var(--gris);font-size:15px;flex-wrap:wrap}
main{padding:28px 0 48px}
main .cont{display:flex;flex-direction:column;gap:20px}
.fil{display:flex;flex-wrap:wrap;gap:6px;font-size:15px;align-items:center}
.fil span.sep{color:#9AA6C2}
.fil strong{color:var(--texte)}
.surtitre{margin:0 0 6px;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--orange-texte);font-weight:700}
h1{margin:0;font-size:30px;color:var(--marine);line-height:1.15}
h2{font-size:20px;color:var(--marine);margin:0}
.muted{color:var(--gris)}
.carte{background:#fff;border:1px solid var(--bord);border-radius:12px;padding:20px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:760px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tuile{display:flex;flex-direction:column;gap:6px;min-height:110px;padding:20px;border-radius:12px;border:1.5px solid var(--marine);background:#fff;text-decoration:none;color:var(--texte)}
.tuile b{font-size:19px;color:var(--marine)}
.kpi{background:#fff;border:1px solid var(--bord);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.kpi .v{font-size:30px;font-weight:700;color:var(--marine);text-align:right;font-variant-numeric:tabular-nums}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border-radius:8px;border:none;background:var(--marine);color:#fff;font:inherit;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer}
.btn:hover{color:#fff;background:#0b2f7a}
.btn.sec{background:#fff;color:var(--marine);border:1.5px solid var(--marine)}
.btn:disabled{background:#C9CFDC;color:var(--gris);cursor:not-allowed}
label{font-weight:700;color:var(--marine)}
input[type=text],input[type=email],input[type=password],textarea,select{width:100%;min-height:44px;padding:10px 12px;border-radius:8px;border:1.5px solid #9AA6C2;font:inherit;color:var(--texte);background:#fff}
textarea{min-height:80px}
.champ{display:flex;flex-direction:column;gap:6px}
.pastille{font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.Bloquant{background:var(--rouge-f);color:var(--rouge)}
.Ameliorer{background:var(--orange-f);color:var(--orange-texte)}
.Info{background:var(--clair);color:var(--marine)}
.Conforme{background:var(--vert-f);color:var(--vert)}
.point{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid #E6EAF2}
.compteurs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.compteurs div{border-radius:10px;padding:14px 16px}
.compteurs b{display:block;font-size:32px;line-height:1}
.erreur{background:var(--rouge-f);color:var(--rouge);padding:12px 16px;border-radius:8px;font-weight:700}
.ok{background:var(--vert-f);color:var(--vert);padding:12px 16px;border-radius:8px;font-weight:700}
.note{background:var(--clair);border-radius:10px;padding:14px 18px;font-size:15px}
.liste a.ligne{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;background:#fff;border:1px solid var(--bord);border-radius:12px;text-decoration:none;color:var(--texte);margin-bottom:12px}
.depot{border:2px dashed #9AA6C2;border-radius:12px;background:#fff;padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.pages{max-height:900px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:var(--bord);padding:16px;border-radius:12px}
.pages img{width:100%;max-width:680px;margin:0 auto;display:block;box-shadow:0 2px 10px rgba(1,33,96,.18)}
table.seq{width:100%;border-collapse:collapse;font-size:15px}
table.seq th{background:var(--marine);color:#fff;text-align:left;padding:8px 10px}
table.seq td{padding:6px 10px;border-bottom:1px solid #E6EAF2}
table.seq input{max-width:90px;min-height:36px}
.boite{overflow-x:auto}
footer.bas{background:#fff;border-top:2px solid var(--orange)}
footer.bas .cont{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;padding-bottom:12px;font-size:13px;color:var(--gris);flex-wrap:wrap}
footer.bas img{height:30px}