/* Strofilia : formulaires (aspect de WPForms, style « moderne », tel qu'affiché aujourd'hui). */

.wpf { margin: 24px 0; }
.wpf-form { margin: 0; }
.wpf fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.wpf-cache { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; white-space: nowrap; }
.wpf-champs::after { content: ""; display: table; clear: both; }
.wpf-champ { position: relative; padding: 15px 0; }
.wpf-rangee { display: flex; justify-content: space-between; }
.wpf-moitie { width: 48%; }
.wpf-demi { float: left; width: 48%; clear: none; }
.wpf-demi + .wpf-demi { margin-left: 4%; }
.wpf-demi.wpf-premier { clear: both; margin-left: 0; }
.wpf-demi + .wpf-champ:not(.wpf-demi) { clear: both; }
.wpf input[type="text"], .wpf input[type="email"], .wpf select, .wpf textarea {
  display: block; width: 100%; max-width: 100%; height: 43px; margin: 0; padding: 0 14px; border: 1px solid rgba(0, 0, 0, .25); border-radius: 3px;
  background-color: #fff; box-shadow: none; color: rgba(0, 0, 0, .7); font-family: var(--systeme); font-size: 16px; line-height: 1; }
.wpf .wpf-medium, .wpf input.wpf-medium, .wpf select.wpf-medium { max-width: 60%; }
.wpf .wpf-large { max-width: 100%; }
.wpf select { padding: 0 24px 0 14px; line-height: 1.5; -webkit-appearance: none; appearance: none; cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, rgba(0, 0, 0, .25) 50%), linear-gradient(135deg, rgba(0, 0, 0, .25) 50%, transparent 50%);
  background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
.wpf textarea, .wpf textarea.wpf-medium { max-width: 100%; height: 120px; padding: 14px; line-height: 1.3; resize: vertical; }
.wpf ::placeholder { color: rgba(0, 0, 0, .7); opacity: .5; }
.wpf input:focus, .wpf select:focus, .wpf textarea:focus { border-color: #066aab; box-shadow: 0 0 0 1px #066aab; outline: none; }
.wpf .wpf-invalide { border-color: #d63637; }
.wpf-message { display: block; margin-top: 5px; font-family: var(--systeme); font-size: 14px; font-style: normal; color: #d63637; }
.wpf-requis { color: #d63637; }
.wpf-piege { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.wpf-piege label { display: none; }
.wpf-envoi { margin-top: 10px; }
.cf-turnstile { min-height: 65px; }
.wpf-bouton { display: inline-block; height: 41px; padding: 0 15px; margin: 0; border: 0; border-radius: 3px; background-color: #066aab; color: #fff; cursor: pointer;
  font-family: var(--systeme); font-size: 17px; font-weight: 500; line-height: 1; white-space: nowrap; transition: box-shadow .15s; }
.wpf-bouton:hover { box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2); }
.wpf-bouton:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #066aab; outline: none; }
.wpf-bouton:disabled { opacity: .5; cursor: progress; }
.wpf-erreur { margin-top: 15px; padding: 10px 15px; border: 1px solid #d63637; border-radius: 3px; background: #fff; color: #d63637; font-family: var(--systeme); font-size: 16px; }
.wpf-confirmation { margin: 0 auto 24px; padding: 15px; background: #e0ffc7; border: 1px solid #b4d39b; border-radius: 3px; color: #333; font-family: var(--systeme); font-size: 16px; line-height: 1.5; }
.wpf-confirmation p { margin: 0 0 15px; }
.wpf-confirmation p:last-child { margin: 0; }
.wpf-noscript { color: #d63637; }
@media (max-width: 600px) {
  .wpf .wpf-medium, .wpf input.wpf-medium, .wpf select.wpf-medium { max-width: 100%; }
  .wpf-demi { float: none; width: 100%; margin-left: 0 !important; }
}