/* Formulaire de contact (accueil et page Contact), envoyé à /api/contact : voir api/server.js */
.formulaire{width:100%;max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:var(--e16) var(--e24);text-align:left}
.formulaire .large{grid-column:1/-1}
.champ label{display:block;margin-bottom:var(--e8);font-size:var(--t-ui);font-weight:500;color:var(--encre)}
.champ input,.champ select,.champ textarea{width:100%;box-sizing:border-box;padding:var(--e12) var(--e16);font:400 16px/1.4 var(--sans);color:var(--encre);background:#fff;border:1px solid rgba(18,21,27,.18);border-radius:0;transition:border-color .2s,box-shadow .2s}
.champ select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%2312151B' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:var(--e40)}
.champ textarea{resize:vertical;min-height:132px}
.champ input:hover,.champ select:hover,.champ textarea:hover{border-color:rgba(18,21,27,.38)}
.champ input:focus,.champ select:focus,.champ textarea:focus{outline:none;border-color:var(--encre);box-shadow:0 0 0 3px rgba(18,21,27,.08)}
.champ.erreur input,.champ.erreur textarea{border-color:var(--rouge)}
.champ.erreur label{color:var(--rouge)}
.obl{color:var(--rouge)}
.piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.envoi{display:flex;align-items:center;flex-wrap:wrap;gap:var(--e12) var(--e24);margin-top:var(--e8)}
.formulaire .mention{margin:0;font-size:var(--t-legende);color:var(--doux);max-width:none}
.formulaire .statut{margin-top:0;min-height:1.5em;font-size:var(--t-ui);color:var(--doux);max-width:none}
.statut.ok{color:#1E7A3C;font-weight:500}
.statut.ko{color:var(--rouge)}
.ou-mail{margin-top:var(--e24);font-size:var(--t-petit)}
.ou-mail a{color:var(--encre);text-decoration:underline;text-decoration-color:var(--rouge);text-underline-offset:4px}
@media (max-width:600px){.formulaire{grid-template-columns:1fr}.envoi .btn{width:100%}}