:root{--encre:#073766;--encre-2:#3d5a80;--or:#efb323;--or-doux:#fdf3d9;--gris:#6b7280;--ligne:#e3e6ec;--fond:#f5f6f8;--carte:#fff;--accent:#0b4f94;--accent-doux:#e6eef8;--ok:#00a884;--ok-doux:#e0f5ef;--alerte:#b45309;--alerte-doux:#fff4e0;--erreur:#b91c1c;--erreur-doux:#fdecec;--rayon:10px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fond);color:var(--encre);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.entete{border-bottom:1px solid var(--ligne);border-top:4px solid var(--or);background:#fff;align-items:center;gap:36px;height:68px;padding:0 28px;display:flex}.entete .marque{align-items:center;display:flex}.entete .marque img{width:auto;height:38px;display:block}.entete nav{gap:4px;display:flex}.entete nav a{color:var(--encre-2);border-radius:7px;padding:8px 12px;font-size:14.5px;font-weight:500}.entete nav a:hover{background:var(--accent-doux);color:var(--encre);text-decoration:none}main{max-width:1080px;margin:0 auto;padding:28px 24px 80px}h1{margin:0 0 6px;font-size:22px}.sous-titre{color:var(--gris);margin:0 0 24px}.carte{background:var(--carte);border:1px solid var(--ligne);border-radius:var(--rayon);margin-bottom:16px;padding:20px 22px}.carte h2{text-transform:uppercase;letter-spacing:.05em;color:var(--encre-2);justify-content:space-between;align-items:center;margin:0 0 14px;font-size:15px;display:flex}.depot{text-align:center;cursor:pointer;background:#fff;border:2px dashed #b9c4dc;border-radius:14px;padding:48px 24px;transition:border-color .15s,background .15s}.depot:hover,.depot.actif{border-color:var(--accent);background:var(--accent-doux)}.depot .grand{margin-bottom:6px;font-size:17px;font-weight:600}.depot .petit{color:var(--gris);font-size:14px}.fichiers{margin:16px 0 0;padding:0;list-style:none}.fichiers li{border:1px solid var(--ligne);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:9px 12px;font-size:14px;display:flex}.btn{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondaire{color:var(--encre);border:1px solid var(--ligne);background:#fff}.btn.lien{color:var(--accent);background:0 0;padding:4px 6px;font-size:13px;font-weight:500}.btn.valider{background:var(--ok);min-width:220px}.grille{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px 16px;display:grid}.champ label{color:var(--gris);margin-bottom:4px;font-size:12.5px;font-weight:500;display:block}.champ input,.champ select{border:1px solid var(--ligne);width:100%;color:var(--encre);background:#fff;border-radius:7px;padding:8px 10px;font-family:inherit;font-size:14.5px}.champ input:focus,.champ select:focus{outline:2px solid var(--accent-doux);border-color:var(--accent)}.champ.douteux input,.champ.douteux select{border-color:var(--alerte);background:var(--alerte-doux)}.champ.a-completer input,.champ.a-completer select{background:var(--accent-doux);border-color:#8fb0ff}.champ .note{margin-top:3px;font-size:11.5px}.champ.douteux .note{color:var(--alerte)}.champ.a-completer .note{color:var(--accent)}.bandeau{border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px}.bandeau.info{background:var(--accent-doux);color:#183a99}.bandeau.alerte{background:var(--alerte-doux);color:#7a3b00}.bandeau.erreur{background:var(--erreur-doux);color:var(--erreur)}.bandeau.ok{background:var(--ok-doux);color:#075e40}.disposition{grid-template-columns:1fr 380px;align-items:start;gap:20px;display:grid}.apercu{position:sticky;top:16px}.apercu iframe{border:1px solid var(--ligne);border-radius:var(--rayon);background:#fff;width:100%;height:78vh}.apercu .onglets{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.apercu .onglets button{border:1px solid var(--ligne);cursor:pointer;background:#fff;border-radius:6px;padding:5px 10px;font-size:13px}.apercu .onglets button.actif{background:var(--encre);color:#fff;border-color:var(--encre)}@media (max-width:960px){.disposition{grid-template-columns:1fr}.apercu{position:static}}table.tableau{border-collapse:collapse;width:100%;font-size:14px}table.tableau th{text-align:left;color:var(--gris);border-bottom:1px solid var(--ligne);text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;font-size:12px;font-weight:600}table.tableau td{border-bottom:1px solid var(--ligne);vertical-align:top;padding:10px}table.tableau tr:last-child td{border-bottom:none}table.tableau input{border:1px solid var(--ligne);border-radius:6px;width:100%;padding:6px 8px;font-family:inherit;font-size:13.5px}tr.cliquable{cursor:pointer}tr.cliquable:hover td{background:#fafbfd}.barre-validation{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid var(--ligne);background:#f5f6f8f2;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:14px 0;display:flex;position:sticky;bottom:0}.pastille{border-radius:99px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.pastille.ok{background:var(--ok-doux);color:var(--ok)}.pastille.attente{background:var(--alerte-doux);color:var(--alerte)}.pastille.partiel{background:var(--accent-doux);color:var(--accent)}.fiche dl{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 18px;margin:0;display:grid}.fiche dt{color:var(--gris);font-size:12px}.fiche dd{margin:2px 0 0;font-weight:500}.recherche{border:1px solid var(--ligne);border-radius:8px;width:100%;max-width:380px;margin-bottom:14px;padding:9px 12px;font-size:14.5px}.chargement{color:var(--encre-2);justify-content:center;align-items:center;gap:14px;padding:40px;display:flex}.roue{border:3px solid var(--accent-doux);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite tourne}@keyframes tourne{to{transform:rotate(360deg)}}.connexion{max-width:360px;margin:12vh auto}.connexion input{border:1px solid var(--ligne);border-radius:8px;width:100%;margin:8px 0 14px;padding:11px 12px;font-size:15px}.accueil-hero{color:#fff;background:linear-gradient(135deg,#073766 0%,#0b4f94 100%);border-radius:16px;justify-content:space-between;align-items:center;gap:28px;margin-bottom:22px;padding:36px 40px;display:flex;position:relative;overflow:hidden}.accueil-hero:after{content:"";border:22px solid #efb3232e;border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;right:-60px}.accueil-hero h1{color:#fff;margin-bottom:10px;font-size:28px}.accueil-hero p{color:#d6e2f3;max-width:560px;margin:0;font-size:16px;line-height:1.55}.accueil-hero .date{color:var(--or);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:13.5px;font-weight:600}.accueil-hero .actions{z-index:1;flex-wrap:wrap;gap:10px;margin-top:22px;display:flex;position:relative}.btn.or{background:var(--or);color:var(--encre)}.btn.transparent{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d}.accueil-bouclier{z-index:1;background:#fff;border-radius:22px;flex-shrink:0;width:150px;padding:14px;position:relative}@media (max-width:760px){.accueil-bouclier{display:none}.accueil-hero{padding:28px 24px}}.tuiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:22px;display:grid}.tuile{border:1px solid var(--ligne);border-left:4px solid var(--accent);background:#fff;border-radius:12px;padding:18px 20px}.tuile.or{border-left-color:var(--or)}.tuile.vert{border-left-color:var(--ok)}.tuile .chiffre{color:var(--encre);font-size:30px;font-weight:800;line-height:1.1}.tuile .libelle{color:var(--gris);margin-top:4px;font-size:13.5px}.tuile a{margin-top:8px;font-size:13px;display:inline-block}.etapes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.etape{align-items:flex-start;gap:14px;display:flex}.etape .num{background:var(--or-doux);width:32px;height:32px;color:var(--encre);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.etape strong{margin-bottom:2px;display:block}.etape span{color:var(--gris);font-size:14px}.connexion .logo-connexion{width:180px;margin:0 auto 10px;display:block}
