*{box-sizing:border-box}
body{margin:0;background:#EEF3FA;color:#3C3C3C;font:16px/1.55 Calibri,"Segoe UI",Arial,sans-serif}
.tete{background:#02163D;padding:14px 20px}
.marque{color:#fff;font:700 20px Arial,sans-serif;text-decoration:none}
.marque span{color:#7AB2EC}
main{max-width:860px;margin:0 auto;padding:24px 16px}
.carte{background:#fff;border-radius:14px;padding:26px 28px;box-shadow:0 6px 24px rgba(2,22,61,.08)}
h1{color:#02163D;font:700 26px Arial,sans-serif;margin:0 0 14px}
h2{color:#1561B0;font:700 18px Arial,sans-serif;margin:0 0 6px}
.note{background:#EEF3FA;border-left:4px solid #1561B0;padding:10px 14px;border-radius:6px}
.bandeau-info{background:#02163D;color:#fff;padding:10px 14px;border-radius:8px}
.erreur{background:#FDECEC;border-left:4px solid #C0392B;padding:8px 14px;border-radius:6px;margin:12px 0}
.erreur p{margin:4px 0}
.ok{background:#E8F4EC;border-left:4px solid #2E8B57;padding:10px 14px;border-radius:6px}
.deux{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
label{display:block;font-weight:700;color:#02163D;margin:12px 0 4px;font-size:15px}
input,select,textarea{width:100%;padding:10px 12px;border:1px solid #B9C9E0;border-radius:8px;font:inherit;background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid #7AB2EC;border-color:#1561B0}
textarea{min-height:90px}
fieldset{border:0;padding:0;margin:14px 0 0}
legend{font-weight:700;color:#02163D;font-size:15px}
label.case{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:#3C3C3C}
label.case input{width:auto;margin-top:5px}
.piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
button{background:#1561B0;color:#fff;border:0;border-radius:8px;padding:12px 22px;font:700 16px Arial,sans-serif;cursor:pointer;margin-top:18px}
button:hover{background:#02163D}
button.secondaire{background:#fff;color:#1561B0;border:2px solid #1561B0}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.fiche{border-collapse:collapse;width:100%;margin:12px 0}
.fiche th{text-align:left;color:#02163D;width:38%;padding:6px 8px;border-bottom:1px solid #E1E8F2}
.fiche td{padding:6px 8px;border-bottom:1px solid #E1E8F2}
.statut{display:inline-block;padding:4px 12px;border-radius:20px;font-weight:700;font-size:14px;background:#EEF3FA;color:#1561B0}
.statut-valide,.statut-transmis{background:#E8F4EC;color:#2E8B57}
.statut-refuse,.statut-suspendu,.statut-decline{background:#FDECEC;color:#C0392B}
.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:16px}
.profil,.choix{border:1px solid #D4DEEC;border-radius:12px;padding:16px 18px;background:#FAFCFF}
.profil p{margin:4px 0}
.profil button{margin-top:10px;width:100%}
.choix{display:block;text-decoration:none;color:#3C3C3C}
.choix:hover{border-color:#1561B0;box-shadow:0 4px 14px rgba(21,97,176,.15)}
.etat{color:#1561B0;font-weight:700;margin-top:10px}
.petit{font-size:13px;color:#6B7C93}
.pied{text-align:center;font-size:13px;color:#6B7C93;padding:20px 16px 30px}
@media (max-width:640px){.deux{grid-template-columns:1fr}.carte{padding:20px 16px}}