BT Plus \u2014 \u00c0 propos<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --blue-900:#07294a;\r\n --blue-800:#0a3666;\r\n --blue-700:#0d4f8b;\r\n --blue-500:#1c7ec9;\r\n --blue-300:#7cc0ee;\r\n --blue-100:#d6ebfb;\r\n --blue-50:#eef6fc;\r\n --orange:#f4a61a;\r\n --orange-dark:#d98a0c;\r\n --ink:#0c2238;\r\n --slate:#48637d;\r\n --paper:#ffffff;\r\n\r\n --font-display:\"Sora\",sans-serif;\r\n --font-body:\"Inter\",sans-serif;\r\n\r\n --shadow-sm:0 2px 10px rgba(7,41,74,.06);\r\n --shadow-md:0 18px 40px -16px rgba(7,41,74,.30);\r\n }\r\n\r\n *{box-sizing:border-box;margin:0;padding:0}\r\n html{scroll-behavior:smooth}\r\n body{\r\n font-family:var(--font-body);\r\n color:var(--ink);\r\n background:var(--paper);\r\n -webkit-font-smoothing:antialiased;\r\n line-height:1.6;\r\n }\r\n\r\n \/* ---------- Hero ---------- *\/\r\n .hero{\r\n position:relative;\r\n overflow:hidden;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, var(--blue-100), transparent 60%),\r\n linear-gradient(180deg,#fbfdff 0%,var(--blue-50) 100%);\r\n }\r\n .hero-inner{\r\n max-width:1200px;margin:0 auto;\r\n padding:40px 24px 150px;\r\n display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;\r\n position:relative;\r\n }\r\n @media(max-width:940px){\r\n .hero-inner{grid-template-columns:1fr;padding:28px 24px 130px;gap:34px}\r\n }\r\n\r\n \/* ============================================\r\n BADGE 24\/24\r\n ============================================ *\/\r\n .badge-247 {\r\n position:absolute;\r\n top:20px;\r\n right:24px;\r\n background:#ffffff;\r\n border-radius:14px;\r\n padding:12px 16px;\r\n box-shadow:var(--shadow-md);\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n z-index:10;\r\n border:1px solid var(--blue-100);\r\n animation:floaty 6s ease-in-out infinite;\r\n animation-delay:0.3s;\r\n }\r\n\r\n .badge-247 .fic {\r\n width:38px;\r\n height:38px;\r\n border-radius:10px;\r\n display:grid;\r\n place-items:center;\r\n flex-shrink:0;\r\n background:var(--blue-50);\r\n color:var(--blue-700);\r\n }\r\n\r\n .badge-247 .fic svg {\r\n width:20px;\r\n height:20px;\r\n }\r\n\r\n .badge-247 b {\r\n font-family:var(--font-display);\r\n display:block;\r\n font-size:1.05rem;\r\n color:var(--blue-900);\r\n line-height:1.1;\r\n }\r\n\r\n .badge-247 small {\r\n color:var(--slate);\r\n font-size:.74rem;\r\n }\r\n\r\n @keyframes floaty{\r\n 0%,100%{transform:translateY(0)}\r\n 50%{transform:translateY(-12px)}\r\n }\r\n\r\n @media(max-width:600px){\r\n .badge-247{\r\n top:12px;\r\n right:12px;\r\n padding:8px 12px;\r\n gap:8px;\r\n }\r\n .badge-247 .fic{\r\n width:30px;\r\n height:30px;\r\n }\r\n .badge-247 b{\r\n font-size:.85rem;\r\n }\r\n .badge-247 small{\r\n font-size:.65rem;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n CONTENU TEXTE \u2014 \u00c0 PROPOS\r\n ============================================ *\/\r\n h1{\r\n font-family:var(--font-display);font-weight:800;\r\n font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.06;\r\n letter-spacing:-.025em;color:var(--blue-900);margin:18px 0 0;\r\n }\r\n h1 .accent{\r\n color:var(--orange);position:relative;white-space:nowrap;\r\n }\r\n h1 .accent::after{\r\n content:\"\";position:absolute;left:0;right:0;bottom:.06em;height:.16em;\r\n background:rgba(244,166,26,.28);border-radius:4px;z-index:-1;\r\n transform:scaleX(0);transform-origin:left;animation:underline 1s .8s ease forwards;\r\n }\r\n @keyframes underline{to{transform:scaleX(1)}}\r\n\r\n .lead{\r\n margin-top:18px;font-size:1.08rem;color:var(--slate);max-width:520px;\r\n }\r\n\r\n \/* service chips \u2014 AVANTAGES *\/\r\n .chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}\r\n .chip{\r\n display:inline-flex;align-items:center;gap:7px;\r\n background:#fff;border:1px solid var(--blue-100);\r\n padding:8px 13px;border-radius:11px;font-size:.86rem;font-weight:600;color:var(--blue-800);\r\n box-shadow:var(--shadow-sm);transition:transform .2s, box-shadow .2s, border-color .2s;\r\n cursor:pointer;\r\n }\r\n .chip svg{width:16px;height:16px;color:var(--blue-500)}\r\n .chip:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-300)}\r\n .chip.active{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:var(--shadow-md)}\r\n .chip.active svg{color:#fff}\r\n\r\n \/* trust strip *\/\r\n .trust{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px}\r\n .trust div{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--slate);font-weight:500}\r\n .trust svg{width:18px;height:18px;color:#1faa6b;flex-shrink:0}\r\n\r\n \/* ---------- Visual ---------- *\/\r\n .visual{position:relative;display:grid;place-items:center;min-height:380px}\r\n .disc{\r\n position:relative;\r\n width:min(420px,90%);\r\n aspect-ratio:1;\r\n border-radius:50%;\r\n overflow:hidden;\r\n box-shadow:0 40px 70px -25px rgba(13,79,139,.7);\r\n display:grid;\r\n place-items:center;\r\n }\r\n\r\n .disc img{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n z-index:1;\r\n }\r\n\r\n .disc .overlay{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n background:rgba(7,41,74,0.30);\r\n z-index:2;\r\n border-radius:50%;\r\n }\r\n\r\n .ring{\r\n position:absolute;\r\n border:2px solid rgba(255,255,255,0.5);\r\n border-radius:50%;\r\n inset:0;\r\n opacity:0;\r\n z-index:3;\r\n animation:ripple 4s linear infinite;\r\n pointer-events:none;\r\n }\r\n .ring:nth-child(3){animation-delay:1.3s}\r\n .ring:nth-child(4){animation-delay:2.6s}\r\n @keyframes ripple{\r\n 0%{transform:scale(.55);opacity:.6}\r\n 80%{opacity:0}\r\n 100%{transform:scale(1.18);opacity:0}\r\n }\r\n\r\n .disc-content{\r\n position:relative;\r\n z-index:4;\r\n text-align:center;\r\n color:#ffffff;\r\n padding:20px;\r\n }\r\n\r\n .disc-content .icon-badge{\r\n display:inline-block;\r\n background:rgba(255,255,255,0.15);\r\n backdrop-filter:blur(6px);\r\n padding:6px 16px;\r\n border-radius:100px;\r\n font-family:var(--font-display);\r\n font-weight:700;\r\n font-size:.7rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,0.2);\r\n margin-bottom:10px;\r\n }\r\n\r\n .disc-content .big-number{\r\n font-family:var(--font-display);\r\n font-weight:800;\r\n font-size:3.8rem;\r\n line-height:1;\r\n color:#fff;\r\n text-shadow:0 4px 20px rgba(0,0,0,0.2);\r\n }\r\n\r\n .disc-content .big-number span{\r\n font-size:1.4rem;\r\n font-weight:500;\r\n opacity:0.8;\r\n }\r\n\r\n .disc-content .desc{\r\n font-family:var(--font-body);\r\n font-weight:500;\r\n font-size:.95rem;\r\n color:rgba(255,255,255,0.9);\r\n margin-top:4px;\r\n }\r\n\r\n \/* ============================================\r\n FLOATING CARDS\r\n ============================================ *\/\r\n .float{\r\n position:absolute;\r\n background:#fff;\r\n border-radius:14px;\r\n padding:12px 15px;\r\n box-shadow:var(--shadow-md);\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n font-size:.85rem;\r\n animation:floaty 6s ease-in-out infinite;\r\n z-index:10;\r\n }\r\n .float .fic{\r\n width:38px;\r\n height:38px;\r\n border-radius:10px;\r\n display:grid;\r\n place-items:center;\r\n flex-shrink:0;\r\n }\r\n .float b{\r\n font-family:var(--font-display);\r\n display:block;\r\n font-size:1.05rem;\r\n color:var(--blue-900);\r\n line-height:1.1;\r\n }\r\n .float small{\r\n color:var(--slate);\r\n font-size:.74rem;\r\n }\r\n .float.one{\r\n top:6%;\r\n left:-4%;\r\n animation-delay:.2s;\r\n }\r\n .float.one .fic{\r\n background:#fff3df;\r\n color:var(--orange-dark);\r\n }\r\n .float.two{\r\n bottom:10%;\r\n right:-6%;\r\n animation-delay:1.6s;\r\n }\r\n .float.two .fic{\r\n background:var(--blue-50);\r\n color:var(--blue-700);\r\n }\r\n @media(max-width:560px){\r\n .float.one{left:0}\r\n .float.two{right:0}\r\n }\r\n\r\n \/* ---------- Animated waves ---------- *\/\r\n .waves{\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n bottom:0;\r\n line-height:0;\r\n z-index:1;\r\n pointer-events:none;\r\n }\r\n .waves svg{\r\n display:block;\r\n width:100%;\r\n height:120px;\r\n }\r\n .wave-back use{animation:wavemove 11s linear infinite;opacity:.55}\r\n .wave-mid use{animation:wavemove 8s linear infinite reverse;opacity:.8}\r\n .wave-front use{animation:wavemove 6s linear infinite}\r\n @keyframes wavemove{\r\n 0%{transform:translateX(0)}\r\n 100%{transform:translateX(-50%)}\r\n }\r\n\r\n \/* ---------- entrance ---------- *\/\r\n .reveal{\r\n opacity:0;\r\n transform:translateY(22px);\r\n animation:rise .7s cubic-bezier(.2,.7,.3,1) forwards;\r\n }\r\n .d1{animation-delay:.05s}\r\n .d2{animation-delay:.16s}\r\n .d3{animation-delay:.27s}\r\n .d4{animation-delay:.38s}\r\n .d5{animation-delay:.49s}\r\n .reveal-r{\r\n opacity:0;\r\n transform:scale(.94);\r\n animation:pop .8s .3s cubic-bezier(.2,.7,.3,1) forwards;\r\n }\r\n @keyframes rise{\r\n to{opacity:1;transform:translateY(0)}\r\n }\r\n @keyframes pop{\r\n to{opacity:1;transform:scale(1)}\r\n }\r\n\r\n @media(prefers-reduced-motion:reduce){\r\n *{animation:none!important;transition:none!important}\r\n .reveal,.reveal-r{opacity:1;transform:none}\r\n h1 .accent::after{transform:scaleX(1)}\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media(max-width:768px){\r\n .disc{\r\n width:min(340px,85%);\r\n }\r\n .disc-content .big-number{\r\n font-size:2.8rem;\r\n }\r\n .disc-content .big-number span{\r\n font-size:1.1rem;\r\n }\r\n .disc-content .desc{\r\n font-size:.8rem;\r\n }\r\n .disc-content .icon-badge{\r\n font-size:.6rem;\r\n padding:4px 12px;\r\n }\r\n }\r\n\r\n @media(max-width:480px){\r\n .disc{\r\n width:min(280px,80%);\r\n }\r\n .disc-content .big-number{\r\n font-size:2.2rem;\r\n }\r\n .disc-content .big-number span{\r\n font-size:.9rem;\r\n }\r\n .disc-content .desc{\r\n font-size:.7rem;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header class=\"hero\">\r\n <div class=\"hero-inner\">\r\n\r\n \r\n \r\n \r\n <div class=\"badge-247\">\r\n <span class=\"fic\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <path d=\"M12 7v5l3 2\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span>\r\n <b>24h\/24<\/b>\r\n <small>Expertise assainissement<\/small>\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n <h1 class=\"reveal d2\">\r\n Bienvenue chez<br>\r\n <span class=\"accent\">BT PLUS<\/span> Intervention\r\n <\/h1>\r\n\r\n <p class=\"lead reveal d3\">\r\n <strong>BT PLUS Intervention<\/strong>, c'est l'excellence et la r\u00e9activit\u00e9 au service de vos canalisations.\r\n Nos techniciens sp\u00e9cialistes en assainissement interviennent <strong>24h\/24 et 7j\/7<\/strong>,\r\n m\u00eame les jours f\u00e9ri\u00e9s, pour tous vos besoins en d\u00e9bouchage et curage dans toute l'<strong>\u00cele-de-France<\/strong>.\r\n <\/p>\r\n\r\n <div class=\"chips reveal d4\">\r\n <span class=\"chip active\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Urgence 24\/7<\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Mat\u00e9riel pro<\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Devis gratuit<\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>15 ans d'exp\u00e9rience<\/span>\r\n <\/div>\r\n\r\n <div class=\"trust reveal d5\">\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>15 ans d'exp\u00e9rience<\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Techniciens agr\u00e9\u00e9s<\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>R\u00e9activit\u00e9 30 min<\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Mat\u00e9riel de pointe<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"visual reveal-r\">\r\n <div class=\"disc\">\r\n \r\n <img decoding=\"async\"\r\n src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/07\/unnamed-_3_-_1_-_1_.webp\"\r\n alt=\"BT PLUS Intervention - \u00c9quipe professionnelle\"\r\n loading=\"lazy\"\r\n \/>\r\n \r\n <div class=\"overlay\"><\/div>\r\n\r\n \r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n\r\n \r\n <div class=\"disc-content\">\r\n <span class=\"icon-badge\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;margin-right:6px;\">\r\n <path d=\"M12 2v4M12 22v-4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/>\r\n <\/svg>\r\n Expert assainissement\r\n <\/span>\r\n <div class=\"big-number\">\r\n 15 <span>ans<\/span>\r\n <\/div>\r\n <div class=\"desc\">d'expertise \u00e0 votre service<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"float one\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\r\n <\/span>\r\n <span><b>\u2248 30 min<\/b><small>d\u00e9lai d'intervention<\/small><\/span>\r\n <\/div>\r\n\r\n <div class=\"float two\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><path d=\"M21 12a9 9 0 1 1-9-9c2.5 0 4.8 1 6.4 2.6\"\/><\/svg>\r\n <\/span>\r\n <span><b>4 500+<\/b><small>interventions \/ an<\/small><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"w\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/>\r\n <\/defs>\r\n <g class=\"wave-back\"><use href=\"#w\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n const chips = document.querySelectorAll('.chip');\r\n\r\n chips.forEach(function(chip) {\r\n chip.addEventListener('click', function() {\r\n chips.forEach(function(c) { c.classList.remove('active'); });\r\n this.classList.add('active');\r\n\r\n \/\/ Effet de retour visuel\r\n this.style.transform = 'scale(0.95)';\r\n setTimeout(function() {\r\n chip.style.transform = '';\r\n }, 200);\r\n });\r\n });\r\n\r\n \/\/ Animation d'entr\u00e9e\r\n const rv = document.querySelectorAll('.reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n rv.forEach(function(el) { io.observe(el); });\r\n } else {\r\n rv.forEach(function(el) { el.classList.add('shown'); });\r\n }\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-714cb04 e-con-full e-flex e-con e-parent\" data-id=\"714cb04\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d29c75 elementor-widget elementor-widget-html\" data-id=\"9d29c75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover\">\r\n <title>BT+ Intervention | Notre ambition & Notre savoir-faire<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n \/* ============================================================\r\n RESET & BASE\r\n ============================================================ *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n background: #ffffff;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION AMBITION - Charte graphique BT Plus\r\n ============================================================ *\/\r\n .ambition-section {\r\n position: relative;\r\n width: 100%;\r\n padding: 100px 0 80px;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, var(--blue-100, #d6ebfb), transparent 60%),\r\n linear-gradient(180deg, #fbfdff 0%, var(--blue-50, #eef6fc) 100%);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n isolation: isolate;\r\n border-top: 1px solid var(--blue-100, #d6ebfb);\r\n border-bottom: 1px solid var(--blue-100, #d6ebfb);\r\n }\r\n\r\n \/* Variables charte BT Plus *\/\r\n .ambition-section {\r\n --blue-900: #07294a;\r\n --blue-800: #0a3666;\r\n --blue-700: #0d4f8b;\r\n --blue-500: #1c7ec9;\r\n --blue-300: #7cc0ee;\r\n --blue-100: #d6ebfb;\r\n --blue-50: #eef6fc;\r\n --orange: #f4a61a;\r\n --orange-dark: #d98a0c;\r\n --ink: #0c2238;\r\n --slate: #48637d;\r\n --paper: #ffffff;\r\n --font-display: \"Sora\", sans-serif;\r\n --font-body: \"Inter\", sans-serif;\r\n --shadow-sm: 0 2px 10px rgba(7,41,74,.06);\r\n --shadow-md: 0 18px 40px -16px rgba(7,41,74,.30);\r\n }\r\n\r\n \/* ============================================================\r\n \u00c9L\u00c9MENTS D'AMBIANCE\r\n ============================================================ *\/\r\n .ambition-section__contours {\r\n position: absolute;\r\n inset: -20% -10%;\r\n z-index: 0;\r\n pointer-events: none;\r\n opacity: .20;\r\n background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='1200' height='800' viewBox='0 0 1200 800'><g fill='none' stroke='%231c7ec9' stroke-width='1' opacity='0.10'><path d='M-50 220 C 200 140 380 300 620 220 S 1050 120 1260 220'\/><path d='M-50 300 C 200 220 380 380 620 300 S 1050 200 1260 300'\/><path d='M-50 380 C 200 300 380 460 620 380 S 1050 280 1260 380'\/><path d='M-50 460 C 200 380 380 540 620 460 S 1050 360 1260 460'\/><path d='M-50 540 C 200 460 380 620 620 540 S 1050 440 1260 540'\/><path d='M-50 620 C 200 540 380 700 620 620 S 1050 520 1260 620'\/><\/g><\/svg>\");\r\n background-size: 1200px 800px;\r\n }\r\n\r\n .ambition-section__glow--gold {\r\n position: absolute;\r\n top: -15%;\r\n right: -8%;\r\n width: 46vw;\r\n height: 46vw;\r\n max-width: 620px;\r\n max-height: 620px;\r\n border-radius: 50%;\r\n filter: blur(80px);\r\n background: radial-gradient(circle, rgba(244, 166, 26, .12), transparent 65%);\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .ambition-section__glow--blue {\r\n position: absolute;\r\n bottom: -20%;\r\n left: -12%;\r\n width: 52vw;\r\n height: 52vw;\r\n max-width: 680px;\r\n max-height: 680px;\r\n border-radius: 50%;\r\n filter: blur(80px);\r\n background: radial-gradient(circle, rgba(28, 126, 201, .10), transparent 65%);\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .ambition-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n pointer-events: none;\r\n opacity: .30;\r\n background-image: linear-gradient(rgba(28,126,201,.04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(28,126,201,.04) 1px, transparent 1px);\r\n background-size: 64px 64px;\r\n -webkit-mask-image: radial-gradient(120% 100% at 50% 40%, #000 30%, transparent 80%);\r\n mask-image: radial-gradient(120% 100% at 50% 40%, #000 30%, transparent 80%);\r\n }\r\n\r\n \/* ============================================================\r\n ANIMATIONS\r\n ============================================================ *\/\r\n @keyframes fadeInUp {\r\n 0% { opacity: 0; transform: translateY(40px); filter: blur(6px); }\r\n 100% { opacity: 1; transform: translateY(0); filter: blur(0); }\r\n }\r\n\r\n @keyframes pulseDot {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.3; transform: scale(1.3); }\r\n }\r\n\r\n .animate-up {\r\n animation: fadeInUp 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards !important;\r\n }\r\n\r\n .ambition-title-init,\r\n .ambition-badge-init {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n\r\n .ambition-card-init {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n \/* ============================================================\r\n CONTAINER PRINCIPAL\r\n ============================================================ *\/\r\n .ambition-container {\r\n position: relative;\r\n z-index: 10;\r\n max-width: 1400px;\r\n width: 100%;\r\n margin: 0 auto;\r\n padding: 0 5%;\r\n }\r\n\r\n \/* ============================================================\r\n EN-T\u00caTE\r\n ============================================================ *\/\r\n .ambition-header {\r\n text-align: center;\r\n margin: 0 auto 60px;\r\n max-width: 780px;\r\n }\r\n\r\n .ambition-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n padding: 0.4rem 1.4rem 0.4rem 1rem;\r\n border-radius: 2rem;\r\n background: rgba(28, 126, 201, 0.07);\r\n color: var(--blue-500, #1c7ec9);\r\n border: 1px solid rgba(28, 126, 201, 0.12);\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .ambition-badge .dot {\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: var(--blue-500, #1c7ec9);\r\n animation: pulseDot 2s ease-in-out infinite;\r\n }\r\n\r\n .ambition-title {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-weight: 800;\r\n font-size: clamp(2rem, 3.6vw, 3.2rem);\r\n letter-spacing: -0.03em;\r\n color: var(--blue-900, #07294a);\r\n line-height: 1.1;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .ambition-title .accent {\r\n background: linear-gradient(135deg, var(--orange, #f4a61a) 0%, var(--orange-dark, #d98a0c) 100%);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .ambition-subtitle {\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.1vw, 1.15rem);\r\n color: var(--slate, #48637d);\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n }\r\n\r\n .ambition-subtitle strong {\r\n color: var(--blue-900, #07294a);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n GRILLE FLIP CARDS - 3 COLONNES\r\n ============================================================ *\/\r\n .ambition-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 35px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n \/* ============================================================\r\n FLIP CARD\r\n ============================================================ *\/\r\n .flip-card {\r\n background: transparent;\r\n height: 480px;\r\n perspective: 1200px;\r\n cursor: pointer;\r\n }\r\n\r\n .flip-card-inner {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);\r\n transform-style: preserve-3d;\r\n }\r\n\r\n .flip-card.flipped .flip-card-inner {\r\n transform: rotateY(180deg);\r\n }\r\n\r\n .flip-card-front,\r\n .flip-card-back {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n backface-visibility: hidden;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n background: var(--paper, #ffffff);\r\n border: 1px solid var(--blue-100, #d6ebfb);\r\n box-shadow: var(--shadow-sm, 0 2px 10px rgba(7,41,74,.06));\r\n transition: box-shadow 0.4s ease, border-color 0.4s ease;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 40px 34px;\r\n }\r\n\r\n .flip-card:hover .flip-card-front,\r\n .flip-card:hover .flip-card-back {\r\n box-shadow: var(--shadow-md, 0 18px 40px -16px rgba(7,41,74,.30));\r\n border-color: var(--blue-300, #7cc0ee);\r\n }\r\n\r\n \/* Indicateur color\u00e9 en haut *\/\r\n .flip-card-front::before,\r\n .flip-card-back::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 5px;\r\n border-radius: 24px 24px 0 0;\r\n }\r\n\r\n .flip-card:nth-child(1) .flip-card-front::before,\r\n .flip-card:nth-child(1) .flip-card-back::before {\r\n background: linear-gradient(90deg, var(--blue-500, #1c7ec9), var(--blue-300, #7cc0ee));\r\n }\r\n\r\n .flip-card:nth-child(2) .flip-card-front::before,\r\n .flip-card:nth-child(2) .flip-card-back::before {\r\n background: linear-gradient(90deg, var(--orange, #f4a61a), var(--orange-dark, #d98a0c));\r\n }\r\n\r\n .flip-card:nth-child(3) .flip-card-front::before,\r\n .flip-card:nth-child(3) .flip-card-back::before {\r\n background: linear-gradient(90deg, var(--blue-700, #0d4f8b), var(--blue-500, #1c7ec9));\r\n }\r\n\r\n \/* ============================================================\r\n FACE AVANT (recto)\r\n ============================================================ *\/\r\n .flip-card-front {\r\n transform: rotateY(0deg);\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .flip-card-front .number {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 5rem;\r\n font-weight: 800;\r\n color: var(--blue-50, #eef6fc);\r\n line-height: 1;\r\n margin-bottom: 8px;\r\n letter-spacing: -0.04em;\r\n user-select: none;\r\n }\r\n\r\n .flip-card:nth-child(2) .flip-card-front .number {\r\n color: rgba(244, 166, 26, 0.15);\r\n }\r\n\r\n .flip-card:nth-child(3) .flip-card-front .number {\r\n color: rgba(7, 41, 74, 0.08);\r\n }\r\n\r\n .flip-card-front h3 {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 1.7rem;\r\n font-weight: 800;\r\n color: var(--blue-900, #07294a);\r\n margin-bottom: 10px;\r\n line-height: 1.2;\r\n }\r\n\r\n .flip-card-front h3 .accent {\r\n background: linear-gradient(135deg, var(--orange, #f4a61a) 0%, var(--orange-dark, #d98a0c) 100%);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .flip-card-front .subtitle {\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-size: 1.05rem;\r\n color: var(--slate, #48637d);\r\n line-height: 1.6;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .flip-card-front .flip-hint {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: var(--blue-500, #1c7ec9);\r\n background: var(--blue-50, #eef6fc);\r\n padding: 8px 24px;\r\n border-radius: 20px;\r\n transition: all 0.3s ease;\r\n letter-spacing: 0.02em;\r\n }\r\n\r\n .flip-card:hover .flip-hint {\r\n background: var(--blue-100, #d6ebfb);\r\n gap: 14px;\r\n }\r\n\r\n \/* ============================================================\r\n FACE ARRI\u00c8RE (verso)\r\n ============================================================ *\/\r\n .flip-card-back {\r\n transform: rotateY(180deg);\r\n justify-content: flex-start;\r\n text-align: left;\r\n }\r\n\r\n .flip-card-back .back-close {\r\n position: absolute;\r\n top: 18px;\r\n right: 24px;\r\n font-size: 0.75rem;\r\n color: var(--slate, #48637d);\r\n opacity: 0.5;\r\n transition: opacity 0.3s ease;\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n cursor: pointer;\r\n }\r\n\r\n .flip-card:hover .flip-card-back .back-close {\r\n opacity: 1;\r\n }\r\n\r\n .flip-card-back .back-tag {\r\n display: inline-block;\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: var(--blue-500, #1c7ec9);\r\n background: var(--blue-50, #eef6fc);\r\n padding: 4px 18px;\r\n border-radius: 20px;\r\n margin-bottom: 16px;\r\n align-self: flex-start;\r\n }\r\n\r\n .flip-card:nth-child(2) .flip-card-back .back-tag {\r\n color: var(--orange, #f4a61a);\r\n background: rgba(244, 166, 26, 0.10);\r\n }\r\n\r\n .flip-card:nth-child(3) .flip-card-back .back-tag {\r\n color: var(--blue-700, #0d4f8b);\r\n background: rgba(13, 79, 139, 0.08);\r\n }\r\n\r\n .flip-card-back .back-title {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 1.4rem;\r\n font-weight: 800;\r\n color: var(--blue-900, #07294a);\r\n margin-bottom: 16px;\r\n line-height: 1.2;\r\n }\r\n\r\n .flip-card-back .back-title .accent {\r\n background: linear-gradient(135deg, var(--orange, #f4a61a) 0%, var(--orange-dark, #d98a0c) 100%);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .flip-card-back .back-text {\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-size: 0.95rem;\r\n color: var(--slate, #48637d);\r\n line-height: 1.8;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .flip-card-back .back-text strong {\r\n color: var(--blue-900, #07294a);\r\n font-weight: 600;\r\n }\r\n\r\n .flip-card-back .back-services {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: auto;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--blue-50, #eef6fc);\r\n }\r\n\r\n .flip-card-back .back-services .pill {\r\n display: inline-block;\r\n background: var(--blue-50, #eef6fc);\r\n border: 1px solid var(--blue-100, #d6ebfb);\r\n padding: 6px 18px;\r\n border-radius: 20px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n color: var(--blue-700, #0d4f8b);\r\n transition: all 0.3s ease;\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n .flip-card-back .back-services .pill:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-sm, 0 2px 10px rgba(7,41,74,.06));\r\n border-color: var(--blue-300, #7cc0ee);\r\n background: var(--paper, #ffffff);\r\n }\r\n\r\n \/* ============================================================\r\n BANDEAU GARANTIE\r\n ============================================================ *\/\r\n .garantie-banner {\r\n background: var(--paper, #ffffff);\r\n border-radius: 24px;\r\n padding: 32px 45px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 25px;\r\n border: 1px solid var(--blue-100, #d6ebfb);\r\n box-shadow: var(--shadow-sm, 0 2px 10px rgba(7,41,74,.06));\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .garantie-banner:hover {\r\n box-shadow: var(--shadow-md, 0 18px 40px -16px rgba(7,41,74,.30));\r\n border-color: var(--blue-300, #7cc0ee);\r\n transform: translateY(-4px);\r\n }\r\n\r\n .garantie-banner::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -5%;\r\n width: 35%;\r\n height: 160%;\r\n background: radial-gradient(ellipse, rgba(244, 166, 26, 0.06) 0%, transparent 60%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .garantie-text {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .garantie-text h4 {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 1.2rem;\r\n font-weight: 800;\r\n color: var(--blue-900, #07294a);\r\n }\r\n\r\n .garantie-text p {\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-size: 0.92rem;\r\n color: var(--slate, #48637d);\r\n }\r\n\r\n .garantie-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-weight: 700;\r\n font-size: 0.8rem;\r\n letter-spacing: 0.02em;\r\n text-decoration: none;\r\n padding: 0.8rem 2.2rem;\r\n border-radius: 3rem;\r\n transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n cursor: pointer;\r\n border: none;\r\n background: linear-gradient(135deg, var(--orange, #f4a61a) 0%, var(--orange-dark, #d98a0c) 100%);\r\n box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25);\r\n color: #ffffff !important;\r\n position: relative;\r\n z-index: 1;\r\n white-space: nowrap;\r\n text-decoration: none;\r\n }\r\n\r\n .garantie-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40);\r\n color: #ffffff !important;\r\n gap: 16px;\r\n }\r\n\r\n .garantie-btn .btn__icon {\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .garantie-btn:hover .btn__icon {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n @media (max-width: 1024px) {\r\n .ambition-section { padding: 80px 0; }\r\n .ambition-grid { gap: 25px; }\r\n .flip-card { height: 440px; }\r\n .flip-card-front,\r\n .flip-card-back { padding: 32px 26px; }\r\n .flip-card-front .number { font-size: 4rem; }\r\n .flip-card-front h3 { font-size: 1.4rem; }\r\n .flip-card-back .back-title { font-size: 1.2rem; }\r\n .flip-card-back .back-text { font-size: 0.88rem; }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .ambition-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n .garantie-banner {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 28px 32px;\r\n }\r\n .garantie-btn {\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n .flip-card { height: 420px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .ambition-section { padding: 60px 0; }\r\n .ambition-grid { \r\n grid-template-columns: 1fr; \r\n gap: 25px;\r\n max-width: 480px;\r\n margin: 0 auto 45px;\r\n }\r\n .ambition-title { font-size: 1.8rem; }\r\n .flip-card { height: 420px; }\r\n .flip-card-front,\r\n .flip-card-back { \r\n padding: 30px 26px; \r\n border-radius: 20px;\r\n }\r\n .flip-card-front .number { font-size: 3.5rem; }\r\n .flip-card-front h3 { font-size: 1.4rem; }\r\n .flip-card-front .subtitle { font-size: 0.95rem; }\r\n .flip-card-back .back-title { font-size: 1.2rem; }\r\n .flip-card-back .back-text { font-size: 0.92rem; }\r\n .flip-card-back .back-services .pill { font-size: 0.72rem; padding: 5px 16px; }\r\n .garantie-text h4 { font-size: 1rem; }\r\n .garantie-btn { padding: 0.7rem 1.6rem; font-size: 0.7rem; }\r\n .flip-card-back .back-close { display: none; }\r\n .garantie-banner { padding: 24px 20px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .ambition-section { padding: 40px 0; }\r\n .ambition-title { font-size: 1.5rem; }\r\n .ambition-subtitle { font-size: 0.9rem; }\r\n .flip-card { height: 400px; }\r\n .flip-card-front,\r\n .flip-card-back { \r\n padding: 24px 18px; \r\n border-radius: 18px;\r\n }\r\n .flip-card-front .number { font-size: 2.8rem; }\r\n .flip-card-front h3 { font-size: 1.15rem; }\r\n .flip-card-front .subtitle { font-size: 0.85rem; }\r\n .flip-card-front .flip-hint { font-size: 0.65rem; padding: 6px 16px; }\r\n .flip-card-back .back-title { font-size: 1rem; }\r\n .flip-card-back .back-text { font-size: 0.82rem; }\r\n .flip-card-back .back-services .pill { font-size: 0.6rem; padding: 4px 12px; }\r\n .flip-card-back .back-tag { font-size: 0.55rem; }\r\n .garantie-banner { padding: 18px 16px; border-radius: 18px; }\r\n .garantie-text h4 { font-size: 0.9rem; }\r\n .garantie-text p { font-size: 0.8rem; }\r\n .garantie-btn { padding: 0.6rem 1.4rem; font-size: 0.65rem; }\r\n }\r\n\r\n \/* Support du clic sur mobile + survol sur desktop *\/\r\n @media (hover: hover) {\r\n .flip-card:hover .flip-card-inner {\r\n transform: rotateY(180deg);\r\n }\r\n }\r\n\r\n @media (hover: none) {\r\n .flip-card.flipped .flip-card-inner {\r\n transform: rotateY(180deg);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n\r\n<section class=\"ambition-section\">\r\n\r\n \r\n <div class=\"ambition-section__contours\"><\/div>\r\n <div class=\"ambition-section__glow--gold\"><\/div>\r\n <div class=\"ambition-section__glow--blue\"><\/div>\r\n\r\n <div class=\"ambition-container\">\r\n\r\n \r\n \r\n \r\n <div class=\"ambition-header\">\r\n <div class=\"ambition-badge ambition-title-init\">\r\n <span class=\"dot\"><\/span>\r\n Notre vision\r\n <\/div>\r\n <h2 class=\"ambition-title ambition-title-init\">\r\n NOTRE <span class=\"accent\">AMBITION<\/span> & NOTRE <span class=\"accent\">SAVOIR-FAIRE<\/span>\r\n <\/h2>\r\n <p class=\"ambition-subtitle ambition-title-init\">\r\n Une approche centr\u00e9e sur vos besoins, des solutions fiables et une <strong>qualit\u00e9 garantie<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div class=\"ambition-grid\">\r\n\r\n \r\n <div class=\"flip-card ambition-card-init\" data-delay=\"0\">\r\n <div class=\"flip-card-inner\">\r\n \r\n <div class=\"flip-card-front\">\r\n <span class=\"number\">01<\/span>\r\n <h3>NOTRE <span class=\"accent\">AMBITION<\/span><\/h3>\r\n <p class=\"subtitle\">Comprendre vos besoins pour mieux vous servir<\/p>\r\n <span class=\"flip-hint\">\r\n En savoir plus \u2192\r\n <\/span>\r\n <\/div>\r\n \r\n <div class=\"flip-card-back\">\r\n <span class=\"back-close\">\u2190 Retour<\/span>\r\n <span class=\"back-tag\">Notre ambition<\/span>\r\n <div class=\"back-title\">NOTRE <span class=\"accent\">AMBITION<\/span><\/div>\r\n <p class=\"back-text\">Comprendre et r\u00e9pondre \u00e0 vos besoins pour r\u00e9soudre tous les soucis au niveau de vos canalisations.<\/p>\r\n <p class=\"back-text\">Nous offrons des <strong>services fiables<\/strong> et adapt\u00e9s \u00e0 chaque situation.<\/p>\r\n <div class=\"back-services\">\r\n <span class=\"pill\">D\u00e9bouchage canalisation<\/span>\r\n <span class=\"pill\">D\u00e9pannage pompe de relevage<\/span>\r\n <span class=\"pill\">Hydrocurage haute-pression<\/span>\r\n <span class=\"pill\">Curage canalisation<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flip-card ambition-card-init\" data-delay=\"1\">\r\n <div class=\"flip-card-inner\">\r\n \r\n <div class=\"flip-card-front\">\r\n <span class=\"number\">02<\/span>\r\n <h3>NOTRE <span class=\"accent\">SAVOIR-FAIRE<\/span><\/h3>\r\n <p class=\"subtitle\">Excellence technique et expertise terrain<\/p>\r\n <span class=\"flip-hint\">\r\n En savoir plus \u2192\r\n <\/span>\r\n <\/div>\r\n \r\n <div class=\"flip-card-back\">\r\n <span class=\"back-close\">\u2190 Retour<\/span>\r\n <span class=\"back-tag\">Notre savoir-faire<\/span>\r\n <div class=\"back-title\">NOTRE <span class=\"accent\">SAVOIR-FAIRE<\/span><\/div>\r\n <p class=\"back-text\">Notre entreprise, <strong>BT PLUS Intervention<\/strong>, s'\u00e9quipe de <strong>mat\u00e9riels professionnels<\/strong> de derni\u00e8re g\u00e9n\u00e9ration.<\/p>\r\n <p class=\"back-text\">Nos <strong>techniciens exp\u00e9riment\u00e9s<\/strong> ma\u00eetrisent parfaitement les travaux d'assainissement et de d\u00e9bouchage.<\/p>\r\n <div class=\"back-services\">\r\n <span class=\"pill\">Mat\u00e9riel de pointe<\/span>\r\n <span class=\"pill\">Techniciens agr\u00e9\u00e9s<\/span>\r\n <span class=\"pill\">Expertise reconnue<\/span>\r\n <span class=\"pill\">Savoir-faire terrain<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flip-card ambition-card-init\" data-delay=\"2\">\r\n <div class=\"flip-card-inner\">\r\n \r\n <div class=\"flip-card-front\">\r\n <span class=\"number\">03<\/span>\r\n <h3>NOS <span class=\"accent\">ENGAGEMENTS<\/span><\/h3>\r\n <p class=\"subtitle\">Qualit\u00e9 garantie et transparence totale<\/p>\r\n <span class=\"flip-hint\">\r\n En savoir plus \u2192\r\n <\/span>\r\n <\/div>\r\n \r\n <div class=\"flip-card-back\">\r\n <span class=\"back-close\">\u2190 Retour<\/span>\r\n <span class=\"back-tag\">Nos engagements<\/span>\r\n <div class=\"back-title\">NOS <span class=\"accent\">ENGAGEMENTS<\/span><\/div>\r\n <p class=\"back-text\">Nous garantissons le <strong>succ\u00e8s et la qualit\u00e9<\/strong> de nos interventions \u00e0 nos clients.<\/p>\r\n <p class=\"back-text\">Une <strong>transparence totale<\/strong> sur les tarifs et les d\u00e9lais, sans surprise ni frais cach\u00e9s.<\/p>\r\n <div class=\"back-services\">\r\n <span class=\"pill\">Qualit\u00e9 garantie<\/span>\r\n <span class=\"pill\">Devis gratuit<\/span>\r\n <span class=\"pill\">Sans engagement<\/span>\r\n <span class=\"pill\">Intervention 24h\/24<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div class=\"garantie-banner ambition-card-init\" data-delay=\"3\">\r\n <div class=\"garantie-text\">\r\n <h4>QUALIT\u00c9 ET SUCC\u00c8S GARANTIS<\/h4>\r\n <p>Une intervention r\u00e9ussie \u00e0 100% \u2013 Devis gratuit et sans engagement<\/p>\r\n <\/div>\r\n \r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/contact\/\" class=\"garantie-btn\">\r\n Demander un devis <span class=\"btn__icon\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n\r\n \/\/ Animation d'entr\u00e9e\r\n const titleElements = document.querySelectorAll('.ambition-badge-init, .ambition-title-init');\r\n titleElements.forEach(el => {\r\n const obs = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('animate-up');\r\n obs.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.2 });\r\n obs.observe(el);\r\n });\r\n\r\n const cards = document.querySelectorAll('.ambition-card-init');\r\n if (cards.length > 0) {\r\n const obs = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const delay = entry.target.getAttribute('data-delay') || '0';\r\n const delays = { '0': '0.1s', '1': '0.2s', '2': '0.3s', '3': '0.4s' };\r\n entry.target.style.animationDelay = delays[delay] || '0.2s';\r\n entry.target.classList.add('animate-up');\r\n obs.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.2 });\r\n cards.forEach(card => obs.observe(card));\r\n }\r\n\r\n \/\/ ==========================================================\r\n \/\/ GESTION DU FLIP\r\n \/\/ ==========================================================\r\n const flipCards = document.querySelectorAll('.flip-card');\r\n const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0;\r\n\r\n flipCards.forEach(card => {\r\n if (isTouchDevice) {\r\n card.addEventListener('click', function(e) {\r\n if (e.target.closest('a') || e.target.closest('.garantie-btn')) {\r\n return;\r\n }\r\n this.classList.toggle('flipped');\r\n });\r\n\r\n const backClose = card.querySelector('.back-close');\r\n if (backClose) {\r\n backClose.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n const parentCard = this.closest('.flip-card');\r\n if (parentCard) {\r\n parentCard.classList.remove('flipped');\r\n }\r\n });\r\n }\r\n } else {\r\n card.addEventListener('click', function(e) {\r\n if (e.target.closest('a') || e.target.closest('.garantie-btn')) {\r\n return;\r\n }\r\n this.classList.toggle('flipped');\r\n });\r\n\r\n const backClose = card.querySelector('.back-close');\r\n if (backClose) {\r\n backClose.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n const parentCard = this.closest('.flip-card');\r\n if (parentCard) {\r\n parentCard.classList.remove('flipped');\r\n }\r\n });\r\n }\r\n }\r\n });\r\n\r\n \/\/ R\u00e9initialiser les cartes retourn\u00e9es quand on quitte la section\r\n const section = document.querySelector('.ambition-section');\r\n if (section) {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (!entry.isIntersecting) {\r\n document.querySelectorAll('.flip-card.flipped').forEach(card => {\r\n card.classList.remove('flipped');\r\n });\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n observer.observe(section);\r\n }\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5d4004 e-con-full e-flex e-con e-parent\" data-id=\"e5d4004\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af1f7e2 elementor-widget elementor-widget-html\" data-id=\"af1f7e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>BT Plus \u2014 Notre \u00e9quipe<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 TIMELINE \u00c9QUIPE (Proposition 2)\r\n ============================================================ *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n background: #f5f7fa;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION TIMELINE\r\n ============================================================ *\/\r\n .btp-timeline {\r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Vague d\u00e9corative *\/\r\n .btp-timeline::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,80 600,0 900,40 C1050,60 1150,40 1200,40 L1200,80 L0,80 Z' fill='%23d6ebfb' opacity='0.3'\/%3E%3C\/svg%3E\") no-repeat bottom \/ 100% 100%;\r\n pointer-events: none;\r\n }\r\n\r\n .btp-timeline .container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* ============================================================\r\n ANIMATIONS\r\n ============================================================ *\/\r\n @keyframes fadeUp {\r\n 0% { opacity: 0; transform: translateY(30px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes slideLeft {\r\n 0% { opacity: 0; transform: translateX(-30px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n @keyframes slideRight {\r\n 0% { opacity: 0; transform: translateX(30px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n @keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n }\r\n\r\n .anim-up {\r\n animation: fadeUp 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .anim-left {\r\n animation: slideLeft 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .anim-right {\r\n animation: slideRight 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .init-hidden {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n .init-left {\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n }\r\n\r\n .init-right {\r\n opacity: 0;\r\n transform: translateX(30px);\r\n }\r\n\r\n \/* ============================================================\r\n HEADER\r\n ============================================================ *\/\r\n .btp-timeline .header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .btp-timeline .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .btp-timeline .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n }\r\n\r\n .btp-timeline .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n }\r\n\r\n .btp-timeline .title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-timeline .subtitle {\r\n font-size: 1.05rem;\r\n color: #48637d;\r\n max-width: 620px;\r\n margin: 12px auto 0;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ============================================================\r\n TIMELINE\r\n ============================================================ *\/\r\n .btp-timeline .timeline {\r\n position: relative;\r\n padding: 0 0 20px 0;\r\n }\r\n\r\n \/* Ligne verticale centrale *\/\r\n .btp-timeline .timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n bottom: 0;\r\n width: 3px;\r\n background: linear-gradient(180deg, #d6ebfb, #f4a61a, #d6ebfb);\r\n transform: translateX(-50%);\r\n border-radius: 99px;\r\n }\r\n\r\n \/* \u00c9l\u00e9ment de la timeline *\/\r\n .btp-timeline .step {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 50px;\r\n position: relative;\r\n }\r\n\r\n .btp-timeline .step:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* Contenu gauche *\/\r\n .btp-timeline .step .content-left {\r\n width: 50%;\r\n padding-right: 50px;\r\n text-align: right;\r\n }\r\n\r\n \/* Contenu droite *\/\r\n .btp-timeline .step .content-right {\r\n width: 50%;\r\n padding-left: 50px;\r\n text-align: left;\r\n }\r\n\r\n \/* Point central *\/\r\n .btp-timeline .step .dot-wrap {\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: #fff;\r\n border: 3px solid #f4a61a;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 16px rgba(244, 166, 26, 0.15);\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.7rem;\r\n font-weight: 800;\r\n color: #f4a61a;\r\n }\r\n\r\n \/* Photo de profil *\/\r\n .btp-timeline .step .avatar {\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n border: 3px solid #fff;\r\n box-shadow: 0 4px 16px rgba(7, 41, 74, 0.10);\r\n flex-shrink: 0;\r\n margin: 0 auto 10px;\r\n }\r\n\r\n .btp-timeline .step .content-left .avatar {\r\n margin-left: auto;\r\n margin-right: 0;\r\n }\r\n\r\n .btp-timeline .step .content-right .avatar {\r\n margin-right: auto;\r\n margin-left: 0;\r\n }\r\n\r\n .btp-timeline .step .avatar img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n \/* Nom *\/\r\n .btp-timeline .step .step-name {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n margin-bottom: 2px;\r\n }\r\n\r\n \/* R\u00f4le *\/\r\n .btp-timeline .step .step-role {\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: #f4a61a;\r\n margin-bottom: 6px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n \/* Description *\/\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.9rem;\r\n color: #48637d;\r\n line-height: 1.6;\r\n }\r\n\r\n .btp-timeline .step .step-desc strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Badge exp\u00e9rience *\/\r\n .btp-timeline .step .step-exp {\r\n display: inline-block;\r\n margin-top: 8px;\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n color: #fff;\r\n background: linear-gradient(135deg, #f4a61a, #d98a0c);\r\n padding: 3px 14px;\r\n border-radius: 999px;\r\n letter-spacing: 0.04em;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n @media (max-width: 992px) {\r\n .btp-timeline .container {\r\n padding: 0 30px;\r\n }\r\n\r\n .btp-timeline .timeline::before {\r\n left: 24px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap {\r\n left: 24px;\r\n width: 40px;\r\n height: 40px;\r\n top: 28px;\r\n transform: translate(-50%, 0);\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .step .content-left,\r\n .btp-timeline .step .content-right {\r\n width: 100%;\r\n padding-left: 60px;\r\n padding-right: 0;\r\n text-align: left;\r\n }\r\n\r\n .btp-timeline .step .content-left .avatar {\r\n margin-left: 0;\r\n margin-right: 0;\r\n }\r\n\r\n .btp-timeline .step .content-right .avatar {\r\n margin-left: 0;\r\n margin-right: 0;\r\n }\r\n\r\n .btp-timeline .step .step-name {\r\n font-size: 1.05rem;\r\n }\r\n\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .btp-timeline .step .avatar {\r\n width: 56px;\r\n height: 56px;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-timeline {\r\n padding: 60px 0 80px;\r\n }\r\n\r\n .btp-timeline .container {\r\n padding: 0 20px;\r\n }\r\n\r\n .btp-timeline .timeline::before {\r\n left: 16px;\r\n }\r\n\r\n .btp-timeline .step {\r\n margin-bottom: 35px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap {\r\n left: 16px;\r\n width: 34px;\r\n height: 34px;\r\n top: 22px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-size: 0.5rem;\r\n }\r\n\r\n .btp-timeline .step .content-left,\r\n .btp-timeline .step .content-right {\r\n padding-left: 48px;\r\n }\r\n\r\n .btp-timeline .step .step-name {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .btp-timeline .step .step-role {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .btp-timeline .step .avatar {\r\n width: 48px;\r\n height: 48px;\r\n }\r\n\r\n .btp-timeline .step .step-exp {\r\n font-size: 0.6rem;\r\n padding: 2px 10px;\r\n }\r\n }\r\n\r\n \/* ============================================================\r\n R\u00c9V\u00c9LATION\r\n ============================================================ *\/\r\n .btp-timeline .rv {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.6s ease, transform 0.6s ease;\r\n }\r\n\r\n .btp-timeline .rv.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .btp-timeline .rv {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"btp-timeline\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"header\">\r\n <span class=\"pill init-hidden\">\r\n <span class=\"dot\"><\/span>\r\n Notre \u00e9quipe\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n D\u00e9couvrez nos <span>experts<\/span>\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n Des techniciens qualifi\u00e9s \u00e0 votre service 24h\/24, 7j\/7 dans toute l'\u00cele-de-France\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline\">\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"avatar\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/Capture-decran-2026-06-09-134701.png\" \r\n alt=\"Thomas Martin\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"step-name\">Thomas Martin<\/div>\r\n <div class=\"step-role\">Technicien D\u00e9bouchage<\/div>\r\n <div class=\"step-desc\">\r\n Sp\u00e9cialiste des <strong>interventions d'urgence<\/strong> et du curage haute pression.\r\n Il intervient rapidement pour r\u00e9tablir l'\u00e9coulement de vos canalisations.\r\n <\/div>\r\n <span class=\"step-exp\">8 ans d'exp\u00e9rience<\/span>\r\n <\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">1<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\"><\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">2<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\">\r\n <div class=\"avatar\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/Capture-decran-2026-06-09-134552.png\" \r\n alt=\"Julien Dubois\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"step-name\">Julien Dubois<\/div>\r\n <div class=\"step-role\">Inspecteur Cam\u00e9ra<\/div>\r\n <div class=\"step-desc\">\r\n Expert en <strong>diagnostic vid\u00e9o<\/strong> et recherche de fuites.\r\n Il utilise la cam\u00e9ra d'inspection pour localiser pr\u00e9cis\u00e9ment les anomalies.\r\n <\/div>\r\n <span class=\"step-exp\">6 ans d'exp\u00e9rience<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"avatar\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/Capture-decran-2026-06-09-134628.png\" \r\n alt=\"Nicolas Bernard\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"step-name\">Nicolas Bernard<\/div>\r\n <div class=\"step-role\">Sp\u00e9cialiste Pompage<\/div>\r\n <div class=\"step-desc\">\r\n Intervention rapide pour <strong>pompage toutes eaux<\/strong> et relevage.\r\n Il assure la vidange et l'entretien de vos installations.\r\n <\/div>\r\n <span class=\"step-exp\">10 ans d'exp\u00e9rience<\/span>\r\n <\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">3<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\"><\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">4<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\">\r\n <div class=\"avatar\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/Capture-decran-2026-06-09-134701.png\" \r\n alt=\"David Moreau\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"step-name\">David Moreau<\/div>\r\n <div class=\"step-role\">Technicien Nuit<\/div>\r\n <div class=\"step-desc\">\r\n Sp\u00e9cialis\u00e9 dans les <strong>interventions nocturnes<\/strong> et week-ends.\r\n Il est disponible pour vos urgences en dehors des heures ouvrables.\r\n <\/div>\r\n <span class=\"step-exp\">5 ans d'exp\u00e9rience<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"avatar\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/Capture-decran-2026-06-09-134552.png\" \r\n alt=\"Sofiane Lefevre\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"step-name\">Sofiane Lefevre<\/div>\r\n <div class=\"step-role\">Maintenance Pr\u00e9ventive<\/div>\r\n <div class=\"step-desc\">\r\n Expert en <strong>entretien r\u00e9gulier<\/strong> et pr\u00e9vention des canalisations.\r\n Il assure la durabilit\u00e9 de vos r\u00e9seaux d'assainissement.\r\n <\/div>\r\n <span class=\"step-exp\">7 ans d'exp\u00e9rience<\/span>\r\n <\/div>\r\n <div class=\"dot-wrap\" style=\"border-color: #10b981; background: #10b981;\">\r\n <span class=\"step-num\" style=\"color: #fff;\">5<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n\r\n const elements = document.querySelectorAll('.init-hidden, .init-left, .init-right');\r\n\r\n if (elements.length > 0) {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n if (entry.target.classList.contains('init-hidden')) {\r\n entry.target.classList.add('anim-up');\r\n } else if (entry.target.classList.contains('init-left')) {\r\n entry.target.classList.add('anim-left');\r\n } else if (entry.target.classList.contains('init-right')) {\r\n entry.target.classList.add('anim-right');\r\n }\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.15,\r\n rootMargin: '0px 0px -40px 0px'\r\n });\r\n\r\n elements.forEach(el => observer.observe(el));\r\n }\r\n\r\n \/\/ Fallback images\r\n document.querySelectorAll('img').forEach(img => {\r\n img.addEventListener('error', function() {\r\n if (!this.hasAttribute('data-fallback')) {\r\n this.setAttribute('data-fallback', 'true');\r\n this.src = 'data:image\/svg+xml,%3Csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"200\" height=\"200\"%3E%3Crect fill=\"%2307294a\" width=\"200\" height=\"200\"\/%3E%3Ctext x=\"100\" y=\"100\" text-anchor=\"middle\" font-family=\"Sora\" font-size=\"24\" fill=\"%23f4a61a\"%3EBT%3C\/text%3E%3C\/svg%3E';\r\n }\r\n });\r\n });\r\n\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e4dd5d e-con-full e-flex e-con e-parent\" data-id=\"3e4dd5d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20f8d38 elementor-widget elementor-widget-html\" data-id=\"20f8d38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n\/* ============================================\r\n RESET & BASE (pr\u00e9fix\u00e9 bt-)\r\n ============================================ *\/\r\n.bt-avis * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n.bt-avis {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #ffffff;\r\n color: #0a1a2b;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* ============================================\r\n SECTION\r\n ============================================ *\/\r\n.bt-avis__section {\r\n padding: 4rem 5% 4rem;\r\n background: #ffffff;\r\n position: relative;\r\n}\r\n\r\n.bt-avis__container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n width: 100%;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n\/* ============================================\r\n EN-T\u00caTE (titre uniquement)\r\n ============================================ *\/\r\n.bt-avis__header {\r\n text-align: center;\r\n max-width: 780px;\r\n margin: 0 auto 1.5rem;\r\n}\r\n\r\n.bt-avis__title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(2rem, 3.6vw, 3.2rem);\r\n letter-spacing: -0.03em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n margin-bottom: 0.8rem;\r\n}\r\n\r\n.bt-avis__title .highlight {\r\n background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n\r\n\/* ============================================\r\n NOTE MOYENNE\r\n ============================================ *\/\r\n.bt-avis__rating {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 2rem;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.bt-avis__rating-score {\r\n display: flex;\r\n align-items: baseline;\r\n gap: 0.3rem;\r\n}\r\n\r\n.bt-avis__rating-number {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: 2.8rem;\r\n color: #f4a61a;\r\n line-height: 1;\r\n}\r\n\r\n.bt-avis__rating-total {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 500;\r\n font-size: 1rem;\r\n color: #6b7f94;\r\n}\r\n\r\n.bt-avis__rating-stars {\r\n font-size: 1.2rem;\r\n color: #f4a61a;\r\n letter-spacing: 0.1rem;\r\n}\r\n\r\n.bt-avis__rating-count {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 400;\r\n font-size: 0.9rem;\r\n color: #6b7f94;\r\n}\r\n\r\n.bt-avis__rating-count strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n}\r\n\r\n\/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n@media (max-width: 768px) {\r\n .bt-avis__section {\r\n padding: 3rem 1.5rem;\r\n }\r\n\r\n .bt-avis__rating {\r\n flex-direction: column;\r\n gap: 0.8rem;\r\n }\r\n\r\n .bt-avis__rating-number {\r\n font-size: 2.4rem;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .bt-avis__rating-stars {\r\n font-size: 1rem;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"bt-avis\">\r\n <section class=\"bt-avis__section\">\r\n <div class=\"bt-avis__container\">\r\n\r\n \r\n <div class=\"bt-avis__header\">\r\n <h2 class=\"bt-avis__title\">\r\n Ce que nos clients <span class=\"highlight\">disent de nous<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-avis__rating\">\r\n <div class=\"bt-avis__rating-score\">\r\n <span class=\"bt-avis__rating-number\">5<\/span>\r\n <span class=\"bt-avis__rating-total\">\/5<\/span>\r\n <\/div>\r\n <div class=\"bt-avis__rating-stars\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <div class=\"bt-avis__rating-count\">\r\n <strong>40+<\/strong> avis v\u00e9rifi\u00e9s\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e83dc87 e-flex e-con-boxed e-con e-parent\" data-id=\"e83dc87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-768a119 elementor-widget elementor-widget-shortcode\" data-id=\"768a119\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><link data-noptimize=\"1\" data-no-optimize=\"1\" data-no-minify=\"1\" data-no-defer=\"1\" rel='stylesheet' id='trustindex-google-widget-css' href='https:\/\/sci-bme.fr\/wp-content\/uploads\/trustindex-google-widget.css?ver=1787125415' media='all' \/>\n<div class=\" ti-widget ti-goog ti-review-text-mode-readmore ti-content-align-center\" data-no-translation=\"true\" data-time-locale=\"il y a %d %s|aujourd'hui|jour|jours|semaine|semaines|mois|mois|ann\u00e9e|ans\" data-plugin-version=\"14.0\" data-layout-id=\"36\" data-layout-category=\"slider\" data-set-id=\"drop-shadow\" data-pid=\"\" data-language=\"fr\" data-close-locale=\"Fermer\" data-review-target-width=\"300\" data-css-version=\"2\" data-reply-by-locale=\"R\u00e9ponse du propri\u00e9taire\" data-only-rating-locale=\"Cet utilisateur a uniquement laiss\u00e9 une \u00e9valuation.\" data-pager-autoplay-timeout=\"6\"> <div class=\"ti-widget-container ti-col-3\"> <div class=\"ti-reviews-container\"> <div class=\"ti-controls\"> <div class=\"ti-next\" aria-label=\"Avis suivante\" role=\"button\" tabindex=\"0\"><\/div> <div class=\"ti-prev\" aria-label=\"Avis pr\u00e9c\u00e9dent\" role=\"button\" tabindex=\"0\"><\/div> <\/div> <div class=\"ti-reviews-container-wrapper\"> <div data-empty=\"0\" data-time=\"1761177600\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjWigq9n8JbfCJlGwDZxVqkiuwbyUjJ3aAe8kWGCqwsKt7TKoCff=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjWigq9n8JbfCJlGwDZxVqkiuwbyUjJ3aAe8kWGCqwsKt7TKoCff=w128-h128-c-rp-mo-br100 2x\" alt=\"Math\u00e9o Chabot profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Math\u00e9o Chabot <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">D\u00e9bouchage de canalisation rapide \u00e0 Saint-Denis. R\u00e9ponse imm\u00e9diate, technicien comp\u00e9tent et r\u00e9sultat garanti. Excellent service.<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1751760000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLZ46aB-SXHcTxO1bYQT1OQqlXWRWnpHcndljtkKm8_0w6qXA=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLZ46aB-SXHcTxO1bYQT1OQqlXWRWnpHcndljtkKm8_0w6qXA=w128-h128-c-rp-mo-br100 2x\" alt=\"ahmed el profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> ahmed el <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">Saint-Denis : gal\u00e8re d\u2019eaux us\u00e9es. Merci pour le d\u00e9gorgement express ! \u00c7a coule, \u00e7a sent bon, vous assurez grave.<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1749513600\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJ2QwcwExKB7zzaY3OMWtOoERHvaZSak3YgM9Q8xhsPa5euQg=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJ2QwcwExKB7zzaY3OMWtOoERHvaZSak3YgM9Q8xhsPa5euQg=w128-h128-c-rp-mo-br100 2x\" alt=\"Fanny Aversenq profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Fanny Aversenq <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">Tr\u00e8s professionnel, rapide et efficace. Je recommande +++++<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1710806400\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUGbC-e_xSwP0JZk9hJ4LW5M9Z0IYei6Bph_Ju9w9vQBr-jckOO=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUGbC-e_xSwP0JZk9hJ4LW5M9Z0IYei6Bph_Ju9w9vQBr-jckOO=w128-h128-c-rp-mo-br100 2x\" alt=\"Emile Leroy profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Emile Leroy <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">Excellente prestation, rapide et tr\u00e8s professionnelle. Entreprise \u00e0 recommander.<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1677110400\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocIihCNNZkrmE0HfqFEdxdqAZ3faPN2xehM5fF6OVj2FgIZ-FA=w64-h64-c-rp-mo-ba12-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocIihCNNZkrmE0HfqFEdxdqAZ3faPN2xehM5fF6OVj2FgIZ-FA=w128-h128-c-rp-mo-ba12-br100 2x\" alt=\"Mathilde Brosko profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Mathilde Brosko <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">Excellent service !<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1649808000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjVdj-C7IM5Ewpi9zhZH2ZxIUWHPD8oH3FCfSCh1OcQuxZFli8vI=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjVdj-C7IM5Ewpi9zhZH2ZxIUWHPD8oH3FCfSCh1OcQuxZFli8vI=w128-h128-c-rp-mo-br100 2x\" alt=\"Ashh_ profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Ashh_ <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">Soci\u00e9t\u00e9 d'assainissement fiable et efficace et s\u00e9rieuse<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1649808000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJKA1deMTYbjufKeAMz9VhOWExBrshpnUvpfMXz1rzhboa4Yw=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJKA1deMTYbjufKeAMz9VhOWExBrshpnUvpfMXz1rzhboa4Yw=w128-h128-c-rp-mo-br100 2x\" alt=\"Ilyes Sulleiro profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Ilyes Sulleiro <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">La meilleure strat\u00e9gie pour le curage de canalisation, une formidable expertise technique non destructive !<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1649808000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUpg_LWzku7PA1HC7N0C4X9BVu3CulOjMcNezQX3tqRLBqKsPCb=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUpg_LWzku7PA1HC7N0C4X9BVu3CulOjMcNezQX3tqRLBqKsPCb=w128-h128-c-rp-mo-br100 2x\" alt=\"Tom Jullien profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Tom Jullien <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">Merci merci merci ! Un week-end sauv\u00e9 gr\u00e2ce au camion hydrocureur !<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1649808000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjWCqF2HbX1DOYESbbFSJcLsspCcN0TdrQB5cosBj2Gbr1Y1b6Ko=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjWCqF2HbX1DOYESbbFSJcLsspCcN0TdrQB5cosBj2Gbr1Y1b6Ko=w128-h128-c-rp-mo-br100 2x\" alt=\"Alex Ytb profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Alex Ytb <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">Les meilleurs pour le d\u00e9gorgements de canalisation dans le 93, des techniciens au top !<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1649721600\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXCdfu0bsDNYKZmFbzAdzFT0QSA6LUyfSW_nRo5T7ZWJCR1BPzX=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXCdfu0bsDNYKZmFbzAdzFT0QSA6LUyfSW_nRo5T7ZWJCR1BPzX=w128-h128-c-rp-mo-br100 2x\" alt=\"Zico profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Zico <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">Un passage cam\u00e9ra dans le cadre d'un diagnostic d'assainissement qui nous a \u00e9t\u00e9 offert par bt plus pour rattraper les b\u00eatises d'une soci\u00e9t\u00e9 incomp\u00e9tente !<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <\/div> <div class=\"ti-controls-line\"> <div class=\"dot\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a7de8a1 e-con-full e-flex e-con e-parent\" data-id=\"a7de8a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6b2d23 elementor-widget elementor-widget-html\" data-id=\"c6b2d23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>BT Plus \u2014 Nos partenaires<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n <style>\r\n \/* ============================================\r\n RESET & BASE\r\n ============================================ *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #ffffff;\r\n color: #0a1a2b;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ============================================\r\n SECTION PARTENAIRES\r\n ============================================ *\/\r\n .partenaires {\r\n padding: 5rem 5% 6rem;\r\n background: #ffffff;\r\n position: relative;\r\n }\r\n\r\n .partenaires__container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n width: 100%;\r\n position: relative;\r\n z-index: 1;\r\n text-align: center;\r\n }\r\n\r\n \/* ============================================\r\n EN-T\u00caTE\r\n ============================================ *\/\r\n .partenaires__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n padding: 0.4rem 1.4rem 0.4rem 1rem;\r\n border-radius: 2rem;\r\n background: rgba(28, 126, 201, 0.07);\r\n color: #1c7ec9;\r\n border: 1px solid rgba(28, 126, 201, 0.12);\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .partenaires__badge .dot {\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: #1c7ec9;\r\n animation: pulseDot 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulseDot {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.3; transform: scale(0.6); }\r\n }\r\n\r\n .partenaires__title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(2rem, 3.6vw, 3.2rem);\r\n letter-spacing: -0.03em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .partenaires__title .highlight {\r\n background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .partenaires__subtitle {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.1vw, 1.15rem);\r\n color: #6b7f94;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n \/* ============================================\r\n GRILLE DES LOGOS - CARTES BLANCHES\r\n ============================================ *\/\r\n .partenaires__grid-wrapper {\r\n background: #f8fafc;\r\n border-radius: 24px;\r\n padding: 2.5rem 2rem;\r\n border: 1px solid #eef2f6;\r\n box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04);\r\n transition: all 0.4s ease;\r\n position: relative;\r\n }\r\n\r\n .partenaires__grid-wrapper:hover {\r\n box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08);\r\n border-color: #d6ebfb;\r\n }\r\n\r\n .partenaires__grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 2.5rem;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .partenaires__card {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n padding: 1.5rem 2.5rem;\r\n min-width: 180px;\r\n height: 110px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid #eef2f6;\r\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n cursor: default;\r\n position: relative;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03);\r\n }\r\n\r\n .partenaires__card:hover {\r\n transform: translateY(-6px);\r\n border-color: #1c7ec9;\r\n box-shadow: 0 20px 50px -12px rgba(7, 41, 74, 0.12);\r\n }\r\n\r\n .partenaires__card img {\r\n max-height: 60px;\r\n width: auto;\r\n max-width: 160px;\r\n display: block;\r\n object-fit: contain;\r\n filter: grayscale(100%);\r\n opacity: 0.5;\r\n transition: all 0.5s ease;\r\n }\r\n\r\n .partenaires__card:hover img {\r\n filter: grayscale(0%);\r\n opacity: 1;\r\n }\r\n\r\n .partenaires__card .fallback {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n color: #6b7f94;\r\n display: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .partenaires__card:hover .fallback {\r\n color: #1c7ec9;\r\n }\r\n\r\n \/* ============================================\r\n FOOTER\r\n ============================================ *\/\r\n .partenaires__footer {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 500;\r\n font-size: 0.9rem;\r\n color: #6b7f94;\r\n margin-top: 1.5rem;\r\n padding-top: 2rem;\r\n border-top: 1px solid #eef2f6;\r\n }\r\n\r\n .partenaires__footer strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================\r\n ANIMATIONS\r\n ============================================ *\/\r\n .partenaires__card {\r\n opacity: 0;\r\n animation: fadeInUp 0.6s ease-out forwards;\r\n }\r\n\r\n .partenaires__card:nth-child(1) { animation-delay: 0.05s; }\r\n .partenaires__card:nth-child(2) { animation-delay: 0.10s; }\r\n .partenaires__card:nth-child(3) { animation-delay: 0.15s; }\r\n\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .partenaires__card {\r\n opacity: 1;\r\n animation: none;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media (max-width: 992px) {\r\n .partenaires__grid {\r\n gap: 1.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .partenaires {\r\n padding: 3.5rem 1.5rem 4rem;\r\n }\r\n\r\n .partenaires__grid-wrapper {\r\n padding: 1.5rem 1rem;\r\n border-radius: 16px;\r\n }\r\n\r\n .partenaires__grid {\r\n gap: 1.2rem;\r\n }\r\n\r\n .partenaires__card {\r\n min-width: 140px;\r\n height: 90px;\r\n padding: 1rem 1.5rem;\r\n }\r\n\r\n .partenaires__card img {\r\n max-height: 45px;\r\n max-width: 120px;\r\n }\r\n\r\n .partenaires__card .fallback {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .partenaires__footer {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .partenaires__grid-wrapper {\r\n padding: 1rem 0.8rem;\r\n }\r\n\r\n .partenaires__grid {\r\n gap: 1rem;\r\n }\r\n\r\n .partenaires__card {\r\n min-width: 120px;\r\n height: 80px;\r\n padding: 0.8rem 1rem;\r\n border-radius: 16px;\r\n }\r\n\r\n .partenaires__card img {\r\n max-height: 38px;\r\n max-width: 100px;\r\n }\r\n\r\n .partenaires__card .fallback {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"partenaires\">\r\n <div class=\"partenaires__container\">\r\n\r\n \r\n <div class=\"partenaires__badge\">\r\n <span class=\"dot\"><\/span>\r\n Ils nous font confiance\r\n <\/div>\r\n\r\n <h2 class=\"partenaires__title\">\r\n Nos <span class=\"highlight\">partenaires<\/span>\r\n <\/h2>\r\n <p class=\"partenaires__subtitle\">\r\n Des enseignes et professionnels de l'immobilier qui nous recommandent chaque annee.\r\n <\/p>\r\n\r\n \r\n <div class=\"partenaires__grid-wrapper\">\r\n\r\n <div class=\"partenaires__grid\">\r\n\r\n \r\n <div class=\"partenaires__card\">\r\n <img decoding=\"async\" class=\"logo-img\" \r\n src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/CITYA2021.png\" \r\n alt=\"CITYA immobilier\"\r\n onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\" \/>\r\n <span class=\"fallback\">CITYA<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"partenaires__card\">\r\n <img decoding=\"async\" class=\"logo-img\" \r\n src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/Tricycle-Environnement-Clients-Foncia.png\" \r\n alt=\"FONCIA\"\r\n onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\" \/>\r\n <span class=\"fallback\">FONCIA<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"partenaires__card\">\r\n <img decoding=\"async\" class=\"logo-img\" \r\n src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/6017c756d5030_orpi_logo_rvb.jpg\" \r\n alt=\"ORPI\"\r\n onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\" \/>\r\n <span class=\"fallback\">ORPI<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <p class=\"partenaires__footer\">\r\n <strong>+50 coproprietes<\/strong> et professionnels de l'immobilier nous font confiance en Ile-de-France\r\n <\/p>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script>\r\n \/\/ ============================================\r\n \/\/ GESTION DU FALLBACK DES IMAGES\r\n \/\/ ============================================\r\n document.addEventListener('DOMContentLoaded', function() {\r\n document.querySelectorAll('.logo-img').forEach(img => {\r\n img.addEventListener('error', function() {\r\n this.style.display = 'none';\r\n const fallback = this.nextElementSibling;\r\n if (fallback && fallback.classList.contains('fallback')) {\r\n fallback.style.display = 'block';\r\n }\r\n });\r\n });\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b475326 e-con-full e-flex e-con e-parent\" data-id=\"b475326\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d42e162 elementor-widget elementor-widget-html\" data-id=\"d42e162\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n.contact { padding: 5rem 5% 6rem; position: relative; min-height: 100vh; display: flex; align-items: center;\r\n background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%), linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden; box-sizing: border-box; }\r\n.contact *, .contact *::before, .contact *::after { box-sizing: border-box; }\r\n.contact__waves { position: absolute; left: 0; right: 0; bottom: 0; line-height: 0; z-index: 0; pointer-events: none; }\r\n.contact__waves svg { display: block; width: 100%; height: 80px; }\r\n.contact__waves .wave-back use { animation: wavemove 11s linear infinite; opacity: 0.55; }\r\n.contact__waves .wave-mid use { animation: wavemove 8s linear infinite reverse; opacity: 0.8; }\r\n.contact__waves .wave-front use { animation: wavemove 6s linear infinite; }\r\n@keyframes wavemove { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n.contact__container { max-width: 1280px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\r\n.contact__header { text-align: center; max-width: 780px; margin: 0 auto 3.5rem; }\r\n.contact__badge { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.4rem 1.4rem 0.4rem 1rem; border-radius: 2rem; background: rgba(28, 126, 201, 0.07); color: #1c7ec9; border: 1px solid rgba(28, 126, 201, 0.12); margin-bottom: 1.2rem; }\r\n.contact__badge .dot { width: 6px; height: 6px; border-radius: 50%; background: #1c7ec9; animation: pulseDot 2s ease-in-out infinite; }\r\n@keyframes pulseDot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.6); } }\r\n.contact__title { font-family: 'Sora', sans-serif; font-weight: 800; font-size: clamp(2rem, 3.6vw, 3.2rem); letter-spacing: -0.03em; color: #07294a; line-height: 1.1; margin-bottom: 0.8rem; }\r\n.contact__title .highlight { background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n.contact__subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: clamp(1rem, 1.1vw, 1.15rem); color: #6b7f94; max-width: 600px; margin: 0 auto; line-height: 1.7; }\r\n.contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }\r\n.contact__form { background: #ffffff; border-radius: 24px; padding: 2.5rem; border: 1px solid #eef2f6; box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04); transition: all 0.4s ease; position: relative; }\r\n.contact__form:hover { box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08); border-color: #d6ebfb; }\r\n.contact__form-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 1.3rem; color: #07294a; margin-bottom: 0.3rem; }\r\n.contact__form-subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; margin-bottom: 1.5rem; }\r\n.contact__form-group { margin-bottom: 1.2rem; }\r\n.contact__form-group label { display: block; font-family: 'Sora', sans-serif; font-weight: 600; font-size: 0.7rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.3rem; }\r\n.contact__form-group label .required { color: #dc2626; }\r\n.contact__form-group input, .contact__form-group select, .contact__form-group textarea { width: 100%; padding: 0.8rem 1rem; border-radius: 12px; border: 1px solid #eef2f6; background: #f8fafc; font-family: 'Inter', sans-serif; font-size: 0.9rem; color: #07294a; transition: all 0.3s ease; outline: none; }\r\n.contact__form-group input:focus, .contact__form-group select:focus, .contact__form-group textarea:focus { border-color: #1c7ec9; background: #ffffff; box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06); }\r\n.contact__form-group input::placeholder, .contact__form-group textarea::placeholder { color: #b0c0d0; }\r\n.contact__form-group select option { background: #ffffff; color: #07294a; }\r\n.contact__form-group textarea { resize: vertical; min-height: 100px; }\r\n.contact__form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n.contact__form-group--file { position: relative; }\r\n.contact__form-group--file .file-drop-zone { border: 2px dashed #eef2f6; border-radius: 12px; padding: 1.5rem 1rem; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #f8fafc; }\r\n.contact__form-group--file .file-drop-zone:hover { border-color: #1c7ec9; background: #eef6fc; }\r\n.contact__form-group--file .file-drop-zone.dragover { border-color: #f4a61a; background: rgba(244, 166, 26, 0.04); }\r\n.contact__form-group--file .file-drop-zone i { font-size: 2rem; color: #1c7ec9; display: block; margin-bottom: 0.5rem; }\r\n.contact__form-group--file .file-drop-zone p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.85rem; color: #6b7f94; margin: 0; }\r\n.contact__form-group--file .file-drop-zone .file-types { font-size: 0.7rem; color: #b0c0d0; margin-top: 0.3rem; }\r\n.contact__form-group--file input[type=\"file\"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }\r\n.contact__form-group--file .file-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }\r\n.contact__form-group--file .file-item { display: inline-flex; align-items: center; gap: 0.5rem; background: #eef6fc; padding: 0.3rem 0.8rem 0.3rem 0.6rem; border-radius: 20px; font-family: 'Inter', sans-serif; font-size: 0.75rem; color: #1c7ec9; border: 1px solid #d6ebfb; }\r\n.contact__form-group--file .file-item i { font-size: 0.8rem; color: #1c7ec9; }\r\n.contact__form-group--file .file-item .file-remove { cursor: pointer; color: #6b7f94; transition: color 0.3s ease; font-size: 0.7rem; }\r\n.contact__form-group--file .file-item .file-remove:hover { color: #dc2626; }\r\n\r\n\/* ---- Consentement RGPD ---- *\/\r\n.contact__consent { display: flex; align-items: flex-start; gap: 0.7rem; margin-bottom: 1.5rem; }\r\n.contact__consent input[type=\"checkbox\"] { width: 18px; height: 18px; min-width: 18px; margin-top: 0.15rem; accent-color: #1c7ec9; cursor: pointer; flex-shrink: 0; }\r\n.contact__consent label { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.8rem; line-height: 1.5; color: #6b7f94; text-transform: none; letter-spacing: 0; margin-bottom: 0; cursor: pointer; }\r\n.contact__consent label .required { color: #dc2626; }\r\n.contact__consent label a { color: #1c7ec9; text-decoration: underline; }\r\n.contact__consent label a:hover { color: #07294a; }\r\n\r\n.btn--contact { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.02em; text-decoration: none; padding: 0.9rem 2.4rem; border-radius: 3rem; transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; border: none; text-align: center; background: linear-gradient(135deg, #f4a61a 0%, #e0960e 100%); box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25); color: #07294a; width: 100%; }\r\n.btn--contact:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40); color: #07294a; }\r\n.btn--contact .btn__icon { transition: transform 0.3s ease; }\r\n.btn--contact:hover .btn__icon { transform: translateX(4px); }\r\n.contact__info { display: flex; flex-direction: column; gap: 1.2rem; }\r\n.contact__info-card { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; transition: all 0.4s ease; display: flex; align-items: center; gap: 1.2rem; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); }\r\n.contact__info-card:hover { transform: translateX(6px); border-color: #1c7ec9; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.08); }\r\n.contact__info-icon { width: 50px; height: 50px; border-radius: 14px; background: #f0f4f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s ease; }\r\n.contact__info-card:hover .contact__info-icon { background: #eef6fc; }\r\n.contact__info-icon i { font-size: 1.3rem; color: #1c7ec9; }\r\n.contact__info-content h4 { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #07294a; margin-bottom: 0.1rem; }\r\n.contact__info-content p, .contact__info-content a { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; text-decoration: none; transition: color 0.3s ease; }\r\n.contact__info-content a:hover { color: #1c7ec9; }\r\n.contact__hours { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); transition: all 0.4s ease; }\r\n.contact__hours:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__hours-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.8rem; }\r\n.contact__hours-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem 1rem; }\r\n.contact__hours-day { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #6b7f94; }\r\n.contact__hours-time { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #07294a; text-align: right; }\r\n.contact__hours-time .urgent { color: #1c7ec9; font-weight: 700; }\r\n.contact__map { border-radius: 16px; overflow: hidden; border: 1px solid #eef2f6; height: 200px; background: #f8fafc; transition: all 0.4s ease; }\r\n.contact__map:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__map iframe { width: 100%; height: 100%; border: none; }\r\n@media (max-width: 992px) {\r\n .contact__grid { grid-template-columns: 1fr; gap: 2rem; }\r\n .contact__form { padding: 2rem; }\r\n .contact__info { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; }\r\n .contact__map { height: 180px; }\r\n}\r\n@media (max-width: 768px) {\r\n .contact { padding: 3.5rem 1.5rem 4rem; min-height: auto; }\r\n .contact__form { padding: 1.5rem; border-radius: 16px; }\r\n .contact__form-row { grid-template-columns: 1fr; gap: 0; }\r\n .contact__info { grid-template-columns: 1fr; gap: 1rem; }\r\n .contact__info-card { padding: 1.2rem 1.5rem; }\r\n .contact__hours { padding: 1.2rem 1.5rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; gap: 0.3rem 0.8rem; }\r\n .contact__hours-day { font-size: 0.75rem; }\r\n .contact__hours-time { font-size: 0.75rem; }\r\n .contact__map { height: 150px; }\r\n .btn--contact { padding: 0.7rem 1.8rem; font-size: 0.75rem; }\r\n .contact__form-group--file .file-drop-zone { padding: 1rem; }\r\n .contact__form-group--file .file-drop-zone i { font-size: 1.5rem; }\r\n .contact__waves svg { height: 40px; }\r\n}\r\n@media (max-width: 480px) {\r\n .contact__form { padding: 1rem; }\r\n .contact__info-card { padding: 1rem; }\r\n .contact__info-icon { width: 40px; height: 40px; }\r\n .contact__info-icon i { font-size: 1rem; }\r\n .contact__hours { padding: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact\">\r\n <div class=\"contact__container\">\r\n\r\n <div class=\"contact__header\">\r\n <span class=\"contact__badge\"><span class=\"dot\"><\/span> Contactez-nous<\/span>\r\n <h2 class=\"contact__title\">Pret a <span class=\"highlight\">securiser<\/span> vos reseaux ?<\/h2>\r\n <p class=\"contact__subtitle\">Une question, un devis, une urgence ? Notre equipe est a votre ecoute 24h\/24 et 7j\/7.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact__grid\">\r\n\r\n \r\n <div class=\"contact__form\">\r\n <h3 class=\"contact__form-title\">Demandez un diagnostic<\/h3>\r\n <p class=\"contact__form-subtitle\">Remplissez le formulaire et nous vous recontacterons sous 24h.<\/p>\r\n\r\n \r\n <form id=\"contactForm\"\r\n action=\"https:\/\/formsubmit.co\/info-contact@btplus.fr\"\r\n method=\"POST\"\r\n enctype=\"multipart\/form-data\">\r\n\r\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de diagnostic - Site BT Plus\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n \r\n <input type=\"hidden\" name=\"_cc\" value=\"marketing@btgroup-france.com\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n \r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"nom\">Nom complet <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"nom\" name=\"Nom complet\" placeholder=\"Jean Dupont\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"email\">Email <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jean@exemple.fr\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"telephone\">Telephone <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"Telephone\" placeholder=\"01 23 45 67 89\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"cp\">Code postal<\/label>\r\n <input type=\"text\" id=\"cp\" name=\"Code postal\" placeholder=\"75000\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_batiment\">Type de batiment<\/label>\r\n <select id=\"type_batiment\" name=\"Type de batiment\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"copropriete\">Copropriete<\/option>\r\n <option value=\"syndic\">Syndic<\/option>\r\n <option value=\"bailleur\">Bailleur social<\/option>\r\n <option value=\"erp\">ERP (Etablissement recevant du public)<\/option>\r\n <option value=\"tertiaire\">Tertiaire (bureau, commerce)<\/option>\r\n <option value=\"collectivite\">Collectivite<\/option>\r\n <option value=\"particulier\">Particulier<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_besoin\">Type de besoin<\/label>\r\n <select id=\"type_besoin\" name=\"Type de besoin\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"urgence\">Urgence (debouchage, curage)<\/option>\r\n <option value=\"entretien\">Entretien preventif<\/option>\r\n <option value=\"diagnostic\">Diagnostic \/ Inspection<\/option>\r\n <option value=\"travaux\">Travaux \/ Renovation<\/option>\r\n <option value=\"contrat\">Contrat d'entretien<\/option>\r\n <option value=\"devis\">Demande de devis<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"Message\" placeholder=\"Decrivez votre situation...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group contact__form-group--file\">\r\n <label>Ajouter une photo <span style=\"font-weight:400;text-transform:none;color:#b0c0d0;\">(optionnel - une seule)<\/span><\/label>\r\n <div class=\"file-drop-zone\" id=\"fileDropZone\">\r\n <i class=\"fas fa-cloud-upload-alt\"><\/i>\r\n <p>Glissez une photo ici ou cliquez pour la selectionner<\/p>\r\n <div class=\"file-types\">JPG, PNG, GIF - une seule photo, 5MB max<\/div>\r\n <input type=\"file\" id=\"fileInput\" name=\"attachment\" accept=\"image\/*\" \/>\r\n <\/div>\r\n <div class=\"file-list\" id=\"fileList\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__consent\">\r\n <input type=\"checkbox\" id=\"consent\" name=\"Consentement RGPD\" value=\"J'accepte\" required \/>\r\n <label for=\"consent\">\r\n J'accepte que les informations saisies dans ce formulaire soient utilisees par BT Plus\r\n afin de traiter ma demande et de me recontacter. Conformement au RGPD, je dispose d'un\r\n droit d'acces, de rectification et de suppression de mes donnees, que je peux exercer en\r\n ecrivant a <a href=\"mailto:info-contact@btplus.fr\">info-contact@btplus.fr<\/a>.\r\n <a href=\"\/politique-de-confidentialite\" target=\"_blank\" rel=\"noopener\">En savoir plus<\/a>.\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn--contact\">\r\n Envoyer <span class=\"btn__icon\">→<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__info\">\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Telephone<\/h4><p><a href=\"tel:+331 86 95 77 77\">01 86 95 77 77<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Email<\/h4><p><a href=\"mailto:contact@btplus-intervention.fr\">info-contact@btplus.fr<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Adresse<\/h4><p>13 Rue Camille Desmoulins,\r\n92130 Issy-les-Moulineaux<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__hours\">\r\n <div class=\"contact__hours-title\">Horaires d'ouverture<\/div>\r\n <div class=\"contact__hours-grid\">\r\n <span class=\"contact__hours-day\">Lundi - Vendredi<\/span><span class=\"contact__hours-time\">08:00 - 20:00<\/span>\r\n <span class=\"contact__hours-day\">Samedi<\/span><span class=\"contact__hours-time\">09:00 - 18:00<\/span>\r\n <span class=\"contact__hours-day\">Dimanche & jours feries<\/span><span class=\"contact__hours-time\"><span class=\"urgent\">Urgence 24\/7<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__map\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2623.5!2d2.366!3d48.916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2f8e5c8b3d%3A0x8e5c8b3d47e66e2f!2sAubervilliers!5e0!3m2!1sfr!2sfr!4v1700000000000\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"w9\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs>\r\n <g class=\"wave-back\"><use href=\"#w9\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w9\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w9\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w9\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w9\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w9\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var fileInput = document.getElementById('fileInput');\r\n var fileList = document.getElementById('fileList');\r\n var dropZone = document.getElementById('fileDropZone');\r\n if (!fileInput || !dropZone) return;\r\n var perFileMax = 5 * 1024 * 1024;\r\n var totalMax = 10 * 1024 * 1024;\r\n\r\n function updateFileList(files) {\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach(function (file, index) {\r\n var item = document.createElement('span');\r\n item.className = 'file-item';\r\n var icon = file.type.indexOf('image\/') === 0 ? 'fa-image' : 'fa-file';\r\n item.innerHTML = '<i class=\"fas ' + icon + '\"><\/i><span>' + file.name + '<\/span><span class=\"file-remove\" data-index=\"' + index + '\"><i class=\"fas fa-times\"><\/i><\/span>';\r\n fileList.appendChild(item);\r\n });\r\n document.querySelectorAll('.file-remove').forEach(function (btn) {\r\n btn.addEventListener('click', function (e) {\r\n e.stopPropagation();\r\n var idx = parseInt(this.dataset.index);\r\n var dt = new DataTransfer();\r\n Array.from(fileInput.files).filter(function (_, i) { return i !== idx; }).forEach(function (f) { dt.items.add(f); });\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n });\r\n });\r\n }\r\n\r\n function applyFiles(candidate) {\r\n var valid = candidate.filter(function (f) { return f.type.indexOf('image\/') === 0 && f.size <= perFileMax; });\r\n if (candidate.length > 1) alert('Une seule photo peut etre envoyee. Seule la premiere a ete conservee.');\r\n else if (valid.length !== candidate.length) alert('Fichier ignore (image uniquement, 5MB max).');\r\n var dt = new DataTransfer();\r\n if (valid.length > 0) dt.items.add(valid[0]);\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n }\r\n\r\n dropZone.addEventListener('click', function (e) { if (e.target === this || e.target.closest('.file-drop-zone')) fileInput.click(); });\r\n fileInput.addEventListener('change', function () { applyFiles(Array.from(this.files)); });\r\n dropZone.addEventListener('dragover', function (e) { e.preventDefault(); this.classList.add('dragover'); });\r\n dropZone.addEventListener('dragleave', function (e) { e.preventDefault(); this.classList.remove('dragover'); });\r\n dropZone.addEventListener('drop', function (e) {\r\n e.preventDefault(); this.classList.remove('dragover');\r\n applyFiles(Array.from(e.dataTransfer.files));\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BT Plus \u2014 \u00c0 propos 24h\/24 Expertise assainissement Bienvenue chez BT PLUS Intervention BT PLUS Intervention, c’est l’excellence et la r\u00e9activit\u00e9 au service de vos canalisations. Nos techniciens sp\u00e9cialistes en assainissement interviennent 24h\/24 et 7j\/7, m\u00eame les jours f\u00e9ri\u00e9s, pour tous vos besoins en d\u00e9bouchage et curage dans toute l’\u00cele-de-France. Urgence 24\/7 Mat\u00e9riel pro Devis […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-574","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/comments?post=574"}],"version-history":[{"count":74,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/574\/revisions"}],"predecessor-version":[{"id":2965,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/574\/revisions\/2965"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nBT Plus \u2014 \u00c0 propos<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --blue-900:#07294a;\r\n --blue-800:#0a3666;\r\n --blue-700:#0d4f8b;\r\n --blue-500:#1c7ec9;\r\n --blue-300:#7cc0ee;\r\n --blue-100:#d6ebfb;\r\n --blue-50:#eef6fc;\r\n --orange:#f4a61a;\r\n --orange-dark:#d98a0c;\r\n --ink:#0c2238;\r\n --slate:#48637d;\r\n --paper:#ffffff;\r\n\r\n --font-display:\"Sora\",sans-serif;\r\n --font-body:\"Inter\",sans-serif;\r\n\r\n --shadow-sm:0 2px 10px rgba(7,41,74,.06);\r\n --shadow-md:0 18px 40px -16px rgba(7,41,74,.30);\r\n }\r\n\r\n *{box-sizing:border-box;margin:0;padding:0}\r\n html{scroll-behavior:smooth}\r\n body{\r\n font-family:var(--font-body);\r\n color:var(--ink);\r\n background:var(--paper);\r\n -webkit-font-smoothing:antialiased;\r\n line-height:1.6;\r\n }\r\n\r\n \/* ---------- Hero ---------- *\/\r\n .hero{\r\n position:relative;\r\n overflow:hidden;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, var(--blue-100), transparent 60%),\r\n linear-gradient(180deg,#fbfdff 0%,var(--blue-50) 100%);\r\n }\r\n .hero-inner{\r\n max-width:1200px;margin:0 auto;\r\n padding:40px 24px 150px;\r\n display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;\r\n position:relative;\r\n }\r\n @media(max-width:940px){\r\n .hero-inner{grid-template-columns:1fr;padding:28px 24px 130px;gap:34px}\r\n }\r\n\r\n \/* ============================================\r\n BADGE 24\/24\r\n ============================================ *\/\r\n .badge-247 {\r\n position:absolute;\r\n top:20px;\r\n right:24px;\r\n background:#ffffff;\r\n border-radius:14px;\r\n padding:12px 16px;\r\n box-shadow:var(--shadow-md);\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n z-index:10;\r\n border:1px solid var(--blue-100);\r\n animation:floaty 6s ease-in-out infinite;\r\n animation-delay:0.3s;\r\n }\r\n\r\n .badge-247 .fic {\r\n width:38px;\r\n height:38px;\r\n border-radius:10px;\r\n display:grid;\r\n place-items:center;\r\n flex-shrink:0;\r\n background:var(--blue-50);\r\n color:var(--blue-700);\r\n }\r\n\r\n .badge-247 .fic svg {\r\n width:20px;\r\n height:20px;\r\n }\r\n\r\n .badge-247 b {\r\n font-family:var(--font-display);\r\n display:block;\r\n font-size:1.05rem;\r\n color:var(--blue-900);\r\n line-height:1.1;\r\n }\r\n\r\n .badge-247 small {\r\n color:var(--slate);\r\n font-size:.74rem;\r\n }\r\n\r\n @keyframes floaty{\r\n 0%,100%{transform:translateY(0)}\r\n 50%{transform:translateY(-12px)}\r\n }\r\n\r\n @media(max-width:600px){\r\n .badge-247{\r\n top:12px;\r\n right:12px;\r\n padding:8px 12px;\r\n gap:8px;\r\n }\r\n .badge-247 .fic{\r\n width:30px;\r\n height:30px;\r\n }\r\n .badge-247 b{\r\n font-size:.85rem;\r\n }\r\n .badge-247 small{\r\n font-size:.65rem;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n CONTENU TEXTE \u2014 \u00c0 PROPOS\r\n ============================================ *\/\r\n h1{\r\n font-family:var(--font-display);font-weight:800;\r\n font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.06;\r\n letter-spacing:-.025em;color:var(--blue-900);margin:18px 0 0;\r\n }\r\n h1 .accent{\r\n color:var(--orange);position:relative;white-space:nowrap;\r\n }\r\n h1 .accent::after{\r\n content:\"\";position:absolute;left:0;right:0;bottom:.06em;height:.16em;\r\n background:rgba(244,166,26,.28);border-radius:4px;z-index:-1;\r\n transform:scaleX(0);transform-origin:left;animation:underline 1s .8s ease forwards;\r\n }\r\n @keyframes underline{to{transform:scaleX(1)}}\r\n\r\n .lead{\r\n margin-top:18px;font-size:1.08rem;color:var(--slate);max-width:520px;\r\n }\r\n\r\n \/* service chips \u2014 AVANTAGES *\/\r\n .chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}\r\n .chip{\r\n display:inline-flex;align-items:center;gap:7px;\r\n background:#fff;border:1px solid var(--blue-100);\r\n padding:8px 13px;border-radius:11px;font-size:.86rem;font-weight:600;color:var(--blue-800);\r\n box-shadow:var(--shadow-sm);transition:transform .2s, box-shadow .2s, border-color .2s;\r\n cursor:pointer;\r\n }\r\n .chip svg{width:16px;height:16px;color:var(--blue-500)}\r\n .chip:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-300)}\r\n .chip.active{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:var(--shadow-md)}\r\n .chip.active svg{color:#fff}\r\n\r\n \/* trust strip *\/\r\n .trust{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px}\r\n .trust div{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--slate);font-weight:500}\r\n .trust svg{width:18px;height:18px;color:#1faa6b;flex-shrink:0}\r\n\r\n \/* ---------- Visual ---------- *\/\r\n .visual{position:relative;display:grid;place-items:center;min-height:380px}\r\n .disc{\r\n position:relative;\r\n width:min(420px,90%);\r\n aspect-ratio:1;\r\n border-radius:50%;\r\n overflow:hidden;\r\n box-shadow:0 40px 70px -25px rgba(13,79,139,.7);\r\n display:grid;\r\n place-items:center;\r\n }\r\n\r\n .disc img{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n z-index:1;\r\n }\r\n\r\n .disc .overlay{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n background:rgba(7,41,74,0.30);\r\n z-index:2;\r\n border-radius:50%;\r\n }\r\n\r\n .ring{\r\n position:absolute;\r\n border:2px solid rgba(255,255,255,0.5);\r\n border-radius:50%;\r\n inset:0;\r\n opacity:0;\r\n z-index:3;\r\n animation:ripple 4s linear infinite;\r\n pointer-events:none;\r\n }\r\n .ring:nth-child(3){animation-delay:1.3s}\r\n .ring:nth-child(4){animation-delay:2.6s}\r\n @keyframes ripple{\r\n 0%{transform:scale(.55);opacity:.6}\r\n 80%{opacity:0}\r\n 100%{transform:scale(1.18);opacity:0}\r\n }\r\n\r\n .disc-content{\r\n position:relative;\r\n z-index:4;\r\n text-align:center;\r\n color:#ffffff;\r\n padding:20px;\r\n }\r\n\r\n .disc-content .icon-badge{\r\n display:inline-block;\r\n background:rgba(255,255,255,0.15);\r\n backdrop-filter:blur(6px);\r\n padding:6px 16px;\r\n border-radius:100px;\r\n font-family:var(--font-display);\r\n font-weight:700;\r\n font-size:.7rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,0.2);\r\n margin-bottom:10px;\r\n }\r\n\r\n .disc-content .big-number{\r\n font-family:var(--font-display);\r\n font-weight:800;\r\n font-size:3.8rem;\r\n line-height:1;\r\n color:#fff;\r\n text-shadow:0 4px 20px rgba(0,0,0,0.2);\r\n }\r\n\r\n .disc-content .big-number span{\r\n font-size:1.4rem;\r\n font-weight:500;\r\n opacity:0.8;\r\n }\r\n\r\n .disc-content .desc{\r\n font-family:var(--font-body);\r\n font-weight:500;\r\n font-size:.95rem;\r\n color:rgba(255,255,255,0.9);\r\n margin-top:4px;\r\n }\r\n\r\n \/* ============================================\r\n FLOATING CARDS\r\n ============================================ *\/\r\n .float{\r\n position:absolute;\r\n background:#fff;\r\n border-radius:14px;\r\n padding:12px 15px;\r\n box-shadow:var(--shadow-md);\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n font-size:.85rem;\r\n animation:floaty 6s ease-in-out infinite;\r\n z-index:10;\r\n }\r\n .float .fic{\r\n width:38px;\r\n height:38px;\r\n border-radius:10px;\r\n display:grid;\r\n place-items:center;\r\n flex-shrink:0;\r\n }\r\n .float b{\r\n font-family:var(--font-display);\r\n display:block;\r\n font-size:1.05rem;\r\n color:var(--blue-900);\r\n line-height:1.1;\r\n }\r\n .float small{\r\n color:var(--slate);\r\n font-size:.74rem;\r\n }\r\n .float.one{\r\n top:6%;\r\n left:-4%;\r\n animation-delay:.2s;\r\n }\r\n .float.one .fic{\r\n background:#fff3df;\r\n color:var(--orange-dark);\r\n }\r\n .float.two{\r\n bottom:10%;\r\n right:-6%;\r\n animation-delay:1.6s;\r\n }\r\n .float.two .fic{\r\n background:var(--blue-50);\r\n color:var(--blue-700);\r\n }\r\n @media(max-width:560px){\r\n .float.one{left:0}\r\n .float.two{right:0}\r\n }\r\n\r\n \/* ---------- Animated waves ---------- *\/\r\n .waves{\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n bottom:0;\r\n line-height:0;\r\n z-index:1;\r\n pointer-events:none;\r\n }\r\n .waves svg{\r\n display:block;\r\n width:100%;\r\n height:120px;\r\n }\r\n .wave-back use{animation:wavemove 11s linear infinite;opacity:.55}\r\n .wave-mid use{animation:wavemove 8s linear infinite reverse;opacity:.8}\r\n .wave-front use{animation:wavemove 6s linear infinite}\r\n @keyframes wavemove{\r\n 0%{transform:translateX(0)}\r\n 100%{transform:translateX(-50%)}\r\n }\r\n\r\n \/* ---------- entrance ---------- *\/\r\n .reveal{\r\n opacity:0;\r\n transform:translateY(22px);\r\n animation:rise .7s cubic-bezier(.2,.7,.3,1) forwards;\r\n }\r\n .d1{animation-delay:.05s}\r\n .d2{animation-delay:.16s}\r\n .d3{animation-delay:.27s}\r\n .d4{animation-delay:.38s}\r\n .d5{animation-delay:.49s}\r\n .reveal-r{\r\n opacity:0;\r\n transform:scale(.94);\r\n animation:pop .8s .3s cubic-bezier(.2,.7,.3,1) forwards;\r\n }\r\n @keyframes rise{\r\n to{opacity:1;transform:translateY(0)}\r\n }\r\n @keyframes pop{\r\n to{opacity:1;transform:scale(1)}\r\n }\r\n\r\n @media(prefers-reduced-motion:reduce){\r\n *{animation:none!important;transition:none!important}\r\n .reveal,.reveal-r{opacity:1;transform:none}\r\n h1 .accent::after{transform:scaleX(1)}\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media(max-width:768px){\r\n .disc{\r\n width:min(340px,85%);\r\n }\r\n .disc-content .big-number{\r\n font-size:2.8rem;\r\n }\r\n .disc-content .big-number span{\r\n font-size:1.1rem;\r\n }\r\n .disc-content .desc{\r\n font-size:.8rem;\r\n }\r\n .disc-content .icon-badge{\r\n font-size:.6rem;\r\n padding:4px 12px;\r\n }\r\n }\r\n\r\n @media(max-width:480px){\r\n .disc{\r\n width:min(280px,80%);\r\n }\r\n .disc-content .big-number{\r\n font-size:2.2rem;\r\n }\r\n .disc-content .big-number span{\r\n font-size:.9rem;\r\n }\r\n .disc-content .desc{\r\n font-size:.7rem;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header class=\"hero\">\r\n <div class=\"hero-inner\">\r\n\r\n \r\n \r\n \r\n <div class=\"badge-247\">\r\n <span class=\"fic\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <path d=\"M12 7v5l3 2\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span>\r\n <b>24h\/24<\/b>\r\n <small>Expertise assainissement<\/small>\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n <h1 class=\"reveal d2\">\r\n Bienvenue chez<br>\r\n <span class=\"accent\">BT PLUS<\/span> Intervention\r\n <\/h1>\r\n\r\n <p class=\"lead reveal d3\">\r\n <strong>BT PLUS Intervention<\/strong>, c'est l'excellence et la r\u00e9activit\u00e9 au service de vos canalisations.\r\n Nos techniciens sp\u00e9cialistes en assainissement interviennent <strong>24h\/24 et 7j\/7<\/strong>,\r\n m\u00eame les jours f\u00e9ri\u00e9s, pour tous vos besoins en d\u00e9bouchage et curage dans toute l'<strong>\u00cele-de-France<\/strong>.\r\n <\/p>\r\n\r\n <div class=\"chips reveal d4\">\r\n <span class=\"chip active\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Urgence 24\/7<\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Mat\u00e9riel pro<\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Devis gratuit<\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>15 ans d'exp\u00e9rience<\/span>\r\n <\/div>\r\n\r\n <div class=\"trust reveal d5\">\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>15 ans d'exp\u00e9rience<\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Techniciens agr\u00e9\u00e9s<\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>R\u00e9activit\u00e9 30 min<\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Mat\u00e9riel de pointe<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"visual reveal-r\">\r\n <div class=\"disc\">\r\n \r\n <img decoding=\"async\"\r\n src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/07\/unnamed-_3_-_1_-_1_.webp\"\r\n alt=\"BT PLUS Intervention - \u00c9quipe professionnelle\"\r\n loading=\"lazy\"\r\n \/>\r\n \r\n <div class=\"overlay\"><\/div>\r\n\r\n \r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n\r\n \r\n <div class=\"disc-content\">\r\n <span class=\"icon-badge\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;margin-right:6px;\">\r\n <path d=\"M12 2v4M12 22v-4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/>\r\n <\/svg>\r\n Expert assainissement\r\n <\/span>\r\n <div class=\"big-number\">\r\n 15 <span>ans<\/span>\r\n <\/div>\r\n <div class=\"desc\">d'expertise \u00e0 votre service<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"float one\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\r\n <\/span>\r\n <span><b>\u2248 30 min<\/b><small>d\u00e9lai d'intervention<\/small><\/span>\r\n <\/div>\r\n\r\n <div class=\"float two\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><path d=\"M21 12a9 9 0 1 1-9-9c2.5 0 4.8 1 6.4 2.6\"\/><\/svg>\r\n <\/span>\r\n <span><b>4 500+<\/b><small>interventions \/ an<\/small><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"w\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/>\r\n <\/defs>\r\n <g class=\"wave-back\"><use href=\"#w\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n const chips = document.querySelectorAll('.chip');\r\n\r\n chips.forEach(function(chip) {\r\n chip.addEventListener('click', function() {\r\n chips.forEach(function(c) { c.classList.remove('active'); });\r\n this.classList.add('active');\r\n\r\n \/\/ Effet de retour visuel\r\n this.style.transform = 'scale(0.95)';\r\n setTimeout(function() {\r\n chip.style.transform = '';\r\n }, 200);\r\n });\r\n });\r\n\r\n \/\/ Animation d'entr\u00e9e\r\n const rv = document.querySelectorAll('.reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n rv.forEach(function(el) { io.observe(el); });\r\n } else {\r\n rv.forEach(function(el) { el.classList.add('shown'); });\r\n }\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-714cb04 e-con-full e-flex e-con e-parent\" data-id=\"714cb04\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d29c75 elementor-widget elementor-widget-html\" data-id=\"9d29c75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover\">\r\n <title>BT+ Intervention | Notre ambition & Notre savoir-faire<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n \/* ============================================================\r\n RESET & BASE\r\n ============================================================ *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n background: #ffffff;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION AMBITION - Charte graphique BT Plus\r\n ============================================================ *\/\r\n .ambition-section {\r\n position: relative;\r\n width: 100%;\r\n padding: 100px 0 80px;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, var(--blue-100, #d6ebfb), transparent 60%),\r\n linear-gradient(180deg, #fbfdff 0%, var(--blue-50, #eef6fc) 100%);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n isolation: isolate;\r\n border-top: 1px solid var(--blue-100, #d6ebfb);\r\n border-bottom: 1px solid var(--blue-100, #d6ebfb);\r\n }\r\n\r\n \/* Variables charte BT Plus *\/\r\n .ambition-section {\r\n --blue-900: #07294a;\r\n --blue-800: #0a3666;\r\n --blue-700: #0d4f8b;\r\n --blue-500: #1c7ec9;\r\n --blue-300: #7cc0ee;\r\n --blue-100: #d6ebfb;\r\n --blue-50: #eef6fc;\r\n --orange: #f4a61a;\r\n --orange-dark: #d98a0c;\r\n --ink: #0c2238;\r\n --slate: #48637d;\r\n --paper: #ffffff;\r\n --font-display: \"Sora\", sans-serif;\r\n --font-body: \"Inter\", sans-serif;\r\n --shadow-sm: 0 2px 10px rgba(7,41,74,.06);\r\n --shadow-md: 0 18px 40px -16px rgba(7,41,74,.30);\r\n }\r\n\r\n \/* ============================================================\r\n \u00c9L\u00c9MENTS D'AMBIANCE\r\n ============================================================ *\/\r\n .ambition-section__contours {\r\n position: absolute;\r\n inset: -20% -10%;\r\n z-index: 0;\r\n pointer-events: none;\r\n opacity: .20;\r\n background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='1200' height='800' viewBox='0 0 1200 800'><g fill='none' stroke='%231c7ec9' stroke-width='1' opacity='0.10'><path d='M-50 220 C 200 140 380 300 620 220 S 1050 120 1260 220'\/><path d='M-50 300 C 200 220 380 380 620 300 S 1050 200 1260 300'\/><path d='M-50 380 C 200 300 380 460 620 380 S 1050 280 1260 380'\/><path d='M-50 460 C 200 380 380 540 620 460 S 1050 360 1260 460'\/><path d='M-50 540 C 200 460 380 620 620 540 S 1050 440 1260 540'\/><path d='M-50 620 C 200 540 380 700 620 620 S 1050 520 1260 620'\/><\/g><\/svg>\");\r\n background-size: 1200px 800px;\r\n }\r\n\r\n .ambition-section__glow--gold {\r\n position: absolute;\r\n top: -15%;\r\n right: -8%;\r\n width: 46vw;\r\n height: 46vw;\r\n max-width: 620px;\r\n max-height: 620px;\r\n border-radius: 50%;\r\n filter: blur(80px);\r\n background: radial-gradient(circle, rgba(244, 166, 26, .12), transparent 65%);\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .ambition-section__glow--blue {\r\n position: absolute;\r\n bottom: -20%;\r\n left: -12%;\r\n width: 52vw;\r\n height: 52vw;\r\n max-width: 680px;\r\n max-height: 680px;\r\n border-radius: 50%;\r\n filter: blur(80px);\r\n background: radial-gradient(circle, rgba(28, 126, 201, .10), transparent 65%);\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .ambition-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n pointer-events: none;\r\n opacity: .30;\r\n background-image: linear-gradient(rgba(28,126,201,.04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(28,126,201,.04) 1px, transparent 1px);\r\n background-size: 64px 64px;\r\n -webkit-mask-image: radial-gradient(120% 100% at 50% 40%, #000 30%, transparent 80%);\r\n mask-image: radial-gradient(120% 100% at 50% 40%, #000 30%, transparent 80%);\r\n }\r\n\r\n \/* ============================================================\r\n ANIMATIONS\r\n ============================================================ *\/\r\n @keyframes fadeInUp {\r\n 0% { opacity: 0; transform: translateY(40px); filter: blur(6px); }\r\n 100% { opacity: 1; transform: translateY(0); filter: blur(0); }\r\n }\r\n\r\n @keyframes pulseDot {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.3; transform: scale(1.3); }\r\n }\r\n\r\n .animate-up {\r\n animation: fadeInUp 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards !important;\r\n }\r\n\r\n .ambition-title-init,\r\n .ambition-badge-init {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n\r\n .ambition-card-init {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n \/* ============================================================\r\n CONTAINER PRINCIPAL\r\n ============================================================ *\/\r\n .ambition-container {\r\n position: relative;\r\n z-index: 10;\r\n max-width: 1400px;\r\n width: 100%;\r\n margin: 0 auto;\r\n padding: 0 5%;\r\n }\r\n\r\n \/* ============================================================\r\n EN-T\u00caTE\r\n ============================================================ *\/\r\n .ambition-header {\r\n text-align: center;\r\n margin: 0 auto 60px;\r\n max-width: 780px;\r\n }\r\n\r\n .ambition-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n padding: 0.4rem 1.4rem 0.4rem 1rem;\r\n border-radius: 2rem;\r\n background: rgba(28, 126, 201, 0.07);\r\n color: var(--blue-500, #1c7ec9);\r\n border: 1px solid rgba(28, 126, 201, 0.12);\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .ambition-badge .dot {\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: var(--blue-500, #1c7ec9);\r\n animation: pulseDot 2s ease-in-out infinite;\r\n }\r\n\r\n .ambition-title {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-weight: 800;\r\n font-size: clamp(2rem, 3.6vw, 3.2rem);\r\n letter-spacing: -0.03em;\r\n color: var(--blue-900, #07294a);\r\n line-height: 1.1;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .ambition-title .accent {\r\n background: linear-gradient(135deg, var(--orange, #f4a61a) 0%, var(--orange-dark, #d98a0c) 100%);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .ambition-subtitle {\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.1vw, 1.15rem);\r\n color: var(--slate, #48637d);\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n }\r\n\r\n .ambition-subtitle strong {\r\n color: var(--blue-900, #07294a);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n GRILLE FLIP CARDS - 3 COLONNES\r\n ============================================================ *\/\r\n .ambition-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 35px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n \/* ============================================================\r\n FLIP CARD\r\n ============================================================ *\/\r\n .flip-card {\r\n background: transparent;\r\n height: 480px;\r\n perspective: 1200px;\r\n cursor: pointer;\r\n }\r\n\r\n .flip-card-inner {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);\r\n transform-style: preserve-3d;\r\n }\r\n\r\n .flip-card.flipped .flip-card-inner {\r\n transform: rotateY(180deg);\r\n }\r\n\r\n .flip-card-front,\r\n .flip-card-back {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n backface-visibility: hidden;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n background: var(--paper, #ffffff);\r\n border: 1px solid var(--blue-100, #d6ebfb);\r\n box-shadow: var(--shadow-sm, 0 2px 10px rgba(7,41,74,.06));\r\n transition: box-shadow 0.4s ease, border-color 0.4s ease;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 40px 34px;\r\n }\r\n\r\n .flip-card:hover .flip-card-front,\r\n .flip-card:hover .flip-card-back {\r\n box-shadow: var(--shadow-md, 0 18px 40px -16px rgba(7,41,74,.30));\r\n border-color: var(--blue-300, #7cc0ee);\r\n }\r\n\r\n \/* Indicateur color\u00e9 en haut *\/\r\n .flip-card-front::before,\r\n .flip-card-back::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 5px;\r\n border-radius: 24px 24px 0 0;\r\n }\r\n\r\n .flip-card:nth-child(1) .flip-card-front::before,\r\n .flip-card:nth-child(1) .flip-card-back::before {\r\n background: linear-gradient(90deg, var(--blue-500, #1c7ec9), var(--blue-300, #7cc0ee));\r\n }\r\n\r\n .flip-card:nth-child(2) .flip-card-front::before,\r\n .flip-card:nth-child(2) .flip-card-back::before {\r\n background: linear-gradient(90deg, var(--orange, #f4a61a), var(--orange-dark, #d98a0c));\r\n }\r\n\r\n .flip-card:nth-child(3) .flip-card-front::before,\r\n .flip-card:nth-child(3) .flip-card-back::before {\r\n background: linear-gradient(90deg, var(--blue-700, #0d4f8b), var(--blue-500, #1c7ec9));\r\n }\r\n\r\n \/* ============================================================\r\n FACE AVANT (recto)\r\n ============================================================ *\/\r\n .flip-card-front {\r\n transform: rotateY(0deg);\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .flip-card-front .number {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 5rem;\r\n font-weight: 800;\r\n color: var(--blue-50, #eef6fc);\r\n line-height: 1;\r\n margin-bottom: 8px;\r\n letter-spacing: -0.04em;\r\n user-select: none;\r\n }\r\n\r\n .flip-card:nth-child(2) .flip-card-front .number {\r\n color: rgba(244, 166, 26, 0.15);\r\n }\r\n\r\n .flip-card:nth-child(3) .flip-card-front .number {\r\n color: rgba(7, 41, 74, 0.08);\r\n }\r\n\r\n .flip-card-front h3 {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 1.7rem;\r\n font-weight: 800;\r\n color: var(--blue-900, #07294a);\r\n margin-bottom: 10px;\r\n line-height: 1.2;\r\n }\r\n\r\n .flip-card-front h3 .accent {\r\n background: linear-gradient(135deg, var(--orange, #f4a61a) 0%, var(--orange-dark, #d98a0c) 100%);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .flip-card-front .subtitle {\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-size: 1.05rem;\r\n color: var(--slate, #48637d);\r\n line-height: 1.6;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .flip-card-front .flip-hint {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: var(--blue-500, #1c7ec9);\r\n background: var(--blue-50, #eef6fc);\r\n padding: 8px 24px;\r\n border-radius: 20px;\r\n transition: all 0.3s ease;\r\n letter-spacing: 0.02em;\r\n }\r\n\r\n .flip-card:hover .flip-hint {\r\n background: var(--blue-100, #d6ebfb);\r\n gap: 14px;\r\n }\r\n\r\n \/* ============================================================\r\n FACE ARRI\u00c8RE (verso)\r\n ============================================================ *\/\r\n .flip-card-back {\r\n transform: rotateY(180deg);\r\n justify-content: flex-start;\r\n text-align: left;\r\n }\r\n\r\n .flip-card-back .back-close {\r\n position: absolute;\r\n top: 18px;\r\n right: 24px;\r\n font-size: 0.75rem;\r\n color: var(--slate, #48637d);\r\n opacity: 0.5;\r\n transition: opacity 0.3s ease;\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-weight: 500;\r\n letter-spacing: 0.02em;\r\n cursor: pointer;\r\n }\r\n\r\n .flip-card:hover .flip-card-back .back-close {\r\n opacity: 1;\r\n }\r\n\r\n .flip-card-back .back-tag {\r\n display: inline-block;\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: var(--blue-500, #1c7ec9);\r\n background: var(--blue-50, #eef6fc);\r\n padding: 4px 18px;\r\n border-radius: 20px;\r\n margin-bottom: 16px;\r\n align-self: flex-start;\r\n }\r\n\r\n .flip-card:nth-child(2) .flip-card-back .back-tag {\r\n color: var(--orange, #f4a61a);\r\n background: rgba(244, 166, 26, 0.10);\r\n }\r\n\r\n .flip-card:nth-child(3) .flip-card-back .back-tag {\r\n color: var(--blue-700, #0d4f8b);\r\n background: rgba(13, 79, 139, 0.08);\r\n }\r\n\r\n .flip-card-back .back-title {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 1.4rem;\r\n font-weight: 800;\r\n color: var(--blue-900, #07294a);\r\n margin-bottom: 16px;\r\n line-height: 1.2;\r\n }\r\n\r\n .flip-card-back .back-title .accent {\r\n background: linear-gradient(135deg, var(--orange, #f4a61a) 0%, var(--orange-dark, #d98a0c) 100%);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .flip-card-back .back-text {\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-size: 0.95rem;\r\n color: var(--slate, #48637d);\r\n line-height: 1.8;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .flip-card-back .back-text strong {\r\n color: var(--blue-900, #07294a);\r\n font-weight: 600;\r\n }\r\n\r\n .flip-card-back .back-services {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: auto;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--blue-50, #eef6fc);\r\n }\r\n\r\n .flip-card-back .back-services .pill {\r\n display: inline-block;\r\n background: var(--blue-50, #eef6fc);\r\n border: 1px solid var(--blue-100, #d6ebfb);\r\n padding: 6px 18px;\r\n border-radius: 20px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n color: var(--blue-700, #0d4f8b);\r\n transition: all 0.3s ease;\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n letter-spacing: 0.01em;\r\n }\r\n\r\n .flip-card-back .back-services .pill:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-sm, 0 2px 10px rgba(7,41,74,.06));\r\n border-color: var(--blue-300, #7cc0ee);\r\n background: var(--paper, #ffffff);\r\n }\r\n\r\n \/* ============================================================\r\n BANDEAU GARANTIE\r\n ============================================================ *\/\r\n .garantie-banner {\r\n background: var(--paper, #ffffff);\r\n border-radius: 24px;\r\n padding: 32px 45px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 25px;\r\n border: 1px solid var(--blue-100, #d6ebfb);\r\n box-shadow: var(--shadow-sm, 0 2px 10px rgba(7,41,74,.06));\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .garantie-banner:hover {\r\n box-shadow: var(--shadow-md, 0 18px 40px -16px rgba(7,41,74,.30));\r\n border-color: var(--blue-300, #7cc0ee);\r\n transform: translateY(-4px);\r\n }\r\n\r\n .garantie-banner::before {\r\n content: '';\r\n position: absolute;\r\n top: -30%;\r\n right: -5%;\r\n width: 35%;\r\n height: 160%;\r\n background: radial-gradient(ellipse, rgba(244, 166, 26, 0.06) 0%, transparent 60%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .garantie-text {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .garantie-text h4 {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 1.2rem;\r\n font-weight: 800;\r\n color: var(--blue-900, #07294a);\r\n }\r\n\r\n .garantie-text p {\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-size: 0.92rem;\r\n color: var(--slate, #48637d);\r\n }\r\n\r\n .garantie-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-weight: 700;\r\n font-size: 0.8rem;\r\n letter-spacing: 0.02em;\r\n text-decoration: none;\r\n padding: 0.8rem 2.2rem;\r\n border-radius: 3rem;\r\n transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n cursor: pointer;\r\n border: none;\r\n background: linear-gradient(135deg, var(--orange, #f4a61a) 0%, var(--orange-dark, #d98a0c) 100%);\r\n box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25);\r\n color: #ffffff !important;\r\n position: relative;\r\n z-index: 1;\r\n white-space: nowrap;\r\n text-decoration: none;\r\n }\r\n\r\n .garantie-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40);\r\n color: #ffffff !important;\r\n gap: 16px;\r\n }\r\n\r\n .garantie-btn .btn__icon {\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .garantie-btn:hover .btn__icon {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n @media (max-width: 1024px) {\r\n .ambition-section { padding: 80px 0; }\r\n .ambition-grid { gap: 25px; }\r\n .flip-card { height: 440px; }\r\n .flip-card-front,\r\n .flip-card-back { padding: 32px 26px; }\r\n .flip-card-front .number { font-size: 4rem; }\r\n .flip-card-front h3 { font-size: 1.4rem; }\r\n .flip-card-back .back-title { font-size: 1.2rem; }\r\n .flip-card-back .back-text { font-size: 0.88rem; }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .ambition-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n .garantie-banner {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 28px 32px;\r\n }\r\n .garantie-btn {\r\n white-space: normal;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n .flip-card { height: 420px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .ambition-section { padding: 60px 0; }\r\n .ambition-grid { \r\n grid-template-columns: 1fr; \r\n gap: 25px;\r\n max-width: 480px;\r\n margin: 0 auto 45px;\r\n }\r\n .ambition-title { font-size: 1.8rem; }\r\n .flip-card { height: 420px; }\r\n .flip-card-front,\r\n .flip-card-back { \r\n padding: 30px 26px; \r\n border-radius: 20px;\r\n }\r\n .flip-card-front .number { font-size: 3.5rem; }\r\n .flip-card-front h3 { font-size: 1.4rem; }\r\n .flip-card-front .subtitle { font-size: 0.95rem; }\r\n .flip-card-back .back-title { font-size: 1.2rem; }\r\n .flip-card-back .back-text { font-size: 0.92rem; }\r\n .flip-card-back .back-services .pill { font-size: 0.72rem; padding: 5px 16px; }\r\n .garantie-text h4 { font-size: 1rem; }\r\n .garantie-btn { padding: 0.7rem 1.6rem; font-size: 0.7rem; }\r\n .flip-card-back .back-close { display: none; }\r\n .garantie-banner { padding: 24px 20px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .ambition-section { padding: 40px 0; }\r\n .ambition-title { font-size: 1.5rem; }\r\n .ambition-subtitle { font-size: 0.9rem; }\r\n .flip-card { height: 400px; }\r\n .flip-card-front,\r\n .flip-card-back { \r\n padding: 24px 18px; \r\n border-radius: 18px;\r\n }\r\n .flip-card-front .number { font-size: 2.8rem; }\r\n .flip-card-front h3 { font-size: 1.15rem; }\r\n .flip-card-front .subtitle { font-size: 0.85rem; }\r\n .flip-card-front .flip-hint { font-size: 0.65rem; padding: 6px 16px; }\r\n .flip-card-back .back-title { font-size: 1rem; }\r\n .flip-card-back .back-text { font-size: 0.82rem; }\r\n .flip-card-back .back-services .pill { font-size: 0.6rem; padding: 4px 12px; }\r\n .flip-card-back .back-tag { font-size: 0.55rem; }\r\n .garantie-banner { padding: 18px 16px; border-radius: 18px; }\r\n .garantie-text h4 { font-size: 0.9rem; }\r\n .garantie-text p { font-size: 0.8rem; }\r\n .garantie-btn { padding: 0.6rem 1.4rem; font-size: 0.65rem; }\r\n }\r\n\r\n \/* Support du clic sur mobile + survol sur desktop *\/\r\n @media (hover: hover) {\r\n .flip-card:hover .flip-card-inner {\r\n transform: rotateY(180deg);\r\n }\r\n }\r\n\r\n @media (hover: none) {\r\n .flip-card.flipped .flip-card-inner {\r\n transform: rotateY(180deg);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n\r\n<section class=\"ambition-section\">\r\n\r\n \r\n <div class=\"ambition-section__contours\"><\/div>\r\n <div class=\"ambition-section__glow--gold\"><\/div>\r\n <div class=\"ambition-section__glow--blue\"><\/div>\r\n\r\n <div class=\"ambition-container\">\r\n\r\n \r\n \r\n \r\n <div class=\"ambition-header\">\r\n <div class=\"ambition-badge ambition-title-init\">\r\n <span class=\"dot\"><\/span>\r\n Notre vision\r\n <\/div>\r\n <h2 class=\"ambition-title ambition-title-init\">\r\n NOTRE <span class=\"accent\">AMBITION<\/span> & NOTRE <span class=\"accent\">SAVOIR-FAIRE<\/span>\r\n <\/h2>\r\n <p class=\"ambition-subtitle ambition-title-init\">\r\n Une approche centr\u00e9e sur vos besoins, des solutions fiables et une <strong>qualit\u00e9 garantie<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div class=\"ambition-grid\">\r\n\r\n \r\n <div class=\"flip-card ambition-card-init\" data-delay=\"0\">\r\n <div class=\"flip-card-inner\">\r\n \r\n <div class=\"flip-card-front\">\r\n <span class=\"number\">01<\/span>\r\n <h3>NOTRE <span class=\"accent\">AMBITION<\/span><\/h3>\r\n <p class=\"subtitle\">Comprendre vos besoins pour mieux vous servir<\/p>\r\n <span class=\"flip-hint\">\r\n En savoir plus \u2192\r\n <\/span>\r\n <\/div>\r\n \r\n <div class=\"flip-card-back\">\r\n <span class=\"back-close\">\u2190 Retour<\/span>\r\n <span class=\"back-tag\">Notre ambition<\/span>\r\n <div class=\"back-title\">NOTRE <span class=\"accent\">AMBITION<\/span><\/div>\r\n <p class=\"back-text\">Comprendre et r\u00e9pondre \u00e0 vos besoins pour r\u00e9soudre tous les soucis au niveau de vos canalisations.<\/p>\r\n <p class=\"back-text\">Nous offrons des <strong>services fiables<\/strong> et adapt\u00e9s \u00e0 chaque situation.<\/p>\r\n <div class=\"back-services\">\r\n <span class=\"pill\">D\u00e9bouchage canalisation<\/span>\r\n <span class=\"pill\">D\u00e9pannage pompe de relevage<\/span>\r\n <span class=\"pill\">Hydrocurage haute-pression<\/span>\r\n <span class=\"pill\">Curage canalisation<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flip-card ambition-card-init\" data-delay=\"1\">\r\n <div class=\"flip-card-inner\">\r\n \r\n <div class=\"flip-card-front\">\r\n <span class=\"number\">02<\/span>\r\n <h3>NOTRE <span class=\"accent\">SAVOIR-FAIRE<\/span><\/h3>\r\n <p class=\"subtitle\">Excellence technique et expertise terrain<\/p>\r\n <span class=\"flip-hint\">\r\n En savoir plus \u2192\r\n <\/span>\r\n <\/div>\r\n \r\n <div class=\"flip-card-back\">\r\n <span class=\"back-close\">\u2190 Retour<\/span>\r\n <span class=\"back-tag\">Notre savoir-faire<\/span>\r\n <div class=\"back-title\">NOTRE <span class=\"accent\">SAVOIR-FAIRE<\/span><\/div>\r\n <p class=\"back-text\">Notre entreprise, <strong>BT PLUS Intervention<\/strong>, s'\u00e9quipe de <strong>mat\u00e9riels professionnels<\/strong> de derni\u00e8re g\u00e9n\u00e9ration.<\/p>\r\n <p class=\"back-text\">Nos <strong>techniciens exp\u00e9riment\u00e9s<\/strong> ma\u00eetrisent parfaitement les travaux d'assainissement et de d\u00e9bouchage.<\/p>\r\n <div class=\"back-services\">\r\n <span class=\"pill\">Mat\u00e9riel de pointe<\/span>\r\n <span class=\"pill\">Techniciens agr\u00e9\u00e9s<\/span>\r\n <span class=\"pill\">Expertise reconnue<\/span>\r\n <span class=\"pill\">Savoir-faire terrain<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flip-card ambition-card-init\" data-delay=\"2\">\r\n <div class=\"flip-card-inner\">\r\n \r\n <div class=\"flip-card-front\">\r\n <span class=\"number\">03<\/span>\r\n <h3>NOS <span class=\"accent\">ENGAGEMENTS<\/span><\/h3>\r\n <p class=\"subtitle\">Qualit\u00e9 garantie et transparence totale<\/p>\r\n <span class=\"flip-hint\">\r\n En savoir plus \u2192\r\n <\/span>\r\n <\/div>\r\n \r\n <div class=\"flip-card-back\">\r\n <span class=\"back-close\">\u2190 Retour<\/span>\r\n <span class=\"back-tag\">Nos engagements<\/span>\r\n <div class=\"back-title\">NOS <span class=\"accent\">ENGAGEMENTS<\/span><\/div>\r\n <p class=\"back-text\">Nous garantissons le <strong>succ\u00e8s et la qualit\u00e9<\/strong> de nos interventions \u00e0 nos clients.<\/p>\r\n <p class=\"back-text\">Une <strong>transparence totale<\/strong> sur les tarifs et les d\u00e9lais, sans surprise ni frais cach\u00e9s.<\/p>\r\n <div class=\"back-services\">\r\n <span class=\"pill\">Qualit\u00e9 garantie<\/span>\r\n <span class=\"pill\">Devis gratuit<\/span>\r\n <span class=\"pill\">Sans engagement<\/span>\r\n <span class=\"pill\">Intervention 24h\/24<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div class=\"garantie-banner ambition-card-init\" data-delay=\"3\">\r\n <div class=\"garantie-text\">\r\n <h4>QUALIT\u00c9 ET SUCC\u00c8S GARANTIS<\/h4>\r\n <p>Une intervention r\u00e9ussie \u00e0 100% \u2013 Devis gratuit et sans engagement<\/p>\r\n <\/div>\r\n \r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/contact\/\" class=\"garantie-btn\">\r\n Demander un devis <span class=\"btn__icon\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n\r\n \/\/ Animation d'entr\u00e9e\r\n const titleElements = document.querySelectorAll('.ambition-badge-init, .ambition-title-init');\r\n titleElements.forEach(el => {\r\n const obs = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('animate-up');\r\n obs.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.2 });\r\n obs.observe(el);\r\n });\r\n\r\n const cards = document.querySelectorAll('.ambition-card-init');\r\n if (cards.length > 0) {\r\n const obs = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const delay = entry.target.getAttribute('data-delay') || '0';\r\n const delays = { '0': '0.1s', '1': '0.2s', '2': '0.3s', '3': '0.4s' };\r\n entry.target.style.animationDelay = delays[delay] || '0.2s';\r\n entry.target.classList.add('animate-up');\r\n obs.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.2 });\r\n cards.forEach(card => obs.observe(card));\r\n }\r\n\r\n \/\/ ==========================================================\r\n \/\/ GESTION DU FLIP\r\n \/\/ ==========================================================\r\n const flipCards = document.querySelectorAll('.flip-card');\r\n const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0;\r\n\r\n flipCards.forEach(card => {\r\n if (isTouchDevice) {\r\n card.addEventListener('click', function(e) {\r\n if (e.target.closest('a') || e.target.closest('.garantie-btn')) {\r\n return;\r\n }\r\n this.classList.toggle('flipped');\r\n });\r\n\r\n const backClose = card.querySelector('.back-close');\r\n if (backClose) {\r\n backClose.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n const parentCard = this.closest('.flip-card');\r\n if (parentCard) {\r\n parentCard.classList.remove('flipped');\r\n }\r\n });\r\n }\r\n } else {\r\n card.addEventListener('click', function(e) {\r\n if (e.target.closest('a') || e.target.closest('.garantie-btn')) {\r\n return;\r\n }\r\n this.classList.toggle('flipped');\r\n });\r\n\r\n const backClose = card.querySelector('.back-close');\r\n if (backClose) {\r\n backClose.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n const parentCard = this.closest('.flip-card');\r\n if (parentCard) {\r\n parentCard.classList.remove('flipped');\r\n }\r\n });\r\n }\r\n }\r\n });\r\n\r\n \/\/ R\u00e9initialiser les cartes retourn\u00e9es quand on quitte la section\r\n const section = document.querySelector('.ambition-section');\r\n if (section) {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (!entry.isIntersecting) {\r\n document.querySelectorAll('.flip-card.flipped').forEach(card => {\r\n card.classList.remove('flipped');\r\n });\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n observer.observe(section);\r\n }\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5d4004 e-con-full e-flex e-con e-parent\" data-id=\"e5d4004\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af1f7e2 elementor-widget elementor-widget-html\" data-id=\"af1f7e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>BT Plus \u2014 Notre \u00e9quipe<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 TIMELINE \u00c9QUIPE (Proposition 2)\r\n ============================================================ *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n background: #f5f7fa;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION TIMELINE\r\n ============================================================ *\/\r\n .btp-timeline {\r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Vague d\u00e9corative *\/\r\n .btp-timeline::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,80 600,0 900,40 C1050,60 1150,40 1200,40 L1200,80 L0,80 Z' fill='%23d6ebfb' opacity='0.3'\/%3E%3C\/svg%3E\") no-repeat bottom \/ 100% 100%;\r\n pointer-events: none;\r\n }\r\n\r\n .btp-timeline .container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* ============================================================\r\n ANIMATIONS\r\n ============================================================ *\/\r\n @keyframes fadeUp {\r\n 0% { opacity: 0; transform: translateY(30px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes slideLeft {\r\n 0% { opacity: 0; transform: translateX(-30px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n @keyframes slideRight {\r\n 0% { opacity: 0; transform: translateX(30px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n @keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n }\r\n\r\n .anim-up {\r\n animation: fadeUp 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .anim-left {\r\n animation: slideLeft 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .anim-right {\r\n animation: slideRight 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .init-hidden {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n .init-left {\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n }\r\n\r\n .init-right {\r\n opacity: 0;\r\n transform: translateX(30px);\r\n }\r\n\r\n \/* ============================================================\r\n HEADER\r\n ============================================================ *\/\r\n .btp-timeline .header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .btp-timeline .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .btp-timeline .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n }\r\n\r\n .btp-timeline .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n }\r\n\r\n .btp-timeline .title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-timeline .subtitle {\r\n font-size: 1.05rem;\r\n color: #48637d;\r\n max-width: 620px;\r\n margin: 12px auto 0;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ============================================================\r\n TIMELINE\r\n ============================================================ *\/\r\n .btp-timeline .timeline {\r\n position: relative;\r\n padding: 0 0 20px 0;\r\n }\r\n\r\n \/* Ligne verticale centrale *\/\r\n .btp-timeline .timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n bottom: 0;\r\n width: 3px;\r\n background: linear-gradient(180deg, #d6ebfb, #f4a61a, #d6ebfb);\r\n transform: translateX(-50%);\r\n border-radius: 99px;\r\n }\r\n\r\n \/* \u00c9l\u00e9ment de la timeline *\/\r\n .btp-timeline .step {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 50px;\r\n position: relative;\r\n }\r\n\r\n .btp-timeline .step:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* Contenu gauche *\/\r\n .btp-timeline .step .content-left {\r\n width: 50%;\r\n padding-right: 50px;\r\n text-align: right;\r\n }\r\n\r\n \/* Contenu droite *\/\r\n .btp-timeline .step .content-right {\r\n width: 50%;\r\n padding-left: 50px;\r\n text-align: left;\r\n }\r\n\r\n \/* Point central *\/\r\n .btp-timeline .step .dot-wrap {\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: #fff;\r\n border: 3px solid #f4a61a;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 16px rgba(244, 166, 26, 0.15);\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.7rem;\r\n font-weight: 800;\r\n color: #f4a61a;\r\n }\r\n\r\n \/* Photo de profil *\/\r\n .btp-timeline .step .avatar {\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n border: 3px solid #fff;\r\n box-shadow: 0 4px 16px rgba(7, 41, 74, 0.10);\r\n flex-shrink: 0;\r\n margin: 0 auto 10px;\r\n }\r\n\r\n .btp-timeline .step .content-left .avatar {\r\n margin-left: auto;\r\n margin-right: 0;\r\n }\r\n\r\n .btp-timeline .step .content-right .avatar {\r\n margin-right: auto;\r\n margin-left: 0;\r\n }\r\n\r\n .btp-timeline .step .avatar img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n \/* Nom *\/\r\n .btp-timeline .step .step-name {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n margin-bottom: 2px;\r\n }\r\n\r\n \/* R\u00f4le *\/\r\n .btp-timeline .step .step-role {\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: #f4a61a;\r\n margin-bottom: 6px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n \/* Description *\/\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.9rem;\r\n color: #48637d;\r\n line-height: 1.6;\r\n }\r\n\r\n .btp-timeline .step .step-desc strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Badge exp\u00e9rience *\/\r\n .btp-timeline .step .step-exp {\r\n display: inline-block;\r\n margin-top: 8px;\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n color: #fff;\r\n background: linear-gradient(135deg, #f4a61a, #d98a0c);\r\n padding: 3px 14px;\r\n border-radius: 999px;\r\n letter-spacing: 0.04em;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n @media (max-width: 992px) {\r\n .btp-timeline .container {\r\n padding: 0 30px;\r\n }\r\n\r\n .btp-timeline .timeline::before {\r\n left: 24px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap {\r\n left: 24px;\r\n width: 40px;\r\n height: 40px;\r\n top: 28px;\r\n transform: translate(-50%, 0);\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .step .content-left,\r\n .btp-timeline .step .content-right {\r\n width: 100%;\r\n padding-left: 60px;\r\n padding-right: 0;\r\n text-align: left;\r\n }\r\n\r\n .btp-timeline .step .content-left .avatar {\r\n margin-left: 0;\r\n margin-right: 0;\r\n }\r\n\r\n .btp-timeline .step .content-right .avatar {\r\n margin-left: 0;\r\n margin-right: 0;\r\n }\r\n\r\n .btp-timeline .step .step-name {\r\n font-size: 1.05rem;\r\n }\r\n\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .btp-timeline .step .avatar {\r\n width: 56px;\r\n height: 56px;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-timeline {\r\n padding: 60px 0 80px;\r\n }\r\n\r\n .btp-timeline .container {\r\n padding: 0 20px;\r\n }\r\n\r\n .btp-timeline .timeline::before {\r\n left: 16px;\r\n }\r\n\r\n .btp-timeline .step {\r\n margin-bottom: 35px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap {\r\n left: 16px;\r\n width: 34px;\r\n height: 34px;\r\n top: 22px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-size: 0.5rem;\r\n }\r\n\r\n .btp-timeline .step .content-left,\r\n .btp-timeline .step .content-right {\r\n padding-left: 48px;\r\n }\r\n\r\n .btp-timeline .step .step-name {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .btp-timeline .step .step-role {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .btp-timeline .step .avatar {\r\n width: 48px;\r\n height: 48px;\r\n }\r\n\r\n .btp-timeline .step .step-exp {\r\n font-size: 0.6rem;\r\n padding: 2px 10px;\r\n }\r\n }\r\n\r\n \/* ============================================================\r\n R\u00c9V\u00c9LATION\r\n ============================================================ *\/\r\n .btp-timeline .rv {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.6s ease, transform 0.6s ease;\r\n }\r\n\r\n .btp-timeline .rv.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .btp-timeline .rv {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"btp-timeline\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"header\">\r\n <span class=\"pill init-hidden\">\r\n <span class=\"dot\"><\/span>\r\n Notre \u00e9quipe\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n D\u00e9couvrez nos <span>experts<\/span>\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n Des techniciens qualifi\u00e9s \u00e0 votre service 24h\/24, 7j\/7 dans toute l'\u00cele-de-France\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline\">\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"avatar\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/Capture-decran-2026-06-09-134701.png\" \r\n alt=\"Thomas Martin\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"step-name\">Thomas Martin<\/div>\r\n <div class=\"step-role\">Technicien D\u00e9bouchage<\/div>\r\n <div class=\"step-desc\">\r\n Sp\u00e9cialiste des <strong>interventions d'urgence<\/strong> et du curage haute pression.\r\n Il intervient rapidement pour r\u00e9tablir l'\u00e9coulement de vos canalisations.\r\n <\/div>\r\n <span class=\"step-exp\">8 ans d'exp\u00e9rience<\/span>\r\n <\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">1<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\"><\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">2<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\">\r\n <div class=\"avatar\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/Capture-decran-2026-06-09-134552.png\" \r\n alt=\"Julien Dubois\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"step-name\">Julien Dubois<\/div>\r\n <div class=\"step-role\">Inspecteur Cam\u00e9ra<\/div>\r\n <div class=\"step-desc\">\r\n Expert en <strong>diagnostic vid\u00e9o<\/strong> et recherche de fuites.\r\n Il utilise la cam\u00e9ra d'inspection pour localiser pr\u00e9cis\u00e9ment les anomalies.\r\n <\/div>\r\n <span class=\"step-exp\">6 ans d'exp\u00e9rience<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"avatar\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/Capture-decran-2026-06-09-134628.png\" \r\n alt=\"Nicolas Bernard\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"step-name\">Nicolas Bernard<\/div>\r\n <div class=\"step-role\">Sp\u00e9cialiste Pompage<\/div>\r\n <div class=\"step-desc\">\r\n Intervention rapide pour <strong>pompage toutes eaux<\/strong> et relevage.\r\n Il assure la vidange et l'entretien de vos installations.\r\n <\/div>\r\n <span class=\"step-exp\">10 ans d'exp\u00e9rience<\/span>\r\n <\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">3<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\"><\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">4<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\">\r\n <div class=\"avatar\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/Capture-decran-2026-06-09-134701.png\" \r\n alt=\"David Moreau\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"step-name\">David Moreau<\/div>\r\n <div class=\"step-role\">Technicien Nuit<\/div>\r\n <div class=\"step-desc\">\r\n Sp\u00e9cialis\u00e9 dans les <strong>interventions nocturnes<\/strong> et week-ends.\r\n Il est disponible pour vos urgences en dehors des heures ouvrables.\r\n <\/div>\r\n <span class=\"step-exp\">5 ans d'exp\u00e9rience<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"avatar\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/Capture-decran-2026-06-09-134552.png\" \r\n alt=\"Sofiane Lefevre\"\r\n loading=\"lazy\">\r\n <\/div>\r\n <div class=\"step-name\">Sofiane Lefevre<\/div>\r\n <div class=\"step-role\">Maintenance Pr\u00e9ventive<\/div>\r\n <div class=\"step-desc\">\r\n Expert en <strong>entretien r\u00e9gulier<\/strong> et pr\u00e9vention des canalisations.\r\n Il assure la durabilit\u00e9 de vos r\u00e9seaux d'assainissement.\r\n <\/div>\r\n <span class=\"step-exp\">7 ans d'exp\u00e9rience<\/span>\r\n <\/div>\r\n <div class=\"dot-wrap\" style=\"border-color: #10b981; background: #10b981;\">\r\n <span class=\"step-num\" style=\"color: #fff;\">5<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n\r\n const elements = document.querySelectorAll('.init-hidden, .init-left, .init-right');\r\n\r\n if (elements.length > 0) {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n if (entry.target.classList.contains('init-hidden')) {\r\n entry.target.classList.add('anim-up');\r\n } else if (entry.target.classList.contains('init-left')) {\r\n entry.target.classList.add('anim-left');\r\n } else if (entry.target.classList.contains('init-right')) {\r\n entry.target.classList.add('anim-right');\r\n }\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.15,\r\n rootMargin: '0px 0px -40px 0px'\r\n });\r\n\r\n elements.forEach(el => observer.observe(el));\r\n }\r\n\r\n \/\/ Fallback images\r\n document.querySelectorAll('img').forEach(img => {\r\n img.addEventListener('error', function() {\r\n if (!this.hasAttribute('data-fallback')) {\r\n this.setAttribute('data-fallback', 'true');\r\n this.src = 'data:image\/svg+xml,%3Csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"200\" height=\"200\"%3E%3Crect fill=\"%2307294a\" width=\"200\" height=\"200\"\/%3E%3Ctext x=\"100\" y=\"100\" text-anchor=\"middle\" font-family=\"Sora\" font-size=\"24\" fill=\"%23f4a61a\"%3EBT%3C\/text%3E%3C\/svg%3E';\r\n }\r\n });\r\n });\r\n\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e4dd5d e-con-full e-flex e-con e-parent\" data-id=\"3e4dd5d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20f8d38 elementor-widget elementor-widget-html\" data-id=\"20f8d38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n\/* ============================================\r\n RESET & BASE (pr\u00e9fix\u00e9 bt-)\r\n ============================================ *\/\r\n.bt-avis * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n.bt-avis {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #ffffff;\r\n color: #0a1a2b;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* ============================================\r\n SECTION\r\n ============================================ *\/\r\n.bt-avis__section {\r\n padding: 4rem 5% 4rem;\r\n background: #ffffff;\r\n position: relative;\r\n}\r\n\r\n.bt-avis__container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n width: 100%;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n\/* ============================================\r\n EN-T\u00caTE (titre uniquement)\r\n ============================================ *\/\r\n.bt-avis__header {\r\n text-align: center;\r\n max-width: 780px;\r\n margin: 0 auto 1.5rem;\r\n}\r\n\r\n.bt-avis__title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(2rem, 3.6vw, 3.2rem);\r\n letter-spacing: -0.03em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n margin-bottom: 0.8rem;\r\n}\r\n\r\n.bt-avis__title .highlight {\r\n background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n\r\n\/* ============================================\r\n NOTE MOYENNE\r\n ============================================ *\/\r\n.bt-avis__rating {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 2rem;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.bt-avis__rating-score {\r\n display: flex;\r\n align-items: baseline;\r\n gap: 0.3rem;\r\n}\r\n\r\n.bt-avis__rating-number {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: 2.8rem;\r\n color: #f4a61a;\r\n line-height: 1;\r\n}\r\n\r\n.bt-avis__rating-total {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 500;\r\n font-size: 1rem;\r\n color: #6b7f94;\r\n}\r\n\r\n.bt-avis__rating-stars {\r\n font-size: 1.2rem;\r\n color: #f4a61a;\r\n letter-spacing: 0.1rem;\r\n}\r\n\r\n.bt-avis__rating-count {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 400;\r\n font-size: 0.9rem;\r\n color: #6b7f94;\r\n}\r\n\r\n.bt-avis__rating-count strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n}\r\n\r\n\/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n@media (max-width: 768px) {\r\n .bt-avis__section {\r\n padding: 3rem 1.5rem;\r\n }\r\n\r\n .bt-avis__rating {\r\n flex-direction: column;\r\n gap: 0.8rem;\r\n }\r\n\r\n .bt-avis__rating-number {\r\n font-size: 2.4rem;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .bt-avis__rating-stars {\r\n font-size: 1rem;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"bt-avis\">\r\n <section class=\"bt-avis__section\">\r\n <div class=\"bt-avis__container\">\r\n\r\n \r\n <div class=\"bt-avis__header\">\r\n <h2 class=\"bt-avis__title\">\r\n Ce que nos clients <span class=\"highlight\">disent de nous<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-avis__rating\">\r\n <div class=\"bt-avis__rating-score\">\r\n <span class=\"bt-avis__rating-number\">5<\/span>\r\n <span class=\"bt-avis__rating-total\">\/5<\/span>\r\n <\/div>\r\n <div class=\"bt-avis__rating-stars\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <div class=\"bt-avis__rating-count\">\r\n <strong>40+<\/strong> avis v\u00e9rifi\u00e9s\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e83dc87 e-flex e-con-boxed e-con e-parent\" data-id=\"e83dc87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-768a119 elementor-widget elementor-widget-shortcode\" data-id=\"768a119\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><link data-noptimize=\"1\" data-no-optimize=\"1\" data-no-minify=\"1\" data-no-defer=\"1\" rel='stylesheet' id='trustindex-google-widget-css' href='https:\/\/sci-bme.fr\/wp-content\/uploads\/trustindex-google-widget.css?ver=1787125415' media='all' \/>\n<div class=\" ti-widget ti-goog ti-review-text-mode-readmore ti-content-align-center\" data-no-translation=\"true\" data-time-locale=\"il y a %d %s|aujourd'hui|jour|jours|semaine|semaines|mois|mois|ann\u00e9e|ans\" data-plugin-version=\"14.0\" data-layout-id=\"36\" data-layout-category=\"slider\" data-set-id=\"drop-shadow\" data-pid=\"\" data-language=\"fr\" data-close-locale=\"Fermer\" data-review-target-width=\"300\" data-css-version=\"2\" data-reply-by-locale=\"R\u00e9ponse du propri\u00e9taire\" data-only-rating-locale=\"Cet utilisateur a uniquement laiss\u00e9 une \u00e9valuation.\" data-pager-autoplay-timeout=\"6\"> <div class=\"ti-widget-container ti-col-3\"> <div class=\"ti-reviews-container\"> <div class=\"ti-controls\"> <div class=\"ti-next\" aria-label=\"Avis suivante\" role=\"button\" tabindex=\"0\"><\/div> <div class=\"ti-prev\" aria-label=\"Avis pr\u00e9c\u00e9dent\" role=\"button\" tabindex=\"0\"><\/div> <\/div> <div class=\"ti-reviews-container-wrapper\"> <div data-empty=\"0\" data-time=\"1761177600\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjWigq9n8JbfCJlGwDZxVqkiuwbyUjJ3aAe8kWGCqwsKt7TKoCff=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjWigq9n8JbfCJlGwDZxVqkiuwbyUjJ3aAe8kWGCqwsKt7TKoCff=w128-h128-c-rp-mo-br100 2x\" alt=\"Math\u00e9o Chabot profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Math\u00e9o Chabot <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">D\u00e9bouchage de canalisation rapide \u00e0 Saint-Denis. R\u00e9ponse imm\u00e9diate, technicien comp\u00e9tent et r\u00e9sultat garanti. Excellent service.<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1751760000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLZ46aB-SXHcTxO1bYQT1OQqlXWRWnpHcndljtkKm8_0w6qXA=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLZ46aB-SXHcTxO1bYQT1OQqlXWRWnpHcndljtkKm8_0w6qXA=w128-h128-c-rp-mo-br100 2x\" alt=\"ahmed el profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> ahmed el <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">Saint-Denis : gal\u00e8re d\u2019eaux us\u00e9es. Merci pour le d\u00e9gorgement express ! \u00c7a coule, \u00e7a sent bon, vous assurez grave.<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1749513600\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJ2QwcwExKB7zzaY3OMWtOoERHvaZSak3YgM9Q8xhsPa5euQg=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJ2QwcwExKB7zzaY3OMWtOoERHvaZSak3YgM9Q8xhsPa5euQg=w128-h128-c-rp-mo-br100 2x\" alt=\"Fanny Aversenq profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Fanny Aversenq <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">Tr\u00e8s professionnel, rapide et efficace. Je recommande +++++<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1710806400\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUGbC-e_xSwP0JZk9hJ4LW5M9Z0IYei6Bph_Ju9w9vQBr-jckOO=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUGbC-e_xSwP0JZk9hJ4LW5M9Z0IYei6Bph_Ju9w9vQBr-jckOO=w128-h128-c-rp-mo-br100 2x\" alt=\"Emile Leroy profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Emile Leroy <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">Excellente prestation, rapide et tr\u00e8s professionnelle. Entreprise \u00e0 recommander.<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1677110400\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocIihCNNZkrmE0HfqFEdxdqAZ3faPN2xehM5fF6OVj2FgIZ-FA=w64-h64-c-rp-mo-ba12-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocIihCNNZkrmE0HfqFEdxdqAZ3faPN2xehM5fF6OVj2FgIZ-FA=w128-h128-c-rp-mo-ba12-br100 2x\" alt=\"Mathilde Brosko profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Mathilde Brosko <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">Excellent service !<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1649808000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjVdj-C7IM5Ewpi9zhZH2ZxIUWHPD8oH3FCfSCh1OcQuxZFli8vI=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjVdj-C7IM5Ewpi9zhZH2ZxIUWHPD8oH3FCfSCh1OcQuxZFli8vI=w128-h128-c-rp-mo-br100 2x\" alt=\"Ashh_ profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Ashh_ <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">Soci\u00e9t\u00e9 d'assainissement fiable et efficace et s\u00e9rieuse<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1649808000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJKA1deMTYbjufKeAMz9VhOWExBrshpnUvpfMXz1rzhboa4Yw=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJKA1deMTYbjufKeAMz9VhOWExBrshpnUvpfMXz1rzhboa4Yw=w128-h128-c-rp-mo-br100 2x\" alt=\"Ilyes Sulleiro profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Ilyes Sulleiro <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">La meilleure strat\u00e9gie pour le curage de canalisation, une formidable expertise technique non destructive !<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1649808000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUpg_LWzku7PA1HC7N0C4X9BVu3CulOjMcNezQX3tqRLBqKsPCb=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUpg_LWzku7PA1HC7N0C4X9BVu3CulOjMcNezQX3tqRLBqKsPCb=w128-h128-c-rp-mo-br100 2x\" alt=\"Tom Jullien profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Tom Jullien <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">Merci merci merci ! Un week-end sauv\u00e9 gr\u00e2ce au camion hydrocureur !<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1649808000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjWCqF2HbX1DOYESbbFSJcLsspCcN0TdrQB5cosBj2Gbr1Y1b6Ko=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjWCqF2HbX1DOYESbbFSJcLsspCcN0TdrQB5cosBj2Gbr1Y1b6Ko=w128-h128-c-rp-mo-br100 2x\" alt=\"Alex Ytb profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Alex Ytb <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">Les meilleurs pour le d\u00e9gorgements de canalisation dans le 93, des techniciens au top !<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <div data-empty=\"0\" data-time=\"1649721600\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXCdfu0bsDNYKZmFbzAdzFT0QSA6LUyfSW_nRo5T7ZWJCR1BPzX=w64-h64-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXCdfu0bsDNYKZmFbzAdzFT0QSA6LUyfSW_nRo5T7ZWJCR1BPzX=w128-h128-c-rp-mo-br100 2x\" alt=\"Zico profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Zico <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex v\u00e9rifie que la source originale de l'avis est Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\">Un passage cam\u00e9ra dans le cadre d'un diagnostic d'assainissement qui nous a \u00e9t\u00e9 offert par bt plus pour rattraper les b\u00eatises d'une soci\u00e9t\u00e9 incomp\u00e9tente !<\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Cacher\" data-open-text=\"Lire la suite\"><\/span> <\/div> <\/div> <\/div> <div class=\"ti-controls-line\"> <div class=\"dot\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a7de8a1 e-con-full e-flex e-con e-parent\" data-id=\"a7de8a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6b2d23 elementor-widget elementor-widget-html\" data-id=\"c6b2d23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>BT Plus \u2014 Nos partenaires<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n <style>\r\n \/* ============================================\r\n RESET & BASE\r\n ============================================ *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #ffffff;\r\n color: #0a1a2b;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ============================================\r\n SECTION PARTENAIRES\r\n ============================================ *\/\r\n .partenaires {\r\n padding: 5rem 5% 6rem;\r\n background: #ffffff;\r\n position: relative;\r\n }\r\n\r\n .partenaires__container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n width: 100%;\r\n position: relative;\r\n z-index: 1;\r\n text-align: center;\r\n }\r\n\r\n \/* ============================================\r\n EN-T\u00caTE\r\n ============================================ *\/\r\n .partenaires__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n padding: 0.4rem 1.4rem 0.4rem 1rem;\r\n border-radius: 2rem;\r\n background: rgba(28, 126, 201, 0.07);\r\n color: #1c7ec9;\r\n border: 1px solid rgba(28, 126, 201, 0.12);\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .partenaires__badge .dot {\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: #1c7ec9;\r\n animation: pulseDot 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulseDot {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.3; transform: scale(0.6); }\r\n }\r\n\r\n .partenaires__title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(2rem, 3.6vw, 3.2rem);\r\n letter-spacing: -0.03em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .partenaires__title .highlight {\r\n background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .partenaires__subtitle {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.1vw, 1.15rem);\r\n color: #6b7f94;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n \/* ============================================\r\n GRILLE DES LOGOS - CARTES BLANCHES\r\n ============================================ *\/\r\n .partenaires__grid-wrapper {\r\n background: #f8fafc;\r\n border-radius: 24px;\r\n padding: 2.5rem 2rem;\r\n border: 1px solid #eef2f6;\r\n box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04);\r\n transition: all 0.4s ease;\r\n position: relative;\r\n }\r\n\r\n .partenaires__grid-wrapper:hover {\r\n box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08);\r\n border-color: #d6ebfb;\r\n }\r\n\r\n .partenaires__grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 2.5rem;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .partenaires__card {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n padding: 1.5rem 2.5rem;\r\n min-width: 180px;\r\n height: 110px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid #eef2f6;\r\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n cursor: default;\r\n position: relative;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03);\r\n }\r\n\r\n .partenaires__card:hover {\r\n transform: translateY(-6px);\r\n border-color: #1c7ec9;\r\n box-shadow: 0 20px 50px -12px rgba(7, 41, 74, 0.12);\r\n }\r\n\r\n .partenaires__card img {\r\n max-height: 60px;\r\n width: auto;\r\n max-width: 160px;\r\n display: block;\r\n object-fit: contain;\r\n filter: grayscale(100%);\r\n opacity: 0.5;\r\n transition: all 0.5s ease;\r\n }\r\n\r\n .partenaires__card:hover img {\r\n filter: grayscale(0%);\r\n opacity: 1;\r\n }\r\n\r\n .partenaires__card .fallback {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n color: #6b7f94;\r\n display: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .partenaires__card:hover .fallback {\r\n color: #1c7ec9;\r\n }\r\n\r\n \/* ============================================\r\n FOOTER\r\n ============================================ *\/\r\n .partenaires__footer {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 500;\r\n font-size: 0.9rem;\r\n color: #6b7f94;\r\n margin-top: 1.5rem;\r\n padding-top: 2rem;\r\n border-top: 1px solid #eef2f6;\r\n }\r\n\r\n .partenaires__footer strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================\r\n ANIMATIONS\r\n ============================================ *\/\r\n .partenaires__card {\r\n opacity: 0;\r\n animation: fadeInUp 0.6s ease-out forwards;\r\n }\r\n\r\n .partenaires__card:nth-child(1) { animation-delay: 0.05s; }\r\n .partenaires__card:nth-child(2) { animation-delay: 0.10s; }\r\n .partenaires__card:nth-child(3) { animation-delay: 0.15s; }\r\n\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .partenaires__card {\r\n opacity: 1;\r\n animation: none;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media (max-width: 992px) {\r\n .partenaires__grid {\r\n gap: 1.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .partenaires {\r\n padding: 3.5rem 1.5rem 4rem;\r\n }\r\n\r\n .partenaires__grid-wrapper {\r\n padding: 1.5rem 1rem;\r\n border-radius: 16px;\r\n }\r\n\r\n .partenaires__grid {\r\n gap: 1.2rem;\r\n }\r\n\r\n .partenaires__card {\r\n min-width: 140px;\r\n height: 90px;\r\n padding: 1rem 1.5rem;\r\n }\r\n\r\n .partenaires__card img {\r\n max-height: 45px;\r\n max-width: 120px;\r\n }\r\n\r\n .partenaires__card .fallback {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .partenaires__footer {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .partenaires__grid-wrapper {\r\n padding: 1rem 0.8rem;\r\n }\r\n\r\n .partenaires__grid {\r\n gap: 1rem;\r\n }\r\n\r\n .partenaires__card {\r\n min-width: 120px;\r\n height: 80px;\r\n padding: 0.8rem 1rem;\r\n border-radius: 16px;\r\n }\r\n\r\n .partenaires__card img {\r\n max-height: 38px;\r\n max-width: 100px;\r\n }\r\n\r\n .partenaires__card .fallback {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"partenaires\">\r\n <div class=\"partenaires__container\">\r\n\r\n \r\n <div class=\"partenaires__badge\">\r\n <span class=\"dot\"><\/span>\r\n Ils nous font confiance\r\n <\/div>\r\n\r\n <h2 class=\"partenaires__title\">\r\n Nos <span class=\"highlight\">partenaires<\/span>\r\n <\/h2>\r\n <p class=\"partenaires__subtitle\">\r\n Des enseignes et professionnels de l'immobilier qui nous recommandent chaque annee.\r\n <\/p>\r\n\r\n \r\n <div class=\"partenaires__grid-wrapper\">\r\n\r\n <div class=\"partenaires__grid\">\r\n\r\n \r\n <div class=\"partenaires__card\">\r\n <img decoding=\"async\" class=\"logo-img\" \r\n src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/CITYA2021.png\" \r\n alt=\"CITYA immobilier\"\r\n onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\" \/>\r\n <span class=\"fallback\">CITYA<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"partenaires__card\">\r\n <img decoding=\"async\" class=\"logo-img\" \r\n src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/Tricycle-Environnement-Clients-Foncia.png\" \r\n alt=\"FONCIA\"\r\n onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\" \/>\r\n <span class=\"fallback\">FONCIA<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"partenaires__card\">\r\n <img decoding=\"async\" class=\"logo-img\" \r\n src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/6017c756d5030_orpi_logo_rvb.jpg\" \r\n alt=\"ORPI\"\r\n onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\" \/>\r\n <span class=\"fallback\">ORPI<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <p class=\"partenaires__footer\">\r\n <strong>+50 coproprietes<\/strong> et professionnels de l'immobilier nous font confiance en Ile-de-France\r\n <\/p>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script>\r\n \/\/ ============================================\r\n \/\/ GESTION DU FALLBACK DES IMAGES\r\n \/\/ ============================================\r\n document.addEventListener('DOMContentLoaded', function() {\r\n document.querySelectorAll('.logo-img').forEach(img => {\r\n img.addEventListener('error', function() {\r\n this.style.display = 'none';\r\n const fallback = this.nextElementSibling;\r\n if (fallback && fallback.classList.contains('fallback')) {\r\n fallback.style.display = 'block';\r\n }\r\n });\r\n });\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b475326 e-con-full e-flex e-con e-parent\" data-id=\"b475326\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d42e162 elementor-widget elementor-widget-html\" data-id=\"d42e162\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n.contact { padding: 5rem 5% 6rem; position: relative; min-height: 100vh; display: flex; align-items: center;\r\n background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%), linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden; box-sizing: border-box; }\r\n.contact *, .contact *::before, .contact *::after { box-sizing: border-box; }\r\n.contact__waves { position: absolute; left: 0; right: 0; bottom: 0; line-height: 0; z-index: 0; pointer-events: none; }\r\n.contact__waves svg { display: block; width: 100%; height: 80px; }\r\n.contact__waves .wave-back use { animation: wavemove 11s linear infinite; opacity: 0.55; }\r\n.contact__waves .wave-mid use { animation: wavemove 8s linear infinite reverse; opacity: 0.8; }\r\n.contact__waves .wave-front use { animation: wavemove 6s linear infinite; }\r\n@keyframes wavemove { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n.contact__container { max-width: 1280px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\r\n.contact__header { text-align: center; max-width: 780px; margin: 0 auto 3.5rem; }\r\n.contact__badge { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.4rem 1.4rem 0.4rem 1rem; border-radius: 2rem; background: rgba(28, 126, 201, 0.07); color: #1c7ec9; border: 1px solid rgba(28, 126, 201, 0.12); margin-bottom: 1.2rem; }\r\n.contact__badge .dot { width: 6px; height: 6px; border-radius: 50%; background: #1c7ec9; animation: pulseDot 2s ease-in-out infinite; }\r\n@keyframes pulseDot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.6); } }\r\n.contact__title { font-family: 'Sora', sans-serif; font-weight: 800; font-size: clamp(2rem, 3.6vw, 3.2rem); letter-spacing: -0.03em; color: #07294a; line-height: 1.1; margin-bottom: 0.8rem; }\r\n.contact__title .highlight { background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n.contact__subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: clamp(1rem, 1.1vw, 1.15rem); color: #6b7f94; max-width: 600px; margin: 0 auto; line-height: 1.7; }\r\n.contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }\r\n.contact__form { background: #ffffff; border-radius: 24px; padding: 2.5rem; border: 1px solid #eef2f6; box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04); transition: all 0.4s ease; position: relative; }\r\n.contact__form:hover { box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08); border-color: #d6ebfb; }\r\n.contact__form-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 1.3rem; color: #07294a; margin-bottom: 0.3rem; }\r\n.contact__form-subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; margin-bottom: 1.5rem; }\r\n.contact__form-group { margin-bottom: 1.2rem; }\r\n.contact__form-group label { display: block; font-family: 'Sora', sans-serif; font-weight: 600; font-size: 0.7rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.3rem; }\r\n.contact__form-group label .required { color: #dc2626; }\r\n.contact__form-group input, .contact__form-group select, .contact__form-group textarea { width: 100%; padding: 0.8rem 1rem; border-radius: 12px; border: 1px solid #eef2f6; background: #f8fafc; font-family: 'Inter', sans-serif; font-size: 0.9rem; color: #07294a; transition: all 0.3s ease; outline: none; }\r\n.contact__form-group input:focus, .contact__form-group select:focus, .contact__form-group textarea:focus { border-color: #1c7ec9; background: #ffffff; box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06); }\r\n.contact__form-group input::placeholder, .contact__form-group textarea::placeholder { color: #b0c0d0; }\r\n.contact__form-group select option { background: #ffffff; color: #07294a; }\r\n.contact__form-group textarea { resize: vertical; min-height: 100px; }\r\n.contact__form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n.contact__form-group--file { position: relative; }\r\n.contact__form-group--file .file-drop-zone { border: 2px dashed #eef2f6; border-radius: 12px; padding: 1.5rem 1rem; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #f8fafc; }\r\n.contact__form-group--file .file-drop-zone:hover { border-color: #1c7ec9; background: #eef6fc; }\r\n.contact__form-group--file .file-drop-zone.dragover { border-color: #f4a61a; background: rgba(244, 166, 26, 0.04); }\r\n.contact__form-group--file .file-drop-zone i { font-size: 2rem; color: #1c7ec9; display: block; margin-bottom: 0.5rem; }\r\n.contact__form-group--file .file-drop-zone p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.85rem; color: #6b7f94; margin: 0; }\r\n.contact__form-group--file .file-drop-zone .file-types { font-size: 0.7rem; color: #b0c0d0; margin-top: 0.3rem; }\r\n.contact__form-group--file input[type=\"file\"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }\r\n.contact__form-group--file .file-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }\r\n.contact__form-group--file .file-item { display: inline-flex; align-items: center; gap: 0.5rem; background: #eef6fc; padding: 0.3rem 0.8rem 0.3rem 0.6rem; border-radius: 20px; font-family: 'Inter', sans-serif; font-size: 0.75rem; color: #1c7ec9; border: 1px solid #d6ebfb; }\r\n.contact__form-group--file .file-item i { font-size: 0.8rem; color: #1c7ec9; }\r\n.contact__form-group--file .file-item .file-remove { cursor: pointer; color: #6b7f94; transition: color 0.3s ease; font-size: 0.7rem; }\r\n.contact__form-group--file .file-item .file-remove:hover { color: #dc2626; }\r\n\r\n\/* ---- Consentement RGPD ---- *\/\r\n.contact__consent { display: flex; align-items: flex-start; gap: 0.7rem; margin-bottom: 1.5rem; }\r\n.contact__consent input[type=\"checkbox\"] { width: 18px; height: 18px; min-width: 18px; margin-top: 0.15rem; accent-color: #1c7ec9; cursor: pointer; flex-shrink: 0; }\r\n.contact__consent label { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.8rem; line-height: 1.5; color: #6b7f94; text-transform: none; letter-spacing: 0; margin-bottom: 0; cursor: pointer; }\r\n.contact__consent label .required { color: #dc2626; }\r\n.contact__consent label a { color: #1c7ec9; text-decoration: underline; }\r\n.contact__consent label a:hover { color: #07294a; }\r\n\r\n.btn--contact { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.02em; text-decoration: none; padding: 0.9rem 2.4rem; border-radius: 3rem; transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; border: none; text-align: center; background: linear-gradient(135deg, #f4a61a 0%, #e0960e 100%); box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25); color: #07294a; width: 100%; }\r\n.btn--contact:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40); color: #07294a; }\r\n.btn--contact .btn__icon { transition: transform 0.3s ease; }\r\n.btn--contact:hover .btn__icon { transform: translateX(4px); }\r\n.contact__info { display: flex; flex-direction: column; gap: 1.2rem; }\r\n.contact__info-card { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; transition: all 0.4s ease; display: flex; align-items: center; gap: 1.2rem; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); }\r\n.contact__info-card:hover { transform: translateX(6px); border-color: #1c7ec9; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.08); }\r\n.contact__info-icon { width: 50px; height: 50px; border-radius: 14px; background: #f0f4f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s ease; }\r\n.contact__info-card:hover .contact__info-icon { background: #eef6fc; }\r\n.contact__info-icon i { font-size: 1.3rem; color: #1c7ec9; }\r\n.contact__info-content h4 { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #07294a; margin-bottom: 0.1rem; }\r\n.contact__info-content p, .contact__info-content a { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; text-decoration: none; transition: color 0.3s ease; }\r\n.contact__info-content a:hover { color: #1c7ec9; }\r\n.contact__hours { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); transition: all 0.4s ease; }\r\n.contact__hours:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__hours-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.8rem; }\r\n.contact__hours-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem 1rem; }\r\n.contact__hours-day { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #6b7f94; }\r\n.contact__hours-time { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #07294a; text-align: right; }\r\n.contact__hours-time .urgent { color: #1c7ec9; font-weight: 700; }\r\n.contact__map { border-radius: 16px; overflow: hidden; border: 1px solid #eef2f6; height: 200px; background: #f8fafc; transition: all 0.4s ease; }\r\n.contact__map:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__map iframe { width: 100%; height: 100%; border: none; }\r\n@media (max-width: 992px) {\r\n .contact__grid { grid-template-columns: 1fr; gap: 2rem; }\r\n .contact__form { padding: 2rem; }\r\n .contact__info { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; }\r\n .contact__map { height: 180px; }\r\n}\r\n@media (max-width: 768px) {\r\n .contact { padding: 3.5rem 1.5rem 4rem; min-height: auto; }\r\n .contact__form { padding: 1.5rem; border-radius: 16px; }\r\n .contact__form-row { grid-template-columns: 1fr; gap: 0; }\r\n .contact__info { grid-template-columns: 1fr; gap: 1rem; }\r\n .contact__info-card { padding: 1.2rem 1.5rem; }\r\n .contact__hours { padding: 1.2rem 1.5rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; gap: 0.3rem 0.8rem; }\r\n .contact__hours-day { font-size: 0.75rem; }\r\n .contact__hours-time { font-size: 0.75rem; }\r\n .contact__map { height: 150px; }\r\n .btn--contact { padding: 0.7rem 1.8rem; font-size: 0.75rem; }\r\n .contact__form-group--file .file-drop-zone { padding: 1rem; }\r\n .contact__form-group--file .file-drop-zone i { font-size: 1.5rem; }\r\n .contact__waves svg { height: 40px; }\r\n}\r\n@media (max-width: 480px) {\r\n .contact__form { padding: 1rem; }\r\n .contact__info-card { padding: 1rem; }\r\n .contact__info-icon { width: 40px; height: 40px; }\r\n .contact__info-icon i { font-size: 1rem; }\r\n .contact__hours { padding: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact\">\r\n <div class=\"contact__container\">\r\n\r\n <div class=\"contact__header\">\r\n <span class=\"contact__badge\"><span class=\"dot\"><\/span> Contactez-nous<\/span>\r\n <h2 class=\"contact__title\">Pret a <span class=\"highlight\">securiser<\/span> vos reseaux ?<\/h2>\r\n <p class=\"contact__subtitle\">Une question, un devis, une urgence ? Notre equipe est a votre ecoute 24h\/24 et 7j\/7.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact__grid\">\r\n\r\n \r\n <div class=\"contact__form\">\r\n <h3 class=\"contact__form-title\">Demandez un diagnostic<\/h3>\r\n <p class=\"contact__form-subtitle\">Remplissez le formulaire et nous vous recontacterons sous 24h.<\/p>\r\n\r\n \r\n <form id=\"contactForm\"\r\n action=\"https:\/\/formsubmit.co\/info-contact@btplus.fr\"\r\n method=\"POST\"\r\n enctype=\"multipart\/form-data\">\r\n\r\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de diagnostic - Site BT Plus\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n \r\n <input type=\"hidden\" name=\"_cc\" value=\"marketing@btgroup-france.com\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n \r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"nom\">Nom complet <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"nom\" name=\"Nom complet\" placeholder=\"Jean Dupont\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"email\">Email <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jean@exemple.fr\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"telephone\">Telephone <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"Telephone\" placeholder=\"01 23 45 67 89\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"cp\">Code postal<\/label>\r\n <input type=\"text\" id=\"cp\" name=\"Code postal\" placeholder=\"75000\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_batiment\">Type de batiment<\/label>\r\n <select id=\"type_batiment\" name=\"Type de batiment\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"copropriete\">Copropriete<\/option>\r\n <option value=\"syndic\">Syndic<\/option>\r\n <option value=\"bailleur\">Bailleur social<\/option>\r\n <option value=\"erp\">ERP (Etablissement recevant du public)<\/option>\r\n <option value=\"tertiaire\">Tertiaire (bureau, commerce)<\/option>\r\n <option value=\"collectivite\">Collectivite<\/option>\r\n <option value=\"particulier\">Particulier<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_besoin\">Type de besoin<\/label>\r\n <select id=\"type_besoin\" name=\"Type de besoin\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"urgence\">Urgence (debouchage, curage)<\/option>\r\n <option value=\"entretien\">Entretien preventif<\/option>\r\n <option value=\"diagnostic\">Diagnostic \/ Inspection<\/option>\r\n <option value=\"travaux\">Travaux \/ Renovation<\/option>\r\n <option value=\"contrat\">Contrat d'entretien<\/option>\r\n <option value=\"devis\">Demande de devis<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"Message\" placeholder=\"Decrivez votre situation...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group contact__form-group--file\">\r\n <label>Ajouter une photo <span style=\"font-weight:400;text-transform:none;color:#b0c0d0;\">(optionnel - une seule)<\/span><\/label>\r\n <div class=\"file-drop-zone\" id=\"fileDropZone\">\r\n <i class=\"fas fa-cloud-upload-alt\"><\/i>\r\n <p>Glissez une photo ici ou cliquez pour la selectionner<\/p>\r\n <div class=\"file-types\">JPG, PNG, GIF - une seule photo, 5MB max<\/div>\r\n <input type=\"file\" id=\"fileInput\" name=\"attachment\" accept=\"image\/*\" \/>\r\n <\/div>\r\n <div class=\"file-list\" id=\"fileList\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__consent\">\r\n <input type=\"checkbox\" id=\"consent\" name=\"Consentement RGPD\" value=\"J'accepte\" required \/>\r\n <label for=\"consent\">\r\n J'accepte que les informations saisies dans ce formulaire soient utilisees par BT Plus\r\n afin de traiter ma demande et de me recontacter. Conformement au RGPD, je dispose d'un\r\n droit d'acces, de rectification et de suppression de mes donnees, que je peux exercer en\r\n ecrivant a <a href=\"mailto:info-contact@btplus.fr\">info-contact@btplus.fr<\/a>.\r\n <a href=\"\/politique-de-confidentialite\" target=\"_blank\" rel=\"noopener\">En savoir plus<\/a>.\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn--contact\">\r\n Envoyer <span class=\"btn__icon\">→<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__info\">\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Telephone<\/h4><p><a href=\"tel:+331 86 95 77 77\">01 86 95 77 77<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Email<\/h4><p><a href=\"mailto:contact@btplus-intervention.fr\">info-contact@btplus.fr<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Adresse<\/h4><p>13 Rue Camille Desmoulins,\r\n92130 Issy-les-Moulineaux<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__hours\">\r\n <div class=\"contact__hours-title\">Horaires d'ouverture<\/div>\r\n <div class=\"contact__hours-grid\">\r\n <span class=\"contact__hours-day\">Lundi - Vendredi<\/span><span class=\"contact__hours-time\">08:00 - 20:00<\/span>\r\n <span class=\"contact__hours-day\">Samedi<\/span><span class=\"contact__hours-time\">09:00 - 18:00<\/span>\r\n <span class=\"contact__hours-day\">Dimanche & jours feries<\/span><span class=\"contact__hours-time\"><span class=\"urgent\">Urgence 24\/7<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__map\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2623.5!2d2.366!3d48.916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2f8e5c8b3d%3A0x8e5c8b3d47e66e2f!2sAubervilliers!5e0!3m2!1sfr!2sfr!4v1700000000000\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"w9\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs>\r\n <g class=\"wave-back\"><use href=\"#w9\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w9\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w9\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w9\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w9\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w9\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var fileInput = document.getElementById('fileInput');\r\n var fileList = document.getElementById('fileList');\r\n var dropZone = document.getElementById('fileDropZone');\r\n if (!fileInput || !dropZone) return;\r\n var perFileMax = 5 * 1024 * 1024;\r\n var totalMax = 10 * 1024 * 1024;\r\n\r\n function updateFileList(files) {\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach(function (file, index) {\r\n var item = document.createElement('span');\r\n item.className = 'file-item';\r\n var icon = file.type.indexOf('image\/') === 0 ? 'fa-image' : 'fa-file';\r\n item.innerHTML = '<i class=\"fas ' + icon + '\"><\/i><span>' + file.name + '<\/span><span class=\"file-remove\" data-index=\"' + index + '\"><i class=\"fas fa-times\"><\/i><\/span>';\r\n fileList.appendChild(item);\r\n });\r\n document.querySelectorAll('.file-remove').forEach(function (btn) {\r\n btn.addEventListener('click', function (e) {\r\n e.stopPropagation();\r\n var idx = parseInt(this.dataset.index);\r\n var dt = new DataTransfer();\r\n Array.from(fileInput.files).filter(function (_, i) { return i !== idx; }).forEach(function (f) { dt.items.add(f); });\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n });\r\n });\r\n }\r\n\r\n function applyFiles(candidate) {\r\n var valid = candidate.filter(function (f) { return f.type.indexOf('image\/') === 0 && f.size <= perFileMax; });\r\n if (candidate.length > 1) alert('Une seule photo peut etre envoyee. Seule la premiere a ete conservee.');\r\n else if (valid.length !== candidate.length) alert('Fichier ignore (image uniquement, 5MB max).');\r\n var dt = new DataTransfer();\r\n if (valid.length > 0) dt.items.add(valid[0]);\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n }\r\n\r\n dropZone.addEventListener('click', function (e) { if (e.target === this || e.target.closest('.file-drop-zone')) fileInput.click(); });\r\n fileInput.addEventListener('change', function () { applyFiles(Array.from(this.files)); });\r\n dropZone.addEventListener('dragover', function (e) { e.preventDefault(); this.classList.add('dragover'); });\r\n dropZone.addEventListener('dragleave', function (e) { e.preventDefault(); this.classList.remove('dragover'); });\r\n dropZone.addEventListener('drop', function (e) {\r\n e.preventDefault(); this.classList.remove('dragover');\r\n applyFiles(Array.from(e.dataTransfer.files));\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BT Plus \u2014 \u00c0 propos 24h\/24 Expertise assainissement Bienvenue chez BT PLUS Intervention BT PLUS Intervention, c’est l’excellence et la r\u00e9activit\u00e9 au service de vos canalisations. Nos techniciens sp\u00e9cialistes en assainissement interviennent 24h\/24 et 7j\/7, m\u00eame les jours f\u00e9ri\u00e9s, pour tous vos besoins en d\u00e9bouchage et curage dans toute l’\u00cele-de-France. Urgence 24\/7 Mat\u00e9riel pro Devis […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-574","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/comments?post=574"}],"version-history":[{"count":74,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/574\/revisions"}],"predecessor-version":[{"id":2965,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/574\/revisions\/2965"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}