/* CYBERIAL Formulaires — front. Same palette as the site buttons (#191919) and the CTA blocks (#e8c256). */
.cy-form-wrapper{max-width:680px;margin:0 auto;font-size:16px;line-height:1.45}
.cy-form-wrapper *,.cy-form-wrapper *::before,.cy-form-wrapper *::after{box-sizing:border-box}
.cy-form-title{margin:0 0 .8em;font-size:1.35em}
.cy-form-intro{margin:0 0 1.1em;color:#2a2823;font-weight:600}
.cy-form-intro-2{font-weight:400}
.cy-form-intro-2 strong{color:#1d1c1a}
.cy-hp{position:absolute!important;left:-9999px!important;top:-9999px!important;height:1px;width:1px;overflow:hidden}
.cy-field{margin:0 0 1.1em}
.cy-field-label{display:block;font-weight:600;color:#1d1c1a;margin:0 0 .35em;font-size:.95em}
.cy-req{font-weight:400;color:#8a8479;font-size:.85em}
.cy-opt{font-weight:400;color:#a09a8e;font-size:.85em}
.cy-field input[type=text],.cy-field input[type=tel],.cy-field input[type=email],.cy-field input[type=url],.cy-field select,.cy-field textarea{display:block;width:100%;font:inherit;font-size:1.05em;padding:.8em .9em;border:1px solid #cfc9bc;border-radius:8px;background:#fff;color:#1d1c1a;min-height:52px;-webkit-appearance:none}
.cy-field textarea{min-height:120px;resize:vertical}
.cy-field input:focus,.cy-field select:focus,.cy-field textarea:focus{outline:2px solid #e8c256;outline-offset:1px;border-color:#e8c256}
.cy-field.is-error input,.cy-field.is-error textarea,.cy-field.is-error select{border-color:#c0392b}
.cy-field-error{color:#c0392b;font-size:.85em;min-height:0;margin-top:.3em}
.cy-choices{border:0;padding:0;margin:0}
.cy-choices legend{padding:0}
.cy-choice{display:flex;align-items:center;gap:.55em;padding:.55em .8em;border:1px solid #cfc9bc;border-radius:8px;margin:0 0 .45em;cursor:pointer;background:#fff}
.cy-choice:has(input:checked){border-color:#e8c256;background:#fffdf6}
.cy-choice input{margin:0;width:18px;height:18px;flex:0 0 auto}
.cy-form-actions{margin:1.2em 0 .6em;display:flex;flex-wrap:wrap;gap:.8em;align-items:center}
/* Buttons: selectors carry the wrapper + form classes so the theme reset (button:hover, button:focus → pink) and Elementor kit rules never win. */
.cy-form-wrapper .cy-form .cy-form-button,.cy-form-wrapper .cy-form .cy-form-button:hover,.cy-form-wrapper .cy-form .cy-form-button:focus,.cy-form-wrapper .cy-form .cy-form-button:active,.cy-form-wrapper .cy-form .cy-form-button:focus-visible{display:inline-block;width:100%;background:#191919;background-color:#191919;color:#fff;border:1px solid #191919;border-radius:8px;font:inherit;font-weight:600;font-size:1.05em;padding:.95em 1.4em;cursor:pointer;transition:transform .2s ease,opacity .2s ease;text-decoration:none;box-shadow:none}
.cy-form-wrapper .cy-form .cy-form-button:hover{transform:translateY(-2px);opacity:.92}
.cy-form-wrapper .cy-form .cy-form-button:focus-visible{outline:3px solid #e8c256;outline-offset:2px}
.cy-form-wrapper .cy-form .cy-form-button:disabled,.cy-form-wrapper .cy-form .cy-form-button.is-busy{opacity:.6;cursor:wait;transform:none}
.cy-form-wrapper .cy-form .cy-form-skip,.cy-form-wrapper .cy-form .cy-form-skip:hover,.cy-form-wrapper .cy-form .cy-form-skip:focus,.cy-form-wrapper .cy-form .cy-form-skip:active{background:none;background-color:transparent;border:0;color:#6d675c;text-decoration:underline;font:inherit;font-size:.9em;cursor:pointer;padding:.4em 0;box-shadow:none}
.cy-form-wrapper .cy-form .cy-form-skip:hover{color:#1d1c1a}
.cy-form-wrapper .cy-form .cy-form-skip:focus-visible{outline:2px solid #e8c256;outline-offset:2px}
.cy-form-rgpd{font-size:.8em;color:#8a8479;margin:.6em 0 0}
.cy-form-rgpd a{color:#6d675c}
.cy-form-message{color:#c0392b;font-weight:600;margin-top:.6em;min-height:0}
.cy-step-2{animation:cyFadeIn .35s ease}
@keyframes cyFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (min-width:640px){.cy-form-wrapper .cy-form .cy-form-button,.cy-form-wrapper .cy-form .cy-form-button:hover,.cy-form-wrapper .cy-form .cy-form-button:focus,.cy-form-wrapper .cy-form .cy-form-button:active{width:auto;min-width:260px}}
/* Lead magnets (2026-09-26): compact single-screen form and inline confirmation */
.cy-form-wrapper[data-kind="magnet"] .cy-field{margin-bottom:.8em}
.cy-form-wrapper[data-kind="magnet"] .cy-form-actions{margin-top:.6em}
.cy-form-success{background:#f1f8ee;border:1px solid #bcd9b1;border-left:4px solid #4a8c3f;border-radius:8px;padding:14px 16px;color:#1d1c1a;line-height:1.5}
.cy-form-success a{color:#1d1c1a;font-weight:600;text-decoration:underline}
.cy-magnet{background:#fffdf6;border:1px solid #eadfbf;border-left:4px solid #e8c256;border-radius:10px;padding:20px 22px;margin:1.6em 0}
.cy-magnet-lbl{display:block;font-size:.72em;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#c9a43a;margin-bottom:.4em}
.cy-magnet-title{font-size:1.2em;font-weight:700;margin:0 0 .4em;color:#1d1c1a}
html body div.cy-magnet.cy-magnet.cy-magnet ul{margin:.2em 0 1em 1.1em;padding:0}
.cy-magnet li{margin:.2em 0}
/* Article pages style every p/ul/li in the content (justified text, large type, dividers): keep the form and the magnet box compact. */
.cy-form-wrapper .cy-form p,.cy-form-wrapper .cy-form-success{text-align:left!important;hyphens:none}
.cy-form-wrapper .cy-form .cy-form-rgpd{font-size:12.5px!important;line-height:1.45!important;margin:.6em 0 0!important;color:#8a8479!important}
.cy-form-wrapper .cy-form .cy-form-intro{font-size:1em!important;line-height:1.45!important;text-align:left!important}
.cy-magnet p{text-align:left!important}
.cy-magnet .cy-magnet-title{font-size:1.15em!important;line-height:1.35!important;margin:0 0 .5em!important}
html body div.cy-magnet.cy-magnet.cy-magnet ul{margin:.3em 0 1.1em!important;padding:0!important;list-style:none!important}
html body div.cy-magnet.cy-magnet.cy-magnet ul li{position:relative;padding:.2em 0 .2em 1.3em!important;margin:0!important;border:0!important;font-size:.95em!important;line-height:1.45!important}
html body div.cy-magnet.cy-magnet.cy-magnet ul li::before{content:""!important;transform:none!important;position:absolute!important;left:0!important;top:11px!important;width:10px!important;height:2px!important;background:#e8c256!important;font-size:0!important;display:block!important;border:0!important;margin:0!important}
html body div.cy-magnet.cy-magnet.cy-magnet ul li::after{display:none!important}

/* 0.14 (10/2026) : « Qui vous répond », carte de visite (bandeau sombre photo + téléphone, puis engagements et société) */
.cy-form-wrapper .cy-trust{container:cytrust/inline-size;margin:16px 0 0;border:1px solid #e6e1d8;border-radius:12px;overflow:hidden;background:#fbfaf6;font-size:14px;line-height:1.5;color:#1d1c1a;text-align:left}
.cy-form-wrapper .cy-trust p{margin:0!important;font-size:14px!important;line-height:1.5!important;text-align:left!important}
.cy-form-wrapper .cy-trust sup{font-size:.7em;line-height:0}
.cy-form-wrapper .cy-trust .cy-trust-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding:16px 18px;background:#1d1c1a;color:#fff}
.cy-form-wrapper .cy-trust img.cy-trust-ava{width:56px!important;height:56px!important;max-width:none!important;flex:none;margin:0!important;border-radius:50%!important;border:2px solid #e8c256!important;object-fit:cover;background:#efe9da}
.cy-form-wrapper .cy-trust .cy-trust-who{flex:1 1 0;min-width:0}
.cy-form-wrapper .cy-trust p.cy-trust-title{font-size:10.5px!important;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#e8c256!important;margin:0 0 1px!important}
.cy-form-wrapper .cy-trust p.cy-trust-name{font-size:16px!important;font-weight:700;color:#fff!important}
.cy-form-wrapper .cy-trust p.cy-trust-role{font-size:13px!important;color:#cfcabd!important}
.cy-form-wrapper .cy-trust .cy-trust-tel{flex:1 1 100%;text-align:left;padding-top:10px;border-top:1px solid #3a3833}
html body .cy-form-wrapper .cy-trust .cy-trust-tel a{color:#e8c256!important;font-weight:700;font-size:16px;text-decoration:none!important;white-space:nowrap}
.cy-form-wrapper .cy-trust .cy-trust-tel span{display:block;font-size:12px;color:#cfcabd}
.cy-form-wrapper .cy-trust .cy-trust-bot{padding:12px 18px}
html body .cy-form-wrapper .cy-trust ul.cy-trust-list{list-style:none!important;margin:0 0 6px!important;padding:0!important}
html body .cy-form-wrapper .cy-trust ul.cy-trust-list li{display:flex;gap:8px;align-items:flex-start;position:relative;margin:0 0 4px!important;padding:0!important;border:0!important;font-size:13.5px!important;line-height:1.5!important;text-align:left!important}
html body .cy-form-wrapper .cy-trust ul.cy-trust-list li::before,html body .cy-form-wrapper .cy-trust ul.cy-trust-list li::after{display:none!important;content:none!important}
.cy-form-wrapper .cy-trust ul.cy-trust-list svg{width:15px;height:15px;flex:none;margin-top:3px;fill:none;stroke:#8a6d1f;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cy-form-wrapper .cy-trust p.cy-trust-co{font-size:12.5px!important;color:#6b675e}
html body .cy-form-wrapper .cy-trust p.cy-trust-co a{color:#1d1c1a!important;white-space:nowrap;font-weight:600;text-decoration:underline!important;text-underline-offset:2px}
.cy-form-wrapper .cy-trust-short{border-left:3px solid #e8c256}
.cy-form-wrapper .cy-trust-short .cy-trust-bot{padding:12px 16px}
.cy-form-wrapper.cy-trust-only{margin:0}
/* téléphone à droite seulement si l'encart lui-même est assez large (colonne étroite, tablette : dessous) */
@container cytrust (min-width:500px){
.cy-form-wrapper .cy-trust .cy-trust-top{flex-wrap:nowrap}
.cy-form-wrapper .cy-trust .cy-trust-tel{flex:none;margin-left:auto;text-align:right;padding-top:0;border-top:0}
}
@media (max-width:360px){.cy-form-wrapper .cy-trust .cy-trust-top,.cy-form-wrapper .cy-trust .cy-trust-bot{padding-left:14px;padding-right:14px}}