/* Lot 3.7 — les formulaires du site (moteur-formulaires.php), en complément de contact.css. */
.acer-mf { max-width: 46em; }
.acer-mf__entete { font-style: italic; }
.acer-mf__legende { font-size: .9em; color: #555; }
.acer-mf__section { margin: 1.5em 0 .5em; padding-bottom: .2em; border-bottom: 2px solid #2a4b7c; color: #2a4b7c; font-size: 1.1em; text-transform: uppercase; letter-spacing: .02em; }
.acer-mf__ligne { display: flex; flex-wrap: wrap; gap: 0 1em; }
.acer-mf__ligne > .acer-mf__champ { flex: 1 1 14em; }
.acer-mf__ligne > .acer-mf__champ--court { flex: 0 1 9em; }
.acer-mf__requis { color: #b00020; }
.acer-mf__aide { display: block; margin: 0 0 .3em; font-size: .9em; font-style: italic; color: #555; }
.acer-mf__erreur { margin: .25em 0 0; color: #b00020; font-weight: 700; }
.acer-mf fieldset { margin: .8em 0; padding: 0; border: 0; }
.acer-mf fieldset legend { margin-bottom: .25em; padding: 0; font-weight: 700; }
.acer-mf fieldset[aria-invalid=true] { padding-left: .6em; border-left: 3px solid #b00020; }
.acer-mf .acer-mf__option { display: inline-block; margin: .2em 1.2em .2em 0; font-weight: 400; }
.acer-mf .acer-mf__precision { width: 14em; max-width: 100%; margin: 0 1.2em .2em -.8em; padding: .3em .5em; font: inherit; border: 1px solid #8c8f94; border-radius: 3px; }
.acer-mf .acer-mf__champ--accord label { font-weight: 400; }
.acer-mf input[type=tel] { width: 100%; max-width: 100%; padding: .5em; font: inherit; font-size: 1rem; border: 1px solid #8c8f94; border-radius: 3px; box-sizing: border-box; }

/* Administration */
.acer-mf-admin .acer-mf-outils { clear: both; padding-top: .5em; }
.acer-mf-admin .acer-mf-fiche { max-width: 60em; }
.acer-mf-admin .acer-mf-fiche th { width: 16em; }
.acer-mf-admin .acer-mf-fiche__section { background: #f0f0f1; text-transform: uppercase; font-weight: 600; }
.acer-mf-etat { display: inline-block; padding: .1em .6em; border-radius: 3px; background: #dcdcde; }
.acer-mf-etat--nouvelle { background: #fcf0d1; }
.acer-mf-etat--traitee { background: #d7eedd; }
.acer-mf--papier { max-width: 52em; }
.acer-mf--papier input[type=text], .acer-mf--papier input[type=email], .acer-mf--papier input[type=tel], .acer-mf--papier textarea { width: 100%; box-sizing: border-box; }
.acer-mf--papier label { display: block; font-weight: 600; }
.acer-mf--papier .acer-mf__option, .acer-mf--papier .acer-mf__champ--accord label { display: inline-block; font-weight: 400; }
