{"id":19732,"date":"2026-09-19T01:37:02","date_gmt":"2026-09-19T01:37:02","guid":{"rendered":"https:\/\/unidet.fr\/UNIDET\/?page_id=19732"},"modified":"2026-09-19T09:28:33","modified_gmt":"2026-09-19T09:28:33","slug":"contact","status":"publish","type":"page","link":"https:\/\/unidet.fr\/UNIDET\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\n \n
\n
\r\n
\r\n \r\n \t\t
\n\t\t\t\t\t\n\n\n\n\nHero Unidet \u2014 Contact<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\n<!--\nUNIDET \u2014 Hero Contact\nWidget HTML Elementor \u00b7 image plein \u00e9cran + contenu centr\u00e9 \u00b7 radius \u2264 10px\n-->\n\n<style>\n .uhero, .uhero * { box-sizing: border-box; }\n html, body { overflow-x: clip; }\n\n .elementor-widget-html:has(.uhero),\n .elementor-widget-html:has(.uhero) > .elementor-widget-container,\n .e-con:has(.uhero), .e-con-inner:has(.uhero),\n .elementor-section:has(.uhero), .elementor-container:has(.uhero),\n .elementor-column:has(.uhero), .elementor-widget-wrap:has(.uhero) {\n width: 100% !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: visible !important;\n }\n\n .uhero {\n --uhero-dark: #0F1A26;\n --uhero-dark-2: #0A131C;\n --uhero-gold: #D3AD72;\n --uhero-gold-dark: #B98E4E;\n --uhero-white: #FFFFFF;\n --uhero-muted: rgba(255, 255, 255, 0.78);\n --uhero-muted-2: rgba(255, 255, 255, 0.52);\n --uhero-line: rgba(255, 255, 255, 0.14);\n --uhero-mono: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;\n \/* \u2b07\ufe0f Image adapt\u00e9e au contexte contact : espace de travail \/ \u00e9change *\/\n --uhero-image: url('https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?auto=format&fit=crop&w=2000&q=80');\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n width: 100vw;\n max-width: 100vw;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n min-height: clamp(340px, 44vh, 460px);\n display: flex;\n align-items: center;\n padding: clamp(28px, 3vw, 48px) 0;\n color: var(--uhero-white);\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background: var(--uhero-dark);\n }\n\n .uhero__bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n background-image: var(--uhero-image);\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n filter: grayscale(0.35) brightness(0.95) contrast(1.05);\n pointer-events: none;\n }\n\n .uhero__overlay {\n position: absolute;\n inset: 0;\n z-index: 0;\n background:\n linear-gradient(180deg,\n rgba(10, 19, 28, 0.55) 0%,\n rgba(10, 19, 28, 0.72) 50%,\n rgba(10, 19, 28, 0.86) 100%),\n radial-gradient(circle at 50% 50%, rgba(211, 173, 114, 0.10), transparent 60%);\n pointer-events: none;\n }\n\n .uhero__inner {\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 1920px;\n margin: 0 auto;\n padding: 0 clamp(28px, 5vw, 80px);\n display: flex;\n justify-content: center;\n }\n\n .uhero__col {\n width: 100%;\n max-width: 880px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: clamp(20px, 2.4vw, 34px);\n }\n\n .uhero__content {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity .8s ease, transform .8s ease;\n }\n\n .uhero.is-visible .uhero__content {\n opacity: 1;\n transform: translateY(0);\n }\n\n .uhero__kicker {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n color: var(--uhero-gold);\n font-family: var(--uhero-mono);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.30em;\n text-transform: uppercase;\n }\n\n .uhero__kicker::before,\n .uhero__kicker::after {\n content: \"\";\n width: 22px;\n height: 2px;\n border-radius: 10px;\n background: var(--uhero-gold);\n }\n\n .uhero__title {\n margin: 0;\n color: var(--uhero-gold);\n font-size: clamp(30px, 3.4vw, 52px);\n line-height: 1;\n letter-spacing: -0.045em;\n font-weight: 950;\n text-align: center;\n }\n\n .uhero__rule {\n width: 44px;\n height: 3px;\n margin: 14px auto 14px;\n border-radius: 10px;\n background: var(--uhero-gold);\n box-shadow: 0 4px 18px rgba(211, 173, 114, 0.42);\n }\n\n .uhero__desc {\n margin: 0 auto 20px;\n max-width: 62ch;\n color: var(--uhero-muted);\n font-size: clamp(14.5px, 1vw, 16px);\n line-height: 1.62;\n font-weight: 500;\n text-align: center;\n }\n\n .uhero__actions {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n flex-wrap: wrap;\n }\n\n .uhero__btn,\n .uhero__btn:visited,\n .uhero__btn:focus {\n min-height: 50px;\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 26px;\n border-radius: 10px;\n border: 1px solid transparent;\n text-decoration: none !important;\n font-size: 14px;\n line-height: 1.2;\n font-weight: 900;\n letter-spacing: -0.005em;\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;\n }\n\n .uhero__btn--primary {\n background: var(--uhero-gold);\n color: var(--uhero-dark) !important;\n box-shadow: 0 18px 38px rgba(211, 173, 114, 0.30);\n }\n\n .uhero__btn--primary::after {\n content: \"\u2192\";\n font-size: 16px;\n transition: transform .25s ease;\n }\n\n .uhero__btn--primary:hover {\n transform: translateY(-2px);\n background: #E4C48C;\n box-shadow: 0 24px 48px rgba(211, 173, 114, 0.46);\n }\n\n .uhero__btn--primary:hover::after { transform: translateX(4px); }\n\n .uhero__btn--ghost {\n background: rgba(255, 255, 255, 0.05);\n border-color: rgba(255, 255, 255, 0.22);\n color: #fff !important;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n }\n\n .uhero__btn--ghost:hover {\n transform: translateY(-2px);\n background: rgba(255, 255, 255, 0.12);\n border-color: rgba(255, 255, 255, 0.40);\n }\n\n .uhero__stats {\n width: 100%;\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 0;\n margin: 0;\n padding: 16px 0 0;\n border-top: 1px solid var(--uhero-line);\n list-style: none;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity .8s ease .15s, transform .8s ease .15s;\n }\n\n .uhero.is-visible .uhero__stats {\n opacity: 1;\n transform: translateY(0);\n }\n\n .uhero__stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 4px;\n padding: 0 clamp(16px, 2vw, 28px);\n border-left: 1px solid var(--uhero-line);\n }\n\n .uhero__stat:first-child {\n padding-left: 0;\n border-left: none;\n }\n\n .uhero__stat strong {\n color: #fff;\n font-size: clamp(18px, 1.6vw, 24px);\n line-height: 1;\n letter-spacing: -0.045em;\n font-weight: 950;\n }\n\n .uhero__stat strong em {\n font-style: normal;\n color: var(--uhero-gold);\n font-size: 0.72em;\n font-weight: 800;\n }\n\n .uhero__stat span {\n color: var(--uhero-muted-2);\n font-family: var(--uhero-mono);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media (max-width: 900px) {\n .uhero {\n min-height: clamp(320px, 46vh, 420px);\n padding: clamp(24px, 4vw, 40px) 0;\n }\n\n .uhero__inner { padding: 0 clamp(24px, 5vw, 40px); }\n\n .uhero__col { max-width: 640px; }\n .uhero__title { font-size: clamp(28px, 5vw, 42px); }\n }\n\n @media (max-width: 640px) {\n .uhero {\n padding: clamp(20px, 5vw, 36px) 0;\n }\n .uhero__inner { padding: 0 20px; }\n\n .uhero__kicker {\n font-size: 10px;\n letter-spacing: 0.24em;\n margin-bottom: 10px;\n }\n .uhero__kicker::before,\n .uhero__kicker::after { width: 16px; }\n\n .uhero__title {\n font-size: clamp(26px, 7vw, 34px);\n line-height: 1.02;\n }\n\n .uhero__rule {\n width: 34px;\n margin: 12px auto 12px;\n }\n\n .uhero__desc {\n font-size: 14px;\n margin-bottom: 18px;\n }\n\n .uhero__actions {\n display: grid;\n grid-template-columns: 1fr;\n gap: 10px;\n width: 100%;\n }\n .uhero__btn {\n width: 100%;\n min-height: 48px;\n }\n\n .uhero__stats {\n grid-template-columns: 1fr;\n gap: 10px;\n padding-top: 14px;\n }\n .uhero__stat {\n flex-direction: row;\n align-items: baseline;\n justify-content: space-between;\n gap: 12px;\n padding: 0;\n border-left: none;\n text-align: left;\n }\n .uhero__stat strong { font-size: 18px; }\n .uhero__stat span {\n font-size: 9.5px;\n text-align: right;\n }\n }\n\n @media (max-width: 420px) {\n .uhero__inner { padding: 0 16px; }\n .uhero__title { font-size: 26px; }\n .uhero__desc { font-size: 13.5px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .uhero *, .uhero *::before, .uhero *::after {\n transition: none !important;\n transform: none !important;\n opacity: 1 !important;\n }\n }\n<\/style>\n\n<section class=\"uhero\" id=\"hero-contact\">\n <div class=\"uhero__bg\" aria-hidden=\"true\"><\/div>\n <div class=\"uhero__overlay\" aria-hidden=\"true\"><\/div>\n\n <div class=\"uhero__inner\">\n <div class=\"uhero__col\">\n\n <div class=\"uhero__content\">\n <span class=\"uhero__kicker\">Parlons de votre dossier<\/span>\n\n <h1 class=\"uhero__title\">Contactez-nous<\/h1>\n\n <div class=\"uhero__rule\" aria-hidden=\"true\"><\/div>\n\n <p class=\"uhero__desc\">\n Une question, un dossier \u00e0 confier, une situation particuli\u00e8re \u00e0 \u00e9voquer ? Notre \u00e9quipe d'experts vous r\u00e9pond personnellement sous 24h ouvr\u00e9es \u2014 par t\u00e9l\u00e9phone, email ou formulaire.\n <\/p>\n\n <div class=\"uhero__actions\">\n <a class=\"uhero__btn uhero__btn--primary\" href=\"#contact-form\">\n Nous \u00e9crire\n <\/a>\n <a class=\"uhero__btn uhero__btn--ghost\" href=\"mailto:contact@unidet.com\">\n Envoyer un email\n <\/a>\n <\/div>\n <\/div>\n\n <ul class=\"uhero__stats\">\n <li class=\"uhero__stat\">\n <strong>24 <em>h<\/em><\/strong>\n <span>r\u00e9ponse ouvr\u00e9e<\/span>\n <\/li>\n <li class=\"uhero__stat\">\n <strong>+1200 <em>entreprises<\/em><\/strong>\n <span>nous font confiance<\/span>\n <\/li>\n <li class=\"uhero__stat\">\n <strong>91 <em>%<\/em><\/strong>\n <span>de r\u00e9ussite amiable<\/span>\n <\/li>\n <\/ul>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n (function () {\n function init() {\n var hero = document.querySelector('.uhero');\n if (!hero || hero.dataset.uheroReady) return;\n hero.dataset.uheroReady = '1';\n\n if ('IntersectionObserver' in window) {\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n\n observer.observe(hero);\n } else {\n hero.classList.add('is-visible');\n }\n }\n\n document.addEventListener('DOMContentLoaded', init);\n setTimeout(init, 500);\n })();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t <\/div>\r\n <\/div>\r\n \t\t\t<\/div>\n\t\t<\/section>\n\t\t <section class=\"elementor-section elementor-top-section elementor-element elementor-element-1f06bf0 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default pxl-row-scroll-none pxl-zoom-point-false pxl-section-overflow-visible\" data-id=\"1f06bf0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"stretch_section":"section-stretched"}\">\n\n \n <div class=\"elementor-container elementor-column-gap-extended \">\n <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-18f1290 pxl-column-none pxl-column-overflow-hidden-no\" data-id=\"18f1290\" data-element_type=\"column\" data-e-type=\"column\">\r\n <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n \r\n \t\t<div class=\"elementor-element elementor-element-0eb846a elementor-widget elementor-widget-shortcode\" data-id=\"0eb846a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n .ucf, .ucf * { box-sizing: border-box; }\n html, body { overflow-x: clip; }\n\n .elementor-widget-html:has(.ucf),\n .elementor-widget-html:has(.ucf) > .elementor-widget-container,\n .e-con:has(.ucf), .e-con-inner:has(.ucf),\n .elementor-section:has(.ucf), .elementor-container:has(.ucf),\n .elementor-column:has(.ucf), .elementor-widget-wrap:has(.ucf) {\n width: 100% !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: visible !important;\n }\n\n .ucf {\n --ucf-dark: #121C27;\n --ucf-dark-2: #0A131C;\n --ucf-gold: #D3AD72;\n --ucf-gold-dark: #B98E4E;\n --ucf-gold-soft: rgba(211, 173, 114, 0.12);\n --ucf-gold-line: rgba(211, 173, 114, 0.32);\n --ucf-cream: #F7F4EF;\n --ucf-cream-2: #EFE8DC;\n --ucf-muted: #4B535D;\n --ucf-muted-2: rgba(75, 83, 93, 0.55);\n --ucf-line: rgba(18, 28, 39, 0.10);\n --ucf-line-strong: rgba(18, 28, 39, 0.18);\n --ucf-red: #D93025;\n --ucf-green: #169B62;\n --ucf-mono: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;\n --ucf-field-h: 56px;\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n width: 100vw;\n max-width: 100vw;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n padding: clamp(56px, 6vw, 96px) 0;\n color: var(--ucf-dark);\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background: linear-gradient(180deg, #FFFFFF 0%, var(--ucf-cream) 100%);\n }\n\n .ucf__inner {\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 1520px;\n margin: 0 auto;\n padding: 0 clamp(24px, 4vw, 72px);\n }\n\n .ucf__head {\n max-width: 720px;\n margin: 0 auto clamp(36px, 4.5vw, 56px);\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n }\n\n .ucf__kicker {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n color: var(--ucf-gold-dark);\n font-family: var(--ucf-mono);\n font-size: 11.5px;\n font-weight: 700;\n letter-spacing: 0.28em;\n text-transform: uppercase;\n }\n\n .ucf__kicker::before,\n .ucf__kicker::after {\n content: \"\";\n width: 28px;\n height: 2px;\n border-radius: 10px;\n background: var(--ucf-gold);\n }\n\n .ucf__title {\n margin: 0;\n color: var(--ucf-dark);\n font-size: clamp(32px, 4vw, 56px);\n line-height: 1.04;\n letter-spacing: -0.05em;\n font-weight: 950;\n }\n\n .ucf__title em { font-style: normal; color: var(--ucf-gold-dark); }\n\n .ucf__intro {\n margin: 0;\n color: var(--ucf-muted);\n font-size: 15.5px;\n line-height: 1.7;\n font-weight: 500;\n max-width: 60ch;\n }\n\n .ucf__layout {\n display: grid;\n grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.85fr);\n gap: clamp(28px, 3.5vw, 56px);\n align-items: start;\n }\n\n .ucf__form-card {\n padding: clamp(28px, 3.2vw, 44px);\n border-radius: 10px;\n background: #FFFFFF;\n border: 1px solid var(--ucf-line);\n box-shadow: 0 24px 60px rgba(18, 28, 39, 0.08);\n position: relative;\n }\n\n .ucf__form-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 84px;\n height: 3px;\n background: var(--ucf-gold);\n border-radius: 0 0 10px 0;\n }\n\n .ucf__form-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 18px;\n padding-bottom: 22px;\n margin-bottom: 26px;\n border-bottom: 1px solid var(--ucf-line);\n }\n\n .ucf__form-head-title {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n color: var(--ucf-dark);\n font-size: 18px;\n font-weight: 900;\n letter-spacing: -0.02em;\n }\n\n .ucf__form-head-title::before {\n content: \"\";\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--ucf-gold);\n box-shadow: 0 0 0 4px rgba(211, 173, 114, 0.16);\n }\n\n .ucf__form {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .ucf__row {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n }\n\n .ucf__field {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 8px;\n min-width: 0;\n }\n\n .ucf__label {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n color: var(--ucf-dark);\n font-size: 13.5px;\n line-height: 1.3;\n font-weight: 800;\n letter-spacing: -0.005em;\n }\n\n .ucf__label .ucf__req { color: var(--ucf-red); font-weight: 900; }\n\n .ucf__input,\n .ucf__select,\n .ucf__textarea {\n width: 100% !important;\n height: var(--ucf-field-h) !important;\n padding: 0 18px !important;\n margin: 0 !important;\n border-radius: 10px !important;\n border: 1.5px solid var(--ucf-line-strong) !important;\n background: #FFFFFF !important;\n background-color: #FFFFFF !important;\n color: var(--ucf-dark) !important;\n font-family: inherit !important;\n font-size: 15px !important;\n line-height: 1.4 !important;\n font-weight: 500 !important;\n outline: none !important;\n box-shadow: none !important;\n -webkit-appearance: none !important;\n appearance: none !important;\n -webkit-tap-highlight-color: transparent;\n transition: border-color .18s ease, box-shadow .18s ease;\n }\n\n .ucf__input:-webkit-autofill,\n .ucf__input:-webkit-autofill:hover,\n .ucf__input:-webkit-autofill:focus,\n .ucf__input:-webkit-autofill:active,\n .ucf__select:-webkit-autofill,\n .ucf__textarea:-webkit-autofill {\n -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important;\n -webkit-text-fill-color: var(--ucf-dark) !important;\n transition: background-color 5000s ease-in-out 0s !important;\n border: 1.5px solid var(--ucf-line-strong) !important;\n }\n\n .ucf__select option { background: #FFFFFF; color: var(--ucf-dark); }\n\n .ucf__textarea {\n height: auto !important;\n min-height: 140px !important;\n padding: 16px 18px !important;\n resize: vertical;\n line-height: 1.55 !important;\n }\n\n .ucf__input::placeholder,\n .ucf__textarea::placeholder {\n color: rgba(75, 83, 93, 0.42) !important;\n opacity: 1;\n }\n\n .ucf__input:focus,\n .ucf__select:focus,\n .ucf__textarea:focus {\n border-color: var(--ucf-gold) !important;\n box-shadow: 0 0 0 4px rgba(211, 173, 114, 0.14) !important;\n background: #FFFFFF !important;\n background-color: #FFFFFF !important;\n }\n\n .ucf__select-wrap { position: relative; }\n .ucf__select { padding-right: 46px !important; cursor: pointer; }\n\n .ucf__select-wrap::after {\n content: \"\";\n position: absolute;\n top: 50%;\n right: 20px;\n width: 8px;\n height: 8px;\n border-right: 2px solid var(--ucf-muted);\n border-bottom: 2px solid var(--ucf-muted);\n transform: translateY(-70%) rotate(45deg);\n pointer-events: none;\n transition: transform .2s ease;\n }\n\n .ucf__field.has-error .ucf__input,\n .ucf__field.has-error .ucf__select,\n .ucf__field.has-error .ucf__textarea {\n border-color: var(--ucf-red) !important;\n background: rgba(217, 48, 37, 0.03) !important;\n background-color: rgba(217, 48, 37, 0.03) !important;\n }\n\n .ucf__field.has-error .ucf__input:focus,\n .ucf__field.has-error .ucf__select:focus,\n .ucf__field.has-error .ucf__textarea:focus {\n box-shadow: 0 0 0 4px rgba(217, 48, 37, 0.12) !important;\n }\n\n .ucf__field.is-valid .ucf__input,\n .ucf__field.is-valid .ucf__select,\n .ucf__field.is-valid .ucf__textarea {\n border-color: rgba(22, 155, 98, 0.55) !important;\n }\n\n .ucf__error {\n display: none;\n color: var(--ucf-red);\n font-size: 12.5px;\n line-height: 1.4;\n font-weight: 650;\n padding-left: 2px;\n }\n\n .ucf__field.has-error .ucf__error { display: block; }\n\n .ucf__global-error {\n padding: 14px 18px;\n border-radius: 10px;\n background: rgba(217, 48, 37, 0.08);\n border: 1px solid rgba(217, 48, 37, 0.28);\n color: var(--ucf-red);\n font-size: 14px;\n line-height: 1.5;\n font-weight: 650;\n }\n\n .ucf__check {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n padding: 4px 0;\n cursor: pointer;\n position: relative;\n }\n\n .ucf__check input[type=\"checkbox\"] { position: absolute; opacity: 0; pointer-events: none; }\n\n .ucf__check-box {\n flex: 0 0 20px;\n width: 20px;\n height: 20px;\n margin-top: 1px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 6px;\n border: 1.5px solid var(--ucf-line-strong);\n background: #FFFFFF;\n transition: border-color .18s ease, background .18s ease;\n }\n\n .ucf__check-box svg {\n width: 12px;\n height: 12px;\n stroke: #fff;\n stroke-width: 3;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n opacity: 0;\n transform: scale(0.6);\n transition: opacity .18s ease, transform .18s ease;\n }\n\n .ucf__check input[type=\"checkbox\"]:checked + .ucf__check-box {\n background: var(--ucf-gold);\n border-color: var(--ucf-gold);\n }\n\n .ucf__check input[type=\"checkbox\"]:checked + .ucf__check-box svg {\n opacity: 1;\n transform: scale(1);\n }\n\n .ucf__check input[type=\"checkbox\"]:focus-visible + .ucf__check-box {\n box-shadow: 0 0 0 4px rgba(211, 173, 114, 0.22);\n }\n\n .ucf__check.has-error .ucf__check-box { border-color: var(--ucf-red); }\n\n .ucf__check-text {\n color: var(--ucf-muted);\n font-size: 13px;\n line-height: 1.5;\n font-weight: 500;\n }\n\n .ucf__check-text a {\n color: var(--ucf-gold-dark);\n text-decoration: underline;\n text-underline-offset: 2px;\n font-weight: 700;\n transition: color .18s ease;\n }\n\n .ucf__check-text a:hover { color: var(--ucf-dark); }\n\n .ucf__submit-row {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 16px;\n flex-wrap: wrap;\n margin-top: 4px;\n padding-top: 22px;\n border-top: 1px solid var(--ucf-line);\n }\n\n .ucf__btn,\n .ucf__btn:visited,\n .ucf__btn:focus {\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n gap: 10px;\n min-height: var(--ucf-field-h);\n padding: 0 36px;\n border-radius: 10px;\n border: 1px solid var(--ucf-gold);\n background: var(--ucf-gold);\n color: var(--ucf-dark) !important;\n text-decoration: none !important;\n font-family: inherit;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 900;\n letter-spacing: -0.005em;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n box-shadow: 0 18px 38px rgba(211, 173, 114, 0.30);\n transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease;\n }\n\n .ucf__btn::after { content: \"\u2192\"; font-size: 17px; transition: transform .25s ease; }\n\n .ucf__btn:hover:not(:disabled) {\n transform: translateY(-2px);\n background: #E4C48C;\n border-color: #E4C48C;\n box-shadow: 0 24px 48px rgba(211, 173, 114, 0.46);\n }\n\n .ucf__btn:hover:not(:disabled)::after { transform: translateX(4px); }\n\n .ucf__btn:disabled { opacity: 0.65; cursor: not-allowed; }\n .ucf__btn.is-loading { pointer-events: none; }\n\n .ucf__btn.is-loading::after {\n content: \"\";\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 2px solid rgba(18, 28, 39, 0.25);\n border-top-color: var(--ucf-dark);\n animation: ucfSpin .8s linear infinite;\n }\n\n @keyframes ucfSpin { to { transform: rotate(360deg); } }\n\n .ucf__honeypot {\n position: absolute !important;\n left: -9999px !important;\n opacity: 0 !important;\n pointer-events: none !important;\n }\n\n .ucf__aside {\n display: flex;\n flex-direction: column;\n gap: 16px;\n min-width: 0;\n }\n\n .ucf__channels { display: flex; flex-direction: column; gap: 10px; }\n\n .ucf__channel {\n position: relative;\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 16px 18px;\n border-radius: 10px;\n background: #FFFFFF;\n border: 1.5px solid var(--ucf-line);\n text-decoration: none;\n color: inherit;\n overflow: hidden;\n transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;\n }\n\n .ucf__channel:hover {\n border-color: var(--ucf-gold-line);\n transform: translateX(4px);\n box-shadow: 0 12px 28px rgba(18, 28, 39, 0.08);\n }\n\n .ucf__channel-icon {\n flex: 0 0 42px;\n width: 42px;\n height: 42px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: linear-gradient(160deg, var(--ucf-gold) 0%, var(--ucf-gold-dark) 100%);\n color: #fff;\n box-shadow: 0 6px 14px rgba(211, 173, 114, 0.28);\n transition: transform .3s ease;\n }\n\n .ucf__channel:hover .ucf__channel-icon { transform: scale(1.06) rotate(-4deg); }\n\n .ucf__channel-icon svg {\n width: 18px;\n height: 18px;\n stroke: currentColor;\n fill: none;\n stroke-width: 1.9;\n stroke-linecap: round;\n stroke-linejoin: round;\n display: block;\n }\n\n .ucf__channel-body { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }\n\n .ucf__channel-title {\n margin: 0;\n color: var(--ucf-dark);\n font-size: 14.5px;\n line-height: 1.25;\n letter-spacing: -0.015em;\n font-weight: 900;\n transition: color .25s ease;\n }\n\n .ucf__channel:hover .ucf__channel-title { color: var(--ucf-gold-dark); }\n\n .ucf__channel-text {\n margin: 0;\n color: var(--ucf-muted);\n font-size: 12px;\n line-height: 1.4;\n font-weight: 500;\n }\n\n .ucf__channel-arrow {\n flex: 0 0 auto;\n color: var(--ucf-muted-2);\n font-size: 15px;\n transition: color .2s ease, transform .2s ease;\n }\n\n .ucf__channel:hover .ucf__channel-arrow {\n color: var(--ucf-gold-dark);\n transform: translateX(3px);\n }\n\n .ucf__channel--featured {\n background:\n radial-gradient(circle at 100% 0%, rgba(211, 173, 114, 0.14), transparent 55%),\n #FFFFFF;\n border-color: rgba(211, 173, 114, 0.30);\n }\n\n .ucf__trust-card {\n padding: 22px;\n border-radius: 10px;\n background: #FFFFFF;\n border: 1px solid var(--ucf-line);\n box-shadow: 0 12px 32px rgba(18, 28, 39, 0.05);\n position: relative;\n }\n\n .ucf__trust-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 48px;\n height: 3px;\n background: var(--ucf-gold);\n border-radius: 0 0 10px 0;\n }\n\n .ucf__trust-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n padding-bottom: 16px;\n margin-bottom: 16px;\n border-bottom: 1px solid var(--ucf-line);\n }\n\n .ucf__trust-head-title {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: var(--ucf-gold-dark);\n font-family: var(--ucf-mono);\n font-size: 10.5px;\n font-weight: 800;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n }\n\n .ucf__trust-head-title::before {\n content: \"\";\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--ucf-gold);\n box-shadow: 0 0 0 4px rgba(211, 173, 114, 0.16);\n }\n\n .ucf__trust-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 10px;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .ucf__trust-item {\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding: 14px;\n border-radius: 10px;\n background: var(--ucf-cream);\n border: 1px solid var(--ucf-line);\n transition: background .2s ease, border-color .2s ease, transform .2s ease;\n min-width: 0;\n }\n\n .ucf__trust-item:hover {\n background: #FFFFFF;\n border-color: var(--ucf-gold-line);\n transform: translateY(-2px);\n }\n\n .ucf__trust-icon {\n width: 32px;\n height: 32px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 9px;\n background: linear-gradient(160deg, var(--ucf-gold) 0%, var(--ucf-gold-dark) 100%);\n color: #fff;\n box-shadow: 0 4px 12px rgba(211, 173, 114, 0.22);\n }\n\n .ucf__trust-icon svg {\n width: 16px;\n height: 16px;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n display: block;\n }\n\n .ucf__trust-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }\n\n .ucf__trust-value {\n color: var(--ucf-dark);\n font-size: 14px;\n line-height: 1.15;\n letter-spacing: -0.02em;\n font-weight: 900;\n }\n\n .ucf__trust-label {\n color: var(--ucf-muted);\n font-size: 11px;\n line-height: 1.3;\n font-weight: 600;\n }\n\n \/* =========================================================\n POPUP DE CONFIRMATION \u2014 VERSION RENFORC\u00c9E\n ========================================================= *\/\n .ucf-modal {\n position: fixed;\n inset: 0;\n z-index: 99999;\n display: none;\n align-items: center;\n justify-content: center;\n padding: 24px;\n background: rgba(10, 19, 28, 0.82);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n animation: ucfFadeIn .3s ease both;\n }\n\n .ucf-modal.is-open { display: flex; }\n\n @keyframes ucfFadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n .ucf-modal__inner {\n position: relative;\n width: 100%;\n max-width: 560px;\n padding: clamp(32px, 4vw, 52px) clamp(28px, 3.5vw, 48px);\n border-radius: 10px;\n background: #FFFFFF;\n border: 1px solid var(--ucf-gold-line);\n box-shadow:\n 0 40px 100px rgba(0, 0, 0, 0.35),\n 0 0 0 1px rgba(211, 173, 114, 0.10);\n text-align: center;\n overflow: hidden;\n animation: ucfSlideUp .4s cubic-bezier(.2,.8,.2,1) both;\n }\n\n .ucf-modal__inner::before {\n content: \"\";\n position: absolute;\n top: -80px;\n left: 50%;\n transform: translateX(-50%);\n width: 260px;\n height: 160px;\n background: radial-gradient(ellipse, rgba(211, 173, 114, 0.28), transparent 65%);\n pointer-events: none;\n }\n\n .ucf-modal__inner::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(90deg,\n rgba(211, 173, 114, 0) 0%,\n var(--ucf-gold) 50%,\n rgba(211, 173, 114, 0) 100%);\n }\n\n @keyframes ucfSlideUp {\n from { opacity: 0; transform: translateY(30px) scale(0.94); }\n to { opacity: 1; transform: translateY(0) scale(1); }\n }\n\n .ucf-modal__icon {\n position: relative;\n width: 92px;\n height: 92px;\n margin: 0 auto 26px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: linear-gradient(160deg, rgba(22, 155, 98, 0.12) 0%, rgba(22, 155, 98, 0.06) 100%);\n border: 2px solid rgba(22, 155, 98, 0.32);\n box-shadow: 0 12px 32px rgba(22, 155, 98, 0.18);\n animation: ucfPulse 1.2s ease-out;\n }\n\n @keyframes ucfPulse {\n 0% { box-shadow: 0 0 0 0 rgba(22, 155, 98, 0.35); }\n 100% { box-shadow: 0 0 0 24px rgba(22, 155, 98, 0); }\n }\n\n .ucf-modal__icon svg {\n width: 44px;\n height: 44px;\n stroke: var(--ucf-green);\n fill: none;\n stroke-width: 3;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n .ucf-modal__icon svg polyline {\n stroke-dasharray: 30;\n stroke-dashoffset: 30;\n animation: ucfDraw .5s cubic-bezier(.6,.1,.2,1) .25s forwards;\n }\n\n @keyframes ucfDraw {\n to { stroke-dashoffset: 0; }\n }\n\n .ucf-modal__kicker {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 14px;\n color: var(--ucf-green);\n font-family: var(--ucf-mono);\n font-size: 10.5px;\n font-weight: 800;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n }\n\n .ucf-modal__kicker::before,\n .ucf-modal__kicker::after {\n content: \"\";\n width: 20px;\n height: 1.5px;\n background: var(--ucf-green);\n opacity: 0.6;\n border-radius: 10px;\n }\n\n .ucf-modal__title {\n margin: 0 0 14px;\n color: var(--ucf-dark);\n font-size: clamp(24px, 2.4vw, 30px);\n line-height: 1.15;\n letter-spacing: -0.035em;\n font-weight: 950;\n }\n\n .ucf-modal__text {\n margin: 0 0 26px;\n color: var(--ucf-muted);\n font-size: 15px;\n line-height: 1.65;\n font-weight: 500;\n max-width: 42ch;\n margin-left: auto;\n margin-right: auto;\n }\n\n .ucf-modal__text strong {\n color: var(--ucf-dark);\n font-weight: 800;\n }\n\n .ucf-modal__steps {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 0 0 26px;\n padding: 20px 22px;\n border-radius: 10px;\n background: var(--ucf-cream);\n border: 1px solid var(--ucf-line);\n list-style: none;\n text-align: left;\n }\n\n .ucf-modal__step {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n color: var(--ucf-dark);\n font-size: 13.5px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .ucf-modal__step-icon {\n flex: 0 0 22px;\n width: 22px;\n height: 22px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(22, 155, 98, 0.12);\n color: var(--ucf-green);\n font-size: 11px;\n font-weight: 950;\n margin-top: 1px;\n }\n\n .ucf-modal__step strong {\n color: var(--ucf-dark);\n font-weight: 800;\n }\n\n .ucf-modal__note {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 26px;\n padding: 10px 16px;\n border-radius: 10px;\n background: rgba(211, 173, 114, 0.10);\n border: 1px solid rgba(211, 173, 114, 0.28);\n color: var(--ucf-dark);\n font-size: 13px;\n line-height: 1.45;\n font-weight: 600;\n }\n\n .ucf-modal__note svg {\n flex: 0 0 auto;\n width: 15px;\n height: 15px;\n stroke: var(--ucf-gold-dark);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n .ucf-modal__note em {\n font-style: normal;\n color: var(--ucf-gold-dark);\n font-weight: 800;\n word-break: break-all;\n }\n\n .ucf-modal__btn,\n .ucf-modal__btn:visited {\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n gap: 8px;\n min-height: 52px;\n padding: 0 36px;\n border-radius: 10px;\n background: transparent;\n border: 1.5px solid var(--ucf-gold);\n color: var(--ucf-gold-dark) !important;\n text-decoration: none !important;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 900;\n cursor: pointer;\n font-family: inherit;\n box-shadow: none;\n transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;\n }\n\n .ucf-modal__btn:hover {\n transform: translateY(-2px);\n background: var(--ucf-gold);\n border-color: var(--ucf-gold);\n color: var(--ucf-dark) !important;\n box-shadow: 0 16px 34px rgba(211, 173, 114, 0.36);\n }\n\n .ucf-modal__close {\n position: absolute;\n top: 16px;\n right: 16px;\n width: 34px;\n height: 34px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 0;\n background: transparent;\n color: var(--ucf-muted-2);\n border-radius: 10px;\n cursor: pointer;\n font-size: 22px;\n line-height: 1;\n transition: background .2s ease, color .2s ease;\n }\n\n .ucf-modal__close:hover {\n background: rgba(18, 28, 39, 0.06);\n color: var(--ucf-dark);\n }\n\n .ucf-modal__timer {\n display: block;\n margin-top: 18px;\n color: var(--ucf-muted-2);\n font-family: var(--ucf-mono);\n font-size: 10.5px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n @media (max-width: 1000px) {\n .ucf__layout { grid-template-columns: 1fr; gap: 32px; }\n .ucf__aside { max-width: 640px; width: 100%; margin: 0 auto; }\n }\n\n @media (max-width: 720px) {\n .ucf__row { grid-template-columns: 1fr; gap: 16px; }\n .ucf__submit-row { justify-content: stretch; }\n .ucf__btn { width: 100%; }\n }\n\n @media (max-width: 640px) {\n .ucf { padding: clamp(44px, 8vw, 64px) 0; }\n .ucf__inner { padding: 0 20px; }\n .ucf__kicker { font-size: 10.5px; letter-spacing: 0.22em; }\n .ucf__kicker::before,\n .ucf__kicker::after { width: 20px; }\n .ucf__title { font-size: 28px; }\n .ucf__intro { font-size: 15px; }\n .ucf__form-card { padding: 24px 20px; }\n .ucf__input,\n .ucf__select,\n .ucf__textarea { font-size: 14.5px !important; }\n .ucf__textarea { min-height: 130px !important; }\n .ucf__channel { padding: 14px 16px; gap: 12px; }\n .ucf__channel-icon { flex-basis: 38px; width: 38px; height: 38px; }\n .ucf__channel-icon svg { width: 16px; height: 16px; }\n .ucf__channel-title { font-size: 14px; }\n .ucf__trust-card { padding: 18px 18px; }\n\n .ucf-modal__inner { padding: 32px 22px; }\n .ucf-modal__icon { width: 76px; height: 76px; margin-bottom: 22px; }\n .ucf-modal__icon svg { width: 36px; height: 36px; }\n .ucf-modal__title { font-size: 22px; }\n .ucf-modal__text { font-size: 14.5px; }\n .ucf-modal__steps { padding: 16px 18px; gap: 8px; }\n .ucf-modal__step { font-size: 13px; }\n .ucf-modal__btn { width: 100%; }\n }\n\n @media (max-width: 420px) {\n .ucf__inner { padding: 0 16px; }\n .ucf__title { font-size: 26px; }\n .ucf__form-card { padding: 22px 16px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .ucf *, .ucf *::before, .ucf *::after {\n transition: none !important;\n animation: none !important;\n transform: none !important;\n }\n }\n<\/style>\n<script>\n(function () {\n document.addEventListener('DOMContentLoaded', function () {\n var section = document.querySelector('.ucf');\n if (!section || section.dataset.ucfReady) return;\n section.dataset.ucfReady = '1';\n\n var form = section.querySelector('[data-ucf-form]');\n var submitBtn = section.querySelector('[data-ucf-submit]');\n var modal = document.querySelector('[data-ucf-modal]'); \/* \u2705 CORRIG\u00c9 *\/\n var globalErr = section.querySelector('[data-ucf-global-error]');\n var ajaxUrl = section.getAttribute('data-ucf-ajax');\n var nonce = section.getAttribute('data-ucf-nonce');\n\n if (!form) return;\n\n var inputs = form.querySelectorAll('[data-ucf-input]');\n\n function showError(field, message) {\n var wrap = field.closest('[data-ucf-field]');\n if (!wrap) return;\n wrap.classList.remove('is-valid');\n wrap.classList.add('has-error');\n var err = wrap.querySelector('[data-ucf-error]');\n if (err) err.textContent = message;\n }\n\n function showSuccess(field) {\n var wrap = field.closest('[data-ucf-field]');\n if (!wrap) return;\n wrap.classList.remove('has-error');\n wrap.classList.add('is-valid');\n var err = wrap.querySelector('[data-ucf-error]');\n if (err) err.textContent = '';\n }\n\n function clearState(field) {\n var wrap = field.closest('[data-ucf-field]');\n if (!wrap) return;\n wrap.classList.remove('has-error', 'is-valid');\n var err = wrap.querySelector('[data-ucf-error]');\n if (err) err.textContent = '';\n }\n\n function validateField(field) {\n var value = field.value.trim();\n var type = field.getAttribute('data-ucf-type');\n var required = field.getAttribute('data-ucf-required') === 'true';\n var minlength = parseInt(field.getAttribute('data-ucf-minlength') || '0', 10);\n var maxlength = parseInt(field.getAttribute('data-ucf-maxlength') || '0', 10);\n\n if (type === 'checkbox') {\n if (required && !field.checked) { showError(field, 'Vous devez accepter cette condition.'); return false; }\n showSuccess(field);\n return true;\n }\n\n if (required && value === '') { showError(field, 'Ce champ est obligatoire.'); return false; }\n if (!required && value === '') { clearState(field); return true; }\n if (minlength && value.length < minlength) { showError(field, 'Minimum ' + minlength + ' caract\u00e8res.'); return false; }\n if (maxlength && value.length > maxlength) { showError(field, 'Maximum ' + maxlength + ' caract\u00e8res.'); return false; }\n\n if (type === 'email') {\n var re = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\/;\n if (!re.test(value)) { showError(field, 'Adresse email invalide.'); return false; }\n var domain = value.split('@')[1].toLowerCase();\n var blocked = ['yopmail.com', 'mailinator.com', 'tempmail.com', 'guerrillamail.com', '10minutemail.com'];\n if (blocked.indexOf(domain) !== -1) { showError(field, 'Les adresses jetables ne sont pas accept\u00e9es.'); return false; }\n }\n\n if (type === 'tel') {\n var clean = value.replace(\/[^\\d+]\/g, '');\n if (!\/^\\+?\\d{8,15}$\/.test(clean)) { showError(field, 'Num\u00e9ro de t\u00e9l\u00e9phone invalide.'); return false; }\n }\n\n if (type === 'select' && required && value === '') {\n showError(field, 'Merci de s\u00e9lectionner une option.');\n return false;\n }\n\n showSuccess(field);\n return true;\n }\n\n inputs.forEach(function (field) {\n field.addEventListener('blur', function () { validateField(field); });\n var evt = field.tagName === 'SELECT' || field.type === 'checkbox' ? 'change' : 'input';\n field.addEventListener(evt, function () {\n var wrap = field.closest('[data-ucf-field]');\n if (wrap && wrap.classList.contains('has-error')) validateField(field);\n });\n });\n\n \/* =========================================================\n MODAL \u2014 d\u00e9clar\u00e9 ici pour \u00eatre utilis\u00e9 dans le submit\n ========================================================= *\/\n var autoCloseTimer = null;\n var countdownTimer = null;\n\n function openModal() {\n if (!modal) return;\n\n \/* Injecte le pr\u00e9nom \/ email dans la popup *\/\n var nameEl = modal.querySelector('[data-ucf-modal-name]');\n var emailEl = modal.querySelector('[data-ucf-modal-email]');\n var nameField = form.querySelector('[name=\"nom\"]');\n var emailField = form.querySelector('[name=\"email\"]');\n\n \/* R\u00e9cup\u00e8re les valeurs AVANT reset du form *\/\n var nameVal = nameField ? nameField.value.trim() : '';\n var emailVal = emailField ? emailField.value.trim() : '';\n\n if (nameEl && nameVal) {\n var firstName = nameVal.split(' ')[0];\n nameEl.textContent = firstName + ' \u2014 nous avons bien re\u00e7u votre demande.';\n }\n if (emailEl && emailVal) {\n emailEl.textContent = emailVal;\n }\n\n modal.classList.add('is-open');\n document.body.style.overflow = 'hidden';\n\n var timerEl = modal.querySelector('[data-ucf-modal-timer]');\n var seconds = 8;\n\n clearTimeout(autoCloseTimer);\n clearInterval(countdownTimer);\n\n if (timerEl) {\n timerEl.textContent = 'Fermeture auto dans ' + seconds + 's';\n countdownTimer = setInterval(function () {\n seconds--;\n if (seconds > 0) {\n timerEl.textContent = 'Fermeture auto dans ' + seconds + 's';\n } else {\n clearInterval(countdownTimer);\n closeModal();\n }\n }, 1000);\n }\n\n autoCloseTimer = setTimeout(closeModal, 8000);\n }\n\n function closeModal() {\n if (!modal) return;\n modal.classList.remove('is-open');\n document.body.style.overflow = '';\n clearTimeout(autoCloseTimer);\n clearInterval(countdownTimer);\n }\n\n \/* Fermeture : bouton, overlay, \u00c9chap *\/\n if (modal) {\n modal.querySelectorAll('[data-ucf-modal-close]').forEach(function (btn) {\n btn.addEventListener('click', closeModal);\n });\n modal.addEventListener('click', function (e) {\n if (e.target === modal) closeModal();\n });\n document.addEventListener('keydown', function (e) {\n if (e.key === 'Escape' && modal.classList.contains('is-open')) closeModal();\n });\n }\n\n \/* =========================================================\n SOUMISSION\n ========================================================= *\/\n form.addEventListener('submit', function (e) {\n e.preventDefault();\n\n if (globalErr) { globalErr.hidden = true; globalErr.textContent = ''; }\n\n var isValid = true, firstError = null;\n inputs.forEach(function (field) {\n if (!validateField(field)) {\n isValid = false;\n if (!firstError) firstError = field;\n }\n });\n\n if (!isValid) { if (firstError) firstError.focus(); return; }\n\n var formData = new FormData(form);\n formData.append('action', 'unidet_contact_submit');\n formData.append('nonce', nonce);\n\n submitBtn.classList.add('is-loading');\n submitBtn.disabled = true;\n\n fetch(ajaxUrl, { method: 'POST', credentials: 'same-origin', body: formData })\n .then(function (res) { return res.json(); })\n .then(function (data) {\n submitBtn.classList.remove('is-loading');\n submitBtn.disabled = false;\n\n if (data.success) {\n \/* Ouvre la popup AVANT de reset le formulaire\n (pour pouvoir lire nom + email dans openModal) *\/\n openModal();\n\n \/* Reset seulement apr\u00e8s *\/\n setTimeout(function () {\n form.reset();\n inputs.forEach(function (f) { clearState(f); });\n }, 50);\n } else {\n if (data.data && data.data.errors) {\n Object.keys(data.data.errors).forEach(function (name) {\n var field = form.querySelector('[name=\"' + name + '\"]');\n if (field) showError(field, data.data.errors[name]);\n });\n }\n if (globalErr) {\n globalErr.hidden = false;\n globalErr.textContent = (data.data && data.data.message) || 'Une erreur est survenue. R\u00e9essayez.';\n }\n }\n })\n .catch(function () {\n submitBtn.classList.remove('is-loading');\n submitBtn.disabled = false;\n if (globalErr) {\n globalErr.hidden = false;\n globalErr.textContent = 'Erreur r\u00e9seau. V\u00e9rifiez votre connexion et r\u00e9essayez.';\n }\n });\n });\n });\n})();\n<\/script>\n \n<section class=\"ucf\" id=\"contact-section\" data-ucf-ajax=\"https:\/\/unidet.fr\/UNIDET\/wp-admin\/admin-ajax.php\" data-ucf-nonce=\"8e29f10990\">\n <div class=\"ucf__inner\">\n\n <header class=\"ucf__head\">\n <span class=\"ucf__kicker\">Contact<\/span> <h2 class=\"ucf__title\">\n Un expert vous r\u00e9pond <em>sous 24h.<\/em> <\/h2>\n <p class=\"ucf__intro\">Choisissez votre canal : appelez-nous directement, demandez \u00e0 \u00eatre rappel\u00e9, ou \u00e9crivez-nous. Un expert Unidet analyse votre situation personnellement \u2014 sans frais, sans engagement.<\/p> <\/header>\n\n <div class=\"ucf__layout\">\n\n <div class=\"ucf__form-card\" id=\"ucf-form\">\n <div class=\"ucf__form-head\">\n <span class=\"ucf__form-head-title\">Votre demande<\/span>\n <\/div>\n\n <form class=\"ucf__form\" method=\"post\" action=\"\" novalidate data-ucf-form>\n <div class=\"ucf__honeypot\" aria-hidden=\"true\">\n <label for=\"ucf-website\">Site web<\/label>\n <input type=\"text\" id=\"ucf-website\" name=\"ucf_website\" tabindex=\"-1\" autocomplete=\"off\">\n <\/div>\n <input type=\"hidden\" name=\"ucf_ts\" value=\"1789817777\">\n\n <div class=\"ucf__row\">\n <div class=\"ucf__field\" data-ucf-field=\"nom\">\n <label class=\"ucf__label\" for=\"ucf-nom\">Nom complet <span class=\"ucf__req\">*<\/span><\/label>\n <input type=\"text\" id=\"ucf-nom\" name=\"nom\" class=\"ucf__input\"\n placeholder=\"Jean Dupont\" autocomplete=\"name\"\n data-ucf-input data-ucf-required=\"true\" data-ucf-type=\"text\"\n data-ucf-minlength=\"2\" data-ucf-maxlength=\"80\">\n <span class=\"ucf__error\" data-ucf-error role=\"alert\"><\/span>\n <\/div>\n\n <div class=\"ucf__field\" data-ucf-field=\"email\">\n <label class=\"ucf__label\" for=\"ucf-email\">Email professionnel <span class=\"ucf__req\">*<\/span><\/label>\n <input type=\"email\" id=\"ucf-email\" name=\"email\" class=\"ucf__input\"\n placeholder=\"jean@entreprise.com\" autocomplete=\"email\"\n data-ucf-input data-ucf-required=\"true\" data-ucf-type=\"email\">\n <span class=\"ucf__error\" data-ucf-error role=\"alert\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"ucf__row\">\n <div class=\"ucf__field\" data-ucf-field=\"telephone\">\n <label class=\"ucf__label\" for=\"ucf-telephone\">T\u00e9l\u00e9phone<\/label>\n <input type=\"tel\" id=\"ucf-telephone\" name=\"telephone\" class=\"ucf__input\"\n placeholder=\"+33 6 12 34 56 78\" autocomplete=\"tel\"\n data-ucf-input data-ucf-required=\"false\" data-ucf-type=\"tel\">\n <span class=\"ucf__error\" data-ucf-error role=\"alert\"><\/span>\n <\/div>\n\n <div class=\"ucf__field\" data-ucf-field=\"sujet\">\n <label class=\"ucf__label\" for=\"ucf-sujet\">Type de demande <span class=\"ucf__req\">*<\/span><\/label>\n <div class=\"ucf__select-wrap\">\n <select id=\"ucf-sujet\" name=\"sujet\" class=\"ucf__select\"\n data-ucf-input data-ucf-required=\"true\" data-ucf-type=\"select\">\n <option value=\"\">\u2014 S\u00e9lectionnez un sujet \u2014<\/option>\n <option value=\"recouvrement-amiable\">Recouvrement \u00e0 l'amiable<\/option>\n <option value=\"recouvrement-judiciaire\">Recouvrement Judicaire<\/option>\n <\/select>\n <\/div>\n <span class=\"ucf__error\" data-ucf-error role=\"alert\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"ucf__field\" data-ucf-field=\"message\">\n <label class=\"ucf__label\" for=\"ucf-message\">Votre message <span class=\"ucf__req\">*<\/span><\/label>\n <textarea id=\"ucf-message\" name=\"message\" class=\"ucf__textarea\"\n placeholder=\"D\u00e9crivez votre situation en quelques mots\u2026\"\n data-ucf-input data-ucf-required=\"true\" data-ucf-type=\"text\"\n data-ucf-minlength=\"10\" data-ucf-maxlength=\"2000\"><\/textarea>\n <span class=\"ucf__error\" data-ucf-error role=\"alert\"><\/span>\n <\/div>\n\n <label class=\"ucf__check\" data-ucf-field=\"rgpd\">\n <input type=\"checkbox\" name=\"rgpd\"\n data-ucf-input data-ucf-required=\"true\" data-ucf-type=\"checkbox\">\n <span class=\"ucf__check-box\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n <\/span>\n <span class=\"ucf__check-text\">\n J'accepte que mes donn\u00e9es soient trait\u00e9es par Unidet pour r\u00e9pondre \u00e0 ma demande. Consultez notre <a href=\"\/politique-confidentialite\/\" target=\"_blank\" rel=\"noopener\">politique de confidentialit\u00e9<\/a>.\n <\/span>\n <\/label>\n\n <div class=\"ucf__global-error\" data-ucf-global-error hidden><\/div>\n\n <div class=\"ucf__submit-row\">\n <button type=\"submit\" class=\"ucf__btn\" data-ucf-submit>Envoyer le message<\/button>\n <\/div>\n <\/form>\n <\/div>\n\n <aside class=\"ucf__aside\">\n\n <div class=\"ucf__channels\">\n <a class=\"ucf__channel \"\n href=\"\">\n <span class=\"ucf__channel-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/span>\n <span class=\"ucf__channel-body\">\n <h3 class=\"ucf__channel-title\">T\u00e9l\u00e9phone <\/h3>\n <span class=\"ucf__channel-text\">+330098080908<\/span>\n <\/span>\n <span class=\"ucf__channel-arrow\">\u2192<\/span>\n <\/a>\n <a class=\"ucf__channel \"\n href=\"\">\n <span class=\"ucf__channel-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 7l9 6 9-6\"\/><\/svg><\/span>\n <span class=\"ucf__channel-body\">\n <h3 class=\"ucf__channel-title\">Mail<\/h3>\n <span class=\"ucf__channel-text\">contact@unidet.com<\/span>\n <\/span>\n <span class=\"ucf__channel-arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n \n <div class=\"ucf__trust-card\">\n <div class=\"ucf__trust-head\">\n <span class=\"ucf__trust-head-title\">Notre engagement<\/span>\n <\/div>\n <ul class=\"ucf__trust-grid\">\n <li class=\"ucf__trust-item\">\n <span class=\"ucf__trust-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l8 4v6c0 5-3.5 9.5-8 10-4.5-.5-8-5-8-10V6l8-4z\"\/><\/svg><\/span>\n <span class=\"ucf__trust-body\">\n <span class=\"ucf__trust-value\">recouvrment <\/span>\n <span class=\"ucf__trust-label\">Recouvrement<\/span>\n <\/span>\n <\/li>\n <\/ul>\n <\/div>\n \n <\/aside>\n\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"ucf-modal\" data-ucf-modal role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"ucf-modal-title\">\n <div class=\"ucf-modal__inner\">\n\n <button type=\"button\" class=\"ucf-modal__close\" data-ucf-modal-close aria-label=\"Fermer\">\u00d7<\/button>\n\n <div class=\"ucf-modal__icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n <\/div>\n\n <span class=\"ucf-modal__kicker\">Confirmation<\/span>\n\n <h3 class=\"ucf-modal__title\" id=\"ucf-modal-title\">Message bien envoy\u00e9 !<\/h3>\n\n <p class=\"ucf-modal__text\">\n Merci <strong data-ucf-modal-name>pour votre message<\/strong> \u2014 nous avons bien re\u00e7u votre demande.\n <\/p>\n\n <ul class=\"ucf-modal__steps\">\n <li class=\"ucf-modal__step\">\n <span class=\"ucf-modal__step-icon\">1<\/span>\n <span>Un <strong>accus\u00e9 de r\u00e9ception<\/strong> vient d'\u00eatre envoy\u00e9 sur votre bo\u00eete mail.<\/span>\n <\/li>\n <li class=\"ucf-modal__step\">\n <span class=\"ucf-modal__step-icon\">2<\/span>\n <span>Un <strong>expert Unidet<\/strong> analyse votre dossier personnellement.<\/span>\n <\/li>\n <li class=\"ucf-modal__step\">\n <span class=\"ucf-modal__step-icon\">3<\/span>\n <span>Vous recevez une r\u00e9ponse d\u00e9taill\u00e9e sous <strong>24h ouvr\u00e9es<\/strong>.<\/span>\n <\/li>\n <\/ul>\n\n <span class=\"ucf-modal__note\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\n <path d=\"M3 7l9 6 9-6\"\/>\n <\/svg>\n Copie envoy\u00e9e \u00e0 <em data-ucf-modal-email>votre adresse email<\/em>\n <\/span>\n\n <button type=\"button\" class=\"ucf-modal__btn\" data-ucf-modal-close>\n Fermer\n <\/button>\n\n <span class=\"ucf-modal__timer\" data-ucf-modal-timer>Fermeture auto dans 8s<\/span>\n\n <\/div>\n<\/div>\n\n <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t <\/div>\r\n <\/div>\r\n \t\t\t<\/div>\n\t\t<\/section>\n\t\t <section class=\"elementor-section elementor-top-section elementor-element elementor-element-b9f1819 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default pxl-row-scroll-none pxl-zoom-point-false pxl-section-overflow-visible\" data-id=\"b9f1819\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"stretch_section":"section-stretched"}\">\n\n \n <div class=\"elementor-container elementor-column-gap-extended \">\n <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0a90e74 pxl-column-none pxl-column-overflow-hidden-no\" data-id=\"0a90e74\" data-element_type=\"column\" data-e-type=\"column\">\r\n <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n \r\n \t\t<div class=\"elementor-element elementor-element-9b69ef4 elementor-widget elementor-widget-html\" data-id=\"9b69ef4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>CTA Unidet \u2014 Contact<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\n<!--\nUNIDET \u2014 CTA Contact \u00b7 centr\u00e9 avec image de fond\nWidget HTML Elementor \u00b7 radius \u2264 10px\n-->\n\n<style>\n .ucta, .ucta * { box-sizing: border-box; }\n html, body { overflow-x: clip; }\n\n .elementor-widget-html:has(.ucta),\n .elementor-widget-html:has(.ucta) > .elementor-widget-container,\n .e-con:has(.ucta), .e-con-inner:has(.ucta),\n .elementor-section:has(.ucta), .elementor-container:has(.ucta),\n .elementor-column:has(.ucta), .elementor-widget-wrap:has(.ucta) {\n width: 100% !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: visible !important;\n }\n\n .ucta {\n --ucta-dark: #0A131C;\n --ucta-dark-2: #0F1A26;\n --ucta-gold: #D3AD72;\n --ucta-gold-hover: #E4C48C;\n --ucta-white: #FFFFFF;\n --ucta-muted: rgba(255, 255, 255, 0.72);\n --ucta-muted-2: rgba(255, 255, 255, 0.55);\n --ucta-mono: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;\n --ucta-image: url('https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?auto=format&fit=crop&w=2000&q=80');\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n width: 100vw;\n max-width: 100vw;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n padding: clamp(64px, 8vw, 120px) 0;\n color: var(--ucta-white);\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background: var(--ucta-dark);\n }\n\n .ucta__bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n background-image: var(--ucta-image);\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n filter: grayscale(0.4) brightness(0.9) contrast(1.05);\n pointer-events: none;\n }\n\n .ucta__overlay {\n position: absolute;\n inset: 0;\n z-index: 0;\n background:\n linear-gradient(180deg,\n rgba(10, 19, 28, 0.82) 0%,\n rgba(10, 19, 28, 0.86) 50%,\n rgba(10, 19, 28, 0.92) 100%),\n radial-gradient(circle at 50% 40%, rgba(211, 173, 114, 0.10), transparent 60%);\n pointer-events: none;\n }\n\n .ucta__inner {\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 clamp(24px, 4vw, 60px);\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n \/* ===== Kicker ===== *\/\n .ucta__kicker {\n display: inline-flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 22px;\n color: var(--ucta-gold);\n font-family: var(--ucta-mono);\n font-size: 11.5px;\n font-weight: 700;\n letter-spacing: 0.28em;\n text-transform: uppercase;\n }\n\n .ucta__kicker::before,\n .ucta__kicker::after {\n content: \"\";\n width: 32px;\n height: 1.5px;\n background: var(--ucta-gold);\n border-radius: 10px;\n }\n\n \/* ===== Titre ===== *\/\n .ucta__title {\n margin: 0 0 22px;\n color: #fff;\n font-size: clamp(34px, 5vw, 68px);\n line-height: 1.02;\n letter-spacing: -0.055em;\n font-weight: 950;\n max-width: 18ch;\n }\n\n .ucta__title em {\n font-style: normal;\n color: var(--ucta-gold);\n }\n\n \/* ===== Sous-titre ===== *\/\n .ucta__subtitle {\n margin: 0 0 40px;\n max-width: 62ch;\n color: var(--ucta-muted);\n font-size: clamp(15px, 1.15vw, 16.5px);\n line-height: 1.72;\n font-weight: 500;\n }\n\n .ucta__subtitle strong {\n color: #fff;\n font-weight: 800;\n }\n\n \/* ===== Actions ===== *\/\n .ucta__actions {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 14px;\n flex-wrap: wrap;\n margin-bottom: 44px;\n }\n\n .ucta__btn,\n .ucta__btn:visited,\n .ucta__btn:focus {\n min-height: 56px;\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 30px;\n border-radius: 10px;\n border: 1px solid transparent;\n text-decoration: none !important;\n font-size: 14.5px;\n line-height: 1.2;\n font-weight: 900;\n letter-spacing: -0.005em;\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;\n }\n\n .ucta__btn--primary {\n background: var(--ucta-gold);\n color: var(--ucta-dark) !important;\n box-shadow: 0 18px 38px rgba(211, 173, 114, 0.30);\n }\n\n .ucta__btn--primary::after {\n content: \"\u2192\";\n font-size: 16px;\n transition: transform .25s ease;\n }\n\n .ucta__btn--primary:hover {\n transform: translateY(-2px);\n background: var(--ucta-gold-hover);\n box-shadow: 0 24px 48px rgba(211, 173, 114, 0.46);\n }\n\n .ucta__btn--primary:hover::after { transform: translateX(4px); }\n\n .ucta__btn--ghost {\n background: transparent;\n border-color: rgba(255, 255, 255, 0.22);\n color: #fff !important;\n }\n\n .ucta__btn--ghost:hover {\n transform: translateY(-2px);\n background: rgba(255, 255, 255, 0.06);\n border-color: rgba(255, 255, 255, 0.40);\n }\n\n \/* ===== Trust bar ===== *\/\n .ucta__trust {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 0;\n margin: 0;\n padding: 22px 0 0;\n border-top: 1px solid rgba(255, 255, 255, 0.10);\n list-style: none;\n width: 100%;\n max-width: 820px;\n }\n\n .ucta__trust li {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n padding: 0 clamp(18px, 2.4vw, 32px);\n color: var(--ucta-muted);\n font-size: 13.5px;\n line-height: 1.4;\n font-weight: 600;\n white-space: nowrap;\n }\n\n .ucta__trust li + li {\n border-left: 1px solid rgba(255, 255, 255, 0.14);\n }\n\n .ucta__trust svg {\n flex-shrink: 0;\n color: var(--ucta-gold);\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media (max-width: 900px) {\n .ucta__trust li {\n font-size: 13px;\n padding: 0 18px;\n }\n }\n\n @media (max-width: 640px) {\n .ucta { padding: clamp(52px, 9vw, 88px) 0; }\n .ucta__inner { padding: 0 20px; }\n\n .ucta__kicker {\n font-size: 10.5px;\n letter-spacing: 0.22em;\n gap: 10px;\n margin-bottom: 18px;\n }\n .ucta__kicker::before,\n .ucta__kicker::after { width: 22px; }\n\n .ucta__title {\n font-size: 30px;\n line-height: 1.06;\n letter-spacing: -0.045em;\n margin-bottom: 18px;\n }\n\n .ucta__subtitle {\n font-size: 15px;\n line-height: 1.65;\n margin-bottom: 30px;\n }\n\n .ucta__actions {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n width: 100%;\n margin-bottom: 34px;\n }\n .ucta__btn {\n width: 100%;\n min-height: 54px;\n }\n\n .ucta__trust {\n flex-direction: column;\n gap: 12px;\n padding-top: 22px;\n max-width: none;\n }\n .ucta__trust li {\n padding: 0;\n white-space: normal;\n text-align: center;\n justify-content: center;\n }\n .ucta__trust li + li {\n border-left: none;\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n padding-top: 12px;\n width: 100%;\n }\n }\n\n @media (max-width: 420px) {\n .ucta__inner { padding: 0 16px; }\n\n .ucta__title { font-size: 27px; }\n .ucta__subtitle { font-size: 14.5px; }\n\n .ucta__trust li { font-size: 12.5px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .ucta *, .ucta *::before, .ucta *::after {\n transition: none !important;\n transform: none !important;\n }\n }\n<\/style>\n\n<section class=\"ucta\" id=\"cta-contact\">\n <div class=\"ucta__bg\" aria-hidden=\"true\"><\/div>\n <div class=\"ucta__overlay\" aria-hidden=\"true\"><\/div>\n\n <div class=\"ucta__inner\">\n\n <span class=\"ucta__kicker\">Une question urgente ?<\/span>\n\n <h2 class=\"ucta__title\">\n Ne restez pas dans le flou, <em>parlons-en<\/em>.\n <\/h2>\n\n <p class=\"ucta__subtitle\">\n <strong>Un expert Unidet vous r\u00e9pond personnellement sous 24h ouvr\u00e9es.<\/strong> D\u00e9crivez-nous votre situation \u2014 nous analysons votre dossier et vous orientons vers la meilleure strat\u00e9gie, sans frais ni engagement.\n <\/p>\n\n <div class=\"ucta__actions\">\n <a class=\"ucta__btn ucta__btn--primary\" href=\"tel:+33100000000\">\n Nous appeler maintenant\n <\/a>\n <a class=\"ucta__btn ucta__btn--ghost\" href=\"#ucf-form\">\n \u00c9crire un message\n <\/a>\n <\/div>\n\n <ul class=\"ucta__trust\">\n <li>\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <polyline points=\"20 6 9 17 4 12\"\/>\n <\/svg>\n R\u00e9ponse sous 24h ouvr\u00e9es\n <\/li>\n <li>\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <polyline points=\"20 6 9 17 4 12\"\/>\n <\/svg>\n \u00c9quipe 100% francophone\n <\/li>\n <li>\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <polyline points=\"20 6 9 17 4 12\"\/>\n <\/svg>\n Sans engagement\n <\/li>\n <\/ul>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t <\/div>\r\n <\/div>\r\n \t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero Unidet \u2014 Contact Parlons de votre dossier Contactez-nous Une question, un dossier \u00e0 confier, une situation particuli\u00e8re \u00e0 \u00e9voquer ? Notre \u00e9quipe d’experts vous r\u00e9pond personnellement sous 24h ouvr\u00e9es \u2014 par t\u00e9l\u00e9phone, email ou formulaire. Nous \u00e9crire Envoyer un email 24 h r\u00e9ponse ouvr\u00e9e +1200 entreprises nous font confiance 91 % de r\u00e9ussite amiable […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-19732","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/pages\/19732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/comments?post=19732"}],"version-history":[{"count":28,"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/pages\/19732\/revisions"}],"predecessor-version":[{"id":19776,"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/pages\/19732\/revisions\/19776"}],"wp:attachment":[{"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/media?parent=19732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}