{"id":19520,"date":"2026-09-18T16:14:15","date_gmt":"2026-09-18T16:14:15","guid":{"rendered":"https:\/\/unidet.fr\/UNIDET\/?page_id=19520"},"modified":"2026-09-18T23:05:08","modified_gmt":"2026-09-18T23:05:08","slug":"accueil","status":"publish","type":"page","link":"https:\/\/unidet.fr\/UNIDET\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\n \n
\n
\r\n
\r\n \r\n \t\t
\n\t\t\t\t\t\n\n\n\n\nHero Unidet \u2014 image claire PC<\/title>\n<\/head>\n<body style=\"margin:0;\">\n<!--\nUNIDET \u2014 Hero fusionnel\n\u00c0 coller dans un widget HTML Elementor.\nImage d\u00e9j\u00e0 int\u00e9gr\u00e9e dans le code.\n-->\n\n<style>\n .unidet-fusion-hero,\n .unidet-fusion-hero * {\n box-sizing: border-box;\n }\n\n .unidet-fusion-hero {\n --uf-dark: #121C27;\n --uf-dark-2: #1A2A3A;\n --uf-gold: #D3AD72;\n --uf-gold-dark: #B98E4E;\n --uf-white: #FFFFFF;\n --uf-white-soft: rgba(255,255,255,0.82);\n --uf-red: #C62828;\n --uf-green: #169B62;\n --uf-border: rgba(255,255,255,0.10);\n --uf-image: url('https:\/\/unidet.fr\/UNIDET\/wp-content\/uploads\/2026\/09\/unidet_home.webp');\n\n width: 100%;\n position: relative;\n overflow: hidden;\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n color: var(--uf-white);\n background:\n linear-gradient(90deg, rgba(18,28,39,0.96) 0%, rgba(18,28,39,0.90) 34%, rgba(18,28,39,0.66) 62%, rgba(18,28,39,0.34) 100%),\n var(--uf-image);\n background-size: cover;\n background-position: center right;\n border-radius: 0;\n }\n\n .unidet-fusion-hero::before {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background:\n radial-gradient(circle at 16% 22%, rgba(255,255,255,0.06), transparent 24%),\n radial-gradient(circle at 88% 18%, rgba(211,173,114,0.10), transparent 22%);\n }\n\n .unidet-fusion-hero-inner {\n width: min(100%, 1240px);\n margin: 0 auto;\n min-height: 700px;\n display: flex;\n align-items: center;\n padding: clamp(96px, 11vw, 136px) clamp(22px, 4vw, 34px) 70px;\n }\n\n .unidet-fusion-hero-content {\n width: min(100%, 650px);\n }\n\n .unidet-fusion-badge {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n width: fit-content;\n margin-bottom: 20px;\n padding: 9px 14px;\n border-radius: 10px;\n background: rgba(211,173,114,0.12);\n border: 1px solid rgba(211,173,114,0.24);\n color: var(--uf-gold);\n font-size: 13px;\n line-height: 1;\n font-weight: 850;\n }\n\n .unidet-fusion-badge span {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--uf-green);\n box-shadow: 0 0 0 5px rgba(22,155,98,0.15);\n }\n\n .unidet-fusion-title {\n margin: 0 0 18px;\n color: #fff;\n font-size: clamp(42px, 5.4vw, 74px);\n line-height: 0.96;\n letter-spacing: -0.065em;\n font-weight: 950;\n max-width: 740px;\n }\n\n .unidet-fusion-title strong {\n color: var(--uf-gold);\n font-weight: inherit;\n }\n\n .unidet-fusion-underline {\n width: min(100%, 560px);\n height: 6px;\n margin: 0 0 20px;\n border-radius: 10px;\n background: linear-gradient(90deg, var(--uf-red), rgba(198,40,40,0));\n transform: skewX(-18deg);\n }\n\n .unidet-fusion-text {\n margin: 0 0 24px;\n max-width: 620px;\n color: var(--uf-white-soft);\n font-size: clamp(17px, 1.28vw, 20px);\n line-height: 1.65;\n font-weight: 500;\n }\n\n .unidet-fusion-text strong {\n color: #fff;\n font-weight: 900;\n }\n\n .unidet-fusion-points {\n display: grid;\n gap: 12px;\n margin: 0 0 30px;\n padding: 0;\n list-style: none;\n max-width: 520px;\n }\n\n .unidet-fusion-points li {\n display: flex;\n align-items: center;\n gap: 12px;\n color: #fff;\n font-size: clamp(16px, 1.1vw, 19px);\n line-height: 1.25;\n font-weight: 850;\n }\n\n .unidet-fusion-points li span {\n width: 28px;\n height: 28px;\n flex: 0 0 28px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 7px;\n background: var(--uf-green);\n color: #fff;\n font-size: 15px;\n font-weight: 950;\n box-shadow: 0 10px 22px rgba(22,155,98,0.20);\n }\n\n .unidet-fusion-actions {\n display: flex;\n gap: 14px;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .unidet-fusion-btn,\n .unidet-fusion-btn:visited,\n .unidet-fusion-btn:focus {\n min-height: 56px;\n padding: 0 24px;\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n gap: 10px;\n border-radius: 10px;\n border: 1px solid transparent;\n text-decoration: none !important;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 900;\n text-transform: none;\n letter-spacing: 0;\n transition: transform .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease;\n }\n\n .unidet-fusion-btn:hover {\n transform: translateY(-2px);\n }\n\n .unidet-fusion-btn-primary {\n background: linear-gradient(180deg, #D53B34 0%, #B92621 100%);\n color: #fff !important;\n box-shadow: 0 18px 32px rgba(197,46,40,0.25);\n }\n\n .unidet-fusion-btn-primary:hover {\n background: linear-gradient(180deg, #E1453E 0%, #C92E28 100%);\n color: #fff !important;\n }\n\n .unidet-fusion-btn-secondary {\n background: rgba(255,255,255,0.96);\n color: var(--uf-dark) !important;\n border-color: rgba(255,255,255,0.22);\n }\n\n .unidet-fusion-btn-secondary:hover {\n background: #fff;\n color: var(--uf-dark) !important;\n }\n\n .unidet-fusion-proof {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-top: 18px;\n padding: 10px 14px;\n border-radius: 10px;\n background: rgba(255,255,255,0.08);\n border: 1px solid var(--uf-border);\n color: rgba(255,255,255,0.82);\n font-size: 13px;\n font-weight: 700;\n }\n\n .unidet-fusion-proof svg {\n flex: 0 0 auto;\n }\n\n @media (max-width: 980px) {\n .unidet-fusion-hero {\n background-position: 68% center;\n }\n\n .unidet-fusion-hero-inner {\n min-height: 620px;\n padding-top: 92px;\n padding-bottom: 60px;\n }\n\n .unidet-fusion-title {\n font-size: clamp(38px, 7vw, 58px);\n }\n }\n\n @media (max-width: 640px) {\n .unidet-fusion-hero {\n background:\n linear-gradient(90deg, rgba(18,28,39,0.95) 0%, rgba(18,28,39,0.88) 48%, rgba(18,28,39,0.72) 100%),\n var(--uf-image);\n background-size: cover;\n background-position: 64% center;\n }\n\n .unidet-fusion-hero-inner {\n min-height: auto;\n padding-top: 72px;\n padding-bottom: 48px;\n }\n\n .unidet-fusion-title {\n font-size: 38px;\n line-height: 1.02;\n margin-bottom: 14px;\n }\n\n .unidet-fusion-underline {\n width: min(100%, 280px);\n margin-bottom: 18px;\n }\n\n .unidet-fusion-text {\n font-size: 16px;\n margin-bottom: 20px;\n }\n\n .unidet-fusion-points li {\n font-size: 15px;\n }\n\n .unidet-fusion-actions {\n display: grid;\n grid-template-columns: 1fr;\n }\n\n .unidet-fusion-btn {\n width: 100%;\n min-height: 54px;\n }\n\n .unidet-fusion-proof {\n width: 100%;\n justify-content: center;\n text-align: center;\n }\n }\n\n \/* =========================================================\n CORRECTIONS DEMAND\u00c9ES \u2014 Elementor \/ Responsive\n - Bouton principal sans rouge\n - Second bouton : Espace d\u00e9biteur\n - Titre r\u00e9duit \u00e0 environ 70%\n - Contenu pouss\u00e9 plus \u00e0 gauche\n - Espace haut ajout\u00e9 pour \u00e9viter le chevauchement du header\n ========================================================= *\/\n\n .unidet-fusion-hero {\n min-height: 700px !important;\n }\n\n .unidet-fusion-hero-inner {\n width: 100% !important;\n max-width: 1420px !important;\n margin-left: 0 !important;\n margin-right: auto !important;\n padding-left: clamp(20px, 3vw, 52px) !important;\n padding-right: clamp(18px, 3vw, 34px) !important;\n padding-top: clamp(150px, 12vw, 178px) !important;\n padding-bottom: 70px !important;\n min-height: 700px !important;\n }\n\n .unidet-fusion-hero-content {\n width: min(100%, 560px) !important;\n max-width: 560px !important;\n margin-left: 0 !important;\n }\n\n .unidet-fusion-title {\n font-size: clamp(30px, 3.8vw, 52px) !important;\n line-height: 1.02 !important;\n letter-spacing: -0.045em !important;\n max-width: 560px !important;\n }\n\n .unidet-fusion-text {\n max-width: 520px !important;\n font-size: clamp(15px, 1.05vw, 18px) !important;\n }\n\n .unidet-fusion-points {\n max-width: 500px !important;\n }\n\n .unidet-fusion-actions {\n max-width: 560px !important;\n }\n\n .unidet-fusion-underline {\n background: linear-gradient(90deg, var(--uf-gold), rgba(211,173,114,0)) !important;\n }\n\n .unidet-fusion-btn-primary,\n .unidet-fusion-btn-primary:visited,\n .unidet-fusion-btn-primary:focus {\n background: var(--uf-gold) !important;\n color: var(--uf-dark) !important;\n box-shadow: 0 18px 32px rgba(211,173,114,0.24) !important;\n }\n\n .unidet-fusion-btn-primary:hover {\n background: #E4C48C !important;\n color: var(--uf-dark) !important;\n }\n\n .unidet-fusion-btn-secondary,\n .unidet-fusion-btn-secondary:visited,\n .unidet-fusion-btn-secondary:focus {\n background: rgba(255,255,255,0.96) !important;\n color: var(--uf-dark) !important;\n border-color: rgba(255,255,255,0.22) !important;\n }\n\n .unidet-fusion-btn-secondary:hover {\n background: #FFFFFF !important;\n color: var(--uf-dark) !important;\n }\n\n @media (min-width: 1181px) and (max-height: 760px) {\n .unidet-fusion-hero {\n min-height: 640px !important;\n }\n\n .unidet-fusion-hero-inner {\n padding-top: 138px !important;\n padding-bottom: 48px !important;\n min-height: 640px !important;\n }\n\n .unidet-fusion-title {\n font-size: clamp(30px, 3.5vw, 48px) !important;\n }\n }\n\n @media (max-width: 980px) {\n .unidet-fusion-hero-inner {\n padding-left: 22px !important;\n padding-right: 22px !important;\n padding-top: 118px !important;\n padding-bottom: 58px !important;\n min-height: 620px !important;\n }\n\n .unidet-fusion-title {\n font-size: clamp(30px, 6vw, 46px) !important;\n max-width: 600px !important;\n }\n\n .unidet-fusion-hero-content {\n max-width: 620px !important;\n }\n }\n\n @media (max-width: 640px) {\n .unidet-fusion-hero-inner {\n padding-left: 18px !important;\n padding-right: 18px !important;\n padding-top: 96px !important;\n padding-bottom: 46px !important;\n min-height: auto !important;\n }\n\n .unidet-fusion-title {\n font-size: 29px !important;\n line-height: 1.08 !important;\n letter-spacing: -0.035em !important;\n }\n\n .unidet-fusion-text {\n font-size: 15px !important;\n }\n\n .unidet-fusion-points li {\n font-size: 14px !important;\n }\n\n .unidet-fusion-actions {\n display: grid !important;\n grid-template-columns: 1fr !important;\n gap: 12px !important;\n }\n\n .unidet-fusion-btn {\n width: 100% !important;\n }\n }\n\n\n \/* Correction bouton principal : texte blanc *\/\n .unidet-fusion-btn-primary,\n .unidet-fusion-btn-primary:visited,\n .unidet-fusion-btn-primary:focus,\n .unidet-fusion-btn-primary:hover {\n color: #FFFFFF !important;\n }\n\n\n \/* Correction PC : image claire c\u00f4t\u00e9 personne, sans couche noire visible *\/\n @media (min-width: 981px) {\n .unidet-fusion-hero {\n background:\n linear-gradient(90deg,\n rgba(18,28,39,0.96) 0%,\n rgba(18,28,39,0.88) 34%,\n rgba(18,28,39,0.45) 52%,\n rgba(18,28,39,0.08) 68%,\n rgba(18,28,39,0.00) 100%\n ),\n var(--uf-image) !important;\n background-size: cover !important;\n background-position: center right !important;\n }\n\n .unidet-fusion-hero::before {\n background:\n radial-gradient(circle at 16% 22%, rgba(255,255,255,0.05), transparent 24%),\n radial-gradient(circle at 88% 18%, rgba(211,173,114,0.04), transparent 22%) !important;\n }\n }\n\n @media (min-width: 1200px) {\n .unidet-fusion-hero {\n background:\n linear-gradient(90deg,\n rgba(18,28,39,0.96) 0%,\n rgba(18,28,39,0.88) 32%,\n rgba(18,28,39,0.38) 50%,\n rgba(18,28,39,0.04) 66%,\n rgba(18,28,39,0.00) 100%\n ),\n var(--uf-image) !important;\n background-size: cover !important;\n background-position: center right !important;\n }\n }\n\n<\/style>\n\n<section class=\"unidet-fusion-hero\">\n <div class=\"unidet-fusion-hero-inner\">\n <div class=\"unidet-fusion-hero-content\">\n <div class=\"unidet-fusion-badge\"><span><\/span> Recouvrement amiable & efficace<\/div>\n\n <h1 class=\"unidet-fusion-title\">\n R\u00e9cup\u00e9rez vos factures impay\u00e9es <strong>sans frais \u00e0 l'avance<\/strong>\n <\/h1>\n\n <div class=\"unidet-fusion-underline\" aria-hidden=\"true\"><\/div>\n\n <p class=\"unidet-fusion-text\">\n <strong>Vous ne payez que si nous r\u00e9cup\u00e9rons votre argent.<\/strong>\n Unidet accompagne les entreprises dans le recouvrement amiable, judiciaire et international.\n <\/p>\n\n <ul class=\"unidet-fusion-points\">\n <li><span>\u2713<\/span> 0 \u20ac \u00e0 avancer<\/li>\n <li><span>\u2713<\/span> Paiement uniquement au succ\u00e8s<\/li>\n <li><span>\u2713<\/span> Dossier pris en charge rapidement<\/li>\n <\/ul>\n\n <div class=\"unidet-fusion-actions\">\n <a class=\"unidet-fusion-btn unidet-fusion-btn-primary\" href=\"https:\/\/app.unidet.com\/register\/\">\n Transmettre un dossier \u2192\n <\/a>\n <a class=\"unidet-fusion-btn unidet-fusion-btn-secondary\" href=\"https:\/\/app.unidet.com\/acces-debiteur\/\">\n Espace d\u00e9biteur\n <\/a>\n <\/div>\n\n <div class=\"unidet-fusion-proof\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M20 6L9 17l-5-5\"\/>\n <\/svg>\n R\u00e9sultats possibles en moins de 30 jours selon le dossier.\n <\/div>\n <\/div>\n <\/div>\n<\/section>\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-0309c54 e-con-full e-flex e-con e-parent \" data-id=\"0309c54\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-51a6251 elementor-widget__width-auto elementor-widget elementor-widget-html\" data-id=\"51a6251\" 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 Nos services \u2014 Unidet<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\n<!--\nUNIDET \u2014 Section Nos services (split screen sticky)\nWidget HTML Elementor \u00b7 border-radius 8px\n-->\n\n<style>\n .us, .us *, .us *::before, .us *::after { 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-dark-2: #1A2A3A;\n --us-gold: #D3AD72;\n --us-gold-dark: #B98E4E;\n --us-cream: #F7F4EF;\n --us-cream-2: #EFE8DC;\n --us-muted: #4B535D;\n --us-border: rgba(18, 28, 39, 0.10);\n --us-gold-line: rgba(211, 173, 114, 0.30);\n\n position: relative;\n isolation: isolate;\n width: 100vw;\n max-width: 100vw;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n padding: clamp(72px, 8vw, 120px) clamp(22px, 4vw, 60px);\n color: var(--us-dark);\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background:\n radial-gradient(circle at 0% 0%, rgba(211, 173, 114, 0.12), transparent 32%),\n linear-gradient(180deg, #FFFFFF 0%, var(--us-cream) 60%, var(--us-cream-2) 100%);\n overflow: hidden;\n }\n\n .us__inner {\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 1560px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);\n gap: clamp(40px, 5vw, 90px);\n align-items: start;\n }\n\n \/* ========== COLONNE GAUCHE (sticky) ========== *\/\n .us__aside {\n position: sticky;\n top: 60px;\n align-self: start;\n }\n\n .us__kicker {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 18px;\n color: var(--us-gold-dark);\n font-size: 12.5px;\n font-weight: 900;\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: 8px;\n background: var(--us-gold);\n }\n\n .us__title {\n margin: 0 0 26px;\n color: var(--us-dark);\n font-size: clamp(34px, 4.4vw, 62px);\n line-height: 1.02;\n letter-spacing: -0.055em;\n font-weight: 950;\n }\n\n .us__title em {\n font-style: normal;\n color: var(--us-gold-dark);\n }\n\n .us__intro {\n margin: 0 0 34px;\n color: var(--us-muted);\n font-size: 16px;\n line-height: 1.72;\n font-weight: 500;\n max-width: 48ch;\n }\n\n .us__cta {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 14px;\n }\n\n .us__btn,\n .us__btn:visited {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n min-height: 56px;\n padding: 0 32px;\n border-radius: 8px;\n border: 1px solid var(--us-dark);\n background: var(--us-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, box-shadow .2s ease;\n }\n\n .us__btn::after {\n content: \"\u2192\";\n font-size: 17px;\n transition: transform .25s ease;\n }\n\n .us__btn:hover {\n transform: translateY(-2px);\n background: var(--us-gold);\n border-color: var(--us-gold);\n color: var(--us-dark) !important;\n box-shadow: 0 22px 42px rgba(211, 173, 114, 0.36);\n }\n\n .us__btn:hover::after { transform: translateX(4px); }\n\n .us__note {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: var(--us-muted);\n font-size: 13.5px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .us__note svg { flex-shrink: 0; color: var(--us-gold-dark); }\n\n \/* ========== COLONNE DROITE \u2014 liste de services ========== *\/\n .us__list {\n display: flex;\n flex-direction: column;\n gap: 0;\n margin: 0;\n padding: 0;\n list-style: none;\n border-top: 1px solid var(--us-border);\n }\n\n .us__item {\n position: relative;\n border-bottom: 1px solid var(--us-border);\n opacity: 0;\n transform: translateY(14px);\n transition: opacity .55s ease, transform .55s ease;\n }\n\n .us__item.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .us__item:nth-child(2) { transition-delay: .05s; }\n .us__item:nth-child(3) { transition-delay: .10s; }\n .us__item:nth-child(4) { transition-delay: .15s; }\n .us__item:nth-child(5) { transition-delay: .20s; }\n\n .us__link {\n display: grid;\n grid-template-columns: auto minmax(0, 1fr) auto;\n gap: clamp(18px, 2.2vw, 32px);\n align-items: center;\n padding: clamp(26px, 2.6vw, 38px) 0;\n text-decoration: none;\n color: inherit;\n position: relative;\n transition: padding .3s ease;\n }\n\n .us__link::before {\n content: \"\";\n position: absolute;\n left: -20px;\n top: 50%;\n width: 4px;\n height: 0;\n background: var(--us-gold);\n border-radius: 8px;\n transform: translateY(-50%);\n transition: height .35s cubic-bezier(.5,.1,.1,1);\n pointer-events: none;\n }\n\n .us__item:hover .us__link::before {\n height: 60%;\n }\n\n .us__item:hover .us__link {\n padding-left: 20px;\n padding-right: 8px;\n }\n\n \/* Ic\u00f4ne *\/\n .us__icon {\n width: 56px;\n height: 56px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 8px;\n background: rgba(211, 173, 114, 0.10);\n border: 1px solid rgba(211, 173, 114, 0.24);\n flex-shrink: 0;\n transition: background .3s ease, border-color .3s ease, transform .3s ease;\n }\n\n .us__icon img {\n width: 30px;\n height: 30px;\n object-fit: contain;\n display: block;\n }\n\n .us__item:hover .us__icon {\n background: rgba(211, 173, 114, 0.20);\n border-color: rgba(211, 173, 114, 0.48);\n transform: scale(1.05);\n }\n\n \/* Texte *\/\n .us__text {\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .us__row-top {\n display: flex;\n align-items: baseline;\n gap: 14px;\n flex-wrap: wrap;\n }\n\n .us__num {\n color: var(--us-gold-dark);\n font-size: 12px;\n font-weight: 900;\n letter-spacing: 0.18em;\n }\n\n .us__name {\n margin: 0;\n color: var(--us-dark);\n font-size: clamp(20px, 1.6vw, 26px);\n line-height: 1.2;\n letter-spacing: -0.03em;\n font-weight: 850;\n transition: color .25s ease;\n }\n\n .us__item:hover .us__name {\n color: var(--us-gold-dark);\n }\n\n .us__desc {\n margin: 0;\n color: var(--us-muted);\n font-size: 14.5px;\n line-height: 1.62;\n font-weight: 500;\n max-width: 58ch;\n }\n\n \/* Fl\u00e8che *\/\n .us__arrow {\n width: 44px;\n height: 44px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 8px;\n border: 1px solid var(--us-border);\n background: transparent;\n color: var(--us-dark);\n font-size: 17px;\n flex-shrink: 0;\n transition: background .3s ease, border-color .3s ease, color .3s ease, transform .3s ease;\n }\n\n .us__item:hover .us__arrow {\n background: var(--us-dark);\n border-color: var(--us-dark);\n color: #fff;\n transform: translateX(4px);\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media (max-width: 1080px) {\n .us__inner {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n .us__aside {\n position: static;\n max-width: 720px;\n }\n .us__title { max-width: none; }\n .us__intro { max-width: none; }\n }\n\n @media (max-width: 620px) {\n .us { padding-top: 62px; padding-bottom: 62px; }\n .us__title { font-size: 32px; letter-spacing: -0.04em; }\n .us__intro { font-size: 15.5px; margin-bottom: 26px; }\n\n .us__link {\n grid-template-columns: auto minmax(0, 1fr);\n gap: 14px;\n padding: 20px 0;\n }\n .us__icon {\n width: 44px;\n height: 44px;\n align-self: start;\n margin-top: 2px;\n }\n .us__icon img { width: 24px; height: 24px; }\n\n .us__arrow {\n display: none;\n }\n\n .us__num { font-size: 11px; letter-spacing: 0.14em; }\n .us__name { font-size: 18px; }\n .us__desc { font-size: 13.5px; line-height: 1.55; }\n\n .us__item:hover .us__link {\n padding-left: 12px;\n padding-right: 0;\n }\n .us__link::before { left: 0; }\n\n .us__cta { width: 100%; }\n .us__btn { width: 100%; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .us__item, .us__link, .us__link::before,\n .us__arrow, .us__icon, .us__name {\n transition: none !important;\n transform: none !important;\n }\n .us__item { opacity: 1 !important; }\n }\n<\/style>\n\n<noscript>\n <style>\n .us__item { opacity: 1 !important; transform: none !important; }\n <\/style>\n<\/noscript>\n\n<section class=\"us\" id=\"services\" aria-labelledby=\"us-title\">\n <div class=\"us__inner\">\n\n <!-- Colonne gauche \u2014 sticky -->\n <aside class=\"us__aside\">\n <span class=\"us__kicker\">Nos solutions<\/span>\n <h2 id=\"us-title\" class=\"us__title\">\n Des solutions de recouvrement <em>adapt\u00e9es \u00e0 chaque situation<\/em>\n <\/h2>\n <p class=\"us__intro\">\n Du recouvrement amiable \u00e0 la m\u00e9diation, en passant par le judiciaire et l'international, nous couvrons l'ensemble du cycle de vie d'une cr\u00e9ance \u2014 avec un seul objectif : r\u00e9cup\u00e9rer ce qui vous est d\u00fb, sans d\u00e9grader vos relations.\n <\/p>\n <div class=\"us__cta\">\n <a class=\"us__btn\" href=\"https:\/\/app.unidet.com\/register\">\n D\u00e9poser un dossier\n <\/a>\n <span class=\"us__note\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n Sans frais \u00e0 l'avance, paiement uniquement en cas de succ\u00e8s\n <\/span>\n <\/div>\n <\/aside>\n\n <!-- Colonne droite \u2014 services -->\n <ul class=\"us__list\">\n\n <li class=\"us__item\">\n <a class=\"us__link\" href=\"https:\/\/app.unidet.com\/register\">\n <span class=\"us__icon\">\n <img decoding=\"async\" src=\"https:\/\/unidet.com\/wp-content\/uploads\/2026\/05\/money-draw-01.svg\" alt=\"\" loading=\"lazy\">\n <\/span>\n <span class=\"us__text\">\n <span class=\"us__row-top\">\n <span class=\"us__num\">01<\/span>\n <h3 class=\"us__name\">Recouvrement Amiable<\/h3>\n <\/span>\n <p class=\"us__desc\">La voie privil\u00e9gi\u00e9e pour r\u00e9cup\u00e9rer vos cr\u00e9ances rapidement tout en pr\u00e9servant la relation commerciale. N\u00e9gociation, relances, accord transactionnel.<\/p>\n <\/span>\n <span class=\"us__arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n <\/li>\n\n <li class=\"us__item\">\n <a class=\"us__link\" href=\"https:\/\/app.unidet.com\/register\">\n <span class=\"us__icon\">\n <img decoding=\"async\" src=\"https:\/\/unidet.com\/wp-content\/uploads\/2026\/05\/loi.png\" alt=\"\" loading=\"lazy\">\n <\/span>\n <span class=\"us__text\">\n <span class=\"us__row-top\">\n <span class=\"us__num\">02<\/span>\n <h3 class=\"us__name\">Recouvrement Judiciaire<\/h3>\n <\/span>\n <p class=\"us__desc\">Si la voie amiable \u00e9choue, nous engageons les proc\u00e9dures l\u00e9gales avec rigueur et transparence, \u00e0 chaque \u00e9tape de la proc\u00e9dure.<\/p>\n <\/span>\n <span class=\"us__arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n <\/li>\n\n <li class=\"us__item\">\n <a class=\"us__link\" href=\"https:\/\/app.unidet.com\/register\">\n <span class=\"us__icon\">\n <img decoding=\"async\" src=\"https:\/\/unidet.com\/wp-content\/uploads\/2026\/05\/linformatique.png\" alt=\"\" loading=\"lazy\">\n <\/span>\n <span class=\"us__text\">\n <span class=\"us__row-top\">\n <span class=\"us__num\">03<\/span>\n <h3 class=\"us__name\">Rachat de dettes<\/h3>\n <\/span>\n <p class=\"us__desc\">Nous achetons vos factures impay\u00e9es : tr\u00e9sorerie imm\u00e9diate, sans gestion ni stress suppl\u00e9mentaire.<\/p>\n <\/span>\n <span class=\"us__arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n <\/li>\n\n <li class=\"us__item\">\n <a class=\"us__link\" href=\"https:\/\/app.unidet.com\/register\">\n <span class=\"us__icon\">\n <img decoding=\"async\" src=\"https:\/\/unidet.com\/wp-content\/uploads\/2026\/05\/monde.png\" alt=\"\" loading=\"lazy\">\n <\/span>\n <span class=\"us__text\">\n <span class=\"us__row-top\">\n <span class=\"us__num\">04<\/span>\n <h3 class=\"us__name\">Recouvrement International<\/h3>\n <\/span>\n <p class=\"us__desc\">R\u00e9seau de partenaires et d'experts juridiques \u00e0 l'\u00e9tranger. Une expertise adapt\u00e9e \u00e0 chaque pays et \u00e0 chaque culture.<\/p>\n <\/span>\n <span class=\"us__arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n <\/li>\n\n <li class=\"us__item\">\n <a class=\"us__link\" href=\"https:\/\/app.unidet.com\/register\">\n <span class=\"us__icon\">\n <img decoding=\"async\" src=\"https:\/\/unidet.com\/wp-content\/uploads\/2026\/05\/poignee-de-main.png\" alt=\"\" loading=\"lazy\">\n <\/span>\n <span class=\"us__text\">\n <span class=\"us__row-top\">\n <span class=\"us__num\">05<\/span>\n <h3 class=\"us__name\">M\u00e9diation<\/h3>\n <\/span>\n <p class=\"us__desc\">Une approche humaine et \u00e9quilibr\u00e9e : tiers neutre pour restaurer le dialogue entre cr\u00e9ancier et d\u00e9biteur.<\/p>\n <\/span>\n <span class=\"us__arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n <\/li>\n\n <\/ul>\n\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 items = section.querySelectorAll('.us__item');\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.12 });\n\n items.forEach(function (item) { observer.observe(item); });\n } else {\n items.forEach(function (item) { item.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\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-2ae3c42 e-con-full e-flex e-con e-parent \" data-id=\"2ae3c42\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-776fbe3 elementor-widget elementor-widget-html\" data-id=\"776fbe3\" 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<!--\nUNIDET \u2014 Section Pourquoi choisir Unidet ?\nWidget HTML Elementor \u00b7 radius 10px \u00b7 sans rectangles \u00b7 texte dynamique sur image\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 <!-- Image avec texte dynamique (sans encart) -->\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-e1397f8 e-con-full e-flex e-con e-parent \" data-id=\"e1397f8\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-5186d07 elementor-widget elementor-widget-html\" data-id=\"5186d07\" 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>Bienvenue \u00e0 Unidet<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\n<!--\nUNIDET \u2014 Section Bienvenue \/ Partenaire en recouvrement\nWidget HTML Elementor \u00b7 responsive tablette + mobile optimis\u00e9\n-->\n\n<style>\n .up, .up * { box-sizing: border-box; }\n html, body { overflow-x: clip; }\n\n .elementor-widget-html:has(.up),\n .elementor-widget-html:has(.up) > .elementor-widget-container,\n .e-con:has(.up), .e-con-inner:has(.up),\n .elementor-section:has(.up), .elementor-container:has(.up),\n .elementor-column:has(.up), .elementor-widget-wrap:has(.up) {\n width: 100% !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: visible !important;\n }\n\n .up {\n --up-dark: #121C27;\n --up-gold: #D3AD72;\n --up-gold-dark: #B98E4E;\n --up-cream: #F7F4EF;\n --up-cream-2: #EFE8DC;\n --up-muted: #4B535D;\n --up-border: rgba(18, 28, 39, 0.10);\n --up-gold-border: rgba(211, 173, 114, 0.30);\n --up-image: url('https:\/\/unidet.com\/wp-content\/uploads\/2026\/05\/h1-4.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(56px, 7vw, 120px) 0;\n color: var(--up-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.16), transparent 26%),\n radial-gradient(circle at 88% 88%, rgba(18, 28, 39, 0.07), transparent 34%),\n linear-gradient(135deg, #FFFFFF 0%, var(--up-cream) 55%, var(--up-cream-2) 100%);\n }\n\n .up::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 .up__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 .up__layout {\n display: grid;\n grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);\n gap: clamp(40px, 5vw, 120px);\n align-items: stretch;\n }\n\n \/* ========== COLONNE GAUCHE \u2014 CONTENU ========== *\/\n .up__content {\n display: flex;\n flex-direction: column;\n min-width: 0;\n }\n\n .up__kicker {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n width: fit-content;\n margin-bottom: 18px;\n color: var(--up-gold-dark);\n font-size: 12.5px;\n font-weight: 900;\n letter-spacing: 0.30em;\n text-transform: uppercase;\n }\n\n .up__kicker::before {\n content: \"\";\n width: 38px;\n height: 2px;\n border-radius: 10px;\n background: var(--up-gold);\n }\n\n .up__title {\n margin: 0 0 22px;\n color: var(--up-dark);\n font-size: clamp(36px, 4.6vw, 72px);\n line-height: 1.02;\n letter-spacing: -0.058em;\n font-weight: 950;\n max-width: 16ch;\n }\n\n .up__title em {\n font-style: normal;\n color: var(--up-gold-dark);\n }\n\n .up__intro {\n display: grid;\n gap: 12px;\n margin-bottom: 28px;\n max-width: 64ch;\n }\n\n .up__intro p {\n margin: 0;\n color: var(--up-muted);\n font-size: 16px;\n line-height: 1.72;\n font-weight: 500;\n }\n\n \/* --- Onglets Mission \/ Vision --- *\/\n .up__tabs { margin-bottom: 28px; }\n\n .up__tab-list {\n display: inline-flex;\n gap: 6px;\n margin-bottom: 20px;\n padding: 4px;\n border-radius: 10px;\n background: rgba(18, 28, 39, 0.05);\n }\n\n .up__tab {\n min-height: 44px;\n padding: 0 20px;\n border-radius: 8px;\n border: none;\n background: transparent;\n color: var(--up-muted);\n font-size: 14px;\n font-weight: 850;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n transition: background .22s ease, color .22s ease;\n }\n\n .up__tab:hover { color: var(--up-dark); }\n\n .up__tab.is-active {\n background: var(--up-dark);\n color: #fff;\n box-shadow: 0 4px 12px rgba(18, 28, 39, 0.14);\n }\n\n .up__panel { display: none; }\n\n .up__panel.is-active {\n display: block;\n animation: upFade .3s ease both;\n }\n\n @keyframes upFade {\n from { opacity: 0; transform: translateY(6px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .up__panel p {\n margin: 0;\n color: var(--up-muted);\n font-size: 15.5px;\n line-height: 1.75;\n font-weight: 500;\n max-width: 70ch;\n }\n\n \/* --- CTA --- *\/\n .up__cta {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-wrap: wrap;\n margin-top: auto;\n padding-top: 8px;\n }\n\n .up__btn,\n .up__btn:visited,\n .up__btn:focus {\n min-height: 56px;\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 30px;\n border-radius: 10px;\n border: 1px solid var(--up-dark);\n background: var(--up-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 -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 .up__btn::after {\n content: \"\u2192\";\n font-size: 17px;\n transition: transform .25s ease;\n }\n\n .up__btn:hover {\n transform: translateY(-2px);\n background: var(--up-gold);\n border-color: var(--up-gold);\n color: var(--up-dark) !important;\n box-shadow: 0 22px 42px rgba(211, 173, 114, 0.36);\n }\n\n .up__btn:hover::after { transform: translateX(4px); }\n\n .up__note {\n color: var(--up-muted);\n font-size: 13.5px;\n line-height: 1.5;\n font-weight: 650;\n max-width: 34ch;\n }\n\n \/* ========== COLONNE DROITE \u2014 IMAGE ========== *\/\n .up__media {\n position: relative;\n margin: 0;\n min-height: 640px;\n border-radius: 10px;\n overflow: hidden;\n background:\n linear-gradient(180deg, rgba(18,28,39,0.04), rgba(18,28,39,0.28)),\n var(--up-image);\n background-size: cover;\n background-position: center;\n border: 1px solid var(--up-gold-border);\n box-shadow: 0 30px 84px rgba(18, 28, 39, 0.14);\n }\n\n .up__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.30) 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 \/* --- Stat 91% --- *\/\n .up__stat {\n position: absolute;\n left: clamp(24px, 2.4vw, 44px);\n right: clamp(24px, 2.4vw, 44px);\n bottom: clamp(24px, 2.4vw, 44px);\n z-index: 1;\n display: flex;\n flex-direction: column;\n gap: 12px;\n color: #fff;\n pointer-events: none;\n }\n\n .up__stat-value {\n display: inline-flex;\n align-items: baseline;\n gap: 4px;\n color: #fff;\n font-weight: 950;\n letter-spacing: -0.05em;\n text-shadow: 0 6px 28px rgba(0,0,0,0.55);\n }\n\n \/* Taille r\u00e9duite ~35 % *\/\n .up__stat-value strong {\n font-size: clamp(44px, 4.4vw, 76px);\n line-height: 0.88;\n }\n\n .up__stat-value span {\n font-size: clamp(22px, 2.2vw, 40px);\n line-height: 1;\n color: var(--up-gold);\n }\n\n .up__stat-label {\n padding-top: 12px;\n border-top: 2px solid var(--up-gold);\n max-width: 34ch;\n color: rgba(255, 255, 255, 0.94);\n font-size: 14px;\n line-height: 1.5;\n letter-spacing: 0.01em;\n font-weight: 700;\n text-shadow: 0 2px 14px rgba(0,0,0,0.55);\n }\n\n \/* =========================================================\n RESPONSIVE \u2014 5 paliers\n ========================================================= *\/\n\n \/* ----- Tablette paysage (900 \u2013 1200px) ----- *\/\n @media (max-width: 1200px) {\n .up__layout {\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n gap: clamp(32px, 4vw, 60px);\n }\n .up__title { max-width: none; }\n .up__media { min-height: 560px; }\n }\n\n \/* ----- Tablette portrait (640 \u2013 900px) ----- *\/\n @media (max-width: 900px) {\n .up {\n padding: clamp(56px, 8vw, 88px) 0;\n }\n .up__inner {\n padding: 0 clamp(24px, 4vw, 40px);\n }\n\n .up__layout {\n grid-template-columns: 1fr;\n gap: 36px;\n }\n\n .up__media {\n min-height: 0;\n aspect-ratio: 16 \/ 9;\n order: -1;\n box-shadow: 0 22px 58px rgba(18, 28, 39, 0.14);\n }\n\n .up__stat {\n left: 24px;\n right: 24px;\n bottom: 24px;\n gap: 10px;\n }\n\n \/* Correction : % \u00e9tait presque aussi gros que le 91 *\/\n .up__stat-value strong { font-size: 52px; }\n .up__stat-value span { font-size: 28px; }\n .up__stat-label {\n padding-top: 10px;\n font-size: 13.5px;\n max-width: 36ch;\n }\n\n .up__title {\n font-size: clamp(34px, 6vw, 38px);\n max-width: none;\n }\n .up__intro p { font-size: 15.5px; }\n\n .up__panel p {\n font-size: 15.5px;\n max-width: none;\n }\n\n .up__cta {\n flex-direction: row;\n align-items: center;\n gap: 14px;\n }\n .up__btn {\n min-height: 54px;\n padding: 0 26px;\n }\n .up__note {\n max-width: 30ch;\n font-size: 13px;\n }\n }\n\n \/* ----- Mobile large (420 \u2013 640px) ----- *\/\n @media (max-width: 640px) {\n .up {\n padding-top: 56px;\n padding-bottom: 56px;\n }\n .up__inner {\n padding: 0 20px;\n }\n\n .up__layout {\n gap: 28px;\n }\n\n .up__media {\n aspect-ratio: 4 \/ 3;\n border-radius: 10px;\n }\n\n .up__stat {\n left: 18px;\n right: 18px;\n bottom: 18px;\n gap: 8px;\n }\n .up__stat-value strong { font-size: 44px; }\n .up__stat-value span { font-size: 24px; }\n .up__stat-label {\n padding-top: 8px;\n font-size: 12.5px;\n max-width: none;\n }\n\n .up__kicker {\n font-size: 11px;\n letter-spacing: 0.22em;\n margin-bottom: 14px;\n }\n .up__kicker::before { width: 26px; }\n\n .up__title {\n font-size: 30px;\n line-height: 1.08;\n letter-spacing: -0.045em;\n margin-bottom: 18px;\n }\n\n .up__intro {\n gap: 10px;\n margin-bottom: 24px;\n }\n .up__intro p {\n font-size: 15px;\n line-height: 1.68;\n }\n\n .up__tabs { margin-bottom: 24px; }\n\n .up__tab-list {\n display: flex;\n width: 100%;\n padding: 4px;\n }\n .up__tab {\n flex: 1;\n padding: 0 12px;\n font-size: 13.5px;\n min-height: 44px;\n }\n\n .up__panel p {\n font-size: 15px;\n line-height: 1.7;\n }\n\n .up__cta {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n padding-top: 0;\n }\n .up__btn {\n width: 100%;\n min-height: 54px;\n }\n .up__note {\n max-width: none;\n font-size: 13px;\n text-align: left;\n }\n }\n\n \/* ----- Mobile petit (< 420px) ----- *\/\n @media (max-width: 420px) {\n .up__inner {\n padding: 0 16px;\n }\n\n .up__media {\n aspect-ratio: 1 \/ 1;\n }\n\n .up__stat {\n left: 16px;\n right: 16px;\n bottom: 16px;\n gap: 6px;\n }\n .up__stat-value strong { font-size: 38px; }\n .up__stat-value span { font-size: 20px; }\n .up__stat-label {\n padding-top: 6px;\n font-size: 12px;\n }\n\n .up__title {\n font-size: 27px;\n letter-spacing: -0.04em;\n }\n\n .up__intro p { font-size: 14.5px; }\n\n .up__tab {\n font-size: 12.5px;\n padding: 0 8px;\n letter-spacing: -0.01em;\n }\n\n .up__panel p {\n font-size: 14.5px;\n line-height: 1.68;\n }\n\n .up__btn {\n font-size: 14.5px;\n min-height: 52px;\n }\n .up__note { font-size: 12.5px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .up *, .up *::before, .up *::after {\n transition: none !important;\n animation: none !important;\n transform: none !important;\n }\n }\n<\/style>\n\n<section class=\"up\" id=\"bienvenue-unidet\">\n <div class=\"up__inner\">\n <div class=\"up__layout\">\n\n <!-- Colonne GAUCHE \u2014 contenu -->\n <div class=\"up__content\">\n <span class=\"up__kicker\">Bienvenue \u00e0 Unidet<\/span>\n\n <h2 class=\"up__title\">\n Votre partenaire en <em>recouvrement d'entreprises<\/em>\n <\/h2>\n\n <div class=\"up__intro\">\n <p>UNIDET a \u00e9t\u00e9 fond\u00e9e pour r\u00e9inventer le recouvrement : plus humain, plus rapide et plus efficace.<\/p>\n <p>Avec une \u00e9quipe d'experts en gestion de cr\u00e9ances, nous offrons des solutions personnalis\u00e9es, adapt\u00e9es \u00e0 chaque dossier.<\/p>\n <\/div>\n\n <!-- Onglets Mission \/ Vision -->\n <div class=\"up__tabs\">\n <div class=\"up__tab-list\" role=\"tablist\" aria-label=\"Mission et vision Unidet\">\n <button class=\"up__tab is-active\" type=\"button\" data-up-tab=\"mission\">Notre mission<\/button>\n <button class=\"up__tab\" type=\"button\" data-up-tab=\"vision\">Notre vision<\/button>\n <\/div>\n\n <div class=\"up__panel is-active\" data-up-panel=\"mission\">\n <p>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.<\/p>\n <\/div>\n\n <div class=\"up__panel\" data-up-panel=\"vision\">\n <p>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.<\/p>\n <\/div>\n <\/div>\n\n <!-- CTA -->\n <div class=\"up__cta\">\n <a class=\"up__btn\" href=\"https:\/\/app.unidet.com\/register\">\n Lancez votre recouvrement\n <\/a>\n <span class=\"up__note\">\n Une approche humaine, rapide et orient\u00e9e r\u00e9sultat.\n <\/span>\n <\/div>\n <\/div>\n\n <!-- Colonne DROITE \u2014 image + stat 91% -->\n <figure class=\"up__media\" aria-label=\"Votre partenaire en recouvrement d'entreprises\">\n <div class=\"up__stat\">\n <span class=\"up__stat-value\">\n <strong>91<\/strong><span>%<\/span>\n <\/span>\n <span class=\"up__stat-label\">\n Impay\u00e9s r\u00e9solus sans proc\u00e9dure judiciaire\n <\/span>\n <\/div>\n <\/figure>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n (function () {\n function init() {\n var section = document.querySelector('.up');\n if (!section || section.dataset.upReady) return;\n section.dataset.upReady = '1';\n\n var tabs = section.querySelectorAll('[data-up-tab]');\n var panels = section.querySelectorAll('[data-up-panel]');\n\n tabs.forEach(function (tab) {\n tab.addEventListener('click', function () {\n var target = tab.getAttribute('data-up-tab');\n tabs.forEach(function (t) { t.classList.toggle('is-active', t === tab); });\n panels.forEach(function (p) {\n p.classList.toggle('is-active', p.getAttribute('data-up-panel') === target);\n });\n });\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-a24504b e-con-full e-flex e-con e-parent \" data-id=\"a24504b\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-938e0eb elementor-widget elementor-widget-html\" data-id=\"938e0eb\" 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 pos\u00e9e \u2014 Unidet<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\n<!--\nUNIDET \u2014 Section Rapide \/ Facile \/ Super Efficace\nWidget HTML Elementor \u00b7 split \u00e9ditorial \u00b7 pleine largeur \u00b7 radius 10px\n-->\n\n<style>\n .uic, .uic * { box-sizing: border-box; }\n html, body { overflow-x: clip; }\n\n .elementor-widget-html:has(.uic),\n .elementor-widget-html:has(.uic) > .elementor-widget-container,\n .e-con:has(.uic), .e-con-inner:has(.uic),\n .elementor-section:has(.uic), .elementor-container:has(.uic),\n .elementor-column:has(.uic), .elementor-widget-wrap:has(.uic) {\n width: 100% !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: visible !important;\n }\n\n .uic {\n --uic-dark: #121C27;\n --uic-dark-2: #0C141D;\n --uic-dark-3: #1A2A3A;\n --uic-gold: #D3AD72;\n --uic-gold-dark: #B98E4E;\n --uic-white: #FFFFFF;\n --uic-muted: rgba(255, 255, 255, 0.66);\n --uic-muted-2: rgba(255, 255, 255, 0.42);\n --uic-line: rgba(255, 255, 255, 0.10);\n --uic-line-strong: rgba(255, 255, 255, 0.16);\n --uic-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(72px, 7vw, 120px) 0;\n color: #fff;\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background:\n radial-gradient(circle at 8% 6%, rgba(211, 173, 114, 0.12), transparent 30%),\n radial-gradient(circle at 94% 94%, rgba(211, 173, 114, 0.06), transparent 34%),\n linear-gradient(135deg, var(--uic-dark-2) 0%, var(--uic-dark) 55%, var(--uic-dark-3) 100%);\n }\n\n \/* Cercle d\u00e9coratif haut-droite *\/\n .uic::after {\n content: \"\";\n position: absolute;\n right: -240px;\n top: -260px;\n z-index: -1;\n width: 560px;\n height: 560px;\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 avec padding minimal *\/\n .uic__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 }\n\n \/* ========== SPLIT ========== *\/\n .uic__split {\n display: grid;\n grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);\n gap: clamp(40px, 5vw, 120px);\n align-items: start;\n }\n\n \/* ========== COLONNE GAUCHE \u2014 \u00c9DITORIAL ========== *\/\n .uic__head {\n position: relative;\n padding-left: clamp(24px, 2.4vw, 40px);\n border-left: 1px solid var(--uic-line);\n }\n\n .uic__head::before {\n content: \"\";\n position: absolute;\n left: -1px;\n top: 0;\n width: 1px;\n height: 64px;\n background: linear-gradient(180deg,\n var(--uic-gold) 0%,\n rgba(211, 173, 114, 0.25) 100%);\n }\n\n .uic__kicker {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 24px;\n color: var(--uic-gold);\n font-family: var(--uic-mono);\n font-size: 11.5px;\n font-weight: 700;\n letter-spacing: 0.28em;\n text-transform: uppercase;\n }\n\n .uic__title {\n margin: 0 0 26px;\n color: #fff;\n font-size: clamp(36px, 4.4vw, 68px);\n line-height: 1.02;\n letter-spacing: -0.055em;\n font-weight: 950;\n max-width: 13ch;\n }\n\n .uic__title em {\n font-style: normal;\n color: var(--uic-gold);\n }\n\n .uic__subtitle {\n margin: 0 0 36px;\n max-width: 42ch;\n color: var(--uic-muted);\n font-size: 15.5px;\n line-height: 1.72;\n font-weight: 500;\n }\n\n .uic__note {\n padding-top: 24px;\n border-top: 1px solid var(--uic-line);\n display: flex;\n flex-direction: column;\n gap: 6px;\n max-width: 42ch;\n }\n\n .uic__note-label {\n color: var(--uic-muted-2);\n font-family: var(--uic-mono);\n font-size: 10.5px;\n font-weight: 700;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n }\n\n .uic__note-value {\n color: #fff;\n font-size: 14px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n \/* ========== COLONNE DROITE \u2014 ENTR\u00c9ES ========== *\/\n .uic__list {\n margin: 0;\n padding: 0;\n list-style: none;\n border-top: 1px solid var(--uic-line);\n }\n\n .uic__item {\n border-bottom: 1px solid var(--uic-line);\n }\n\n .uic__item-inner {\n display: grid;\n grid-template-columns: 64px minmax(0, 1fr) 32px;\n gap: clamp(24px, 3vw, 48px);\n align-items: baseline;\n padding: clamp(28px, 3vw, 44px) 0;\n text-decoration: none;\n color: inherit;\n transition: padding .25s ease;\n }\n\n .uic__num {\n color: var(--uic-muted-2);\n font-family: var(--uic-mono);\n font-size: 13.5px;\n font-weight: 700;\n letter-spacing: 0.08em;\n transition: color .25s ease;\n }\n\n .uic__body {\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .uic__body h3 {\n margin: 0;\n color: #fff;\n font-size: clamp(24px, 2.2vw, 34px);\n line-height: 1.15;\n letter-spacing: -0.032em;\n font-weight: 900;\n transition: color .25s ease;\n }\n\n .uic__body p {\n margin: 0;\n color: var(--uic-muted);\n font-size: 15.5px;\n line-height: 1.65;\n font-weight: 500;\n max-width: 68ch;\n }\n\n .uic__arrow {\n align-self: center;\n color: var(--uic-muted-2);\n font-size: 20px;\n line-height: 1;\n opacity: 0;\n transform: translateX(-6px);\n transition: opacity .25s ease, transform .25s ease, color .25s ease;\n }\n\n .uic__item:hover .uic__num {\n color: var(--uic-gold);\n }\n\n .uic__item:hover .uic__body h3 {\n color: var(--uic-gold);\n }\n\n .uic__item:hover .uic__arrow {\n opacity: 1;\n transform: translateX(0);\n color: var(--uic-gold);\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media (max-width: 1200px) {\n .uic__split {\n grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n gap: clamp(36px, 4vw, 72px);\n }\n .uic__title { max-width: none; }\n }\n\n @media (max-width: 900px) {\n .uic__split {\n grid-template-columns: 1fr;\n gap: 44px;\n }\n .uic__head { padding-left: 20px; }\n .uic__subtitle, .uic__note { max-width: none; }\n }\n\n @media (max-width: 640px) {\n .uic { padding-top: 62px; padding-bottom: 62px; }\n .uic__inner { padding: 0 20px; }\n\n .uic__head { padding-left: 16px; }\n .uic__head::before { height: 48px; }\n\n .uic__kicker {\n font-size: 10.5px;\n letter-spacing: 0.24em;\n margin-bottom: 18px;\n }\n\n .uic__title {\n font-size: 32px;\n letter-spacing: -0.045em;\n margin-bottom: 18px;\n }\n .uic__subtitle {\n font-size: 15px;\n margin-bottom: 26px;\n }\n\n .uic__item-inner {\n grid-template-columns: 42px minmax(0, 1fr);\n gap: 16px;\n padding: 24px 0;\n }\n .uic__arrow { display: none; }\n .uic__num { font-size: 12px; }\n .uic__body h3 { font-size: 20px; }\n .uic__body p { font-size: 14.5px; }\n\n .uic__note { padding-top: 20px; }\n .uic__note-value { font-size: 13.5px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .uic *, .uic *::before, .uic *::after {\n transition: none !important;\n transform: none !important;\n }\n }\n<\/style>\n\n<section class=\"uic\" id=\"unidet-infos\">\n <div class=\"uic__inner\">\n <div class=\"uic__split\">\n\n <!-- Colonne gauche \u2014 \u00e9ditorial -->\n <header class=\"uic__head\">\n <span class=\"uic__kicker\">M\u00e9thode Unidet<\/span>\n\n <h2 class=\"uic__title\">\n Simple \u00e0 comprendre, <em>efficace \u00e0 ex\u00e9cuter<\/em>\n <\/h2>\n\n <p class=\"uic__subtitle\">\n Une approche claire pour d\u00e9poser, suivre et r\u00e9cup\u00e9rer vos cr\u00e9ances avec un accompagnement professionnel.\n <\/p>\n\n <div class=\"uic__note\">\n <span class=\"uic__note-label\">En pratique<\/span>\n <span class=\"uic__note-value\">\n Trois principes appliqu\u00e9s \u00e0 chaque dossier, sans exception.\n <\/span>\n <\/div>\n <\/header>\n\n <!-- Colonne droite \u2014 entr\u00e9es -->\n <ol class=\"uic__list\">\n\n <li class=\"uic__item\">\n <a class=\"uic__item-inner\" href=\"https:\/\/app.unidet.com\/register\">\n <span class=\"uic__num\">01<\/span>\n <span class=\"uic__body\">\n <h3>Rapide<\/h3>\n <p>Nous traitons vos dossiers dans les plus brefs d\u00e9lais pour des r\u00e9sultats imm\u00e9diats.<\/p>\n <\/span>\n <span class=\"uic__arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n <\/li>\n\n <li class=\"uic__item\">\n <a class=\"uic__item-inner\" href=\"https:\/\/app.unidet.com\/register\">\n <span class=\"uic__num\">02<\/span>\n <span class=\"uic__body\">\n <h3>Facile<\/h3>\n <p>Une gestion simplifi\u00e9e gr\u00e2ce \u00e0 un processus intuitif et transparent, accessible \u00e0 tous nos clients.<\/p>\n <\/span>\n <span class=\"uic__arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n <\/li>\n\n <li class=\"uic__item\">\n <a class=\"uic__item-inner\" href=\"https:\/\/app.unidet.com\/register\">\n <span class=\"uic__num\">03<\/span>\n <span class=\"uic__body\">\n <h3>Super Efficace<\/h3>\n <p>Des solutions innovantes garantissant une r\u00e9cup\u00e9ration rapide, fiable et efficace de vos cr\u00e9ances.<\/p>\n <\/span>\n <span class=\"uic__arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n <\/li>\n\n <\/ol>\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-dc4a742 e-con-full e-flex e-con e-parent \" data-id=\"dc4a742\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-05021c9 elementor-widget elementor-widget-html\" data-id=\"05021c9\" 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>Offres Unidet<\/title>\n<\/head>\n<body style=\"margin:0;\">\n\n<!--\nUNIDET \u2014 Section Offres \/ Plans\nWidget HTML Elementor \u00b7 3 piliers verticaux \u00b7 pleine largeur \u00b7 radius 10px\n-->\n\n<style>\n .uo, .uo * { box-sizing: border-box; }\n html, body { overflow-x: clip; }\n\n .elementor-widget-html:has(.uo),\n .elementor-widget-html:has(.uo) > .elementor-widget-container,\n .e-con:has(.uo), .e-con-inner:has(.uo),\n .elementor-section:has(.uo), .elementor-container:has(.uo),\n .elementor-column:has(.uo), .elementor-widget-wrap:has(.uo) {\n width: 100% !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: visible !important;\n }\n\n .uo {\n --uo-dark: #121C27;\n --uo-dark-2: #1A2A3A;\n --uo-dark-3: #0C141D;\n --uo-gold: #D3AD72;\n --uo-gold-dark: #B98E4E;\n --uo-cream: #F7F4EF;\n --uo-cream-2: #EFE8DC;\n --uo-muted: #4B535D;\n --uo-muted-2: rgba(75, 83, 93, 0.60);\n --uo-line: rgba(18, 28, 39, 0.10);\n --uo-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(74px, 7vw, 120px) 0;\n color: var(--uo-dark);\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background:\n radial-gradient(circle at 10% 8%, 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(--uo-cream) 55%, var(--uo-cream-2) 100%);\n }\n\n .uo::after {\n content: \"\";\n position: absolute;\n width: 620px;\n height: 620px;\n right: -310px;\n top: -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 .uo__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 }\n\n \/* ========== HEADER CENTR\u00c9 ========== *\/\n .uo__head {\n max-width: 920px;\n margin: 0 auto clamp(48px, 5vw, 76px);\n text-align: center;\n }\n\n .uo__kicker {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 20px;\n color: var(--uo-gold-dark);\n font-family: var(--uo-mono);\n font-size: 11.5px;\n font-weight: 700;\n letter-spacing: 0.28em;\n text-transform: uppercase;\n }\n\n .uo__kicker::before,\n .uo__kicker::after {\n content: \"\";\n width: 28px;\n height: 2px;\n border-radius: 10px;\n background: var(--uo-gold);\n }\n\n .uo__title {\n margin: 0 0 20px;\n color: var(--uo-dark);\n font-size: clamp(34px, 4\n 3.4vw, 52px);\n line-height: 1.03;\n letter-spacing: -0.055em;\n font-weight: 950;\n }\n\n .uo__title em {\n font-style: normal;\n color: var(--uo-gold-dark);\n }\n\n .uo__subtitle {\n margin: 0 auto;\n max-width: 62ch;\n color: var(--uo-muted);\n font-size: 16px;\n line-height: 1.72;\n font-weight: 500;\n }\n\n \/* ========== GRILLE 3 PILIERS ========== *\/\n .uo__grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: clamp(18px, 4.8vw, 58px);\n align-items: stretch;\n margin-bottom: clamp(32px, 3.6vw, 52px);\n }\n\n \/* ========== CARTE ========== *\/\n .uo__card {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 640px;\n padding: clamp(28px, 2.6vw, 44px);\n border-radius: 10px;\n background: #FFFFFF;\n border: 1px solid var(--uo-line);\n box-shadow: 0 12px 32px rgba(18, 28, 39, 0.05);\n transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n }\n\n .uo__card:hover {\n transform: translateY(-6px);\n border-color: rgba(211, 173, 114, 0.42);\n box-shadow: 0 26px 60px rgba(18, 28, 39, 0.10);\n }\n\n \/* Carte vedette (Standard) *\/\n .uo__card--featured {\n background:\n radial-gradient(circle at 90% 5%, rgba(211, 173, 114, 0.18), transparent 42%),\n linear-gradient(160deg, var(--uo-dark-2) 0%, var(--uo-dark) 60%, var(--uo-dark-3) 100%);\n border-color: rgba(211, 173, 114, 0.42);\n box-shadow: 0 28px 70px rgba(18, 28, 39, 0.18);\n }\n\n .uo__card--featured:hover {\n border-color: rgba(211, 173, 114, 0.65);\n box-shadow: 0 38px 88px rgba(18, 28, 39, 0.24);\n }\n\n \/* ===== En-t\u00eate de carte ===== *\/\n .uo__card-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n margin-bottom: 26px;\n }\n\n .uo__card-num {\n color: var(--uo-muted-2);\n font-family: var(--uo-mono);\n font-size: 12.5px;\n font-weight: 700;\n letter-spacing: 0.16em;\n }\n\n .uo__card--featured .uo__card-num { color: rgba(211, 173, 114, 0.72); }\n\n .uo__badge {\n padding: 6px 12px;\n border-radius: 10px;\n background: rgba(211, 173, 114, 0.16);\n border: 1px solid rgba(211, 173, 114, 0.42);\n color: var(--uo-gold-dark);\n font-family: var(--uo-mono);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n white-space: nowrap;\n }\n\n .uo__card--featured .uo__badge {\n background: rgba(211, 173, 114, 0.20);\n border-color: rgba(211, 173, 114, 0.55);\n color: var(--uo-gold);\n }\n\n \/* ===== Nom du plan ===== *\/\n .uo__card-name {\n margin: 0 0 20px;\n color: var(--uo-dark);\n font-size: clamp(24px, 2vw, 25px);\n line-height: 1.12;\n letter-spacing: -0.032em;\n font-weight: 950;\n }\n\n .uo__card--featured .uo__card-name { color: #fff; }\n\n \/* ===== Prix ===== *\/\n .uo__card-price {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 6px;\n }\n\n .uo__card-price strong {\n color: var(--uo-dark);\n font-size: clamp(56px, 5.4vw, 42px);\n line-height: 0.85;\n letter-spacing: -0.06em;\n font-weight: 950;\n }\n\n .uo__card--featured .uo__card-price strong { color: var(--uo-gold); }\n\n .uo__card-price span {\n color: var(--uo-muted-2);\n font-family: var(--uo-mono);\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .uo__card--featured .uo__card-price span { color: rgba(255, 255, 255, 0.55); }\n\n \/* ===== D\u00e9lai (barre graphique) ===== *\/\n .uo__card-delay {\n display: flex;\n align-items: center;\n gap: 10px;\n margin: 18px 0 24px;\n }\n\n .uo__card-delay-bar {\n position: relative;\n flex: 1;\n height: 3px;\n border-radius: 10px;\n background: rgba(18, 28, 39, 0.08);\n overflow: hidden;\n }\n\n .uo__card--featured .uo__card-delay-bar {\n background: rgba(255, 255, 255, 0.14);\n }\n\n .uo__card-delay-bar span {\n display: block;\n height: 100%;\n border-radius: 10px;\n background: var(--uo-gold);\n }\n\n \/* Barres progressives : 33% \/ 66% \/ 100% *\/\n .uo__card:nth-child(1) .uo__card-delay-bar span { width: 33%; }\n .uo__card:nth-child(2) .uo__card-delay-bar span { width: 66%; }\n .uo__card:nth-child(3) .uo__card-delay-bar span { width: 100%; }\n\n .uo__card-delay-label {\n color: var(--uo-muted-2);\n font-family: var(--uo-mono);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n white-space: nowrap;\n }\n\n .uo__card--featured .uo__card-delay-label {\n color: rgba(255, 255, 255, 0.55);\n }\n\n \/* ===== Description ===== *\/\n .uo__card-desc {\n margin: 0 0 24px;\n color: var(--uo-muted);\n font-size: 14.5px;\n line-height: 1.65;\n font-weight: 500;\n min-height: 44px;\n }\n\n .uo__card--featured .uo__card-desc { color: rgba(255, 255, 255, 0.72); }\n\n \/* ===== Filet ===== *\/\n .uo__card-rule {\n height: 1px;\n margin-bottom: 24px;\n background: var(--uo-line);\n }\n\n .uo__card--featured .uo__card-rule {\n background: rgba(255, 255, 255, 0.12);\n }\n\n \/* ===== Features ===== *\/\n .uo__features {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin: 0 0 32px;\n padding: 0;\n list-style: none;\n flex: 1;\n }\n\n .uo__feature {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n }\n\n .uo__feature-icon {\n width: 20px;\n height: 20px;\n flex: 0 0 20px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-top: 1px;\n border-radius: 6px;\n background: rgba(211, 173, 114, 0.16);\n color: var(--uo-gold-dark);\n font-size: 11px;\n font-weight: 950;\n line-height: 1;\n }\n\n .uo__card--featured .uo__feature-icon {\n background: rgba(211, 173, 114, 0.22);\n color: var(--uo-gold);\n }\n\n .uo__feature-text {\n color: var(--uo-dark);\n font-size: 14.5px;\n line-height: 1.45;\n font-weight: 600;\n }\n\n .uo__card--featured .uo__feature-text {\n color: rgba(255, 255, 255, 0.88);\n }\n\n \/* ===== Bouton ===== *\/\n .uo__btn,\n .uo__btn:visited,\n .uo__btn:focus {\n min-height: 52px;\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 var(--uo-dark);\n background: var(--uo-dark);\n color: #fff !important;\n text-decoration: none !important;\n font-size: 14.5px;\n line-height: 1.2;\n font-weight: 900;\n box-shadow: 0 12px 26px rgba(18, 28, 39, 0.12);\n transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;\n }\n\n .uo__btn::after {\n content: \"\u2192\";\n font-size: 16px;\n transition: transform .25s ease;\n }\n\n .uo__btn:hover {\n transform: translateY(-2px);\n background: var(--uo-gold);\n border-color: var(--uo-gold);\n color: var(--uo-dark) !important;\n box-shadow: 0 18px 38px rgba(211, 173, 114, 0.36);\n }\n\n .uo__btn:hover::after { transform: translateX(4px); }\n\n .uo__card--featured .uo__btn {\n background: var(--uo-gold);\n border-color: var(--uo-gold);\n color: var(--uo-dark) !important;\n }\n\n .uo__card--featured .uo__btn:hover {\n background: #fff;\n border-color: #fff;\n }\n\n \/* ========== GARANTIE PLEINE LARGEUR ========== *\/\n .uo__guarantee {\n position: relative;\n display: grid;\n grid-template-columns: auto minmax(0, 1fr) auto;\n gap: clamp(20px, 2.4vw, 36px);\n align-items: center;\n padding: clamp(24px, 2.6vw, 38px) clamp(26px, 3vw, 46px);\n border-radius: 10px;\n background:\n radial-gradient(circle at 8% 20%, rgba(211, 173, 114, 0.20), transparent 40%),\n linear-gradient(160deg, var(--uo-dark-2) 0%, var(--uo-dark) 100%);\n border: 1px solid rgba(211, 173, 114, 0.36);\n box-shadow: 0 24px 60px rgba(18, 28, 39, 0.14);\n overflow: hidden;\n }\n\n .uo__guarantee-icon {\n width: 52px;\n height: 52px;\n flex-shrink: 0;\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 border: 1px solid rgba(211, 173, 114, 0.34);\n color: var(--uo-gold);\n font-size: 22px;\n font-weight: 900;\n }\n\n .uo__guarantee-body { min-width: 0; }\n\n .uo__guarantee-title {\n margin: 0 0 6px;\n color: var(--uo-gold);\n font-size: clamp(20px, 1.8vw, 26px);\n line-height: 1.15;\n letter-spacing: -0.03em;\n font-weight: 950;\n }\n\n .uo__guarantee-text {\n margin: 0;\n color: rgba(255, 255, 255, 0.82);\n font-size: 14.5px;\n line-height: 1.6;\n font-weight: 500;\n max-width: 80ch;\n }\n\n .uo__guarantee-note {\n color: rgba(255, 255, 255, 0.55);\n font-family: var(--uo-mono);\n font-size: 11.5px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n white-space: nowrap;\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media (max-width: 1080px) {\n .uo__grid {\n grid-template-columns: 1fr;\n gap: 18px;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n }\n .uo__card { min-height: auto; }\n .uo__card:hover { transform: translateY(-4px); }\n\n .uo__guarantee {\n grid-template-columns: auto minmax(0, 1fr);\n row-gap: 12px;\n }\n .uo__guarantee-note {\n grid-column: 2;\n white-space: normal;\n }\n }\n\n @media (max-width: 640px) {\n .uo { padding-top: 68px; padding-bottom: 68px; }\n .uo__inner { padding: 0 20px; }\n\n .uo__head { margin-bottom: 40px; }\n .uo__kicker { font-size: 10.5px; letter-spacing: 0.22em; }\n .uo__kicker::before,\n .uo__kicker::after { width: 20px; }\n\n .uo__title {\n font-size: 30px;\n letter-spacing: -0.04em;\n }\n .uo__subtitle { font-size: 15px; }\n\n .uo__card { padding: 26px 22px; }\n\n .uo__card-name { font-size: 22px; }\n .uo__card-price strong { font-size: 52px; }\n .uo__card-desc { font-size: 14px; min-height: auto; }\n .uo__feature-text { font-size: 14px; }\n\n .uo__btn { width: 100%; }\n\n .uo__guarantee {\n grid-template-columns: 1fr;\n text-align: left;\n padding: 22px 20px;\n }\n .uo__guarantee-icon { width: 44px; height: 44px; font-size: 18px; }\n .uo__guarantee-text { font-size: 13.5px; }\n .uo__guarantee-note { grid-column: 1; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .uo *, .uo *::before, .uo *::after {\n transition: none !important;\n transform: none !important;\n }\n }\n<\/style>\n\n<section class=\"uo\" id=\"offres\">\n <div class=\"uo__inner\">\n\n <!-- Header centr\u00e9 -->\n <header class=\"uo__head\">\n <span class=\"uo__kicker\">Solutions flexibles<\/span>\n <h2 class=\"uo__title\">\n Choisissez le plan adapt\u00e9 \u00e0 vos besoins de <em>recouvrement<\/em>\n <\/h2>\n <p class=\"uo__subtitle\">\n En fonction de l'urgence de votre dossier, profitez de tarifs adapt\u00e9s : \u00e0 partir de 12 % pour un recouvrement rapide en 30 jours.\n <\/p>\n <\/header>\n\n <!-- Grille 3 piliers -->\n <div class=\"uo__grid\">\n\n <!-- 01 \u2014 Flexible -->\n <article class=\"uo__card\">\n <div class=\"uo__card-head\">\n <span class=\"uo__card-num\">01 \/ 03<\/span>\n <\/div>\n\n <h3 class=\"uo__card-name\">Flexible<\/h3>\n\n <div class=\"uo__card-price\">\n <strong>12%<\/strong>\n <span>d\u00e8s 3 mois<\/span>\n <\/div>\n\n <div class=\"uo__card-delay\">\n <div class=\"uo__card-delay-bar\"><span><\/span><\/div>\n <span class=\"uo__card-delay-label\">90 jours<\/span>\n <\/div>\n\n <p class=\"uo__card-desc\">\n Solution de recouvrement flexible pour r\u00e9cup\u00e9rer vos cr\u00e9ances sur le long terme.\n <\/p>\n\n <div class=\"uo__card-rule\"><\/div>\n\n <ul class=\"uo__features\">\n <li class=\"uo__feature\"><span class=\"uo__feature-icon\">\u2713<\/span><span class=\"uo__feature-text\">Recouvrement \u00e0 long terme<\/span><\/li>\n <li class=\"uo__feature\"><span class=\"uo__feature-icon\">\u2713<\/span><span class=\"uo__feature-text\">Suivi personnalis\u00e9<\/span><\/li>\n <li class=\"uo__feature\"><span class=\"uo__feature-icon\">\u2713<\/span><span class=\"uo__feature-text\">Tarif r\u00e9duit<\/span><\/li>\n <li class=\"uo__feature\"><span class=\"uo__feature-icon\">\u2713<\/span><span class=\"uo__feature-text\">Options de paiement<\/span><\/li>\n <li class=\"uo__feature\"><span class=\"uo__feature-icon\">\u2713<\/span><span class=\"uo__feature-text\">Support client 24\/7<\/span><\/li>\n <\/ul>\n\n <a class=\"uo__btn\" href=\"https:\/\/app.unidet.com\/register\">Commencer<\/a>\n <\/article>\n\n <!-- 02 \u2014 Standard (featured) -->\n <article class=\"uo__card uo__card--featured\">\n <div class=\"uo__card-head\">\n <span class=\"uo__card-num\">02 \/ 03<\/span>\n <span class=\"uo__badge\">\u2605 Recommand\u00e9<\/span>\n <\/div>\n\n <h3 class=\"uo__card-name\">Standard<\/h3>\n\n <div class=\"uo__card-price\">\n <strong>20%<\/strong>\n <span>60 jours<\/span>\n <\/div>\n\n <div class=\"uo__card-delay\">\n <div class=\"uo__card-delay-bar\"><span><\/span><\/div>\n <span class=\"uo__card-delay-label\">60 jours<\/span>\n <\/div>\n\n <p class=\"uo__card-desc\">\n L'\u00e9quilibre id\u00e9al entre rapidit\u00e9 et co\u00fbt. Recouvrement ma\u00eetris\u00e9 en 60 jours.\n <\/p>\n\n <div class=\"uo__card-rule\"><\/div>\n\n <ul class=\"uo__features\">\n <li class=\"uo__feature\"><span class=\"uo__feature-icon\">\u2713<\/span><span class=\"uo__feature-text\">Recouvrement en 60 jours<\/span><\/li>\n <li class=\"uo__feature\"><span class=\"uo__feature-icon\">\u2713<\/span><span class=\"uo__feature-text\">Relances progressives<\/span><\/li>\n <li class=\"uo__feature\"><span class=\"uo__feature-icon\">\u2713<\/span><span class=\"uo__feature-text\">M\u00e9diation amiable<\/span><\/li>\n <li class=\"uo__feature\"><span class=\"uo__feature-icon\">\u2713<\/span><span class=\"uo__feature-text\">Rapports mensuels<\/span><\/li>\n <li class=\"uo__feature\"><span class=\"uo__feature-icon\">\u2713<\/span><span class=\"uo__feature-text\">Support client 24\/7<\/span><\/li>\n <\/ul>\n\n <a class=\"uo__btn\" href=\"https:\/\/app.unidet.com\/register\">Commencer<\/a>\n <\/article>\n\n <!-- 03 \u2014 Urgent -->\n <article class=\"uo__card\">\n <div class=\"uo__card-head\">\n <span class=\"uo__card-num\">03 \/ 03<\/span>\n <\/div>\n\n <h3 class=\"uo__card-name\">Urgent<\/h3>\n\n <div class=\"uo__card-price\">\n <strong>30%<\/strong>\n <span>30 jours<\/span>\n <\/div>\n\n <div class=\"uo__card-delay\">\n <div class=\"uo__card-delay-bar\"><span><\/span><\/div>\n <span class=\"uo__card-delay-label\">30 jours<\/span>\n <\/div>\n\n <p class=\"uo__card-desc\">\n Pour un recouvrement rapide et efficace en moins de 30 jours.\n <\/p>\n\n <div class=\"uo__card-rule\"><\/div>\n\n <ul class=\"uo__features\">\n <li class=\"uo__feature\"><span class=\"uo__feature-icon\">\u2713<\/span><span class=\"uo__feature-text\">Recouvrement en 30 jours<\/span><\/li>\n <li class=\"uo__feature\"><span class=\"uo__feature-icon\">\u2713<\/span><span class=\"uo__feature-text\">Suivi intensif<\/span><\/li>\n <li class=\"uo__feature\"><span class=\"uo__feature-icon\">\u2713<\/span><span class=\"uo__feature-text\">Alerte rapide<\/span><\/li>\n <li class=\"uo__feature\"><span class=\"uo__feature-icon\">\u2713<\/span><span class=\"uo__feature-text\">Gestion compl\u00e8te<\/span><\/li>\n <li class=\"uo__feature\"><span class=\"uo__feature-icon\">\u2713<\/span><span class=\"uo__feature-text\">Support client 24\/7<\/span><\/li>\n <\/ul>\n\n <a class=\"uo__btn\" href=\"https:\/\/app.unidet.com\/register\">Commencer<\/a>\n <\/article>\n\n <\/div>\n\n <!-- Garantie pleine largeur -->\n <aside class=\"uo__guarantee\">\n <span class=\"uo__guarantee-icon\">\u2713<\/span>\n <div class=\"uo__guarantee-body\">\n <h3 class=\"uo__guarantee-title\">Garantie UNIDET<\/h3>\n <p class=\"uo__guarantee-text\">\n Si le d\u00e9lai n'est pas respect\u00e9, la commission s'ajuste automatiquement \u00e0 la formule inf\u00e9rieure.\n <\/p>\n <\/div>\n <span class=\"uo__guarantee-note\">Engagement clair \u00b7 Offre transparente<\/span>\n <\/aside>\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-8830312 e-con-full e-flex e-con e-parent \" data-id=\"8830312\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-a0e5f7e elementor-widget elementor-widget-html\" data-id=\"a0e5f7e\" 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<!--\nUNIDET \u2014 Section Engagement\nWidget HTML Elementor \u00b7 image \u00e0 droite + grille 2\u00d72 \u00b7 responsive optimis\u00e9\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 <!-- Colonne gauche \u2014 titre + intro + grille 2\u00d72 -->\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 <!-- Colonne droite \u2014 image portrait -->\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero Unidet \u2014 image claire PC Recouvrement amiable & efficace R\u00e9cup\u00e9rez vos factures impay\u00e9es sans frais \u00e0 l’avance Vous ne payez que si nous r\u00e9cup\u00e9rons votre argent. Unidet accompagne les entreprises dans le recouvrement amiable, judiciaire et international. \u2713 0 \u20ac \u00e0 avancer \u2713 Paiement uniquement au succ\u00e8s \u2713 Dossier pris en charge rapidement Transmettre […]<\/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-19520","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/pages\/19520","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=19520"}],"version-history":[{"count":73,"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/pages\/19520\/revisions"}],"predecessor-version":[{"id":19676,"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/pages\/19520\/revisions\/19676"}],"wp:attachment":[{"href":"https:\/\/unidet.fr\/UNIDET\/wp-json\/wp\/v2\/media?parent=19520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}