/* Fichier genere par app:styles:assembler depuis assets/styles/ : ne pas modifier a la main (App\Gabarit\FeuillesSite). */
.carte-formulaire{background:var(--blanc);border-radius:var(--r-grand);padding:26px 20px;box-shadow:var(--ombre);color:var(--texte);min-width:0}
.carte-formulaire h2{font-size:1.6rem;margin-bottom:.6em}
.formulaire{display:grid;gap:18px;margin:0}
.formulaire-obligatoire{font-size:.92rem;color:var(--texte-doux);margin:0}
.champ{display:flex;flex-direction:column;gap:6px;min-width:0}
.champ label{font-weight:700;color:var(--anthracite)}
.champ-aide{font-size:.9rem;color:var(--texte-doux);margin:0}
.champ input,.champ select,.champ textarea{
  width:100%;min-height:50px;padding:12px 14px;border:2px solid #8C8273;border-radius:var(--r-petit);
  background:var(--blanc);color:var(--texte);font:inherit;font-size:1rem;line-height:1.4;
}
.champ textarea{min-height:170px;resize:vertical}
.champ select{appearance:auto}
.champ input:focus-visible,.champ select:focus-visible,.champ textarea:focus-visible{outline:3px solid var(--vert-fonce);outline-offset:2px;border-color:var(--vert-fonce)}
.champ--erreur input,.champ--erreur select,.champ--erreur textarea{border-color:var(--rose-fonce)}
.champ-erreur{margin:0;font-weight:700;font-size:.95rem;color:var(--rose-fonce)}
.champ-erreur::before{content:"Erreur : "}
.champs-duo{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.formulaire-erreurs{border:3px solid var(--rose-fonce);background:var(--rose-pale);border-radius:var(--r-petit);padding:14px 18px;color:var(--texte)}
.formulaire-erreurs p{margin:0 0 .4em}
.formulaire-erreurs p:last-child{margin-bottom:0}
.formulaire-erreurs:focus-visible{outline:3px solid var(--vert-fonce);outline-offset:3px}
.formulaire-mention{font-size:.9rem;color:var(--texte-doux);margin:0;max-width:70ch}
.formulaire-mention a{color:var(--vert-fonce);font-weight:700}
.formulaire-envoi{margin:0}
.formulaire .bouton{cursor:pointer;font-family:inherit}
.piege{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.contact-grille{display:grid;gap:28px;grid-template-columns:minmax(0,1fr);align-items:start}
.contact-principal{min-width:0}
.contact-intro{max-width:62ch}
.contact-cote{background:var(--blanc);border:2px solid var(--sable);border-radius:var(--r-grand);padding:24px 22px;min-width:0}
.contact-cote h2{font-size:1.4rem;margin-bottom:.6em}
.contact-cote .contact-cote-titre{margin-top:1.2em}
.contact-coordonnees{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.contact-coordonnees li{padding:11px 14px;border-radius:var(--r-petit);background:var(--creme);overflow-wrap:break-word}
.contact-coordonnees .libelle{display:block;font-size:.85rem;color:var(--texte-doux)}
.contact-coordonnees .valeur{display:block;font-weight:700;color:var(--anthracite);font-size:.95rem}
.contact-coordonnees a{color:var(--vert-fonce)}
.contact-horaires{list-style:none;margin:0 0 14px;padding:0;line-height:1.7}
.contact-plus{margin:0}
.merci{max-width:62ch}
.merci-texte{font-size:1.1rem}
.merci h2{font-size:1.4rem;margin-top:1.4em}
.contact-pro .carte-formulaire{margin-top:22px}
.contact-pro .carte-formulaire p{color:var(--texte-doux)}
.contact-pro .carte-formulaire .formulaire-erreurs p{color:var(--texte)}
.contact-pro .carte-formulaire .champ-erreur{color:var(--rose-fonce)}
.contact-pro .carte-formulaire a{color:var(--vert-fonce)}
.contact-pro .carte-formulaire .bouton{color:#fff}
.contact-pro .carte-formulaire .bouton:focus-visible,.contact-pro .carte-formulaire a:focus-visible{outline-color:var(--vert-fonce)}
@media (min-width:700px){
  .champs-duo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .carte-formulaire{padding:32px 30px}
}
@media (min-width:1000px){
  .contact-grille{grid-template-columns:minmax(0,1fr) 350px;gap:36px}
  .contact-cote{position:sticky;top:24px}
}