.acer-contact { max-width: 40em; }
.acer-contact label { display: block; margin-bottom: .25em; font-weight: 700; }
.acer-contact input[type=text], .acer-contact input[type=email], .acer-contact select, .acer-contact textarea { width: 100%; max-width: 100%; padding: .5em; font: inherit; font-size: 1rem; border: 1px solid #8c8f94; border-radius: 3px; box-sizing: border-box; }
.acer-contact input:focus, .acer-contact select:focus, .acer-contact textarea:focus { outline: 2px solid #b00020; outline-offset: 1px; }
.acer-contact [aria-invalid=true] { border-color: #b00020; }
.acer-contact__erreur { margin: .25em 0 0; color: #b00020; font-weight: 700; }
.acer-contact__alerte { padding: .75em 1em; border-left: 4px solid #b00020; background: #fbeaec; }
.acer-contact__info { font-size: .9em; color: #555; }
.acer-contact--envoye { padding: 1em 1.25em; border-left: 4px solid #1e6b45; background: #eaf5ee; }
/* Champ piège : invisible pour les humains, rempli par les robots. */
.acer-contact__piege { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.acer-bouton { display: inline-block; padding: .6em 1.2em; border: 0; border-radius: 3px; background: #b00020; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.acer-bouton:hover, .acer-bouton:focus-visible { background: #800018; }