:root { --noir: #2e2e2e; --or: #ffc72c; --gris: #6b6b6b; --fond: #f6f6f4; --erreur: #b3261e; --ok: #1e7b34; --bord: #d8d8d4; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color: #1d1d1d; background: var(--fond); line-height: 1.5; }
header.bandeau { background: var(--noir); color: var(--or); padding: 14px 20px; }
header.bandeau h1 { margin: 0; font-size: 1.25rem; }
header.bandeau p { margin: 2px 0 0; color: #eee; font-size: .92rem; }
main { max-width: 760px; margin: 0 auto; padding: 20px 16px 48px; }
main.large { max-width: 1180px; }
.carte { background: #fff; border: 1px solid var(--bord); border-radius: 8px; padding: 18px 20px; margin-bottom: 16px; }
.carte h2 { margin: 0 0 10px; font-size: 1.08rem; }
label { display: block; font-weight: 600; margin: 12px 0 4px; font-size: .95rem; }
label .opt { font-weight: 400; color: var(--gris); }
.aide { font-size: .85rem; color: var(--gris); margin: 2px 0 0; }
input[type=text], input[type=email], input[type=tel], input[type=number], input[type=date], select, textarea {
  width: 100%; padding: 9px 10px; border: 1px solid #bdbdb8; border-radius: 6px; font: inherit; background: #fff;
}
textarea { min-height: 90px; resize: vertical; }
input:focus, select:focus, textarea:focus { outline: 2px solid var(--or); border-color: #a07c00; }
.grille { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
@media (max-width: 600px) { .grille { grid-template-columns: 1fr; } }
.choix { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.choix label { font-weight: 400; margin: 0; display: flex; align-items: flex-start; gap: 8px; border: 1px solid var(--bord); border-radius: 6px; padding: 8px 10px; flex: 1 1 200px; cursor: pointer; background: #fff; }
.choix label:has(input:checked) { border-color: #a07c00; background: #fffaf0; }
.choix small { display: block; color: var(--gris); }
.consent { display: flex; gap: 8px; font-weight: 400; align-items: flex-start; }
button { font: inherit; cursor: pointer; border-radius: 6px; border: 1px solid #a07c00; background: var(--or); color: #1d1d1d; padding: 10px 18px; font-weight: 700; }
button.secondaire { background: #fff; border-color: #bdbdb8; font-weight: 600; }
button.danger { background: #fff; border-color: var(--erreur); color: var(--erreur); }
button:disabled { opacity: .55; cursor: wait; }
.message { padding: 10px 12px; border-radius: 6px; margin: 12px 0; }
.message.erreur { background: #fdecea; color: var(--erreur); }
.message.ok { background: #e8f5ea; color: var(--ok); }
.piege { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
footer { text-align: center; font-size: .82rem; color: var(--gris); padding: 16px; }
a { color: #7a5a00; }
[hidden] { display: none !important; }

/* Administration */
.barre { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 12px; }
.barre select, .barre input { width: auto; }
table.liste { width: 100%; border-collapse: collapse; background: #fff; font-size: .92rem; }
table.liste th, table.liste td { text-align: left; padding: 7px 8px; border-bottom: 1px solid #ecece8; vertical-align: top; }
table.liste tr { cursor: pointer; }
table.liste tr:hover td { background: #fffaf0; }
table.liste tr.active td { background: #fff3cd; }
.pastille { display: inline-block; font-size: .78rem; padding: 1px 8px; border-radius: 10px; background: #eee; white-space: nowrap; }
.pastille.A_VALIDER { background: #fff3cd; } .pastille.VALIDEE { background: #fde2c4; } .pastille.ENVOYEE { background: #d9f2df; }
.pastille.REFUSEE, .pastille.ANNULEE { background: #eee; color: #666; }
.deux { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
@media (max-width: 900px) { .deux { grid-template-columns: 1fr; } }
dl.fiche { display: grid; grid-template-columns: 170px 1fr; gap: 4px 10px; margin: 0; font-size: .93rem; }
dl.fiche dt { color: var(--gris); } dl.fiche dd { margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.alerte { background: #fff3cd; border: 1px solid #e0c36b; padding: 8px 10px; border-radius: 6px; margin: 8px 0; font-size: .92rem; }
.actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.journal { font-size: .85rem; color: var(--gris); padding-left: 18px; }