#form-contact input:invalid {
   border-color: rgba(241, 17, 17, 0.4);
}

#form-contact input:focus:invalid {
   outline: none;
}

/* Piège à robots.
   Masqué par décalage plutôt que par display:none : certains automates
   ignorent les champs explicitement cachés, mais remplissent ceux que
   le CSS déplace hors de l'écran. Le champ reste hors du parcours
   clavier grâce à tabindex="-1". */
.hp_field {
   position: absolute;
   left: -9999px;
   width: 1px;
   height: 1px;
   overflow: hidden;
}