/* =====================================================================
   Formulaire de contact. Même cadre que les encadrés des contenus du site (bordure #e5e7eb, angles 8 px,
   marge intérieure 24 px), même bouton que le site (turquoise, texte noir, pilule). Aucune couleur nouvelle.
   ===================================================================== */
.par-form{border:1px solid #e5e7eb;border-radius:8px;padding:24px;margin:0 0 30px;background:#fff}
.par-form__ligne{display:flex;gap:20px}
.par-form__ligne .par-form__champ{flex:1 1 0;min-width:0}
.par-form__champ{padding:0 0 18px;margin:0}
/* Plus fort que « p:last-of-type{padding-bottom:0} » du socle, qui retirait la marge du dernier champ d'une ligne. */
.par-form .par-form__ligne .par-form__champ,.par-form > .par-form__champ{padding-bottom:18px}
.par-form__libelle{display:block;font-size:16px;font-weight:700;line-height:1.4;color:var(--titre,#000);padding:0 0 6px}
.par-form__libelle span{color:var(--violet,#4d498c)}
.par-form input[type=text],.par-form input[type=email],.par-form textarea{
	display:block;width:100%;font:inherit;font-size:var(--t-corps,1rem);line-height:1.4;color:var(--texte,#4d4d4d);
	background:#fff;border:1px solid #bbb;border-radius:8px;padding:12px 14px;margin:0;box-shadow:none;transition:border-color .2s,box-shadow .2s;
}
.par-form textarea{min-height:150px;resize:vertical}
.par-form input:focus,.par-form textarea:focus{outline:none;border-color:var(--turquoise,#5cb7bc);box-shadow:0 0 0 3px rgba(92,183,188,.35)}
.par-form__piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;padding:0;margin:0}
.par-form__envoi{padding:0;margin:0}
.par-form__bouton{
	display:inline-block;appearance:none;-webkit-appearance:none;cursor:pointer;border:0;border-radius:32px;
	background:var(--turquoise,#5cb7bc);color:#000;font:500 22px/1.7em Arial,Helvetica,Lucida,sans-serif;padding:.3em 1.4em;margin:0;
	transition:filter .2s;
}
.par-form__bouton:hover{filter:brightness(.95)}
.par-form__bouton:focus-visible{outline:2px solid var(--violet,#4d498c);outline-offset:3px}
.par-form__bouton:disabled{opacity:.6;cursor:wait}
.par-form__message{margin:0;padding:14px 16px;border-radius:8px;font-size:var(--t-corps,1rem);line-height:1.5}
.par-form__message--ok{background:#eef8f8;color:#1f5558;border:1px solid var(--turquoise,#5cb7bc)}
.par-form__message--erreur{background:#fdf0f0;color:#8a2a2a;border:1px solid #e0a9a9;margin-top:14px}
@media (max-width:767px){
	/* Le contenu des pages n'occupe que 70 % de la largeur (comme sous Divi) : 218 px à 390 px, trop étroit pour
	   saisir un message. Le formulaire seul sort de la colonne, centré sur le même axe, à 90 % de l'écran. */
	.par-form{padding:18px;position:relative;left:50%;transform:translateX(-50%);width:min(90vw,560px)}
	.par-form__ligne{flex-direction:column;gap:0}
	.par-form__bouton{width:100%;text-align:center}
}