Hero Unidet \u2014 \u00c0 propos<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\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 --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-a-propos\">\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\">\u00c0 propos d'Unidet<\/span>\n\n <h1 class=\"uhero__title\">Notre histoire<\/h1>\n\n <div class=\"uhero__rule\" aria-hidden=\"true\"><\/div>\n\n <p class=\"uhero__desc\">\n N\u00e9e de la conviction que le recouvrement peut \u00eatre plus humain, plus rapide et plus transparent, Unidet accompagne les entreprises dans la r\u00e9cup\u00e9ration de leurs cr\u00e9ances en France et \u00e0 l'international.\n <\/p>\n\n <div class=\"uhero__actions\">\n <a class=\"uhero__btn uhero__btn--primary\" href=\"#notre-mission\">\n D\u00e9couvrir notre mission\n <\/a>\n <a class=\"uhero__btn uhero__btn--ghost\" href=\"\/contact\/\">\n Nous contacter\n <\/a>\n <\/div>\n <\/div>\n\n <ul class=\"uhero__stats\">\n <li class=\"uhero__stat\">\n <strong>+500 <em>clients<\/em><\/strong>\n <span>nous font confiance<\/span>\n <\/li>\n <li class=\"uhero__stat\">\n <strong>15 <em>ans<\/em><\/strong>\n <span>d'exp\u00e9rience<\/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<div class=\"elementor-element elementor-element-a3ff2e1 e-con-full e-flex e-con e-parent \" data-id=\"a3ff2e1\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-74cc54b elementor-widget elementor-widget-html\" data-id=\"74cc54b\" 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>\u00c0 propos Unidet<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\n\n\n<style>\n .ua, .ua * { box-sizing: border-box; }\n html, body { overflow-x: clip; }\n\n .elementor-widget-html:has(.ua),\n .elementor-widget-html:has(.ua) > .elementor-widget-container,\n .e-con:has(.ua), .e-con-inner:has(.ua),\n .elementor-section:has(.ua), .elementor-container:has(.ua),\n .elementor-column:has(.ua), .elementor-widget-wrap:has(.ua) {\n width: 100% !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: visible !important;\n }\n\n .ua {\n --ua-dark: #121C27;\n --ua-dark-2: #0C141D;\n --ua-gold: #D3AD72;\n --ua-gold-dark: #B98E4E;\n --ua-gold-soft: rgba(211, 173, 114, 0.16);\n --ua-gold-line: rgba(211, 173, 114, 0.34);\n --ua-cream: #F7F4EF;\n --ua-cream-2: #EFE8DC;\n --ua-white: #FFFFFF;\n --ua-muted: #4B535D;\n --ua-muted-2: rgba(75, 83, 93, 0.55);\n --ua-line: rgba(18, 28, 39, 0.10);\n --ua-mono: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;\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, 100px) 0;\n color: var(--ua-dark);\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background:\n radial-gradient(circle at 8% 8%, rgba(211, 173, 114, 0.16), transparent 30%),\n radial-gradient(circle at 94% 92%, rgba(18, 28, 39, 0.05), transparent 34%),\n linear-gradient(135deg, #FFFFFF 0%, var(--ua-cream) 55%, var(--ua-cream-2) 100%);\n }\n\n .ua::after {\n content: \"\";\n position: absolute;\n width: 520px;\n height: 520px;\n right: -260px;\n bottom: -260px;\n z-index: -1;\n border-radius: 50%;\n border: 1px solid rgba(211, 173, 114, 0.16);\n box-shadow: 0 0 0 78px rgba(211, 173, 114, 0.03);\n pointer-events: none;\n }\n\n .ua__inner {\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 1760px;\n margin: 0 auto;\n padding: 0 clamp(24px, 4vw, 64px);\n }\n\n \/* ========== EN-T\u00caTE ========== *\/\n .ua__head {\n display: grid;\n grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);\n gap: clamp(32px, 5vw, 96px);\n align-items: end;\n padding-bottom: clamp(28px, 3vw, 44px);\n border-bottom: 1px solid var(--ua-line);\n margin-bottom: clamp(28px, 3vw, 44px);\n }\n\n .ua__kicker {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 18px;\n color: var(--ua-gold-dark);\n font-family: var(--ua-mono);\n font-size: 11.5px;\n font-weight: 700;\n letter-spacing: 0.28em;\n text-transform: uppercase;\n }\n\n .ua__kicker::before {\n content: \"\";\n width: 34px;\n height: 2px;\n border-radius: 10px;\n background: var(--ua-gold);\n }\n\n .ua__title {\n margin: 0;\n color: var(--ua-dark);\n font-size: clamp(34px, 4.2vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.055em;\n font-weight: 950;\n max-width: 16ch;\n }\n\n .ua__title em {\n font-style: normal;\n color: var(--ua-gold-dark);\n }\n\n .ua__intro {\n margin: 0;\n color: var(--ua-muted);\n font-size: 15.5px;\n line-height: 1.72;\n font-weight: 500;\n max-width: 58ch;\n }\n\n .ua__intro strong {\n color: var(--ua-dark);\n font-weight: 850;\n }\n\n \/* ========== BENTO ASYM\u00c9TRIQUE ========== *\/\n .ua__bento {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n grid-template-rows: auto auto auto;\n grid-template-areas:\n \"mission mission kpi\"\n \"vision vision kpi\"\n \"humain relations treso\";\n gap: clamp(14px, 1.4vw, 20px);\n }\n\n .ua__cell {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 14px;\n padding: clamp(24px, 2.4vw, 36px);\n border-radius: 10px;\n background: #FFFFFF;\n border: 1px solid var(--ua-line);\n box-shadow: 0 12px 32px rgba(18, 28, 39, 0.05);\n overflow: hidden;\n transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;\n }\n\n .ua__cell:hover {\n border-color: var(--ua-gold-line);\n box-shadow: 0 22px 50px rgba(18, 28, 39, 0.09);\n transform: translateY(-3px);\n }\n\n \/* Filet dor\u00e9 en haut de chaque cellule *\/\n .ua__cell::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 48px;\n height: 3px;\n background: var(--ua-gold);\n transition: width .4s cubic-bezier(.6,.2,.1,1);\n }\n\n .ua__cell:hover::before { width: 100%; }\n\n \/* En-t\u00eate de cellule : num + label *\/\n .ua__cell-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 14px;\n position: relative;\n z-index: 1;\n }\n\n .ua__cell-num {\n color: var(--ua-muted-2);\n font-family: var(--ua-mono);\n font-size: 11.5px;\n font-weight: 700;\n letter-spacing: 0.20em;\n transition: color .25s ease;\n }\n\n .ua__cell:hover .ua__cell-num {\n color: var(--ua-gold-dark);\n }\n\n .ua__cell h3 {\n margin: 0;\n color: var(--ua-dark);\n font-size: clamp(20px, 1.7vw, 26px);\n line-height: 1.18;\n letter-spacing: -0.032em;\n font-weight: 900;\n position: relative;\n z-index: 1;\n transition: color .25s ease;\n max-width: 16ch;\n }\n\n .ua__cell:hover h3 { color: var(--ua-gold-dark); }\n\n .ua__cell p {\n margin: 0;\n color: var(--ua-muted);\n font-size: 14.5px;\n line-height: 1.68;\n font-weight: 500;\n position: relative;\n z-index: 1;\n flex: 1;\n }\n\n \/* ========== MISSION (cellule grande) ========== *\/\n .ua__cell--mission {\n grid-area: mission;\n background:\n radial-gradient(circle at 100% 0%, rgba(211, 173, 114, 0.10), transparent 50%),\n #FFFFFF;\n border-color: rgba(211, 173, 114, 0.24);\n padding: clamp(28px, 3vw, 44px);\n gap: 18px;\n }\n\n .ua__cell--mission h3 {\n font-size: clamp(24px, 2.2vw, 32px);\n max-width: 14ch;\n }\n\n .ua__cell--mission p {\n font-size: 15px;\n line-height: 1.72;\n max-width: 62ch;\n }\n\n \/* ========== KPI (colonne verticale) ========== *\/\n .ua__cell--stat {\n grid-area: kpi;\n justify-content: space-between;\n gap: 22px;\n background:\n radial-gradient(circle at 100% 0%, rgba(211, 173, 114, 0.12), transparent 55%),\n #FFFFFF;\n border-color: rgba(211, 173, 114, 0.24);\n }\n\n .ua__stat-value {\n display: inline-flex;\n align-items: baseline;\n gap: 4px;\n color: var(--ua-dark);\n font-size: clamp(56px, 5.6vw, 92px);\n line-height: 0.86;\n letter-spacing: -0.055em;\n font-weight: 950;\n }\n\n .ua__stat-value em {\n font-style: normal;\n color: var(--ua-gold-dark);\n font-size: 0.42em;\n font-weight: 800;\n }\n\n .ua__stat-label {\n margin: 0;\n color: var(--ua-muted);\n font-size: 14px;\n line-height: 1.55;\n font-weight: 600;\n max-width: 24ch;\n }\n\n \/* ========== VISION (cellule large) ========== *\/\n .ua__cell--vision {\n grid-area: vision;\n padding: clamp(24px, 2.4vw, 36px);\n }\n\n .ua__cell--vision h3 {\n font-size: clamp(20px, 1.7vw, 26px);\n }\n\n .ua__cell--vision p {\n max-width: 80ch;\n }\n\n \/* ========== 3 PILIERS ========== *\/\n .ua__cell--humain { grid-area: humain; }\n .ua__cell--relations { grid-area: relations; }\n .ua__cell--treso { grid-area: treso; }\n\n \/* ========== RESPONSIVE ========== *\/\n @media (max-width: 1080px) {\n .ua__bento {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n grid-template-areas:\n \"mission mission\"\n \"kpi kpi\"\n \"vision vision\"\n \"humain relations\"\n \"treso treso\";\n }\n .ua__cell--stat {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 28px;\n padding: clamp(24px, 2.4vw, 32px);\n }\n .ua__stat-value { font-size: clamp(56px, 8vw, 80px); }\n .ua__stat-label { max-width: 32ch; }\n }\n\n @media (max-width: 900px) {\n .ua__head {\n grid-template-columns: 1fr;\n gap: 22px;\n align-items: start;\n }\n .ua__title { max-width: none; }\n .ua__intro { max-width: none; }\n }\n\n @media (max-width: 640px) {\n .ua { padding: clamp(44px, 8vw, 64px) 0; }\n .ua__inner { padding: 0 20px; }\n\n .ua__kicker {\n font-size: 10.5px;\n letter-spacing: 0.22em;\n margin-bottom: 14px;\n }\n .ua__kicker::before { width: 24px; }\n\n .ua__title {\n font-size: 30px;\n line-height: 1.06;\n letter-spacing: -0.045em;\n }\n\n .ua__intro { font-size: 15px; line-height: 1.68; }\n\n .ua__bento {\n grid-template-columns: 1fr;\n grid-template-areas:\n \"mission\"\n \"kpi\"\n \"vision\"\n \"humain\"\n \"relations\"\n \"treso\";\n gap: 12px;\n }\n\n .ua__cell {\n padding: 22px 20px;\n gap: 12px;\n }\n .ua__cell h3 { font-size: 19px; }\n .ua__cell p { font-size: 14.5px; }\n\n .ua__cell--stat {\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n gap: 12px;\n }\n .ua__stat-value { font-size: 54px; }\n .ua__stat-label { max-width: none; font-size: 13.5px; }\n }\n\n @media (max-width: 420px) {\n .ua__inner { padding: 0 16px; }\n .ua__title { font-size: 27px; }\n .ua__intro { font-size: 14.5px; }\n\n .ua__cell { padding: 20px 18px; }\n .ua__cell h3 { font-size: 18px; }\n .ua__cell p { font-size: 14px; }\n .ua__stat-value { font-size: 46px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .ua *, .ua *::before, .ua *::after {\n transition: none !important;\n transform: none !important;\n }\n }\n<\/style>\n\n<section class=\"ua\" id=\"a-propos-unidet\">\n <div class=\"ua__inner\">\n\n \n <header class=\"ua__head\">\n <div>\n <span class=\"ua__kicker\">\u00c0 propos d'Unidet<\/span>\n <h2 class=\"ua__title\">\n Transformez vos impay\u00e9s en <em>liquidit\u00e9s<\/em>.\n <\/h2>\n <\/div>\n <p class=\"ua__intro\">\n <strong>UNIDET a \u00e9t\u00e9 fond\u00e9e pour r\u00e9inventer le recouvrement : plus humain, plus rapide et plus efficace.<\/strong> Nous offrons des solutions sur mesure pour r\u00e9cup\u00e9rer vos cr\u00e9ances rapidement tout en pr\u00e9servant vos relations commerciales.\n <\/p>\n <\/header>\n\n \n <div class=\"ua__bento\">\n\n \n <article class=\"ua__cell ua__cell--mission\">\n <div class=\"ua__cell-head\">\n <span class=\"ua__cell-num\">01<\/span>\n <\/div>\n <h3>Notre mission<\/h3>\n <p>\n R\u00e9soudre les dettes rapidement, efficacement et humainement. Aider les cr\u00e9anciers \u00e0 r\u00e9cup\u00e9rer leur d\u00fb, tout en soutenant les d\u00e9biteurs \u00e0 sortir durablement de leurs difficult\u00e9s \u2014 afin de r\u00e9cup\u00e9rer les cr\u00e9ances sans conflit, par un accord gagnant-gagnant.\n <\/p>\n <\/article>\n\n \n <article class=\"ua__cell ua__cell--stat\">\n <div class=\"ua__cell-head\">\n <span class=\"ua__cell-num\">KPI<\/span>\n <\/div>\n <span class=\"ua__stat-value\">91 <em>%<\/em><\/span>\n <p class=\"ua__stat-label\">\n des impay\u00e9s trait\u00e9s avec succ\u00e8s en amiable, sans passer par le tribunal.\n <\/p>\n <\/article>\n\n \n <article class=\"ua__cell ua__cell--vision\">\n <div class=\"ua__cell-head\">\n <span class=\"ua__cell-num\">02<\/span>\n <\/div>\n <h3>Notre vision<\/h3>\n <p>\n Devenir le partenaire de confiance des entreprises, en garantissant des solutions de recouvrement innovantes pour s\u00e9curiser leur tr\u00e9sorerie et pr\u00e9server leurs relations professionnelles. Une approche transparente, ferme et durable.\n <\/p>\n <\/article>\n\n \n <article class=\"ua__cell ua__cell--humain\">\n <div class=\"ua__cell-head\">\n <span class=\"ua__cell-num\">03<\/span>\n <\/div>\n <h3>Recouvrement humain<\/h3>\n <p>\n La m\u00e9diation et le dialogue d'abord, avec fermet\u00e9 et m\u00e9thode \u2014 sans jamais d\u00e9grader la relation entre cr\u00e9ancier et d\u00e9biteur.\n <\/p>\n <\/article>\n\n \n <article class=\"ua__cell ua__cell--relations\">\n <div class=\"ua__cell-head\">\n <span class=\"ua__cell-num\">04<\/span>\n <\/div>\n <h3>Relations pr\u00e9serv\u00e9es<\/h3>\n <p>\n Pr\u00e9server vos partenaires commerciaux tout en assurant un r\u00e8glement rapide et d\u00e9finitif de vos cr\u00e9ances impay\u00e9es.\n <\/p>\n <\/article>\n\n \n <article class=\"ua__cell ua__cell--treso\">\n <div class=\"ua__cell-head\">\n <span class=\"ua__cell-num\">05<\/span>\n <\/div>\n <h3>Tr\u00e9sorerie s\u00e9curis\u00e9e<\/h3>\n <p>\n S\u00e9curiser votre tr\u00e9sorerie avec des solutions innovantes et une gestion transparente de chaque dossier.\n <\/p>\n <\/article>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-6996ea9 e-con-full e-flex e-con e-parent \" data-id=\"6996ea9\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-af3ed0b elementor-widget elementor-widget-html\" data-id=\"af3ed0b\" 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>Pourquoi choisir Unidet<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\n\n\n<style>\n .unidet-why-section,\n .unidet-why-section * { box-sizing: border-box; }\n\n html, body { overflow-x: clip; }\n\n .elementor-widget-html:has(.unidet-why-section),\n .elementor-widget-html:has(.unidet-why-section) > .elementor-widget-container,\n .e-con:has(.unidet-why-section),\n .e-con-inner:has(.unidet-why-section),\n .elementor-section:has(.unidet-why-section),\n .elementor-container:has(.unidet-why-section),\n .elementor-column:has(.unidet-why-section),\n .elementor-widget-wrap:has(.unidet-why-section) {\n width: 100% !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: visible !important;\n }\n\n .unidet-why-section {\n --unidet-dark: #121C27;\n --unidet-dark-2: #1A2A3A;\n --unidet-gold: #D3AD72;\n --unidet-gold-dark: #B98E4E;\n --unidet-bg: #F7F4EF;\n --unidet-bg-2: #EFE8DC;\n --unidet-white: #FFFFFF;\n --unidet-text: #121C27;\n --unidet-muted: #4B535D;\n --unidet-border: rgba(18, 28, 39, 0.10);\n --unidet-gold-border: rgba(211, 173, 114, 0.32);\n --unidet-img: url('https:\/\/unidet.com\/wp-content\/uploads\/2026\/05\/ab5.webp');\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(50% - 50vw) !important;\n margin-right: calc(50% - 50vw) !important;\n padding: clamp(74px, 7vw, 118px) 0;\n color: var(--unidet-text);\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background:\n radial-gradient(circle at 8% 10%, rgba(211, 173, 114, 0.18), transparent 28%),\n radial-gradient(circle at 92% 88%, rgba(18, 28, 39, 0.08), transparent 34%),\n linear-gradient(135deg, #FFFFFF 0%, var(--unidet-bg) 55%, var(--unidet-bg-2) 100%);\n }\n\n .unidet-why-section::after {\n content: \"\";\n position: absolute;\n width: 620px;\n height: 620px;\n left: -310px;\n bottom: -310px;\n z-index: -1;\n border-radius: 50%;\n border: 1px solid rgba(211, 173, 114, 0.20);\n box-shadow: 0 0 0 90px rgba(211, 173, 114, 0.035);\n pointer-events: none;\n }\n\n .unidet-why-container {\n width: 100%;\n max-width: 1760px;\n margin: 0 auto;\n padding-left: clamp(24px, 4vw, 64px);\n padding-right: clamp(24px, 4vw, 64px);\n }\n\n .unidet-why-layout {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n gap: clamp(36px, 5vw, 96px);\n align-items: center;\n }\n\n \/* ===== IMAGE AVEC TEXTE DYNAMIQUE ===== *\/\n .unidet-why-media {\n position: relative;\n min-height: 620px;\n border-radius: 10px;\n overflow: hidden;\n background:\n linear-gradient(180deg, rgba(18,28,39,0.02), rgba(18,28,39,0.25)),\n var(--unidet-img);\n background-size: cover;\n background-position: center;\n border: 1px solid rgba(211, 173, 114, 0.30);\n box-shadow: 0 30px 80px rgba(18, 28, 39, 0.14);\n }\n\n .unidet-why-media::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n linear-gradient(135deg, rgba(18,28,39,0.50), transparent 46%),\n linear-gradient(0deg, rgba(18,28,39,0.55) 0%, transparent 40%),\n radial-gradient(circle at 75% 30%, rgba(211,173,114,0.16), transparent 30%);\n pointer-events: none;\n }\n\n \/* Texte dynamique sur l'image \u2014 sans encart, lisible par contraste *\/\n .unidet-why-float {\n position: absolute;\n left: 32px;\n bottom: 32px;\n right: 32px;\n max-width: 420px;\n z-index: 1;\n color: #fff;\n pointer-events: none;\n transition: opacity .3s ease;\n }\n\n .unidet-why-float strong {\n display: block;\n margin-bottom: 8px;\n color: #fff;\n font-size: clamp(38px, 3.6vw, 52px);\n line-height: 0.95;\n letter-spacing: -0.045em;\n font-weight: 950;\n text-shadow: 0 4px 24px rgba(18,28,39,0.55);\n }\n\n .unidet-why-float strong::after {\n content: \"\";\n display: block;\n width: 48px;\n height: 3px;\n margin-top: 14px;\n border-radius: 10px;\n background: var(--unidet-gold);\n box-shadow: 0 4px 16px rgba(0,0,0,0.30);\n }\n\n .unidet-why-float span {\n display: block;\n max-width: 36ch;\n color: rgba(255, 255, 255, 0.92);\n font-size: 14.5px;\n line-height: 1.5;\n font-weight: 650;\n text-shadow: 0 2px 14px rgba(18,28,39,0.55);\n }\n\n \/* ===== CONTENU ===== *\/\n .unidet-why-content { position: relative; }\n\n .unidet-why-kicker {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n width: fit-content;\n margin-bottom: 16px;\n color: var(--unidet-gold-dark);\n font-size: 13px;\n font-weight: 900;\n letter-spacing: 0.32em;\n text-transform: uppercase;\n }\n\n .unidet-why-kicker::before {\n content: \"\";\n width: 38px;\n height: 2px;\n border-radius: 10px;\n background: var(--unidet-gold);\n }\n\n .unidet-why-title {\n margin: 0;\n color: var(--unidet-dark);\n font-size: clamp(38px, 4.4vw, 68px);\n line-height: 1.02;\n letter-spacing: -0.058em;\n font-weight: 950;\n }\n\n .unidet-why-title span { color: var(--unidet-gold-dark); }\n\n .unidet-why-intro {\n max-width: 720px;\n margin: 22px 0 30px;\n color: var(--unidet-muted);\n font-size: 16px;\n line-height: 1.76;\n font-weight: 500;\n }\n\n .unidet-why-reasons {\n display: grid;\n gap: 12px;\n margin: 0 0 34px;\n }\n\n .unidet-why-reason {\n position: relative;\n width: 100%;\n min-height: 72px;\n display: grid;\n grid-template-columns: auto 1fr auto;\n gap: 16px;\n align-items: center;\n padding: 16px 18px;\n border-radius: 10px;\n border: 1px solid rgba(18, 28, 39, 0.10);\n background: rgba(255,255,255,0.74);\n box-shadow: 0 12px 34px rgba(18,28,39,0.055);\n color: var(--unidet-dark);\n text-align: left;\n cursor: pointer;\n overflow: hidden;\n transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;\n }\n\n .unidet-why-reason::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 4px;\n background: var(--unidet-gold);\n transform: scaleY(0.2);\n transform-origin: center;\n transition: transform .22s ease;\n }\n\n .unidet-why-reason:hover,\n .unidet-why-reason.is-active {\n transform: translateX(8px);\n border-color: rgba(211, 173, 114, 0.46);\n background: #FFFFFF;\n box-shadow: 0 20px 48px rgba(18,28,39,0.10);\n }\n\n .unidet-why-reason:hover::before,\n .unidet-why-reason.is-active::before {\n transform: scaleY(1);\n }\n\n .unidet-why-reason-num {\n width: 42px;\n height: 42px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: rgba(211, 173, 114, 0.16);\n color: var(--unidet-gold-dark);\n font-size: 13px;\n font-weight: 950;\n }\n\n .unidet-why-reason-text {\n color: var(--unidet-dark);\n font-size: 16.5px;\n line-height: 1.35;\n font-weight: 820;\n }\n\n .unidet-why-reason-arrow {\n width: 34px;\n height: 34px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: var(--unidet-dark);\n color: #fff;\n font-size: 17px;\n transform: translateX(0);\n transition: transform .22s ease, background .22s ease, color .22s ease;\n }\n\n .unidet-why-reason:hover .unidet-why-reason-arrow,\n .unidet-why-reason.is-active .unidet-why-reason-arrow {\n transform: translateX(4px);\n background: var(--unidet-gold);\n color: var(--unidet-dark);\n }\n\n .unidet-why-mobile-list { display: none; }\n\n .unidet-why-cta-row {\n display: flex;\n align-items: center;\n gap: 14px;\n flex-wrap: wrap;\n }\n\n \/* Bouton avec fl\u00e8che \u2192 restaur\u00e9e *\/\n .unidet-why-btn,\n .unidet-why-btn:visited,\n .unidet-why-btn:focus {\n min-height: 54px;\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 28px;\n border-radius: 10px;\n border: 1px solid var(--unidet-dark);\n background: var(--unidet-dark);\n color: #fff !important;\n text-decoration: none !important;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 900;\n box-shadow: 0 18px 34px rgba(18,28,39,0.16);\n transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;\n }\n\n .unidet-why-btn::after {\n content: \"\u2192\";\n font-size: 17px;\n transition: transform .25s ease;\n }\n\n .unidet-why-btn:hover {\n transform: translateY(-2px);\n background: var(--unidet-gold);\n border-color: var(--unidet-gold);\n color: var(--unidet-dark) !important;\n }\n\n .unidet-why-btn:hover::after {\n transform: translateX(4px);\n }\n\n .unidet-why-mini-note {\n color: var(--unidet-muted);\n font-size: 13px;\n line-height: 1.45;\n font-weight: 650;\n }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 1060px) {\n .unidet-why-layout {\n grid-template-columns: 1fr;\n gap: 36px;\n }\n .unidet-why-media { min-height: 460px; }\n }\n\n @media (max-width: 640px) {\n .unidet-why-section {\n padding-top: 68px;\n padding-bottom: 68px;\n }\n .unidet-why-container {\n padding-left: 20px;\n padding-right: 20px;\n }\n .unidet-why-media {\n min-height: 400px;\n border-radius: 10px;\n }\n\n .unidet-why-float {\n left: 20px;\n right: 20px;\n bottom: 20px;\n max-width: none;\n }\n\n .unidet-why-float strong {\n font-size: 34px;\n margin-bottom: 6px;\n }\n\n .unidet-why-float strong::after {\n width: 40px;\n margin-top: 10px;\n }\n\n .unidet-why-float span {\n font-size: 13.5px;\n line-height: 1.45;\n }\n\n .unidet-why-kicker {\n font-size: 11px;\n letter-spacing: 0.20em;\n }\n .unidet-why-kicker::before { width: 26px; }\n\n .unidet-why-title {\n font-size: 34px;\n line-height: 1.08;\n letter-spacing: -0.045em;\n }\n\n .unidet-why-intro {\n font-size: 15.5px;\n line-height: 1.7;\n margin-bottom: 24px;\n }\n\n .unidet-why-reasons { display: none; }\n\n .unidet-why-mobile-list {\n display: grid;\n gap: 10px;\n margin: 0 0 28px;\n padding: 0;\n list-style: none;\n }\n\n .unidet-why-mobile-list li {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 12px;\n align-items: start;\n padding: 16px;\n border-radius: 10px;\n background: #fff;\n border: 1px solid rgba(211, 173, 114, 0.28);\n color: var(--unidet-dark);\n font-size: 15px;\n line-height: 1.45;\n font-weight: 760;\n box-shadow: 0 12px 32px rgba(18,28,39,0.06);\n }\n\n .unidet-why-mobile-list li span {\n width: 32px;\n height: 32px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: rgba(211, 173, 114, 0.16);\n color: var(--unidet-gold-dark);\n font-size: 12px;\n font-weight: 950;\n }\n\n .unidet-why-cta-row {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n }\n .unidet-why-btn { width: 100%; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .unidet-why-section *,\n .unidet-why-reason,\n .unidet-why-btn {\n transition: none !important;\n transform: none !important;\n }\n }\n<\/style>\n\n<section class=\"unidet-why-section\" id=\"pourquoi-unidet\">\n <div class=\"unidet-why-container\">\n <div class=\"unidet-why-layout\">\n\n \n <div class=\"unidet-why-media\" aria-label=\"Pourquoi choisir Unidet\">\n <div class=\"unidet-why-float\">\n <strong>30 jours<\/strong>\n <span>Recouvrement rapide : r\u00e9sultats en moins de 30 jours<\/span>\n <\/div>\n <\/div>\n\n <div class=\"unidet-why-content\">\n <div class=\"unidet-why-kicker\">Optimisez vos cr\u00e9ances avec notre expertise<\/div>\n\n <h2 class=\"unidet-why-title\">Pourquoi choisir <span>Unidet ?<\/span><\/h2>\n\n <p class=\"unidet-why-intro\">\n Expertise \u00e0 votre service pour r\u00e9cup\u00e9rer vos cr\u00e9ances rapidement, efficacement et sans nuire \u00e0 vos relations commerciales, tout en assurant une gestion transparente et professionnelle.\n <\/p>\n\n <div class=\"unidet-why-reasons\" aria-label=\"Avantages Unidet\">\n\n <button class=\"unidet-why-reason\" type=\"button\" data-unidet-why-reason=\"0\">\n <span class=\"unidet-why-reason-num\">01<\/span>\n <span class=\"unidet-why-reason-text\">Recouvrement rapide : r\u00e9sultats en moins de 30 jours<\/span>\n <span class=\"unidet-why-reason-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/button>\n\n <button class=\"unidet-why-reason is-active\" type=\"button\" data-unidet-why-reason=\"1\">\n <span class=\"unidet-why-reason-num\">02<\/span>\n <span class=\"unidet-why-reason-text\">Z\u00e9ro frais \u00e0 l'avance \u2013 paiement uniquement en cas de succ\u00e8s<\/span>\n <span class=\"unidet-why-reason-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/button>\n\n <button class=\"unidet-why-reason\" type=\"button\" data-unidet-why-reason=\"2\">\n <span class=\"unidet-why-reason-num\">03<\/span>\n <span class=\"unidet-why-reason-text\">Dossier pris en charge le jour m\u00eame<\/span>\n <span class=\"unidet-why-reason-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/button>\n\n <button class=\"unidet-why-reason\" type=\"button\" data-unidet-why-reason=\"3\">\n <span class=\"unidet-why-reason-num\">04<\/span>\n <span class=\"unidet-why-reason-text\">R\u00e9mun\u00e9ration au succ\u00e8s, \u00e0 partir de 12 %<\/span>\n <span class=\"unidet-why-reason-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/button>\n\n <\/div>\n\n <ul class=\"unidet-why-mobile-list\" aria-label=\"Avantages Unidet mobile\">\n <li><span>01<\/span> Recouvrement rapide : r\u00e9sultats en moins de 30 jours<\/li>\n <li><span>02<\/span> Z\u00e9ro frais \u00e0 l'avance \u2013 paiement uniquement en cas de succ\u00e8s<\/li>\n <li><span>03<\/span> Dossier pris en charge le jour m\u00eame<\/li>\n <li><span>04<\/span> R\u00e9mun\u00e9ration au succ\u00e8s, \u00e0 partir de 12 %<\/li>\n <\/ul>\n\n <div class=\"unidet-why-cta-row\">\n <a class=\"unidet-why-btn\" href=\"https:\/\/app.unidet.com\/register\">\n D\u00e9posez votre dossier maintenant\n <\/a>\n <span class=\"unidet-why-mini-note\">Sans frais \u00e0 l'avance, paiement uniquement en cas de succ\u00e8s.<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n (function () {\n function initUnidetWhySection() {\n var section = document.querySelector('.unidet-why-section');\n if (!section || section.dataset.unidetWhyReady) return;\n section.dataset.unidetWhyReady = '1';\n\n var buttons = section.querySelectorAll('[data-unidet-why-reason]');\n var floatStrong = section.querySelector('.unidet-why-float strong');\n var floatText = section.querySelector('.unidet-why-float span');\n\n var data = [\n { number: '30 jours', text: 'Recouvrement rapide : r\u00e9sultats en moins de 30 jours' },\n { number: '0 \u20ac', text: 'Z\u00e9ro frais \u00e0 l\\'avance \u2013 paiement uniquement en cas de succ\u00e8s' },\n { number: 'Aujourd\\'hui', text: 'Dossier pris en charge le jour m\u00eame' },\n { number: '12 %', text: 'R\u00e9mun\u00e9ration au succ\u00e8s, \u00e0 partir de 12 %' }\n ];\n\n buttons.forEach(function (button) {\n button.addEventListener('mouseenter', function () {\n var index = parseInt(button.getAttribute('data-unidet-why-reason'), 10);\n buttons.forEach(function (item) { item.classList.remove('is-active'); });\n button.classList.add('is-active');\n\n if (data[index] && floatStrong && floatText) {\n floatStrong.textContent = data[index].number;\n floatText.textContent = data[index].text;\n }\n });\n\n button.addEventListener('focus', function () {\n var event = new Event('mouseenter');\n button.dispatchEvent(event);\n });\n });\n }\n\n document.addEventListener('DOMContentLoaded', initUnidetWhySection);\n setTimeout(initUnidetWhySection, 500);\n })();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-7cecd12 e-con-full e-flex e-con e-parent \" data-id=\"7cecd12\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-582864b elementor-widget elementor-widget-html\" data-id=\"582864b\" 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>Section engagements \u2014 Unidet<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\n\n\n<style>\n .ue, .ue * { box-sizing: border-box; }\n html, body { overflow-x: clip; }\n\n .elementor-widget-html:has(.ue),\n .elementor-widget-html:has(.ue) > .elementor-widget-container,\n .e-con:has(.ue), .e-con-inner:has(.ue),\n .elementor-section:has(.ue), .elementor-container:has(.ue),\n .elementor-column:has(.ue), .elementor-widget-wrap:has(.ue) {\n width: 100% !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: visible !important;\n }\n\n .ue {\n --ue-dark: #121C27;\n --ue-gold: #D3AD72;\n --ue-gold-dark: #B98E4E;\n --ue-gold-soft: rgba(211, 173, 114, 0.14);\n --ue-cream: #FAF6EF;\n --ue-cream-2: #F4EEE2;\n --ue-muted: #4B535D;\n --ue-muted-2: rgba(75, 83, 93, 0.60);\n --ue-line: rgba(18, 28, 39, 0.10);\n --ue-line-strong: rgba(18, 28, 39, 0.14);\n --ue-mono: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;\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(48px, 5vw, 80px) 0;\n color: var(--ue-dark);\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background: linear-gradient(180deg, #FFFFFF 0%, var(--ue-cream) 100%);\n }\n\n .ue__inner {\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 1920px;\n margin: 0 auto;\n padding: 0 clamp(24px, 4vw, 80px);\n }\n\n \/* ========== GRILLE 3 COLONNES (forc\u00e9e) ========== *\/\n .ue__grid {\n display: grid !important;\n grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n gap: clamp(24px, 2.6vw, 48px);\n align-items: start;\n width: 100%;\n }\n\n \/* ========== COLONNE ========== *\/\n .ue__col {\n position: relative;\n display: flex;\n gap: clamp(14px, 1.4vw, 20px);\n align-items: flex-start;\n min-width: 0;\n width: 100%;\n }\n\n \/* ===== Cercle ic\u00f4ne \u2014 plus compact sur desktop ===== *\/\n .ue__icon {\n position: relative;\n flex: 0 0 auto;\n width: clamp(52px, 4vw, 60px);\n height: clamp(52px, 4vw, 60px);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: #FFFFFF;\n border: 1.5px solid var(--ue-gold-soft);\n color: var(--ue-gold-dark);\n box-shadow:\n 0 8px 20px rgba(18, 28, 39, 0.05),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: background .3s ease, border-color .3s ease, color .3s ease, box-shadow .3s ease, transform .3s ease;\n }\n\n .ue__icon svg {\n width: 44%;\n height: 44%;\n display: block;\n stroke: currentColor;\n fill: none;\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform .3s ease;\n }\n\n .ue__col:hover .ue__icon {\n background: var(--ue-gold);\n border-color: var(--ue-gold);\n color: #FFFFFF;\n box-shadow:\n 0 14px 30px rgba(211, 173, 114, 0.34),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n transform: translateY(-2px);\n }\n\n .ue__col:hover .ue__icon svg {\n transform: scale(1.06);\n }\n\n \/* ===== Corps ===== *\/\n .ue__body {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-top: 4px;\n }\n\n .ue__body h3 {\n margin: 0;\n color: var(--ue-dark);\n font-size: clamp(16px, 1.35vw, 20px);\n line-height: 1.25;\n letter-spacing: -0.025em;\n font-weight: 900;\n transition: color .25s ease;\n word-wrap: break-word;\n }\n\n .ue__col:hover .ue__body h3 {\n color: var(--ue-gold-dark);\n }\n\n \/* Ligne dor\u00e9e sous le titre *\/\n .ue__body h3::after {\n content: \"\";\n display: block;\n width: 28px;\n height: 2px;\n margin-top: 10px;\n border-radius: 10px;\n background: var(--ue-gold);\n transition: width .35s cubic-bezier(.6,.2,.1,1);\n }\n\n .ue__col:hover .ue__body h3::after {\n width: 56px;\n }\n\n .ue__body p {\n margin: 0;\n color: var(--ue-muted);\n font-size: 14px;\n line-height: 1.62;\n font-weight: 500;\n max-width: none;\n }\n\n \/* ========== RESPONSIVE ========== *\/\n\n \/* Tablette large \u2014 3 colonnes serr\u00e9es *\/\n @media (max-width: 1200px) {\n .ue__grid {\n gap: 24px;\n }\n .ue__icon {\n width: 48px;\n height: 48px;\n }\n .ue__body h3 { font-size: 16.5px; }\n .ue__body p { font-size: 13.5px; }\n }\n\n \/* Tablette portrait \u2014 1 colonne *\/\n @media (max-width: 900px) {\n .ue__grid {\n grid-template-columns: 1fr !important;\n gap: 28px;\n }\n .ue__col {\n padding-bottom: 28px;\n border-bottom: 1px solid var(--ue-line);\n gap: 18px;\n }\n .ue__col:last-child {\n padding-bottom: 0;\n border-bottom: none;\n }\n .ue__icon {\n width: 56px;\n height: 56px;\n }\n .ue__body h3 { font-size: 18px; }\n .ue__body p { font-size: 14.5px; }\n }\n\n \/* Mobile *\/\n @media (max-width: 640px) {\n .ue { padding: clamp(40px, 8vw, 60px) 0; }\n .ue__inner { padding: 0 20px; }\n\n .ue__grid { gap: 24px; }\n\n .ue__col {\n gap: 16px;\n padding-bottom: 24px;\n }\n\n .ue__icon {\n width: 52px;\n height: 52px;\n }\n .ue__icon svg { stroke-width: 2; }\n\n .ue__body h3 { font-size: 17px; }\n .ue__body h3::after { margin-top: 10px; }\n .ue__body p { font-size: 14.5px; }\n }\n\n @media (max-width: 420px) {\n .ue__inner { padding: 0 16px; }\n\n .ue__col {\n flex-direction: column;\n gap: 14px;\n }\n\n .ue__icon {\n width: 48px;\n height: 48px;\n }\n\n .ue__body h3 { font-size: 17px; }\n .ue__body p { font-size: 14px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .ue *, .ue *::before, .ue *::after {\n transition: none !important;\n transform: none !important;\n }\n }\n<\/style>\n\n<section class=\"ue\" id=\"unidet-engagements\">\n <div class=\"ue__inner\">\n <div class=\"ue__grid\">\n\n \n <article class=\"ue__col\">\n <span class=\"ue__icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"\/>\n <\/svg>\n <\/span>\n <div class=\"ue__body\">\n <h3>R\u00e9cup\u00e9ration rapide<\/h3>\n <p>Nous nous engageons \u00e0 r\u00e9cup\u00e9rer vos cr\u00e9ances dans les d\u00e9lais les plus courts possibles.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"ue__col\">\n <span class=\"ue__icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" ry=\"2\"\/>\n <line x1=\"9\" y1=\"10\" x2=\"15\" y2=\"10\"\/>\n <line x1=\"9\" y1=\"14\" x2=\"13\" y2=\"14\"\/>\n <\/svg>\n <\/span>\n <div class=\"ue__body\">\n <h3>Transparence totale<\/h3>\n <p>Aucune surprise avec nos frais, vous ne payez que si nous r\u00e9cup\u00e9rons vos cr\u00e9ances.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"ue__col\">\n <span class=\"ue__icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\n <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\n <\/svg>\n <\/span>\n <div class=\"ue__body\">\n <h3>Respect des relations commerciales<\/h3>\n <p>Nous adoptons une approche respectueuse et amiable pour pr\u00e9server vos partenariats commerciaux.<\/p>\n <\/div>\n <\/article>\n\n <\/div>\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-4a2ae87 e-con-full e-flex e-con e-parent \" data-id=\"4a2ae87\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-8aa84ec elementor-widget elementor-widget-html\" data-id=\"8aa84ec\" 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>Chiffres Unidet<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\n\n\n<style>\n .us, .us * { box-sizing: border-box; }\n html, body { overflow-x: clip; }\n\n .elementor-widget-html:has(.us),\n .elementor-widget-html:has(.us) > .elementor-widget-container,\n .e-con:has(.us), .e-con-inner:has(.us),\n .elementor-section:has(.us), .elementor-container:has(.us),\n .elementor-column:has(.us), .elementor-widget-wrap:has(.us) {\n width: 100% !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: visible !important;\n }\n\n .us {\n --us-dark: #121C27;\n --us-gold: #D3AD72;\n --us-gold-dark: #B98E4E;\n --us-gold-soft: rgba(211, 173, 114, 0.16);\n --us-gold-line: rgba(211, 173, 114, 0.32);\n --us-cream: #F7F4EF;\n --us-cream-2: #EFE8DC;\n --us-muted: #4B535D;\n --us-muted-2: rgba(75, 83, 93, 0.60);\n --us-line: rgba(18, 28, 39, 0.10);\n --us-line-strong: rgba(18, 28, 39, 0.16);\n --us-mono: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;\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(--us-dark);\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background: linear-gradient(180deg, #FFFFFF 0%, var(--us-cream) 55%, var(--us-cream-2) 100%);\n }\n\n .us::after {\n content: \"\";\n position: absolute;\n width: 520px;\n height: 520px;\n left: -260px;\n bottom: -260px;\n z-index: -1;\n border-radius: 50%;\n border: 1px solid rgba(211, 173, 114, 0.16);\n box-shadow: 0 0 0 78px rgba(211, 173, 114, 0.03);\n pointer-events: none;\n }\n\n \/* Conteneur pleine largeur *\/\n .us__inner {\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 1920px;\n margin: 0 auto;\n padding: 0 clamp(24px, 4vw, 80px);\n }\n\n \/* ========== SPLIT ========== *\/\n .us__split {\n display: grid;\n grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);\n gap: clamp(40px, 5vw, 120px);\n align-items: center;\n }\n\n \/* ========== COLONNE GAUCHE ========== *\/\n .us__content {\n display: flex;\n flex-direction: column;\n gap: 24px;\n max-width: 620px;\n }\n\n .us__kicker {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n color: var(--us-gold-dark);\n font-family: var(--us-mono);\n font-size: 11.5px;\n font-weight: 700;\n letter-spacing: 0.28em;\n text-transform: uppercase;\n }\n\n .us__kicker::before {\n content: \"\";\n width: 34px;\n height: 2px;\n border-radius: 10px;\n background: var(--us-gold);\n }\n\n .us__title {\n margin: 0;\n color: var(--us-dark);\n font-size: clamp(32px, 3.8vw, 60px);\n line-height: 1.04;\n letter-spacing: -0.055em;\n font-weight: 950;\n max-width: 14ch;\n }\n\n .us__title em {\n font-style: normal;\n color: var(--us-gold-dark);\n }\n\n .us__intro {\n margin: 0;\n color: var(--us-muted);\n font-size: 15.5px;\n line-height: 1.72;\n font-weight: 500;\n max-width: 52ch;\n }\n\n \/* Liste de r\u00e9assurance *\/\n .us__trust {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin: 0;\n padding: 24px 0 0;\n border-top: 1px solid var(--us-line);\n list-style: none;\n }\n\n .us__trust li {\n display: flex;\n align-items: center;\n gap: 12px;\n color: var(--us-dark);\n font-size: 14.5px;\n font-weight: 700;\n }\n\n .us__trust li::before {\n content: \"\u2713\";\n width: 22px;\n height: 22px;\n flex: 0 0 22px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: var(--us-gold-soft);\n color: var(--us-gold-dark);\n font-size: 12px;\n font-weight: 950;\n }\n\n \/* ========== COLONNE DROITE \u2014 BLOC CHIFFRES UNIFI\u00c9 ========== *\/\n .us__numbers {\n position: relative;\n display: grid;\n grid-template-columns: 1fr 1fr;\n border-radius: 10px;\n background:\n radial-gradient(circle at 100% 0%, rgba(211, 173, 114, 0.08), transparent 45%),\n #FFFFFF;\n border: 1px solid var(--us-line);\n box-shadow: 0 24px 60px rgba(18, 28, 39, 0.08);\n overflow: hidden;\n }\n\n \/* Ligne horizontale de s\u00e9paration *\/\n .us__numbers::before {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n top: 50%;\n height: 1px;\n background: var(--us-line);\n pointer-events: none;\n }\n\n \/* Colonne verticale de s\u00e9paration *\/\n .us__numbers::after {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 50%;\n width: 1px;\n background: var(--us-line);\n pointer-events: none;\n }\n\n \/* Chaque cellule *\/\n .us__stat {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: clamp(32px, 3.4vw, 56px);\n transition: background .25s ease;\n }\n\n .us__stat:hover {\n background: rgba(211, 173, 114, 0.04);\n }\n\n .us__stat::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 3px;\n background: var(--us-gold);\n transition: width .4s cubic-bezier(.6,.2,.1,1);\n }\n\n .us__stat:hover::before {\n width: 100%;\n }\n\n \/* Num\u00e9ro *\/\n .us__num {\n display: inline-flex;\n align-items: baseline;\n gap: 4px;\n color: var(--us-dark);\n font-size: clamp(44px, 4.8vw, 78px);\n line-height: 0.88;\n letter-spacing: -0.055em;\n font-weight: 950;\n font-variant-numeric: tabular-nums;\n transition: color .25s ease;\n }\n\n .us__num em {\n font-style: normal;\n color: var(--us-gold-dark);\n font-size: 0.44em;\n font-weight: 800;\n letter-spacing: -0.02em;\n }\n\n .us__stat:hover .us__num {\n color: var(--us-gold-dark);\n }\n\n \/* Titre *\/\n .us__stat h3 {\n margin: 0;\n color: var(--us-dark);\n font-size: clamp(15px, 1.2vw, 18px);\n line-height: 1.3;\n letter-spacing: -0.02em;\n font-weight: 850;\n transition: color .25s ease;\n }\n\n .us__stat:hover h3 {\n color: var(--us-gold-dark);\n }\n\n \/* Description *\/\n .us__stat p {\n margin: 0;\n color: var(--us-muted);\n font-size: 13.5px;\n line-height: 1.6;\n font-weight: 500;\n max-width: 38ch;\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media (max-width: 1080px) {\n .us__split {\n grid-template-columns: 1fr;\n gap: 44px;\n }\n .us__content { max-width: none; }\n .us__title { max-width: none; }\n .us__intro { max-width: none; }\n .us__numbers {\n max-width: 780px;\n width: 100%;\n margin: 0 auto;\n }\n }\n\n @media (max-width: 640px) {\n .us { padding: clamp(44px, 8vw, 64px) 0; }\n .us__inner { padding: 0 20px; }\n\n .us__content { gap: 18px; }\n\n .us__kicker {\n font-size: 10.5px;\n letter-spacing: 0.22em;\n }\n .us__kicker::before { width: 24px; }\n\n .us__title {\n font-size: 28px;\n line-height: 1.06;\n letter-spacing: -0.045em;\n }\n\n .us__intro { font-size: 15px; line-height: 1.68; }\n\n .us__trust {\n padding-top: 20px;\n gap: 10px;\n }\n .us__trust li { font-size: 14px; }\n .us__trust li::before {\n width: 20px;\n height: 20px;\n flex-basis: 20px;\n font-size: 11px;\n }\n\n .us__stat {\n padding: 22px 20px;\n gap: 10px;\n }\n .us__num { font-size: 38px; }\n .us__stat h3 { font-size: 14px; }\n .us__stat p { font-size: 13px; max-width: none; }\n }\n\n @media (max-width: 420px) {\n .us__inner { padding: 0 16px; }\n\n .us__title { font-size: 26px; }\n .us__intro { font-size: 14.5px; }\n .us__trust li { font-size: 13.5px; }\n\n .us__numbers {\n grid-template-columns: 1fr;\n }\n .us__numbers::before,\n .us__numbers::after { display: none; }\n\n .us__stat {\n padding: 22px 20px;\n border-bottom: 1px solid var(--us-line);\n }\n .us__stat:last-child { border-bottom: none; }\n\n .us__num { font-size: 40px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .us *, .us *::before, .us *::after {\n transition: none !important;\n transform: none !important;\n }\n }\n<\/style>\n\n<section class=\"us\" id=\"chiffres-unidet\">\n <div class=\"us__inner\">\n <div class=\"us__split\">\n\n \n <div class=\"us__content\">\n <span class=\"us__kicker\">Nos chiffres cl\u00e9s<\/span>\n\n <h2 class=\"us__title\">\n Des r\u00e9sultats qui parlent <em>pour Unidet<\/em>\n <\/h2>\n\n <p class=\"us__intro\">\n Une vision claire de notre impact : entreprises accompagn\u00e9es, cr\u00e9ances r\u00e9cup\u00e9r\u00e9es et expertise construite dans le recouvrement amiable et judiciaire.\n <\/p>\n\n <ul class=\"us__trust\">\n <li>0 \u20ac \u00e0 avancer sur votre dossier<\/li>\n <li>R\u00e9ponse sous 24h ouvr\u00e9es<\/li>\n <li>R\u00e9sultats possibles en moins de 30 jours<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"us__numbers\">\n\n <article class=\"us__stat\">\n <span class=\"us__num\">\n <span data-us-counter data-target=\"1200\">0<\/span>\n <em>+<\/em>\n <\/span>\n <h3>Entreprises satisfaites<\/h3>\n <p>Des entreprises accompagn\u00e9es avec une m\u00e9thode claire et orient\u00e9e r\u00e9sultat.<\/p>\n <\/article>\n\n <article class=\"us__stat\">\n <span class=\"us__num\">\n <span data-us-counter data-target=\"8\">0<\/span>\n <em>M\u20ac<\/em>\n <\/span>\n <h3>Millions d'euros r\u00e9cup\u00e9r\u00e9s<\/h3>\n <p>Des cr\u00e9ances trait\u00e9es avec rigueur pour s\u00e9curiser la tr\u00e9sorerie des clients.<\/p>\n <\/article>\n\n <article class=\"us__stat\">\n <span class=\"us__num\">\n <span data-us-counter data-target=\"3000\">0<\/span>\n <em>+<\/em>\n <\/span>\n <h3>Cr\u00e9ances r\u00e9cup\u00e9r\u00e9es<\/h3>\n <p>Un volume important de dossiers suivis, relanc\u00e9s et cl\u00f4tur\u00e9s efficacement.<\/p>\n <\/article>\n\n <article class=\"us__stat\">\n <span class=\"us__num\">\n <span data-us-counter data-target=\"5\">0<\/span>\n <em>ans<\/em>\n <\/span>\n <h3>Expertise en recouvrement<\/h3>\n <p>Une pratique combinant m\u00e9diation, suivi professionnel et actions adapt\u00e9es.<\/p>\n <\/article>\n\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n (function () {\n function init() {\n var section = document.querySelector('.us');\n if (!section || section.dataset.usReady) return;\n section.dataset.usReady = '1';\n\n var counters = section.querySelectorAll('[data-us-counter]');\n var hasAnimated = false;\n\n function animateCounter(counter) {\n var target = parseInt(counter.getAttribute('data-target'), 10) || 0;\n var duration = 1400;\n var start = performance.now();\n\n function update(now) {\n var progress = Math.min((now - start) \/ duration, 1);\n var eased = 1 - Math.pow(1 - progress, 3);\n var value = Math.round(target * eased);\n counter.textContent = new Intl.NumberFormat('fr-FR').format(value);\n if (progress < 1) requestAnimationFrame(update);\n }\n\n requestAnimationFrame(update);\n }\n\n function runAnimation() {\n if (hasAnimated) return;\n hasAnimated = true;\n counters.forEach(animateCounter);\n }\n\n if ('IntersectionObserver' in window) {\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n runAnimation();\n observer.disconnect();\n }\n });\n }, { threshold: 0.20 });\n observer.observe(section);\n } else {\n runAnimation();\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\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-0e48546 e-con-full e-flex e-con e-parent \" data-id=\"0e48546\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-7b893db elementor-widget elementor-widget-html\" data-id=\"7b893db\" 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>Engagements Unidet<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\n\n\n<style>\n .ue, .ue * { box-sizing: border-box; }\n html, body { overflow-x: clip; }\n\n .elementor-widget-html:has(.ue),\n .elementor-widget-html:has(.ue) > .elementor-widget-container,\n .e-con:has(.ue), .e-con-inner:has(.ue),\n .elementor-section:has(.ue), .elementor-container:has(.ue),\n .elementor-column:has(.ue), .elementor-widget-wrap:has(.ue) {\n width: 100% !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: visible !important;\n }\n\n .ue {\n --ue-dark: #121C27;\n --ue-dark-2: #1A2A3A;\n --ue-gold: #D3AD72;\n --ue-gold-dark: #B98E4E;\n --ue-cream: #F7F4EF;\n --ue-cream-2: #EFE8DC;\n --ue-muted: #4B535D;\n --ue-muted-2: rgba(75, 83, 93, 0.60);\n --ue-line: rgba(18, 28, 39, 0.10);\n --ue-mono: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;\n --ue-image: url('https:\/\/unidet.com\/wp-content\/uploads\/2026\/05\/sv1-8.webp');\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(74px, 7vw, 120px) 0;\n color: var(--ue-dark);\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background:\n radial-gradient(circle at 8% 12%, rgba(211, 173, 114, 0.14), transparent 30%),\n radial-gradient(circle at 92% 92%, rgba(18, 28, 39, 0.06), transparent 34%),\n linear-gradient(135deg, #FFFFFF 0%, var(--ue-cream) 55%, var(--ue-cream-2) 100%);\n }\n\n .ue::after {\n content: \"\";\n position: absolute;\n width: 620px;\n height: 620px;\n left: -310px;\n bottom: -310px;\n z-index: -1;\n border-radius: 50%;\n border: 1px solid rgba(211, 173, 114, 0.18);\n box-shadow: 0 0 0 90px rgba(211, 173, 114, 0.03);\n pointer-events: none;\n }\n\n .ue__inner {\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 1920px;\n margin: 0 auto;\n padding: 0 clamp(20px, 5vw, 80px);\n }\n\n \/* ========== SPLIT ========== *\/\n .ue__split {\n display: grid;\n grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.7fr);\n gap: clamp(48px, 6vw, 120px);\n align-items: start;\n }\n\n \/* ========== COLONNE GAUCHE \u2014 CONTENU + GRILLE ========== *\/\n .ue__content {\n display: flex;\n flex-direction: column;\n min-width: 0;\n }\n\n .ue__kicker {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 20px;\n color: var(--ue-gold-dark);\n font-family: var(--ue-mono);\n font-size: 11.5px;\n font-weight: 700;\n letter-spacing: 0.28em;\n text-transform: uppercase;\n }\n\n .ue__kicker::before {\n content: \"\";\n width: 34px;\n height: 2px;\n border-radius: 10px;\n background: var(--ue-gold);\n }\n\n .ue__title {\n margin: 0 0 22px;\n color: var(--ue-dark);\n font-size: clamp(36px, 4.2vw, 64px);\n line-height: 1.02;\n letter-spacing: -0.055em;\n font-weight: 950;\n max-width: 18ch;\n }\n\n .ue__title em {\n font-style: normal;\n color: var(--ue-gold-dark);\n }\n\n .ue__intro {\n margin: 0 0 44px;\n max-width: 66ch;\n color: var(--ue-muted);\n font-size: 16px;\n line-height: 1.72;\n font-weight: 500;\n }\n\n \/* ========== GRILLE 2\u00d72 ========== *\/\n .ue__grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: clamp(24px, 2.8vw, 44px) clamp(28px, 3.2vw, 56px);\n }\n\n .ue__item {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 14px;\n padding-top: 24px;\n border-top: 1px solid var(--ue-line);\n }\n\n .ue__item::before {\n content: \"\";\n position: absolute;\n top: -1px;\n left: 0;\n width: 44px;\n height: 2px;\n border-radius: 10px;\n background: var(--ue-gold);\n transition: width .4s cubic-bezier(.6,.2,.1,1);\n }\n\n .ue__item:hover::before { width: 100%; }\n\n .ue__num {\n display: inline-flex;\n align-items: center;\n color: var(--ue-muted-2);\n font-family: var(--ue-mono);\n font-size: 12.5px;\n font-weight: 700;\n letter-spacing: 0.18em;\n transition: color .25s ease;\n }\n\n .ue__item:hover .ue__num { color: var(--ue-gold); }\n\n .ue__item h3 {\n margin: 0;\n color: var(--ue-dark);\n font-size: clamp(20px, 1.8vw, 26px);\n line-height: 1.2;\n letter-spacing: -0.03em;\n font-weight: 900;\n transition: color .25s ease;\n }\n\n .ue__item:hover h3 { color: var(--ue-gold-dark); }\n\n .ue__item p {\n margin: 0;\n color: var(--ue-muted);\n font-size: 14.5px;\n line-height: 1.68;\n font-weight: 500;\n max-width: 52ch;\n }\n\n \/* ========== COLONNE DROITE \u2014 IMAGE ========== *\/\n .ue__media {\n position: relative;\n margin: 0;\n min-height: 720px;\n border-radius: 10px;\n overflow: hidden;\n background:\n linear-gradient(180deg, rgba(18,28,39,0.04), rgba(18,28,39,0.30)),\n var(--ue-image);\n background-size: cover;\n background-position: center;\n border: 1px solid rgba(211, 173, 114, 0.28);\n box-shadow: 0 30px 84px rgba(18, 28, 39, 0.14);\n position: sticky;\n top: 60px;\n }\n\n .ue__media::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n linear-gradient(0deg, rgba(18,28,39,0.72) 0%, rgba(18,28,39,0.32) 32%, transparent 55%),\n radial-gradient(circle at 75% 20%, rgba(211,173,114,0.18), transparent 32%);\n pointer-events: none;\n }\n\n .ue__media-badge {\n position: absolute;\n left: clamp(24px, 2.4vw, 40px);\n right: clamp(24px, 2.4vw, 40px);\n bottom: clamp(24px, 2.4vw, 40px);\n z-index: 1;\n display: flex;\n flex-direction: column;\n gap: 14px;\n color: #fff;\n pointer-events: none;\n }\n\n .ue__media-badge strong {\n display: block;\n color: #fff;\n font-size: clamp(32px, 3vw, 46px);\n line-height: 1;\n letter-spacing: -0.045em;\n font-weight: 950;\n text-shadow: 0 4px 24px rgba(0,0,0,0.55);\n }\n\n .ue__media-badge strong em {\n font-style: normal;\n color: var(--ue-gold);\n }\n\n .ue__media-badge span {\n display: block;\n padding-top: 14px;\n border-top: 2px solid var(--ue-gold);\n color: rgba(255, 255, 255, 0.90);\n font-size: 14px;\n line-height: 1.5;\n font-weight: 550;\n text-shadow: 0 2px 12px rgba(0,0,0,0.55);\n }\n\n \/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n \/* ----- Tablette paysage (900 \u2013 1200px) ----- *\/\n @media (max-width: 1200px) {\n .ue__split {\n grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);\n gap: clamp(36px, 4.5vw, 72px);\n }\n .ue__title { max-width: none; }\n .ue__media { min-height: 600px; }\n }\n\n \/* ----- Tablette portrait (640 \u2013 900px) ----- *\/\n @media (max-width: 900px) {\n .ue {\n padding: clamp(44px, 7vw, 80px) 0;\n }\n .ue__inner {\n padding: 0 clamp(24px, 4vw, 40px);\n }\n\n .ue__split {\n grid-template-columns: 1fr;\n gap: 44px;\n }\n\n \/* Image en haut \u2014 ratio un peu plus haut pour que le badge respire *\/\n .ue__media {\n min-height: 0;\n aspect-ratio: 16 \/ 10;\n position: relative;\n order: -1;\n box-shadow: 0 22px 58px rgba(18, 28, 39, 0.14);\n }\n\n .ue__media-badge {\n left: 24px;\n right: 24px;\n bottom: 24px;\n gap: 12px;\n }\n .ue__media-badge strong { font-size: 36px; }\n .ue__media-badge span {\n padding-top: 12px;\n font-size: 14px;\n max-width: 44ch;\n }\n\n .ue__title {\n font-size: clamp(34px, 6vw, 48px);\n max-width: none;\n margin-bottom: 20px;\n }\n\n .ue__intro {\n font-size: 15.5px;\n margin-bottom: 36px;\n max-width: none;\n }\n\n .ue__grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 28px 32px;\n }\n .ue__item h3 { font-size: 21px; }\n .ue__item p { font-size: 14.5px; }\n }\n\n \/* ----- Mobile large (420 \u2013 640px) ----- *\/\n @media (max-width: 640px) {\n .ue {\n padding-top: 36px;\n padding-bottom: 48px;\n }\n .ue__inner {\n padding: 0 20px;\n }\n\n \/* Gap augment\u00e9 pour bien s\u00e9parer image et titre *\/\n .ue__split { gap: 34px; }\n\n .ue__media {\n aspect-ratio: 4 \/ 3;\n border-radius: 10px;\n }\n\n \/* Badge plus compact sur mobile *\/\n .ue__media-badge {\n left: 16px;\n right: 16px;\n bottom: 16px;\n gap: 8px;\n }\n .ue__media-badge strong {\n font-size: 24px;\n line-height: 1.05;\n letter-spacing: -0.035em;\n }\n .ue__media-badge span {\n padding-top: 8px;\n font-size: 12.5px;\n line-height: 1.4;\n max-width: none;\n }\n\n .ue__kicker {\n font-size: 10.5px;\n letter-spacing: 0.22em;\n margin-bottom: 14px;\n }\n .ue__kicker::before { width: 24px; }\n\n .ue__title {\n font-size: 30px;\n line-height: 1.08;\n letter-spacing: -0.045em;\n margin-bottom: 16px;\n }\n\n .ue__intro {\n font-size: 15px;\n line-height: 1.68;\n margin-bottom: 30px;\n }\n\n .ue__grid {\n grid-template-columns: 1fr;\n gap: 22px;\n }\n .ue__item {\n padding-top: 20px;\n gap: 12px;\n }\n .ue__item h3 { font-size: 19px; }\n .ue__item p { font-size: 14.5px; max-width: none; }\n }\n\n \/* ----- Mobile petit (< 420px) ----- *\/\n @media (max-width: 420px) {\n .ue {\n padding-top: 28px;\n padding-bottom: 40px;\n }\n .ue__inner {\n padding: 0 16px;\n }\n\n \/* On garde 4\/3 (au lieu de 1\/1) pour que le badge tienne bien *\/\n .ue__media {\n aspect-ratio: 4 \/ 3;\n }\n .ue__media-badge {\n left: 14px;\n right: 14px;\n bottom: 14px;\n gap: 6px;\n }\n .ue__media-badge strong { font-size: 22px; }\n .ue__media-badge span {\n padding-top: 6px;\n font-size: 12px;\n line-height: 1.35;\n }\n\n .ue__title {\n font-size: 27px;\n letter-spacing: -0.04em;\n }\n\n .ue__intro { font-size: 14.5px; }\n\n .ue__item h3 { font-size: 17.5px; }\n .ue__item p { font-size: 14px; line-height: 1.6; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .ue *, .ue *::before, .ue *::after {\n transition: none !important;\n transform: none !important;\n }\n }\n<\/style>\n\n<section class=\"ue\" id=\"engagements\">\n <div class=\"ue__inner\">\n <div class=\"ue__split\">\n\n \n <div class=\"ue__content\">\n <span class=\"ue__kicker\">Engagements<\/span>\n\n <h2 class=\"ue__title\">\n Ce sur quoi nous <em>nous engageons<\/em>\n <\/h2>\n\n <p class=\"ue__intro\">\n Quatre garanties \u00e9crites qui s\u00e9curisent chaque dossier que vous nous confiez. Aucune zone d'ombre, aucun frais cach\u00e9, aucune mauvaise surprise.\n <\/p>\n\n <div class=\"ue__grid\">\n\n <article class=\"ue__item\">\n <span class=\"ue__num\">01<\/span>\n <h3>Transparence totale<\/h3>\n <p>Chaque action men\u00e9e sur votre dossier est trac\u00e9e et consultable en temps r\u00e9el dans votre espace client.<\/p>\n <\/article>\n\n <article class=\"ue__item\">\n <span class=\"ue__num\">02<\/span>\n <h3>Z\u00e9ro frais avant r\u00e9sultat<\/h3>\n <p>Aucun frais d'ouverture, aucun abonnement, aucun acompte. R\u00e9mun\u00e9ration uniquement au succ\u00e8s.<\/p>\n <\/article>\n\n <article class=\"ue__item\">\n <span class=\"ue__num\">03<\/span>\n <h3>R\u00e9ponse sous 24h ouvr\u00e9es<\/h3>\n <p>Toute demande re\u00e7oit une premi\u00e8re r\u00e9ponse humaine sous 24 heures ouvr\u00e9es. Dossiers Urgent trait\u00e9s le jour m\u00eame.<\/p>\n <\/article>\n\n <article class=\"ue__item\">\n <span class=\"ue__num\">04<\/span>\n <h3>Respect du d\u00e9biteur<\/h3>\n <p>La m\u00e9diation amiable d'abord, toujours. Aucune pression abusive \u2014 cela pr\u00e9serve votre image.<\/p>\n <\/article>\n\n <\/div>\n <\/div>\n\n \n <figure class=\"ue__media\" aria-label=\"Engagement Unidet\">\n <div class=\"ue__media-badge\">\n <strong>4 garanties <em>\u00e9crites<\/em><\/strong>\n <span>Une m\u00e9thode claire, humaine et orient\u00e9e r\u00e9sultat pour prot\u00e9ger vos int\u00e9r\u00eats.<\/span>\n <\/div>\n <\/figure>\n\n <\/div>\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t <section class=\"elementor-section elementor-top-section elementor-element elementor-element-8ffd14a 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=\"8ffd14a\" 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-7371480 pxl-column-none pxl-column-overflow-hidden-no\" data-id=\"7371480\" 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-6d19002 elementor-widget elementor-widget-html\" data-id=\"6d19002\" 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 \u00c0 propos<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\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: #0F1A26;\n --ucta-dark-2: #0A131C;\n --ucta-dark-3: #16232F;\n --ucta-gold: #D3AD72;\n --ucta-gold-soft: rgba(211, 173, 114, 0.16);\n --ucta-gold-line: rgba(211, 173, 114, 0.32);\n --ucta-white: #FFFFFF;\n --ucta-muted: rgba(255, 255, 255, 0.68);\n --ucta-muted-2: rgba(255, 255, 255, 0.44);\n --ucta-line: rgba(255, 255, 255, 0.09);\n --ucta-line-strong: rgba(255, 255, 255, 0.14);\n --ucta-mono: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;\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(--ucta-white);\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background:\n radial-gradient(circle at 8% 8%, rgba(211, 173, 114, 0.10), transparent 34%),\n radial-gradient(circle at 94% 92%, rgba(211, 173, 114, 0.06), transparent 36%),\n linear-gradient(135deg, var(--ucta-dark-2) 0%, var(--ucta-dark) 55%, var(--ucta-dark-3) 100%);\n }\n\n .ucta::before {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: 0;\n background-image:\n linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px);\n background-size: 64px 64px;\n mask-image: radial-gradient(ellipse at center, #000 30%, transparent 80%);\n -webkit-mask-image: radial-gradient(ellipse at center, #000 30%, transparent 80%);\n pointer-events: none;\n }\n\n .ucta::after {\n content: \"\";\n position: absolute;\n width: 520px;\n height: 520px;\n right: -260px;\n top: -260px;\n z-index: 0;\n border-radius: 50%;\n border: 1px solid rgba(211, 173, 114, 0.14);\n box-shadow: 0 0 0 78px rgba(211, 173, 114, 0.03);\n pointer-events: none;\n }\n\n \/* Conteneur pleine largeur, centr\u00e9 *\/\n .ucta__inner {\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 1920px;\n margin: 0 auto;\n padding: 0 clamp(24px, 4vw, 72px);\n }\n\n .ucta__split {\n display: grid;\n grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);\n gap: clamp(40px, 5vw, 120px);\n align-items: center;\n width: 100%;\n }\n\n \/* ========== COLONNE GAUCHE \u2014 CONTENU ========== *\/\n .ucta__content {\n display: flex;\n flex-direction: column;\n gap: 26px;\n max-width: 720px;\n }\n\n .ucta__kicker {\n display: inline-flex;\n align-items: center;\n gap: 12px;\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 content: \"\";\n width: 34px;\n height: 2px;\n border-radius: 10px;\n background: var(--ucta-gold);\n }\n\n .ucta__title {\n margin: 0;\n color: #fff;\n font-size: clamp(32px, 4vw, 58px);\n line-height: 1.02;\n letter-spacing: -0.055em;\n font-weight: 950;\n max-width: 16ch;\n }\n\n .ucta__title em {\n font-style: normal;\n color: var(--ucta-gold);\n }\n\n .ucta__subtitle {\n margin: 0;\n max-width: 62ch;\n color: var(--ucta-muted);\n font-size: clamp(15px, 1.15vw, 17px);\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 .ucta__actions {\n display: flex;\n align-items: center;\n gap: 14px;\n flex-wrap: wrap;\n margin-top: 8px;\n }\n\n .ucta__btn,\n .ucta__btn:visited,\n .ucta__btn:focus {\n min-height: 54px;\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 28px;\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: #E4C48C;\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: rgba(255, 255, 255, 0.04);\n border-color: rgba(255, 255, 255, 0.18);\n color: #fff !important;\n }\n\n .ucta__btn--ghost:hover {\n transform: translateY(-2px);\n background: rgba(255, 255, 255, 0.10);\n border-color: rgba(255, 255, 255, 0.34);\n }\n\n \/* ========== COLONNE DROITE \u2014 PANNEAU STATS ========== *\/\n .ucta__panel {\n position: relative;\n display: flex;\n flex-direction: column;\n border-radius: 10px;\n background:\n radial-gradient(circle at 100% 0%, rgba(211, 173, 114, 0.14), transparent 55%),\n rgba(255, 255, 255, 0.04);\n border: 1px solid var(--ucta-gold-line);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n overflow: hidden;\n box-shadow: 0 32px 80px rgba(0, 0, 0, 0.28);\n }\n\n .ucta__panel::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 72px;\n height: 3px;\n background: var(--ucta-gold);\n border-radius: 0 0 10px 0;\n }\n\n .ucta__hero {\n padding: clamp(24px, 2.6vw, 36px);\n border-bottom: 1px solid var(--ucta-line);\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n .ucta__hero-label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: var(--ucta-gold);\n font-family: var(--ucta-mono);\n font-size: 10.5px;\n font-weight: 700;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n }\n\n .ucta__hero-label::before {\n content: \"\";\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--ucta-gold);\n box-shadow: 0 0 0 4px rgba(211, 173, 114, 0.16);\n }\n\n .ucta__hero-value {\n display: inline-flex;\n align-items: baseline;\n gap: 4px;\n color: #fff;\n font-size: clamp(40px, 3.6vw, 56px);\n line-height: 0.92;\n letter-spacing: -0.05em;\n font-weight: 950;\n font-variant-numeric: tabular-nums;\n }\n\n .ucta__hero-value em {\n font-style: normal;\n color: var(--ucta-gold);\n font-size: 0.44em;\n font-weight: 800;\n letter-spacing: -0.02em;\n }\n\n .ucta__hero-text {\n margin: 0;\n color: var(--ucta-muted);\n font-size: 14px;\n line-height: 1.6;\n font-weight: 500;\n max-width: 36ch;\n }\n\n .ucta__minis {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .ucta__mini {\n padding: clamp(18px, 2vw, 26px) clamp(14px, 1.6vw, 24px);\n border-left: 1px solid var(--ucta-line);\n display: flex;\n flex-direction: column;\n gap: 6px;\n }\n\n .ucta__mini:first-child {\n border-left: none;\n }\n\n .ucta__mini-value {\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 font-variant-numeric: tabular-nums;\n }\n\n .ucta__mini-value em {\n font-style: normal;\n color: var(--ucta-gold);\n font-size: 0.7em;\n font-weight: 800;\n }\n\n .ucta__mini-label {\n color: var(--ucta-muted-2);\n font-family: var(--ucta-mono);\n font-size: 9.5px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n line-height: 1.3;\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media (max-width: 1000px) {\n .ucta__split {\n grid-template-columns: 1fr;\n gap: 44px;\n }\n .ucta__content {\n max-width: none;\n }\n .ucta__title { max-width: none; }\n .ucta__subtitle { max-width: none; }\n .ucta__panel {\n max-width: 720px;\n width: 100%;\n margin: 0 auto;\n }\n }\n\n @media (max-width: 640px) {\n .ucta { padding: clamp(44px, 8vw, 64px) 0; }\n .ucta__inner { padding: 0 20px; }\n\n .ucta__content { gap: 22px; }\n\n .ucta__kicker {\n font-size: 10.5px;\n letter-spacing: 0.22em;\n }\n .ucta__kicker::before { width: 24px; }\n\n .ucta__title {\n font-size: 28px;\n line-height: 1.06;\n letter-spacing: -0.045em;\n }\n\n .ucta__subtitle { font-size: 15px; line-height: 1.68; }\n\n .ucta__actions {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n width: 100%;\n }\n .ucta__btn { width: 100%; min-height: 52px; }\n\n .ucta__hero {\n padding: 22px 20px;\n gap: 12px;\n }\n .ucta__hero-value { font-size: 44px; }\n .ucta__hero-text { font-size: 13.5px; max-width: none; }\n\n .ucta__mini {\n padding: 16px 12px;\n gap: 4px;\n }\n .ucta__mini-value { font-size: 18px; }\n .ucta__mini-label { font-size: 9px; letter-spacing: 0.12em; }\n }\n\n @media (max-width: 420px) {\n .ucta__inner { padding: 0 16px; }\n\n .ucta__title { font-size: 26px; }\n .ucta__subtitle { font-size: 14.5px; }\n\n .ucta__hero { padding: 20px 18px; }\n .ucta__hero-value { font-size: 38px; }\n .ucta__hero-text { font-size: 13px; }\n\n .ucta__mini {\n padding: 14px 10px;\n }\n .ucta__mini-value { font-size: 17px; }\n .ucta__mini-label { font-size: 8.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-a-propos\">\n <div class=\"ucta__inner\">\n <div class=\"ucta__split\">\n\n \n <div class=\"ucta__content\">\n <span class=\"ucta__kicker\">Travaillons ensemble<\/span>\n\n <h2 class=\"ucta__title\">\n Envie de d\u00e9couvrir notre <em>m\u00e9thode<\/em> ?\n <\/h2>\n\n <p class=\"ucta__subtitle\">\n <strong>Un \u00e9change de 15 minutes suffit pour comprendre notre approche.<\/strong> Pr\u00e9sentez-nous votre situation \u2014 un expert Unidet vous explique concr\u00e8tement comment nous traitons votre dossier.\n <\/p>\n\n <div class=\"ucta__actions\">\n <a class=\"ucta__btn ucta__btn--primary\" href=\"https:\/\/app.unidet.com\/register\/\">\n \u00c9changer avec un expert\n <\/a>\n <a class=\"ucta__btn ucta__btn--ghost\" href=\"\/contact\/\">\n Nous \u00e9crire\n <\/a>\n <\/div>\n <\/div>\n\n \n <aside class=\"ucta__panel\">\n\n <div class=\"ucta__hero\">\n <span class=\"ucta__hero-label\">R\u00e9ussite en amiable<\/span>\n <span class=\"ucta__hero-value\">\n <span data-ucta-counter data-target=\"91\">0<\/span>\n <em>%<\/em>\n <\/span>\n <p class=\"ucta__hero-text\">\n des dossiers trait\u00e9s par Unidet sont r\u00e9gl\u00e9s sans passer par le tribunal.\n <\/p>\n <\/div>\n\n <ul class=\"ucta__minis\">\n <li class=\"ucta__mini\">\n <span class=\"ucta__mini-value\">\n <em>+<\/em><span data-ucta-counter data-target=\"1200\">0<\/span>\n <\/span>\n <span class=\"ucta__mini-label\">Entreprises<br>accompagn\u00e9es<\/span>\n <\/li>\n <li class=\"ucta__mini\">\n <span class=\"ucta__mini-value\">\n <span data-ucta-counter data-target=\"5\">0<\/span><em> ans<\/em>\n <\/span>\n <span class=\"ucta__mini-label\">Expertise en<br>recouvrement<\/span>\n <\/li>\n <li class=\"ucta__mini\">\n <span class=\"ucta__mini-value\">\n <span data-ucta-counter data-target=\"8\">0<\/span><em> M\u20ac<\/em>\n <\/span>\n <span class=\"ucta__mini-label\">Cr\u00e9ances<br>r\u00e9cup\u00e9r\u00e9es<\/span>\n <\/li>\n <\/ul>\n\n <\/aside>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n (function () {\n function init() {\n var section = document.querySelector('.ucta');\n if (!section || section.dataset.uctaReady) return;\n section.dataset.uctaReady = '1';\n\n var counters = section.querySelectorAll('[data-ucta-counter]');\n var hasAnimated = false;\n\n function animateCounter(counter) {\n var target = parseInt(counter.getAttribute('data-target'), 10) || 0;\n var duration = 1400;\n var start = performance.now();\n\n function update(now) {\n var progress = Math.min((now - start) \/ duration, 1);\n var eased = 1 - Math.pow(1 - progress, 3);\n var value = Math.round(target * eased);\n counter.textContent = new Intl.NumberFormat('fr-FR').format(value);\n if (progress < 1) requestAnimationFrame(update);\n }\n\n requestAnimationFrame(update);\n }\n\n function runAnimation() {\n if (hasAnimated) return;\n hasAnimated = true;\n counters.forEach(animateCounter);\n }\n\n if ('IntersectionObserver' in window) {\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n runAnimation();\n observer.disconnect();\n }\n });\n }, { threshold: 0.25 });\n observer.observe(section);\n } else {\n runAnimation();\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero Unidet \u2014 \u00c0 propos \u00c0 propos d’Unidet Notre histoire N\u00e9e de la conviction que le recouvrement peut \u00eatre plus humain, plus rapide et plus transparent, Unidet accompagne les entreprises dans la r\u00e9cup\u00e9ration de leurs cr\u00e9ances en France et \u00e0 l’international. D\u00e9couvrir notre mission Nous contacter +500 clients nous font confiance 15 ans d’exp\u00e9rience 91 […]<\/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-19710","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/pages\/19710","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=19710"}],"version-history":[{"count":7,"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/pages\/19710\/revisions"}],"predecessor-version":[{"id":19718,"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/pages\/19710\/revisions\/19718"}],"wp:attachment":[{"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/media?parent=19710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\n \n

\r\n

\r\n \r\n \t\t

\n\t\t\t\t\t\n\n\n\n\nHero Unidet \u2014 \u00c0 propos<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\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 --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-a-propos\">\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\">\u00c0 propos d'Unidet<\/span>\n\n <h1 class=\"uhero__title\">Notre histoire<\/h1>\n\n <div class=\"uhero__rule\" aria-hidden=\"true\"><\/div>\n\n <p class=\"uhero__desc\">\n N\u00e9e de la conviction que le recouvrement peut \u00eatre plus humain, plus rapide et plus transparent, Unidet accompagne les entreprises dans la r\u00e9cup\u00e9ration de leurs cr\u00e9ances en France et \u00e0 l'international.\n <\/p>\n\n <div class=\"uhero__actions\">\n <a class=\"uhero__btn uhero__btn--primary\" href=\"#notre-mission\">\n D\u00e9couvrir notre mission\n <\/a>\n <a class=\"uhero__btn uhero__btn--ghost\" href=\"\/contact\/\">\n Nous contacter\n <\/a>\n <\/div>\n <\/div>\n\n <ul class=\"uhero__stats\">\n <li class=\"uhero__stat\">\n <strong>+500 <em>clients<\/em><\/strong>\n <span>nous font confiance<\/span>\n <\/li>\n <li class=\"uhero__stat\">\n <strong>15 <em>ans<\/em><\/strong>\n <span>d'exp\u00e9rience<\/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<div class=\"elementor-element elementor-element-a3ff2e1 e-con-full e-flex e-con e-parent \" data-id=\"a3ff2e1\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-74cc54b elementor-widget elementor-widget-html\" data-id=\"74cc54b\" 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>\u00c0 propos Unidet<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\n\n\n<style>\n .ua, .ua * { box-sizing: border-box; }\n html, body { overflow-x: clip; }\n\n .elementor-widget-html:has(.ua),\n .elementor-widget-html:has(.ua) > .elementor-widget-container,\n .e-con:has(.ua), .e-con-inner:has(.ua),\n .elementor-section:has(.ua), .elementor-container:has(.ua),\n .elementor-column:has(.ua), .elementor-widget-wrap:has(.ua) {\n width: 100% !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: visible !important;\n }\n\n .ua {\n --ua-dark: #121C27;\n --ua-dark-2: #0C141D;\n --ua-gold: #D3AD72;\n --ua-gold-dark: #B98E4E;\n --ua-gold-soft: rgba(211, 173, 114, 0.16);\n --ua-gold-line: rgba(211, 173, 114, 0.34);\n --ua-cream: #F7F4EF;\n --ua-cream-2: #EFE8DC;\n --ua-white: #FFFFFF;\n --ua-muted: #4B535D;\n --ua-muted-2: rgba(75, 83, 93, 0.55);\n --ua-line: rgba(18, 28, 39, 0.10);\n --ua-mono: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;\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, 100px) 0;\n color: var(--ua-dark);\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background:\n radial-gradient(circle at 8% 8%, rgba(211, 173, 114, 0.16), transparent 30%),\n radial-gradient(circle at 94% 92%, rgba(18, 28, 39, 0.05), transparent 34%),\n linear-gradient(135deg, #FFFFFF 0%, var(--ua-cream) 55%, var(--ua-cream-2) 100%);\n }\n\n .ua::after {\n content: \"\";\n position: absolute;\n width: 520px;\n height: 520px;\n right: -260px;\n bottom: -260px;\n z-index: -1;\n border-radius: 50%;\n border: 1px solid rgba(211, 173, 114, 0.16);\n box-shadow: 0 0 0 78px rgba(211, 173, 114, 0.03);\n pointer-events: none;\n }\n\n .ua__inner {\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 1760px;\n margin: 0 auto;\n padding: 0 clamp(24px, 4vw, 64px);\n }\n\n \/* ========== EN-T\u00caTE ========== *\/\n .ua__head {\n display: grid;\n grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);\n gap: clamp(32px, 5vw, 96px);\n align-items: end;\n padding-bottom: clamp(28px, 3vw, 44px);\n border-bottom: 1px solid var(--ua-line);\n margin-bottom: clamp(28px, 3vw, 44px);\n }\n\n .ua__kicker {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 18px;\n color: var(--ua-gold-dark);\n font-family: var(--ua-mono);\n font-size: 11.5px;\n font-weight: 700;\n letter-spacing: 0.28em;\n text-transform: uppercase;\n }\n\n .ua__kicker::before {\n content: \"\";\n width: 34px;\n height: 2px;\n border-radius: 10px;\n background: var(--ua-gold);\n }\n\n .ua__title {\n margin: 0;\n color: var(--ua-dark);\n font-size: clamp(34px, 4.2vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.055em;\n font-weight: 950;\n max-width: 16ch;\n }\n\n .ua__title em {\n font-style: normal;\n color: var(--ua-gold-dark);\n }\n\n .ua__intro {\n margin: 0;\n color: var(--ua-muted);\n font-size: 15.5px;\n line-height: 1.72;\n font-weight: 500;\n max-width: 58ch;\n }\n\n .ua__intro strong {\n color: var(--ua-dark);\n font-weight: 850;\n }\n\n \/* ========== BENTO ASYM\u00c9TRIQUE ========== *\/\n .ua__bento {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n grid-template-rows: auto auto auto;\n grid-template-areas:\n \"mission mission kpi\"\n \"vision vision kpi\"\n \"humain relations treso\";\n gap: clamp(14px, 1.4vw, 20px);\n }\n\n .ua__cell {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 14px;\n padding: clamp(24px, 2.4vw, 36px);\n border-radius: 10px;\n background: #FFFFFF;\n border: 1px solid var(--ua-line);\n box-shadow: 0 12px 32px rgba(18, 28, 39, 0.05);\n overflow: hidden;\n transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;\n }\n\n .ua__cell:hover {\n border-color: var(--ua-gold-line);\n box-shadow: 0 22px 50px rgba(18, 28, 39, 0.09);\n transform: translateY(-3px);\n }\n\n \/* Filet dor\u00e9 en haut de chaque cellule *\/\n .ua__cell::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 48px;\n height: 3px;\n background: var(--ua-gold);\n transition: width .4s cubic-bezier(.6,.2,.1,1);\n }\n\n .ua__cell:hover::before { width: 100%; }\n\n \/* En-t\u00eate de cellule : num + label *\/\n .ua__cell-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 14px;\n position: relative;\n z-index: 1;\n }\n\n .ua__cell-num {\n color: var(--ua-muted-2);\n font-family: var(--ua-mono);\n font-size: 11.5px;\n font-weight: 700;\n letter-spacing: 0.20em;\n transition: color .25s ease;\n }\n\n .ua__cell:hover .ua__cell-num {\n color: var(--ua-gold-dark);\n }\n\n .ua__cell h3 {\n margin: 0;\n color: var(--ua-dark);\n font-size: clamp(20px, 1.7vw, 26px);\n line-height: 1.18;\n letter-spacing: -0.032em;\n font-weight: 900;\n position: relative;\n z-index: 1;\n transition: color .25s ease;\n max-width: 16ch;\n }\n\n .ua__cell:hover h3 { color: var(--ua-gold-dark); }\n\n .ua__cell p {\n margin: 0;\n color: var(--ua-muted);\n font-size: 14.5px;\n line-height: 1.68;\n font-weight: 500;\n position: relative;\n z-index: 1;\n flex: 1;\n }\n\n \/* ========== MISSION (cellule grande) ========== *\/\n .ua__cell--mission {\n grid-area: mission;\n background:\n radial-gradient(circle at 100% 0%, rgba(211, 173, 114, 0.10), transparent 50%),\n #FFFFFF;\n border-color: rgba(211, 173, 114, 0.24);\n padding: clamp(28px, 3vw, 44px);\n gap: 18px;\n }\n\n .ua__cell--mission h3 {\n font-size: clamp(24px, 2.2vw, 32px);\n max-width: 14ch;\n }\n\n .ua__cell--mission p {\n font-size: 15px;\n line-height: 1.72;\n max-width: 62ch;\n }\n\n \/* ========== KPI (colonne verticale) ========== *\/\n .ua__cell--stat {\n grid-area: kpi;\n justify-content: space-between;\n gap: 22px;\n background:\n radial-gradient(circle at 100% 0%, rgba(211, 173, 114, 0.12), transparent 55%),\n #FFFFFF;\n border-color: rgba(211, 173, 114, 0.24);\n }\n\n .ua__stat-value {\n display: inline-flex;\n align-items: baseline;\n gap: 4px;\n color: var(--ua-dark);\n font-size: clamp(56px, 5.6vw, 92px);\n line-height: 0.86;\n letter-spacing: -0.055em;\n font-weight: 950;\n }\n\n .ua__stat-value em {\n font-style: normal;\n color: var(--ua-gold-dark);\n font-size: 0.42em;\n font-weight: 800;\n }\n\n .ua__stat-label {\n margin: 0;\n color: var(--ua-muted);\n font-size: 14px;\n line-height: 1.55;\n font-weight: 600;\n max-width: 24ch;\n }\n\n \/* ========== VISION (cellule large) ========== *\/\n .ua__cell--vision {\n grid-area: vision;\n padding: clamp(24px, 2.4vw, 36px);\n }\n\n .ua__cell--vision h3 {\n font-size: clamp(20px, 1.7vw, 26px);\n }\n\n .ua__cell--vision p {\n max-width: 80ch;\n }\n\n \/* ========== 3 PILIERS ========== *\/\n .ua__cell--humain { grid-area: humain; }\n .ua__cell--relations { grid-area: relations; }\n .ua__cell--treso { grid-area: treso; }\n\n \/* ========== RESPONSIVE ========== *\/\n @media (max-width: 1080px) {\n .ua__bento {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n grid-template-areas:\n \"mission mission\"\n \"kpi kpi\"\n \"vision vision\"\n \"humain relations\"\n \"treso treso\";\n }\n .ua__cell--stat {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 28px;\n padding: clamp(24px, 2.4vw, 32px);\n }\n .ua__stat-value { font-size: clamp(56px, 8vw, 80px); }\n .ua__stat-label { max-width: 32ch; }\n }\n\n @media (max-width: 900px) {\n .ua__head {\n grid-template-columns: 1fr;\n gap: 22px;\n align-items: start;\n }\n .ua__title { max-width: none; }\n .ua__intro { max-width: none; }\n }\n\n @media (max-width: 640px) {\n .ua { padding: clamp(44px, 8vw, 64px) 0; }\n .ua__inner { padding: 0 20px; }\n\n .ua__kicker {\n font-size: 10.5px;\n letter-spacing: 0.22em;\n margin-bottom: 14px;\n }\n .ua__kicker::before { width: 24px; }\n\n .ua__title {\n font-size: 30px;\n line-height: 1.06;\n letter-spacing: -0.045em;\n }\n\n .ua__intro { font-size: 15px; line-height: 1.68; }\n\n .ua__bento {\n grid-template-columns: 1fr;\n grid-template-areas:\n \"mission\"\n \"kpi\"\n \"vision\"\n \"humain\"\n \"relations\"\n \"treso\";\n gap: 12px;\n }\n\n .ua__cell {\n padding: 22px 20px;\n gap: 12px;\n }\n .ua__cell h3 { font-size: 19px; }\n .ua__cell p { font-size: 14.5px; }\n\n .ua__cell--stat {\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n gap: 12px;\n }\n .ua__stat-value { font-size: 54px; }\n .ua__stat-label { max-width: none; font-size: 13.5px; }\n }\n\n @media (max-width: 420px) {\n .ua__inner { padding: 0 16px; }\n .ua__title { font-size: 27px; }\n .ua__intro { font-size: 14.5px; }\n\n .ua__cell { padding: 20px 18px; }\n .ua__cell h3 { font-size: 18px; }\n .ua__cell p { font-size: 14px; }\n .ua__stat-value { font-size: 46px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .ua *, .ua *::before, .ua *::after {\n transition: none !important;\n transform: none !important;\n }\n }\n<\/style>\n\n<section class=\"ua\" id=\"a-propos-unidet\">\n <div class=\"ua__inner\">\n\n \n <header class=\"ua__head\">\n <div>\n <span class=\"ua__kicker\">\u00c0 propos d'Unidet<\/span>\n <h2 class=\"ua__title\">\n Transformez vos impay\u00e9s en <em>liquidit\u00e9s<\/em>.\n <\/h2>\n <\/div>\n <p class=\"ua__intro\">\n <strong>UNIDET a \u00e9t\u00e9 fond\u00e9e pour r\u00e9inventer le recouvrement : plus humain, plus rapide et plus efficace.<\/strong> Nous offrons des solutions sur mesure pour r\u00e9cup\u00e9rer vos cr\u00e9ances rapidement tout en pr\u00e9servant vos relations commerciales.\n <\/p>\n <\/header>\n\n \n <div class=\"ua__bento\">\n\n \n <article class=\"ua__cell ua__cell--mission\">\n <div class=\"ua__cell-head\">\n <span class=\"ua__cell-num\">01<\/span>\n <\/div>\n <h3>Notre mission<\/h3>\n <p>\n R\u00e9soudre les dettes rapidement, efficacement et humainement. Aider les cr\u00e9anciers \u00e0 r\u00e9cup\u00e9rer leur d\u00fb, tout en soutenant les d\u00e9biteurs \u00e0 sortir durablement de leurs difficult\u00e9s \u2014 afin de r\u00e9cup\u00e9rer les cr\u00e9ances sans conflit, par un accord gagnant-gagnant.\n <\/p>\n <\/article>\n\n \n <article class=\"ua__cell ua__cell--stat\">\n <div class=\"ua__cell-head\">\n <span class=\"ua__cell-num\">KPI<\/span>\n <\/div>\n <span class=\"ua__stat-value\">91 <em>%<\/em><\/span>\n <p class=\"ua__stat-label\">\n des impay\u00e9s trait\u00e9s avec succ\u00e8s en amiable, sans passer par le tribunal.\n <\/p>\n <\/article>\n\n \n <article class=\"ua__cell ua__cell--vision\">\n <div class=\"ua__cell-head\">\n <span class=\"ua__cell-num\">02<\/span>\n <\/div>\n <h3>Notre vision<\/h3>\n <p>\n Devenir le partenaire de confiance des entreprises, en garantissant des solutions de recouvrement innovantes pour s\u00e9curiser leur tr\u00e9sorerie et pr\u00e9server leurs relations professionnelles. Une approche transparente, ferme et durable.\n <\/p>\n <\/article>\n\n \n <article class=\"ua__cell ua__cell--humain\">\n <div class=\"ua__cell-head\">\n <span class=\"ua__cell-num\">03<\/span>\n <\/div>\n <h3>Recouvrement humain<\/h3>\n <p>\n La m\u00e9diation et le dialogue d'abord, avec fermet\u00e9 et m\u00e9thode \u2014 sans jamais d\u00e9grader la relation entre cr\u00e9ancier et d\u00e9biteur.\n <\/p>\n <\/article>\n\n \n <article class=\"ua__cell ua__cell--relations\">\n <div class=\"ua__cell-head\">\n <span class=\"ua__cell-num\">04<\/span>\n <\/div>\n <h3>Relations pr\u00e9serv\u00e9es<\/h3>\n <p>\n Pr\u00e9server vos partenaires commerciaux tout en assurant un r\u00e8glement rapide et d\u00e9finitif de vos cr\u00e9ances impay\u00e9es.\n <\/p>\n <\/article>\n\n \n <article class=\"ua__cell ua__cell--treso\">\n <div class=\"ua__cell-head\">\n <span class=\"ua__cell-num\">05<\/span>\n <\/div>\n <h3>Tr\u00e9sorerie s\u00e9curis\u00e9e<\/h3>\n <p>\n S\u00e9curiser votre tr\u00e9sorerie avec des solutions innovantes et une gestion transparente de chaque dossier.\n <\/p>\n <\/article>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-6996ea9 e-con-full e-flex e-con e-parent \" data-id=\"6996ea9\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-af3ed0b elementor-widget elementor-widget-html\" data-id=\"af3ed0b\" 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>Pourquoi choisir Unidet<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\n\n\n<style>\n .unidet-why-section,\n .unidet-why-section * { box-sizing: border-box; }\n\n html, body { overflow-x: clip; }\n\n .elementor-widget-html:has(.unidet-why-section),\n .elementor-widget-html:has(.unidet-why-section) > .elementor-widget-container,\n .e-con:has(.unidet-why-section),\n .e-con-inner:has(.unidet-why-section),\n .elementor-section:has(.unidet-why-section),\n .elementor-container:has(.unidet-why-section),\n .elementor-column:has(.unidet-why-section),\n .elementor-widget-wrap:has(.unidet-why-section) {\n width: 100% !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: visible !important;\n }\n\n .unidet-why-section {\n --unidet-dark: #121C27;\n --unidet-dark-2: #1A2A3A;\n --unidet-gold: #D3AD72;\n --unidet-gold-dark: #B98E4E;\n --unidet-bg: #F7F4EF;\n --unidet-bg-2: #EFE8DC;\n --unidet-white: #FFFFFF;\n --unidet-text: #121C27;\n --unidet-muted: #4B535D;\n --unidet-border: rgba(18, 28, 39, 0.10);\n --unidet-gold-border: rgba(211, 173, 114, 0.32);\n --unidet-img: url('https:\/\/unidet.com\/wp-content\/uploads\/2026\/05\/ab5.webp');\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(50% - 50vw) !important;\n margin-right: calc(50% - 50vw) !important;\n padding: clamp(74px, 7vw, 118px) 0;\n color: var(--unidet-text);\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background:\n radial-gradient(circle at 8% 10%, rgba(211, 173, 114, 0.18), transparent 28%),\n radial-gradient(circle at 92% 88%, rgba(18, 28, 39, 0.08), transparent 34%),\n linear-gradient(135deg, #FFFFFF 0%, var(--unidet-bg) 55%, var(--unidet-bg-2) 100%);\n }\n\n .unidet-why-section::after {\n content: \"\";\n position: absolute;\n width: 620px;\n height: 620px;\n left: -310px;\n bottom: -310px;\n z-index: -1;\n border-radius: 50%;\n border: 1px solid rgba(211, 173, 114, 0.20);\n box-shadow: 0 0 0 90px rgba(211, 173, 114, 0.035);\n pointer-events: none;\n }\n\n .unidet-why-container {\n width: 100%;\n max-width: 1760px;\n margin: 0 auto;\n padding-left: clamp(24px, 4vw, 64px);\n padding-right: clamp(24px, 4vw, 64px);\n }\n\n .unidet-why-layout {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n gap: clamp(36px, 5vw, 96px);\n align-items: center;\n }\n\n \/* ===== IMAGE AVEC TEXTE DYNAMIQUE ===== *\/\n .unidet-why-media {\n position: relative;\n min-height: 620px;\n border-radius: 10px;\n overflow: hidden;\n background:\n linear-gradient(180deg, rgba(18,28,39,0.02), rgba(18,28,39,0.25)),\n var(--unidet-img);\n background-size: cover;\n background-position: center;\n border: 1px solid rgba(211, 173, 114, 0.30);\n box-shadow: 0 30px 80px rgba(18, 28, 39, 0.14);\n }\n\n .unidet-why-media::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n linear-gradient(135deg, rgba(18,28,39,0.50), transparent 46%),\n linear-gradient(0deg, rgba(18,28,39,0.55) 0%, transparent 40%),\n radial-gradient(circle at 75% 30%, rgba(211,173,114,0.16), transparent 30%);\n pointer-events: none;\n }\n\n \/* Texte dynamique sur l'image \u2014 sans encart, lisible par contraste *\/\n .unidet-why-float {\n position: absolute;\n left: 32px;\n bottom: 32px;\n right: 32px;\n max-width: 420px;\n z-index: 1;\n color: #fff;\n pointer-events: none;\n transition: opacity .3s ease;\n }\n\n .unidet-why-float strong {\n display: block;\n margin-bottom: 8px;\n color: #fff;\n font-size: clamp(38px, 3.6vw, 52px);\n line-height: 0.95;\n letter-spacing: -0.045em;\n font-weight: 950;\n text-shadow: 0 4px 24px rgba(18,28,39,0.55);\n }\n\n .unidet-why-float strong::after {\n content: \"\";\n display: block;\n width: 48px;\n height: 3px;\n margin-top: 14px;\n border-radius: 10px;\n background: var(--unidet-gold);\n box-shadow: 0 4px 16px rgba(0,0,0,0.30);\n }\n\n .unidet-why-float span {\n display: block;\n max-width: 36ch;\n color: rgba(255, 255, 255, 0.92);\n font-size: 14.5px;\n line-height: 1.5;\n font-weight: 650;\n text-shadow: 0 2px 14px rgba(18,28,39,0.55);\n }\n\n \/* ===== CONTENU ===== *\/\n .unidet-why-content { position: relative; }\n\n .unidet-why-kicker {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n width: fit-content;\n margin-bottom: 16px;\n color: var(--unidet-gold-dark);\n font-size: 13px;\n font-weight: 900;\n letter-spacing: 0.32em;\n text-transform: uppercase;\n }\n\n .unidet-why-kicker::before {\n content: \"\";\n width: 38px;\n height: 2px;\n border-radius: 10px;\n background: var(--unidet-gold);\n }\n\n .unidet-why-title {\n margin: 0;\n color: var(--unidet-dark);\n font-size: clamp(38px, 4.4vw, 68px);\n line-height: 1.02;\n letter-spacing: -0.058em;\n font-weight: 950;\n }\n\n .unidet-why-title span { color: var(--unidet-gold-dark); }\n\n .unidet-why-intro {\n max-width: 720px;\n margin: 22px 0 30px;\n color: var(--unidet-muted);\n font-size: 16px;\n line-height: 1.76;\n font-weight: 500;\n }\n\n .unidet-why-reasons {\n display: grid;\n gap: 12px;\n margin: 0 0 34px;\n }\n\n .unidet-why-reason {\n position: relative;\n width: 100%;\n min-height: 72px;\n display: grid;\n grid-template-columns: auto 1fr auto;\n gap: 16px;\n align-items: center;\n padding: 16px 18px;\n border-radius: 10px;\n border: 1px solid rgba(18, 28, 39, 0.10);\n background: rgba(255,255,255,0.74);\n box-shadow: 0 12px 34px rgba(18,28,39,0.055);\n color: var(--unidet-dark);\n text-align: left;\n cursor: pointer;\n overflow: hidden;\n transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;\n }\n\n .unidet-why-reason::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 4px;\n background: var(--unidet-gold);\n transform: scaleY(0.2);\n transform-origin: center;\n transition: transform .22s ease;\n }\n\n .unidet-why-reason:hover,\n .unidet-why-reason.is-active {\n transform: translateX(8px);\n border-color: rgba(211, 173, 114, 0.46);\n background: #FFFFFF;\n box-shadow: 0 20px 48px rgba(18,28,39,0.10);\n }\n\n .unidet-why-reason:hover::before,\n .unidet-why-reason.is-active::before {\n transform: scaleY(1);\n }\n\n .unidet-why-reason-num {\n width: 42px;\n height: 42px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: rgba(211, 173, 114, 0.16);\n color: var(--unidet-gold-dark);\n font-size: 13px;\n font-weight: 950;\n }\n\n .unidet-why-reason-text {\n color: var(--unidet-dark);\n font-size: 16.5px;\n line-height: 1.35;\n font-weight: 820;\n }\n\n .unidet-why-reason-arrow {\n width: 34px;\n height: 34px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: var(--unidet-dark);\n color: #fff;\n font-size: 17px;\n transform: translateX(0);\n transition: transform .22s ease, background .22s ease, color .22s ease;\n }\n\n .unidet-why-reason:hover .unidet-why-reason-arrow,\n .unidet-why-reason.is-active .unidet-why-reason-arrow {\n transform: translateX(4px);\n background: var(--unidet-gold);\n color: var(--unidet-dark);\n }\n\n .unidet-why-mobile-list { display: none; }\n\n .unidet-why-cta-row {\n display: flex;\n align-items: center;\n gap: 14px;\n flex-wrap: wrap;\n }\n\n \/* Bouton avec fl\u00e8che \u2192 restaur\u00e9e *\/\n .unidet-why-btn,\n .unidet-why-btn:visited,\n .unidet-why-btn:focus {\n min-height: 54px;\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 28px;\n border-radius: 10px;\n border: 1px solid var(--unidet-dark);\n background: var(--unidet-dark);\n color: #fff !important;\n text-decoration: none !important;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 900;\n box-shadow: 0 18px 34px rgba(18,28,39,0.16);\n transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;\n }\n\n .unidet-why-btn::after {\n content: \"\u2192\";\n font-size: 17px;\n transition: transform .25s ease;\n }\n\n .unidet-why-btn:hover {\n transform: translateY(-2px);\n background: var(--unidet-gold);\n border-color: var(--unidet-gold);\n color: var(--unidet-dark) !important;\n }\n\n .unidet-why-btn:hover::after {\n transform: translateX(4px);\n }\n\n .unidet-why-mini-note {\n color: var(--unidet-muted);\n font-size: 13px;\n line-height: 1.45;\n font-weight: 650;\n }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 1060px) {\n .unidet-why-layout {\n grid-template-columns: 1fr;\n gap: 36px;\n }\n .unidet-why-media { min-height: 460px; }\n }\n\n @media (max-width: 640px) {\n .unidet-why-section {\n padding-top: 68px;\n padding-bottom: 68px;\n }\n .unidet-why-container {\n padding-left: 20px;\n padding-right: 20px;\n }\n .unidet-why-media {\n min-height: 400px;\n border-radius: 10px;\n }\n\n .unidet-why-float {\n left: 20px;\n right: 20px;\n bottom: 20px;\n max-width: none;\n }\n\n .unidet-why-float strong {\n font-size: 34px;\n margin-bottom: 6px;\n }\n\n .unidet-why-float strong::after {\n width: 40px;\n margin-top: 10px;\n }\n\n .unidet-why-float span {\n font-size: 13.5px;\n line-height: 1.45;\n }\n\n .unidet-why-kicker {\n font-size: 11px;\n letter-spacing: 0.20em;\n }\n .unidet-why-kicker::before { width: 26px; }\n\n .unidet-why-title {\n font-size: 34px;\n line-height: 1.08;\n letter-spacing: -0.045em;\n }\n\n .unidet-why-intro {\n font-size: 15.5px;\n line-height: 1.7;\n margin-bottom: 24px;\n }\n\n .unidet-why-reasons { display: none; }\n\n .unidet-why-mobile-list {\n display: grid;\n gap: 10px;\n margin: 0 0 28px;\n padding: 0;\n list-style: none;\n }\n\n .unidet-why-mobile-list li {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 12px;\n align-items: start;\n padding: 16px;\n border-radius: 10px;\n background: #fff;\n border: 1px solid rgba(211, 173, 114, 0.28);\n color: var(--unidet-dark);\n font-size: 15px;\n line-height: 1.45;\n font-weight: 760;\n box-shadow: 0 12px 32px rgba(18,28,39,0.06);\n }\n\n .unidet-why-mobile-list li span {\n width: 32px;\n height: 32px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: rgba(211, 173, 114, 0.16);\n color: var(--unidet-gold-dark);\n font-size: 12px;\n font-weight: 950;\n }\n\n .unidet-why-cta-row {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n }\n .unidet-why-btn { width: 100%; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .unidet-why-section *,\n .unidet-why-reason,\n .unidet-why-btn {\n transition: none !important;\n transform: none !important;\n }\n }\n<\/style>\n\n<section class=\"unidet-why-section\" id=\"pourquoi-unidet\">\n <div class=\"unidet-why-container\">\n <div class=\"unidet-why-layout\">\n\n \n <div class=\"unidet-why-media\" aria-label=\"Pourquoi choisir Unidet\">\n <div class=\"unidet-why-float\">\n <strong>30 jours<\/strong>\n <span>Recouvrement rapide : r\u00e9sultats en moins de 30 jours<\/span>\n <\/div>\n <\/div>\n\n <div class=\"unidet-why-content\">\n <div class=\"unidet-why-kicker\">Optimisez vos cr\u00e9ances avec notre expertise<\/div>\n\n <h2 class=\"unidet-why-title\">Pourquoi choisir <span>Unidet ?<\/span><\/h2>\n\n <p class=\"unidet-why-intro\">\n Expertise \u00e0 votre service pour r\u00e9cup\u00e9rer vos cr\u00e9ances rapidement, efficacement et sans nuire \u00e0 vos relations commerciales, tout en assurant une gestion transparente et professionnelle.\n <\/p>\n\n <div class=\"unidet-why-reasons\" aria-label=\"Avantages Unidet\">\n\n <button class=\"unidet-why-reason\" type=\"button\" data-unidet-why-reason=\"0\">\n <span class=\"unidet-why-reason-num\">01<\/span>\n <span class=\"unidet-why-reason-text\">Recouvrement rapide : r\u00e9sultats en moins de 30 jours<\/span>\n <span class=\"unidet-why-reason-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/button>\n\n <button class=\"unidet-why-reason is-active\" type=\"button\" data-unidet-why-reason=\"1\">\n <span class=\"unidet-why-reason-num\">02<\/span>\n <span class=\"unidet-why-reason-text\">Z\u00e9ro frais \u00e0 l'avance \u2013 paiement uniquement en cas de succ\u00e8s<\/span>\n <span class=\"unidet-why-reason-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/button>\n\n <button class=\"unidet-why-reason\" type=\"button\" data-unidet-why-reason=\"2\">\n <span class=\"unidet-why-reason-num\">03<\/span>\n <span class=\"unidet-why-reason-text\">Dossier pris en charge le jour m\u00eame<\/span>\n <span class=\"unidet-why-reason-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/button>\n\n <button class=\"unidet-why-reason\" type=\"button\" data-unidet-why-reason=\"3\">\n <span class=\"unidet-why-reason-num\">04<\/span>\n <span class=\"unidet-why-reason-text\">R\u00e9mun\u00e9ration au succ\u00e8s, \u00e0 partir de 12 %<\/span>\n <span class=\"unidet-why-reason-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/button>\n\n <\/div>\n\n <ul class=\"unidet-why-mobile-list\" aria-label=\"Avantages Unidet mobile\">\n <li><span>01<\/span> Recouvrement rapide : r\u00e9sultats en moins de 30 jours<\/li>\n <li><span>02<\/span> Z\u00e9ro frais \u00e0 l'avance \u2013 paiement uniquement en cas de succ\u00e8s<\/li>\n <li><span>03<\/span> Dossier pris en charge le jour m\u00eame<\/li>\n <li><span>04<\/span> R\u00e9mun\u00e9ration au succ\u00e8s, \u00e0 partir de 12 %<\/li>\n <\/ul>\n\n <div class=\"unidet-why-cta-row\">\n <a class=\"unidet-why-btn\" href=\"https:\/\/app.unidet.com\/register\">\n D\u00e9posez votre dossier maintenant\n <\/a>\n <span class=\"unidet-why-mini-note\">Sans frais \u00e0 l'avance, paiement uniquement en cas de succ\u00e8s.<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n (function () {\n function initUnidetWhySection() {\n var section = document.querySelector('.unidet-why-section');\n if (!section || section.dataset.unidetWhyReady) return;\n section.dataset.unidetWhyReady = '1';\n\n var buttons = section.querySelectorAll('[data-unidet-why-reason]');\n var floatStrong = section.querySelector('.unidet-why-float strong');\n var floatText = section.querySelector('.unidet-why-float span');\n\n var data = [\n { number: '30 jours', text: 'Recouvrement rapide : r\u00e9sultats en moins de 30 jours' },\n { number: '0 \u20ac', text: 'Z\u00e9ro frais \u00e0 l\\'avance \u2013 paiement uniquement en cas de succ\u00e8s' },\n { number: 'Aujourd\\'hui', text: 'Dossier pris en charge le jour m\u00eame' },\n { number: '12 %', text: 'R\u00e9mun\u00e9ration au succ\u00e8s, \u00e0 partir de 12 %' }\n ];\n\n buttons.forEach(function (button) {\n button.addEventListener('mouseenter', function () {\n var index = parseInt(button.getAttribute('data-unidet-why-reason'), 10);\n buttons.forEach(function (item) { item.classList.remove('is-active'); });\n button.classList.add('is-active');\n\n if (data[index] && floatStrong && floatText) {\n floatStrong.textContent = data[index].number;\n floatText.textContent = data[index].text;\n }\n });\n\n button.addEventListener('focus', function () {\n var event = new Event('mouseenter');\n button.dispatchEvent(event);\n });\n });\n }\n\n document.addEventListener('DOMContentLoaded', initUnidetWhySection);\n setTimeout(initUnidetWhySection, 500);\n })();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-7cecd12 e-con-full e-flex e-con e-parent \" data-id=\"7cecd12\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-582864b elementor-widget elementor-widget-html\" data-id=\"582864b\" 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>Section engagements \u2014 Unidet<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\n\n\n<style>\n .ue, .ue * { box-sizing: border-box; }\n html, body { overflow-x: clip; }\n\n .elementor-widget-html:has(.ue),\n .elementor-widget-html:has(.ue) > .elementor-widget-container,\n .e-con:has(.ue), .e-con-inner:has(.ue),\n .elementor-section:has(.ue), .elementor-container:has(.ue),\n .elementor-column:has(.ue), .elementor-widget-wrap:has(.ue) {\n width: 100% !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: visible !important;\n }\n\n .ue {\n --ue-dark: #121C27;\n --ue-gold: #D3AD72;\n --ue-gold-dark: #B98E4E;\n --ue-gold-soft: rgba(211, 173, 114, 0.14);\n --ue-cream: #FAF6EF;\n --ue-cream-2: #F4EEE2;\n --ue-muted: #4B535D;\n --ue-muted-2: rgba(75, 83, 93, 0.60);\n --ue-line: rgba(18, 28, 39, 0.10);\n --ue-line-strong: rgba(18, 28, 39, 0.14);\n --ue-mono: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;\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(48px, 5vw, 80px) 0;\n color: var(--ue-dark);\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background: linear-gradient(180deg, #FFFFFF 0%, var(--ue-cream) 100%);\n }\n\n .ue__inner {\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 1920px;\n margin: 0 auto;\n padding: 0 clamp(24px, 4vw, 80px);\n }\n\n \/* ========== GRILLE 3 COLONNES (forc\u00e9e) ========== *\/\n .ue__grid {\n display: grid !important;\n grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n gap: clamp(24px, 2.6vw, 48px);\n align-items: start;\n width: 100%;\n }\n\n \/* ========== COLONNE ========== *\/\n .ue__col {\n position: relative;\n display: flex;\n gap: clamp(14px, 1.4vw, 20px);\n align-items: flex-start;\n min-width: 0;\n width: 100%;\n }\n\n \/* ===== Cercle ic\u00f4ne \u2014 plus compact sur desktop ===== *\/\n .ue__icon {\n position: relative;\n flex: 0 0 auto;\n width: clamp(52px, 4vw, 60px);\n height: clamp(52px, 4vw, 60px);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: #FFFFFF;\n border: 1.5px solid var(--ue-gold-soft);\n color: var(--ue-gold-dark);\n box-shadow:\n 0 8px 20px rgba(18, 28, 39, 0.05),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n transition: background .3s ease, border-color .3s ease, color .3s ease, box-shadow .3s ease, transform .3s ease;\n }\n\n .ue__icon svg {\n width: 44%;\n height: 44%;\n display: block;\n stroke: currentColor;\n fill: none;\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform .3s ease;\n }\n\n .ue__col:hover .ue__icon {\n background: var(--ue-gold);\n border-color: var(--ue-gold);\n color: #FFFFFF;\n box-shadow:\n 0 14px 30px rgba(211, 173, 114, 0.34),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n transform: translateY(-2px);\n }\n\n .ue__col:hover .ue__icon svg {\n transform: scale(1.06);\n }\n\n \/* ===== Corps ===== *\/\n .ue__body {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-top: 4px;\n }\n\n .ue__body h3 {\n margin: 0;\n color: var(--ue-dark);\n font-size: clamp(16px, 1.35vw, 20px);\n line-height: 1.25;\n letter-spacing: -0.025em;\n font-weight: 900;\n transition: color .25s ease;\n word-wrap: break-word;\n }\n\n .ue__col:hover .ue__body h3 {\n color: var(--ue-gold-dark);\n }\n\n \/* Ligne dor\u00e9e sous le titre *\/\n .ue__body h3::after {\n content: \"\";\n display: block;\n width: 28px;\n height: 2px;\n margin-top: 10px;\n border-radius: 10px;\n background: var(--ue-gold);\n transition: width .35s cubic-bezier(.6,.2,.1,1);\n }\n\n .ue__col:hover .ue__body h3::after {\n width: 56px;\n }\n\n .ue__body p {\n margin: 0;\n color: var(--ue-muted);\n font-size: 14px;\n line-height: 1.62;\n font-weight: 500;\n max-width: none;\n }\n\n \/* ========== RESPONSIVE ========== *\/\n\n \/* Tablette large \u2014 3 colonnes serr\u00e9es *\/\n @media (max-width: 1200px) {\n .ue__grid {\n gap: 24px;\n }\n .ue__icon {\n width: 48px;\n height: 48px;\n }\n .ue__body h3 { font-size: 16.5px; }\n .ue__body p { font-size: 13.5px; }\n }\n\n \/* Tablette portrait \u2014 1 colonne *\/\n @media (max-width: 900px) {\n .ue__grid {\n grid-template-columns: 1fr !important;\n gap: 28px;\n }\n .ue__col {\n padding-bottom: 28px;\n border-bottom: 1px solid var(--ue-line);\n gap: 18px;\n }\n .ue__col:last-child {\n padding-bottom: 0;\n border-bottom: none;\n }\n .ue__icon {\n width: 56px;\n height: 56px;\n }\n .ue__body h3 { font-size: 18px; }\n .ue__body p { font-size: 14.5px; }\n }\n\n \/* Mobile *\/\n @media (max-width: 640px) {\n .ue { padding: clamp(40px, 8vw, 60px) 0; }\n .ue__inner { padding: 0 20px; }\n\n .ue__grid { gap: 24px; }\n\n .ue__col {\n gap: 16px;\n padding-bottom: 24px;\n }\n\n .ue__icon {\n width: 52px;\n height: 52px;\n }\n .ue__icon svg { stroke-width: 2; }\n\n .ue__body h3 { font-size: 17px; }\n .ue__body h3::after { margin-top: 10px; }\n .ue__body p { font-size: 14.5px; }\n }\n\n @media (max-width: 420px) {\n .ue__inner { padding: 0 16px; }\n\n .ue__col {\n flex-direction: column;\n gap: 14px;\n }\n\n .ue__icon {\n width: 48px;\n height: 48px;\n }\n\n .ue__body h3 { font-size: 17px; }\n .ue__body p { font-size: 14px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .ue *, .ue *::before, .ue *::after {\n transition: none !important;\n transform: none !important;\n }\n }\n<\/style>\n\n<section class=\"ue\" id=\"unidet-engagements\">\n <div class=\"ue__inner\">\n <div class=\"ue__grid\">\n\n \n <article class=\"ue__col\">\n <span class=\"ue__icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"\/>\n <\/svg>\n <\/span>\n <div class=\"ue__body\">\n <h3>R\u00e9cup\u00e9ration rapide<\/h3>\n <p>Nous nous engageons \u00e0 r\u00e9cup\u00e9rer vos cr\u00e9ances dans les d\u00e9lais les plus courts possibles.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"ue__col\">\n <span class=\"ue__icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" ry=\"2\"\/>\n <line x1=\"9\" y1=\"10\" x2=\"15\" y2=\"10\"\/>\n <line x1=\"9\" y1=\"14\" x2=\"13\" y2=\"14\"\/>\n <\/svg>\n <\/span>\n <div class=\"ue__body\">\n <h3>Transparence totale<\/h3>\n <p>Aucune surprise avec nos frais, vous ne payez que si nous r\u00e9cup\u00e9rons vos cr\u00e9ances.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"ue__col\">\n <span class=\"ue__icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\n <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\n <\/svg>\n <\/span>\n <div class=\"ue__body\">\n <h3>Respect des relations commerciales<\/h3>\n <p>Nous adoptons une approche respectueuse et amiable pour pr\u00e9server vos partenariats commerciaux.<\/p>\n <\/div>\n <\/article>\n\n <\/div>\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-4a2ae87 e-con-full e-flex e-con e-parent \" data-id=\"4a2ae87\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-8aa84ec elementor-widget elementor-widget-html\" data-id=\"8aa84ec\" 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>Chiffres Unidet<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\n\n\n<style>\n .us, .us * { box-sizing: border-box; }\n html, body { overflow-x: clip; }\n\n .elementor-widget-html:has(.us),\n .elementor-widget-html:has(.us) > .elementor-widget-container,\n .e-con:has(.us), .e-con-inner:has(.us),\n .elementor-section:has(.us), .elementor-container:has(.us),\n .elementor-column:has(.us), .elementor-widget-wrap:has(.us) {\n width: 100% !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: visible !important;\n }\n\n .us {\n --us-dark: #121C27;\n --us-gold: #D3AD72;\n --us-gold-dark: #B98E4E;\n --us-gold-soft: rgba(211, 173, 114, 0.16);\n --us-gold-line: rgba(211, 173, 114, 0.32);\n --us-cream: #F7F4EF;\n --us-cream-2: #EFE8DC;\n --us-muted: #4B535D;\n --us-muted-2: rgba(75, 83, 93, 0.60);\n --us-line: rgba(18, 28, 39, 0.10);\n --us-line-strong: rgba(18, 28, 39, 0.16);\n --us-mono: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;\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(--us-dark);\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background: linear-gradient(180deg, #FFFFFF 0%, var(--us-cream) 55%, var(--us-cream-2) 100%);\n }\n\n .us::after {\n content: \"\";\n position: absolute;\n width: 520px;\n height: 520px;\n left: -260px;\n bottom: -260px;\n z-index: -1;\n border-radius: 50%;\n border: 1px solid rgba(211, 173, 114, 0.16);\n box-shadow: 0 0 0 78px rgba(211, 173, 114, 0.03);\n pointer-events: none;\n }\n\n \/* Conteneur pleine largeur *\/\n .us__inner {\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 1920px;\n margin: 0 auto;\n padding: 0 clamp(24px, 4vw, 80px);\n }\n\n \/* ========== SPLIT ========== *\/\n .us__split {\n display: grid;\n grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);\n gap: clamp(40px, 5vw, 120px);\n align-items: center;\n }\n\n \/* ========== COLONNE GAUCHE ========== *\/\n .us__content {\n display: flex;\n flex-direction: column;\n gap: 24px;\n max-width: 620px;\n }\n\n .us__kicker {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n color: var(--us-gold-dark);\n font-family: var(--us-mono);\n font-size: 11.5px;\n font-weight: 700;\n letter-spacing: 0.28em;\n text-transform: uppercase;\n }\n\n .us__kicker::before {\n content: \"\";\n width: 34px;\n height: 2px;\n border-radius: 10px;\n background: var(--us-gold);\n }\n\n .us__title {\n margin: 0;\n color: var(--us-dark);\n font-size: clamp(32px, 3.8vw, 60px);\n line-height: 1.04;\n letter-spacing: -0.055em;\n font-weight: 950;\n max-width: 14ch;\n }\n\n .us__title em {\n font-style: normal;\n color: var(--us-gold-dark);\n }\n\n .us__intro {\n margin: 0;\n color: var(--us-muted);\n font-size: 15.5px;\n line-height: 1.72;\n font-weight: 500;\n max-width: 52ch;\n }\n\n \/* Liste de r\u00e9assurance *\/\n .us__trust {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin: 0;\n padding: 24px 0 0;\n border-top: 1px solid var(--us-line);\n list-style: none;\n }\n\n .us__trust li {\n display: flex;\n align-items: center;\n gap: 12px;\n color: var(--us-dark);\n font-size: 14.5px;\n font-weight: 700;\n }\n\n .us__trust li::before {\n content: \"\u2713\";\n width: 22px;\n height: 22px;\n flex: 0 0 22px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n background: var(--us-gold-soft);\n color: var(--us-gold-dark);\n font-size: 12px;\n font-weight: 950;\n }\n\n \/* ========== COLONNE DROITE \u2014 BLOC CHIFFRES UNIFI\u00c9 ========== *\/\n .us__numbers {\n position: relative;\n display: grid;\n grid-template-columns: 1fr 1fr;\n border-radius: 10px;\n background:\n radial-gradient(circle at 100% 0%, rgba(211, 173, 114, 0.08), transparent 45%),\n #FFFFFF;\n border: 1px solid var(--us-line);\n box-shadow: 0 24px 60px rgba(18, 28, 39, 0.08);\n overflow: hidden;\n }\n\n \/* Ligne horizontale de s\u00e9paration *\/\n .us__numbers::before {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n top: 50%;\n height: 1px;\n background: var(--us-line);\n pointer-events: none;\n }\n\n \/* Colonne verticale de s\u00e9paration *\/\n .us__numbers::after {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 50%;\n width: 1px;\n background: var(--us-line);\n pointer-events: none;\n }\n\n \/* Chaque cellule *\/\n .us__stat {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: clamp(32px, 3.4vw, 56px);\n transition: background .25s ease;\n }\n\n .us__stat:hover {\n background: rgba(211, 173, 114, 0.04);\n }\n\n .us__stat::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 3px;\n background: var(--us-gold);\n transition: width .4s cubic-bezier(.6,.2,.1,1);\n }\n\n .us__stat:hover::before {\n width: 100%;\n }\n\n \/* Num\u00e9ro *\/\n .us__num {\n display: inline-flex;\n align-items: baseline;\n gap: 4px;\n color: var(--us-dark);\n font-size: clamp(44px, 4.8vw, 78px);\n line-height: 0.88;\n letter-spacing: -0.055em;\n font-weight: 950;\n font-variant-numeric: tabular-nums;\n transition: color .25s ease;\n }\n\n .us__num em {\n font-style: normal;\n color: var(--us-gold-dark);\n font-size: 0.44em;\n font-weight: 800;\n letter-spacing: -0.02em;\n }\n\n .us__stat:hover .us__num {\n color: var(--us-gold-dark);\n }\n\n \/* Titre *\/\n .us__stat h3 {\n margin: 0;\n color: var(--us-dark);\n font-size: clamp(15px, 1.2vw, 18px);\n line-height: 1.3;\n letter-spacing: -0.02em;\n font-weight: 850;\n transition: color .25s ease;\n }\n\n .us__stat:hover h3 {\n color: var(--us-gold-dark);\n }\n\n \/* Description *\/\n .us__stat p {\n margin: 0;\n color: var(--us-muted);\n font-size: 13.5px;\n line-height: 1.6;\n font-weight: 500;\n max-width: 38ch;\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media (max-width: 1080px) {\n .us__split {\n grid-template-columns: 1fr;\n gap: 44px;\n }\n .us__content { max-width: none; }\n .us__title { max-width: none; }\n .us__intro { max-width: none; }\n .us__numbers {\n max-width: 780px;\n width: 100%;\n margin: 0 auto;\n }\n }\n\n @media (max-width: 640px) {\n .us { padding: clamp(44px, 8vw, 64px) 0; }\n .us__inner { padding: 0 20px; }\n\n .us__content { gap: 18px; }\n\n .us__kicker {\n font-size: 10.5px;\n letter-spacing: 0.22em;\n }\n .us__kicker::before { width: 24px; }\n\n .us__title {\n font-size: 28px;\n line-height: 1.06;\n letter-spacing: -0.045em;\n }\n\n .us__intro { font-size: 15px; line-height: 1.68; }\n\n .us__trust {\n padding-top: 20px;\n gap: 10px;\n }\n .us__trust li { font-size: 14px; }\n .us__trust li::before {\n width: 20px;\n height: 20px;\n flex-basis: 20px;\n font-size: 11px;\n }\n\n .us__stat {\n padding: 22px 20px;\n gap: 10px;\n }\n .us__num { font-size: 38px; }\n .us__stat h3 { font-size: 14px; }\n .us__stat p { font-size: 13px; max-width: none; }\n }\n\n @media (max-width: 420px) {\n .us__inner { padding: 0 16px; }\n\n .us__title { font-size: 26px; }\n .us__intro { font-size: 14.5px; }\n .us__trust li { font-size: 13.5px; }\n\n .us__numbers {\n grid-template-columns: 1fr;\n }\n .us__numbers::before,\n .us__numbers::after { display: none; }\n\n .us__stat {\n padding: 22px 20px;\n border-bottom: 1px solid var(--us-line);\n }\n .us__stat:last-child { border-bottom: none; }\n\n .us__num { font-size: 40px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .us *, .us *::before, .us *::after {\n transition: none !important;\n transform: none !important;\n }\n }\n<\/style>\n\n<section class=\"us\" id=\"chiffres-unidet\">\n <div class=\"us__inner\">\n <div class=\"us__split\">\n\n \n <div class=\"us__content\">\n <span class=\"us__kicker\">Nos chiffres cl\u00e9s<\/span>\n\n <h2 class=\"us__title\">\n Des r\u00e9sultats qui parlent <em>pour Unidet<\/em>\n <\/h2>\n\n <p class=\"us__intro\">\n Une vision claire de notre impact : entreprises accompagn\u00e9es, cr\u00e9ances r\u00e9cup\u00e9r\u00e9es et expertise construite dans le recouvrement amiable et judiciaire.\n <\/p>\n\n <ul class=\"us__trust\">\n <li>0 \u20ac \u00e0 avancer sur votre dossier<\/li>\n <li>R\u00e9ponse sous 24h ouvr\u00e9es<\/li>\n <li>R\u00e9sultats possibles en moins de 30 jours<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"us__numbers\">\n\n <article class=\"us__stat\">\n <span class=\"us__num\">\n <span data-us-counter data-target=\"1200\">0<\/span>\n <em>+<\/em>\n <\/span>\n <h3>Entreprises satisfaites<\/h3>\n <p>Des entreprises accompagn\u00e9es avec une m\u00e9thode claire et orient\u00e9e r\u00e9sultat.<\/p>\n <\/article>\n\n <article class=\"us__stat\">\n <span class=\"us__num\">\n <span data-us-counter data-target=\"8\">0<\/span>\n <em>M\u20ac<\/em>\n <\/span>\n <h3>Millions d'euros r\u00e9cup\u00e9r\u00e9s<\/h3>\n <p>Des cr\u00e9ances trait\u00e9es avec rigueur pour s\u00e9curiser la tr\u00e9sorerie des clients.<\/p>\n <\/article>\n\n <article class=\"us__stat\">\n <span class=\"us__num\">\n <span data-us-counter data-target=\"3000\">0<\/span>\n <em>+<\/em>\n <\/span>\n <h3>Cr\u00e9ances r\u00e9cup\u00e9r\u00e9es<\/h3>\n <p>Un volume important de dossiers suivis, relanc\u00e9s et cl\u00f4tur\u00e9s efficacement.<\/p>\n <\/article>\n\n <article class=\"us__stat\">\n <span class=\"us__num\">\n <span data-us-counter data-target=\"5\">0<\/span>\n <em>ans<\/em>\n <\/span>\n <h3>Expertise en recouvrement<\/h3>\n <p>Une pratique combinant m\u00e9diation, suivi professionnel et actions adapt\u00e9es.<\/p>\n <\/article>\n\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n (function () {\n function init() {\n var section = document.querySelector('.us');\n if (!section || section.dataset.usReady) return;\n section.dataset.usReady = '1';\n\n var counters = section.querySelectorAll('[data-us-counter]');\n var hasAnimated = false;\n\n function animateCounter(counter) {\n var target = parseInt(counter.getAttribute('data-target'), 10) || 0;\n var duration = 1400;\n var start = performance.now();\n\n function update(now) {\n var progress = Math.min((now - start) \/ duration, 1);\n var eased = 1 - Math.pow(1 - progress, 3);\n var value = Math.round(target * eased);\n counter.textContent = new Intl.NumberFormat('fr-FR').format(value);\n if (progress < 1) requestAnimationFrame(update);\n }\n\n requestAnimationFrame(update);\n }\n\n function runAnimation() {\n if (hasAnimated) return;\n hasAnimated = true;\n counters.forEach(animateCounter);\n }\n\n if ('IntersectionObserver' in window) {\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n runAnimation();\n observer.disconnect();\n }\n });\n }, { threshold: 0.20 });\n observer.observe(section);\n } else {\n runAnimation();\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\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-0e48546 e-con-full e-flex e-con e-parent \" data-id=\"0e48546\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-7b893db elementor-widget elementor-widget-html\" data-id=\"7b893db\" 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>Engagements Unidet<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\n\n\n<style>\n .ue, .ue * { box-sizing: border-box; }\n html, body { overflow-x: clip; }\n\n .elementor-widget-html:has(.ue),\n .elementor-widget-html:has(.ue) > .elementor-widget-container,\n .e-con:has(.ue), .e-con-inner:has(.ue),\n .elementor-section:has(.ue), .elementor-container:has(.ue),\n .elementor-column:has(.ue), .elementor-widget-wrap:has(.ue) {\n width: 100% !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: visible !important;\n }\n\n .ue {\n --ue-dark: #121C27;\n --ue-dark-2: #1A2A3A;\n --ue-gold: #D3AD72;\n --ue-gold-dark: #B98E4E;\n --ue-cream: #F7F4EF;\n --ue-cream-2: #EFE8DC;\n --ue-muted: #4B535D;\n --ue-muted-2: rgba(75, 83, 93, 0.60);\n --ue-line: rgba(18, 28, 39, 0.10);\n --ue-mono: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;\n --ue-image: url('https:\/\/unidet.com\/wp-content\/uploads\/2026\/05\/sv1-8.webp');\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(74px, 7vw, 120px) 0;\n color: var(--ue-dark);\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background:\n radial-gradient(circle at 8% 12%, rgba(211, 173, 114, 0.14), transparent 30%),\n radial-gradient(circle at 92% 92%, rgba(18, 28, 39, 0.06), transparent 34%),\n linear-gradient(135deg, #FFFFFF 0%, var(--ue-cream) 55%, var(--ue-cream-2) 100%);\n }\n\n .ue::after {\n content: \"\";\n position: absolute;\n width: 620px;\n height: 620px;\n left: -310px;\n bottom: -310px;\n z-index: -1;\n border-radius: 50%;\n border: 1px solid rgba(211, 173, 114, 0.18);\n box-shadow: 0 0 0 90px rgba(211, 173, 114, 0.03);\n pointer-events: none;\n }\n\n .ue__inner {\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 1920px;\n margin: 0 auto;\n padding: 0 clamp(20px, 5vw, 80px);\n }\n\n \/* ========== SPLIT ========== *\/\n .ue__split {\n display: grid;\n grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.7fr);\n gap: clamp(48px, 6vw, 120px);\n align-items: start;\n }\n\n \/* ========== COLONNE GAUCHE \u2014 CONTENU + GRILLE ========== *\/\n .ue__content {\n display: flex;\n flex-direction: column;\n min-width: 0;\n }\n\n .ue__kicker {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 20px;\n color: var(--ue-gold-dark);\n font-family: var(--ue-mono);\n font-size: 11.5px;\n font-weight: 700;\n letter-spacing: 0.28em;\n text-transform: uppercase;\n }\n\n .ue__kicker::before {\n content: \"\";\n width: 34px;\n height: 2px;\n border-radius: 10px;\n background: var(--ue-gold);\n }\n\n .ue__title {\n margin: 0 0 22px;\n color: var(--ue-dark);\n font-size: clamp(36px, 4.2vw, 64px);\n line-height: 1.02;\n letter-spacing: -0.055em;\n font-weight: 950;\n max-width: 18ch;\n }\n\n .ue__title em {\n font-style: normal;\n color: var(--ue-gold-dark);\n }\n\n .ue__intro {\n margin: 0 0 44px;\n max-width: 66ch;\n color: var(--ue-muted);\n font-size: 16px;\n line-height: 1.72;\n font-weight: 500;\n }\n\n \/* ========== GRILLE 2\u00d72 ========== *\/\n .ue__grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: clamp(24px, 2.8vw, 44px) clamp(28px, 3.2vw, 56px);\n }\n\n .ue__item {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 14px;\n padding-top: 24px;\n border-top: 1px solid var(--ue-line);\n }\n\n .ue__item::before {\n content: \"\";\n position: absolute;\n top: -1px;\n left: 0;\n width: 44px;\n height: 2px;\n border-radius: 10px;\n background: var(--ue-gold);\n transition: width .4s cubic-bezier(.6,.2,.1,1);\n }\n\n .ue__item:hover::before { width: 100%; }\n\n .ue__num {\n display: inline-flex;\n align-items: center;\n color: var(--ue-muted-2);\n font-family: var(--ue-mono);\n font-size: 12.5px;\n font-weight: 700;\n letter-spacing: 0.18em;\n transition: color .25s ease;\n }\n\n .ue__item:hover .ue__num { color: var(--ue-gold); }\n\n .ue__item h3 {\n margin: 0;\n color: var(--ue-dark);\n font-size: clamp(20px, 1.8vw, 26px);\n line-height: 1.2;\n letter-spacing: -0.03em;\n font-weight: 900;\n transition: color .25s ease;\n }\n\n .ue__item:hover h3 { color: var(--ue-gold-dark); }\n\n .ue__item p {\n margin: 0;\n color: var(--ue-muted);\n font-size: 14.5px;\n line-height: 1.68;\n font-weight: 500;\n max-width: 52ch;\n }\n\n \/* ========== COLONNE DROITE \u2014 IMAGE ========== *\/\n .ue__media {\n position: relative;\n margin: 0;\n min-height: 720px;\n border-radius: 10px;\n overflow: hidden;\n background:\n linear-gradient(180deg, rgba(18,28,39,0.04), rgba(18,28,39,0.30)),\n var(--ue-image);\n background-size: cover;\n background-position: center;\n border: 1px solid rgba(211, 173, 114, 0.28);\n box-shadow: 0 30px 84px rgba(18, 28, 39, 0.14);\n position: sticky;\n top: 60px;\n }\n\n .ue__media::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n linear-gradient(0deg, rgba(18,28,39,0.72) 0%, rgba(18,28,39,0.32) 32%, transparent 55%),\n radial-gradient(circle at 75% 20%, rgba(211,173,114,0.18), transparent 32%);\n pointer-events: none;\n }\n\n .ue__media-badge {\n position: absolute;\n left: clamp(24px, 2.4vw, 40px);\n right: clamp(24px, 2.4vw, 40px);\n bottom: clamp(24px, 2.4vw, 40px);\n z-index: 1;\n display: flex;\n flex-direction: column;\n gap: 14px;\n color: #fff;\n pointer-events: none;\n }\n\n .ue__media-badge strong {\n display: block;\n color: #fff;\n font-size: clamp(32px, 3vw, 46px);\n line-height: 1;\n letter-spacing: -0.045em;\n font-weight: 950;\n text-shadow: 0 4px 24px rgba(0,0,0,0.55);\n }\n\n .ue__media-badge strong em {\n font-style: normal;\n color: var(--ue-gold);\n }\n\n .ue__media-badge span {\n display: block;\n padding-top: 14px;\n border-top: 2px solid var(--ue-gold);\n color: rgba(255, 255, 255, 0.90);\n font-size: 14px;\n line-height: 1.5;\n font-weight: 550;\n text-shadow: 0 2px 12px rgba(0,0,0,0.55);\n }\n\n \/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n \/* ----- Tablette paysage (900 \u2013 1200px) ----- *\/\n @media (max-width: 1200px) {\n .ue__split {\n grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);\n gap: clamp(36px, 4.5vw, 72px);\n }\n .ue__title { max-width: none; }\n .ue__media { min-height: 600px; }\n }\n\n \/* ----- Tablette portrait (640 \u2013 900px) ----- *\/\n @media (max-width: 900px) {\n .ue {\n padding: clamp(44px, 7vw, 80px) 0;\n }\n .ue__inner {\n padding: 0 clamp(24px, 4vw, 40px);\n }\n\n .ue__split {\n grid-template-columns: 1fr;\n gap: 44px;\n }\n\n \/* Image en haut \u2014 ratio un peu plus haut pour que le badge respire *\/\n .ue__media {\n min-height: 0;\n aspect-ratio: 16 \/ 10;\n position: relative;\n order: -1;\n box-shadow: 0 22px 58px rgba(18, 28, 39, 0.14);\n }\n\n .ue__media-badge {\n left: 24px;\n right: 24px;\n bottom: 24px;\n gap: 12px;\n }\n .ue__media-badge strong { font-size: 36px; }\n .ue__media-badge span {\n padding-top: 12px;\n font-size: 14px;\n max-width: 44ch;\n }\n\n .ue__title {\n font-size: clamp(34px, 6vw, 48px);\n max-width: none;\n margin-bottom: 20px;\n }\n\n .ue__intro {\n font-size: 15.5px;\n margin-bottom: 36px;\n max-width: none;\n }\n\n .ue__grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 28px 32px;\n }\n .ue__item h3 { font-size: 21px; }\n .ue__item p { font-size: 14.5px; }\n }\n\n \/* ----- Mobile large (420 \u2013 640px) ----- *\/\n @media (max-width: 640px) {\n .ue {\n padding-top: 36px;\n padding-bottom: 48px;\n }\n .ue__inner {\n padding: 0 20px;\n }\n\n \/* Gap augment\u00e9 pour bien s\u00e9parer image et titre *\/\n .ue__split { gap: 34px; }\n\n .ue__media {\n aspect-ratio: 4 \/ 3;\n border-radius: 10px;\n }\n\n \/* Badge plus compact sur mobile *\/\n .ue__media-badge {\n left: 16px;\n right: 16px;\n bottom: 16px;\n gap: 8px;\n }\n .ue__media-badge strong {\n font-size: 24px;\n line-height: 1.05;\n letter-spacing: -0.035em;\n }\n .ue__media-badge span {\n padding-top: 8px;\n font-size: 12.5px;\n line-height: 1.4;\n max-width: none;\n }\n\n .ue__kicker {\n font-size: 10.5px;\n letter-spacing: 0.22em;\n margin-bottom: 14px;\n }\n .ue__kicker::before { width: 24px; }\n\n .ue__title {\n font-size: 30px;\n line-height: 1.08;\n letter-spacing: -0.045em;\n margin-bottom: 16px;\n }\n\n .ue__intro {\n font-size: 15px;\n line-height: 1.68;\n margin-bottom: 30px;\n }\n\n .ue__grid {\n grid-template-columns: 1fr;\n gap: 22px;\n }\n .ue__item {\n padding-top: 20px;\n gap: 12px;\n }\n .ue__item h3 { font-size: 19px; }\n .ue__item p { font-size: 14.5px; max-width: none; }\n }\n\n \/* ----- Mobile petit (< 420px) ----- *\/\n @media (max-width: 420px) {\n .ue {\n padding-top: 28px;\n padding-bottom: 40px;\n }\n .ue__inner {\n padding: 0 16px;\n }\n\n \/* On garde 4\/3 (au lieu de 1\/1) pour que le badge tienne bien *\/\n .ue__media {\n aspect-ratio: 4 \/ 3;\n }\n .ue__media-badge {\n left: 14px;\n right: 14px;\n bottom: 14px;\n gap: 6px;\n }\n .ue__media-badge strong { font-size: 22px; }\n .ue__media-badge span {\n padding-top: 6px;\n font-size: 12px;\n line-height: 1.35;\n }\n\n .ue__title {\n font-size: 27px;\n letter-spacing: -0.04em;\n }\n\n .ue__intro { font-size: 14.5px; }\n\n .ue__item h3 { font-size: 17.5px; }\n .ue__item p { font-size: 14px; line-height: 1.6; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .ue *, .ue *::before, .ue *::after {\n transition: none !important;\n transform: none !important;\n }\n }\n<\/style>\n\n<section class=\"ue\" id=\"engagements\">\n <div class=\"ue__inner\">\n <div class=\"ue__split\">\n\n \n <div class=\"ue__content\">\n <span class=\"ue__kicker\">Engagements<\/span>\n\n <h2 class=\"ue__title\">\n Ce sur quoi nous <em>nous engageons<\/em>\n <\/h2>\n\n <p class=\"ue__intro\">\n Quatre garanties \u00e9crites qui s\u00e9curisent chaque dossier que vous nous confiez. Aucune zone d'ombre, aucun frais cach\u00e9, aucune mauvaise surprise.\n <\/p>\n\n <div class=\"ue__grid\">\n\n <article class=\"ue__item\">\n <span class=\"ue__num\">01<\/span>\n <h3>Transparence totale<\/h3>\n <p>Chaque action men\u00e9e sur votre dossier est trac\u00e9e et consultable en temps r\u00e9el dans votre espace client.<\/p>\n <\/article>\n\n <article class=\"ue__item\">\n <span class=\"ue__num\">02<\/span>\n <h3>Z\u00e9ro frais avant r\u00e9sultat<\/h3>\n <p>Aucun frais d'ouverture, aucun abonnement, aucun acompte. R\u00e9mun\u00e9ration uniquement au succ\u00e8s.<\/p>\n <\/article>\n\n <article class=\"ue__item\">\n <span class=\"ue__num\">03<\/span>\n <h3>R\u00e9ponse sous 24h ouvr\u00e9es<\/h3>\n <p>Toute demande re\u00e7oit une premi\u00e8re r\u00e9ponse humaine sous 24 heures ouvr\u00e9es. Dossiers Urgent trait\u00e9s le jour m\u00eame.<\/p>\n <\/article>\n\n <article class=\"ue__item\">\n <span class=\"ue__num\">04<\/span>\n <h3>Respect du d\u00e9biteur<\/h3>\n <p>La m\u00e9diation amiable d'abord, toujours. Aucune pression abusive \u2014 cela pr\u00e9serve votre image.<\/p>\n <\/article>\n\n <\/div>\n <\/div>\n\n \n <figure class=\"ue__media\" aria-label=\"Engagement Unidet\">\n <div class=\"ue__media-badge\">\n <strong>4 garanties <em>\u00e9crites<\/em><\/strong>\n <span>Une m\u00e9thode claire, humaine et orient\u00e9e r\u00e9sultat pour prot\u00e9ger vos int\u00e9r\u00eats.<\/span>\n <\/div>\n <\/figure>\n\n <\/div>\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t <section class=\"elementor-section elementor-top-section elementor-element elementor-element-8ffd14a 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=\"8ffd14a\" 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-7371480 pxl-column-none pxl-column-overflow-hidden-no\" data-id=\"7371480\" 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-6d19002 elementor-widget elementor-widget-html\" data-id=\"6d19002\" 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 \u00c0 propos<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\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: #0F1A26;\n --ucta-dark-2: #0A131C;\n --ucta-dark-3: #16232F;\n --ucta-gold: #D3AD72;\n --ucta-gold-soft: rgba(211, 173, 114, 0.16);\n --ucta-gold-line: rgba(211, 173, 114, 0.32);\n --ucta-white: #FFFFFF;\n --ucta-muted: rgba(255, 255, 255, 0.68);\n --ucta-muted-2: rgba(255, 255, 255, 0.44);\n --ucta-line: rgba(255, 255, 255, 0.09);\n --ucta-line-strong: rgba(255, 255, 255, 0.14);\n --ucta-mono: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;\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(--ucta-white);\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background:\n radial-gradient(circle at 8% 8%, rgba(211, 173, 114, 0.10), transparent 34%),\n radial-gradient(circle at 94% 92%, rgba(211, 173, 114, 0.06), transparent 36%),\n linear-gradient(135deg, var(--ucta-dark-2) 0%, var(--ucta-dark) 55%, var(--ucta-dark-3) 100%);\n }\n\n .ucta::before {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: 0;\n background-image:\n linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px);\n background-size: 64px 64px;\n mask-image: radial-gradient(ellipse at center, #000 30%, transparent 80%);\n -webkit-mask-image: radial-gradient(ellipse at center, #000 30%, transparent 80%);\n pointer-events: none;\n }\n\n .ucta::after {\n content: \"\";\n position: absolute;\n width: 520px;\n height: 520px;\n right: -260px;\n top: -260px;\n z-index: 0;\n border-radius: 50%;\n border: 1px solid rgba(211, 173, 114, 0.14);\n box-shadow: 0 0 0 78px rgba(211, 173, 114, 0.03);\n pointer-events: none;\n }\n\n \/* Conteneur pleine largeur, centr\u00e9 *\/\n .ucta__inner {\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 1920px;\n margin: 0 auto;\n padding: 0 clamp(24px, 4vw, 72px);\n }\n\n .ucta__split {\n display: grid;\n grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);\n gap: clamp(40px, 5vw, 120px);\n align-items: center;\n width: 100%;\n }\n\n \/* ========== COLONNE GAUCHE \u2014 CONTENU ========== *\/\n .ucta__content {\n display: flex;\n flex-direction: column;\n gap: 26px;\n max-width: 720px;\n }\n\n .ucta__kicker {\n display: inline-flex;\n align-items: center;\n gap: 12px;\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 content: \"\";\n width: 34px;\n height: 2px;\n border-radius: 10px;\n background: var(--ucta-gold);\n }\n\n .ucta__title {\n margin: 0;\n color: #fff;\n font-size: clamp(32px, 4vw, 58px);\n line-height: 1.02;\n letter-spacing: -0.055em;\n font-weight: 950;\n max-width: 16ch;\n }\n\n .ucta__title em {\n font-style: normal;\n color: var(--ucta-gold);\n }\n\n .ucta__subtitle {\n margin: 0;\n max-width: 62ch;\n color: var(--ucta-muted);\n font-size: clamp(15px, 1.15vw, 17px);\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 .ucta__actions {\n display: flex;\n align-items: center;\n gap: 14px;\n flex-wrap: wrap;\n margin-top: 8px;\n }\n\n .ucta__btn,\n .ucta__btn:visited,\n .ucta__btn:focus {\n min-height: 54px;\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 28px;\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: #E4C48C;\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: rgba(255, 255, 255, 0.04);\n border-color: rgba(255, 255, 255, 0.18);\n color: #fff !important;\n }\n\n .ucta__btn--ghost:hover {\n transform: translateY(-2px);\n background: rgba(255, 255, 255, 0.10);\n border-color: rgba(255, 255, 255, 0.34);\n }\n\n \/* ========== COLONNE DROITE \u2014 PANNEAU STATS ========== *\/\n .ucta__panel {\n position: relative;\n display: flex;\n flex-direction: column;\n border-radius: 10px;\n background:\n radial-gradient(circle at 100% 0%, rgba(211, 173, 114, 0.14), transparent 55%),\n rgba(255, 255, 255, 0.04);\n border: 1px solid var(--ucta-gold-line);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n overflow: hidden;\n box-shadow: 0 32px 80px rgba(0, 0, 0, 0.28);\n }\n\n .ucta__panel::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 72px;\n height: 3px;\n background: var(--ucta-gold);\n border-radius: 0 0 10px 0;\n }\n\n .ucta__hero {\n padding: clamp(24px, 2.6vw, 36px);\n border-bottom: 1px solid var(--ucta-line);\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n .ucta__hero-label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: var(--ucta-gold);\n font-family: var(--ucta-mono);\n font-size: 10.5px;\n font-weight: 700;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n }\n\n .ucta__hero-label::before {\n content: \"\";\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--ucta-gold);\n box-shadow: 0 0 0 4px rgba(211, 173, 114, 0.16);\n }\n\n .ucta__hero-value {\n display: inline-flex;\n align-items: baseline;\n gap: 4px;\n color: #fff;\n font-size: clamp(40px, 3.6vw, 56px);\n line-height: 0.92;\n letter-spacing: -0.05em;\n font-weight: 950;\n font-variant-numeric: tabular-nums;\n }\n\n .ucta__hero-value em {\n font-style: normal;\n color: var(--ucta-gold);\n font-size: 0.44em;\n font-weight: 800;\n letter-spacing: -0.02em;\n }\n\n .ucta__hero-text {\n margin: 0;\n color: var(--ucta-muted);\n font-size: 14px;\n line-height: 1.6;\n font-weight: 500;\n max-width: 36ch;\n }\n\n .ucta__minis {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .ucta__mini {\n padding: clamp(18px, 2vw, 26px) clamp(14px, 1.6vw, 24px);\n border-left: 1px solid var(--ucta-line);\n display: flex;\n flex-direction: column;\n gap: 6px;\n }\n\n .ucta__mini:first-child {\n border-left: none;\n }\n\n .ucta__mini-value {\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 font-variant-numeric: tabular-nums;\n }\n\n .ucta__mini-value em {\n font-style: normal;\n color: var(--ucta-gold);\n font-size: 0.7em;\n font-weight: 800;\n }\n\n .ucta__mini-label {\n color: var(--ucta-muted-2);\n font-family: var(--ucta-mono);\n font-size: 9.5px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n line-height: 1.3;\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media (max-width: 1000px) {\n .ucta__split {\n grid-template-columns: 1fr;\n gap: 44px;\n }\n .ucta__content {\n max-width: none;\n }\n .ucta__title { max-width: none; }\n .ucta__subtitle { max-width: none; }\n .ucta__panel {\n max-width: 720px;\n width: 100%;\n margin: 0 auto;\n }\n }\n\n @media (max-width: 640px) {\n .ucta { padding: clamp(44px, 8vw, 64px) 0; }\n .ucta__inner { padding: 0 20px; }\n\n .ucta__content { gap: 22px; }\n\n .ucta__kicker {\n font-size: 10.5px;\n letter-spacing: 0.22em;\n }\n .ucta__kicker::before { width: 24px; }\n\n .ucta__title {\n font-size: 28px;\n line-height: 1.06;\n letter-spacing: -0.045em;\n }\n\n .ucta__subtitle { font-size: 15px; line-height: 1.68; }\n\n .ucta__actions {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n width: 100%;\n }\n .ucta__btn { width: 100%; min-height: 52px; }\n\n .ucta__hero {\n padding: 22px 20px;\n gap: 12px;\n }\n .ucta__hero-value { font-size: 44px; }\n .ucta__hero-text { font-size: 13.5px; max-width: none; }\n\n .ucta__mini {\n padding: 16px 12px;\n gap: 4px;\n }\n .ucta__mini-value { font-size: 18px; }\n .ucta__mini-label { font-size: 9px; letter-spacing: 0.12em; }\n }\n\n @media (max-width: 420px) {\n .ucta__inner { padding: 0 16px; }\n\n .ucta__title { font-size: 26px; }\n .ucta__subtitle { font-size: 14.5px; }\n\n .ucta__hero { padding: 20px 18px; }\n .ucta__hero-value { font-size: 38px; }\n .ucta__hero-text { font-size: 13px; }\n\n .ucta__mini {\n padding: 14px 10px;\n }\n .ucta__mini-value { font-size: 17px; }\n .ucta__mini-label { font-size: 8.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-a-propos\">\n <div class=\"ucta__inner\">\n <div class=\"ucta__split\">\n\n \n <div class=\"ucta__content\">\n <span class=\"ucta__kicker\">Travaillons ensemble<\/span>\n\n <h2 class=\"ucta__title\">\n Envie de d\u00e9couvrir notre <em>m\u00e9thode<\/em> ?\n <\/h2>\n\n <p class=\"ucta__subtitle\">\n <strong>Un \u00e9change de 15 minutes suffit pour comprendre notre approche.<\/strong> Pr\u00e9sentez-nous votre situation \u2014 un expert Unidet vous explique concr\u00e8tement comment nous traitons votre dossier.\n <\/p>\n\n <div class=\"ucta__actions\">\n <a class=\"ucta__btn ucta__btn--primary\" href=\"https:\/\/app.unidet.com\/register\/\">\n \u00c9changer avec un expert\n <\/a>\n <a class=\"ucta__btn ucta__btn--ghost\" href=\"\/contact\/\">\n Nous \u00e9crire\n <\/a>\n <\/div>\n <\/div>\n\n \n <aside class=\"ucta__panel\">\n\n <div class=\"ucta__hero\">\n <span class=\"ucta__hero-label\">R\u00e9ussite en amiable<\/span>\n <span class=\"ucta__hero-value\">\n <span data-ucta-counter data-target=\"91\">0<\/span>\n <em>%<\/em>\n <\/span>\n <p class=\"ucta__hero-text\">\n des dossiers trait\u00e9s par Unidet sont r\u00e9gl\u00e9s sans passer par le tribunal.\n <\/p>\n <\/div>\n\n <ul class=\"ucta__minis\">\n <li class=\"ucta__mini\">\n <span class=\"ucta__mini-value\">\n <em>+<\/em><span data-ucta-counter data-target=\"1200\">0<\/span>\n <\/span>\n <span class=\"ucta__mini-label\">Entreprises<br>accompagn\u00e9es<\/span>\n <\/li>\n <li class=\"ucta__mini\">\n <span class=\"ucta__mini-value\">\n <span data-ucta-counter data-target=\"5\">0<\/span><em> ans<\/em>\n <\/span>\n <span class=\"ucta__mini-label\">Expertise en<br>recouvrement<\/span>\n <\/li>\n <li class=\"ucta__mini\">\n <span class=\"ucta__mini-value\">\n <span data-ucta-counter data-target=\"8\">0<\/span><em> M\u20ac<\/em>\n <\/span>\n <span class=\"ucta__mini-label\">Cr\u00e9ances<br>r\u00e9cup\u00e9r\u00e9es<\/span>\n <\/li>\n <\/ul>\n\n <\/aside>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n (function () {\n function init() {\n var section = document.querySelector('.ucta');\n if (!section || section.dataset.uctaReady) return;\n section.dataset.uctaReady = '1';\n\n var counters = section.querySelectorAll('[data-ucta-counter]');\n var hasAnimated = false;\n\n function animateCounter(counter) {\n var target = parseInt(counter.getAttribute('data-target'), 10) || 0;\n var duration = 1400;\n var start = performance.now();\n\n function update(now) {\n var progress = Math.min((now - start) \/ duration, 1);\n var eased = 1 - Math.pow(1 - progress, 3);\n var value = Math.round(target * eased);\n counter.textContent = new Intl.NumberFormat('fr-FR').format(value);\n if (progress < 1) requestAnimationFrame(update);\n }\n\n requestAnimationFrame(update);\n }\n\n function runAnimation() {\n if (hasAnimated) return;\n hasAnimated = true;\n counters.forEach(animateCounter);\n }\n\n if ('IntersectionObserver' in window) {\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n runAnimation();\n observer.disconnect();\n }\n });\n }, { threshold: 0.25 });\n observer.observe(section);\n } else {\n runAnimation();\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero Unidet \u2014 \u00c0 propos \u00c0 propos d’Unidet Notre histoire N\u00e9e de la conviction que le recouvrement peut \u00eatre plus humain, plus rapide et plus transparent, Unidet accompagne les entreprises dans la r\u00e9cup\u00e9ration de leurs cr\u00e9ances en France et \u00e0 l’international. D\u00e9couvrir notre mission Nous contacter +500 clients nous font confiance 15 ans d’exp\u00e9rience 91 […]<\/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-19710","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/pages\/19710","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=19710"}],"version-history":[{"count":7,"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/pages\/19710\/revisions"}],"predecessor-version":[{"id":19718,"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/pages\/19710\/revisions\/19718"}],"wp:attachment":[{"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/media?parent=19710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}