/* Formulaire de contact. Couleurs reprises du réglage du widget d'origine sur la page Contact (champs transparents,
   cases vertes, bouton turquoise). */
.jm-contact .gform_fields {
	display: flex;
	flex-wrap: wrap;
	gap: 0 4%;
	list-style: none;
	margin: 0;
	padding: 0;
}
.jm-contact .gfield {
	flex: 0 0 100%;
	margin: 0 0 1em;
	text-align: left;
}
.jm-contact .gfield.jm-contact-moitie {
	flex-basis: 48%;
}
.jm-contact .gfield_label {
	display: inline-block;
	margin-bottom: .3em;
	font-weight: 700;
}
.jm-contact .gfield_required {
	margin-left: 4px;
	color: #790000;
}
.jm-contact input[type="text"],
.jm-contact input[type="email"],
.jm-contact input[type="tel"],
.jm-contact textarea {
	width: 100%;
	background-color: rgba(39, 162, 140, 0);
}
.jm-contact input:focus,
.jm-contact textarea:focus {
	background-color: rgba(39, 162, 140, .09);
}
.jm-contact .ginput_container_consent {
	display: flex;
	align-items: flex-start;
	gap: .5em;
}
.jm-contact input[type="checkbox"] {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-top: .2em;
	border: 2px solid #087965;
	border-radius: 4px;
	accent-color: #00928e;
}
.jm-contact .gform_button {
	padding: .7em 2em;
	border: 0;
	background-color: #18827c; /* opaque : à 60 % il disparaissait sur l'illustration (texte blanc 4,6:1) */
	color: #fff;
	cursor: pointer;
}
.jm-contact .gform_button:hover {
	background-color: #136a65;
}
/* Téléphone : l'illustration de la section (pelle et pot, en bas à droite) passait sous le formulaire ; elle se range
   sous le bouton, à la largeur de l'écran (686 × 461 px d'origine). */
@media (max-width: 767px) {
	.elementor-240 .elementor-element-06ca80f {
		padding-bottom: 67vw !important;
		background-size: 100% auto !important;
		background-position: center bottom !important;
	}
}
.jm-contact .validation_error {
	margin-bottom: 1em;
	padding: .7em 1em;
	border-left: 4px solid #a30000;
	background: rgba(163, 0, 0, .06);
	color: #a30000;
}
.jm-contact .gfield_error .gfield_label,
.jm-contact .validation_message {
	color: #a30000;
}
.jm-contact .validation_message {
	margin-top: .3em;
	font-size: .9em;
}
.jm-contact .gform_confirmation_message {
	padding: 1em;
	background: rgba(39, 162, 140, .09);
}
/* Piège à robots : champ hors de l'écran. */
.jm-contact .jm-contact-piege {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}