/* Hélion – formulaires Contact Form 7 : règles reprises de Musea et du CSS additionnel du site. */

.wpcf7-form p { margin: 0; }
.wpcf7-form textarea { display: block; overflow: auto; }
.wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-quiz,
.wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea,
.wpcf7-form input[type=email], .wpcf7-form input[type=text], .wpcf7-form input[type=tel] {
	position: relative;
	width: 100%;
	margin: 0 0 25px;
	padding: 3px 7px;
	font-family: inherit;
	font-size: 16px;
	font-weight: inherit;
	line-height: calc(28px - (6px - 2px));
	color: #383838;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #b3b3b3;
	border-radius: 0;
	outline: 0;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	transition: border-color .2s ease-in-out;
}
.wpcf7-form-control:focus { color: #383838; border-color: #5f5f5f; }
.wpcf7-form-control::placeholder {
	font-family: "Alegreya Sans", Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.62em;
	color: #5f5f5f;
	background-color: transparent;
	opacity: 1;
}
.wpcf7-form .wpcf7-list-item { margin: 0 0 0 1em; }
.eltdf-contact-form-main .ajax-loader { display: none !important; }
.eltdf-contact-form-main span.wpcf7-not-valid-tip { font-size: 17px; line-height: 1.58em; color: #5f5f5f; }
.eltdf-contact-form-main > p > label textarea { margin-bottom: 43px !important; }

/* Bouton d'envoi : cadre ouvert animé (cadre ajouté par formulaires.js, comme le faisait Musea). */
.wpcf7 .eltdf-btn-outline-slit {
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin: 35px 0 0;
	padding: 7px 37px;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 13px;
	line-height: 2em;
	font-weight: 600;
	letter-spacing: .07em;
	color: #525252;
	background-color: transparent;
	border: 1px solid transparent;
	outline: 0;
	cursor: pointer;
	transition: color .2s ease-in-out;
}
.wpcf7 .eltdf-btn-outline-slit .eltdf-btn-text { position: relative; vertical-align: text-top; }
.wpcf7 .eltdf-btn-outline-slit svg { position: absolute; top: 1px; left: 0; width: 100%; height: 50px; overflow: visible; }
.wpcf7 .eltdf-btn-outline-slit svg rect { width: 100%; height: 50px; fill: transparent; stroke: #77bbff; stroke-width: 2px; stroke-dasharray: 330% 25; stroke-dashoffset: 240%; transition: 2s; }
.wpcf7 .eltdf-btn-outline-slit:hover svg rect { stroke-dashoffset: -113%; }
.wpcf7 .eltdf-btn-outline-slit:disabled { color: #525252; opacity: 1; }

/* Repris du CSS additionnel de Musea */
.eltdf-contact-form-main .eltdf-vail-half { width: 48%; float: left; }
.eltdf-contact-form-main .eltdf-vail-half:nth-child(odd) { margin-right: 4%; }
.eltdf-contact-form-main .eltdf-vail-3 { width: 30%; float: left; margin-right: 4%; }
.eltdf-contact-form-main .eltdf-vail-3l { width: 30%; float: left; margin-right: 0; }
.eltdf-contact-form-main .eltdf-vail-solo { width: 50%; }
.wpcf7-form textarea { background-color: #f5f5f5 !important; }
.wpcf7-not-valid-tip { background-color: red !important; color: #fff !important; }