/* Contact */
/* position: relative comme sur l'ancien site : sinon, en tablette, le navigateur perd le lissage
   sous-pixel du texte placé plus bas (dernière coordonnée, bouton Envoyer, pied de page) */
.page-hero { --hero: url("/assets/img/BANNIERE-contact.webp"); position: relative; }

/* coordonnées (panneau bleu, 40 %) et formulaire (60 %), de même hauteur ;
   marge au-dessus plutôt que rembourrage : l'ancre #ecrire tombe au même endroit que sur l'ancien site */
.contact--page { align-items: stretch; margin-top: 75px; padding-top: 0; }
.contact--page .contact__info { background: var(--blue); color: var(--white); }
.contact--page .cinfo__icon { background: var(--white); color: var(--blue); transition: color .3s; }
.contact--page .cinfo:hover .cinfo__icon { color: var(--black); }
/* séparateurs entre les coordonnées */
.contact__info hr { width: 90%; margin: 0; border: 0; border-top: 1px solid var(--white); }
@media (min-width: 768px) {
	.contact--page .contact__info { width: 40%; }
	.contact--page .contact__form { width: 60%; }
}
@media (max-width: 767px) {
	.contact--page .contact__info { padding: 35px; }
}

/* plan d'accès ; position: relative : sans elle, la découpe arrondie de l'iframe fait perdre
   au navigateur le lissage sous-pixel du texte des blocs voisins (coordonnées, pied de page) */
.contact-map { position: relative; margin-bottom: 75px; overflow: hidden; border-radius: 50px; }
.contact-map iframe { display: block; width: 100%; height: 400px; border: 0; }