Nos services de d\u00e9pannage & assainissement \u2013 BT Plus<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\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\u00c9INT\u00c9GR\u00c9\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 \/* ============================================\r\n MASQUER LE BADGE SUR MOBILE (\u2264 768px)\r\n ============================================ *\/\r\n @media (max-width: 768px) {\r\n .badge-247 {\r\n display: none !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n \u00c9TIQUETTE MOBILE UNIQUE (au-dessus de la photo)\r\n ============================================ *\/\r\n .mobile-badge-top {\r\n display: none; \/* cach\u00e9 par d\u00e9faut sur desktop *\/\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .mobile-badge-top .badge-content {\r\n background:#ffffff;\r\n border-radius:30px;\r\n padding:10px 20px;\r\n box-shadow:var(--shadow-md);\r\n border:1px solid var(--blue-100);\r\n display:inline-flex;\r\n align-items:center;\r\n gap:12px;\r\n font-size:0.9rem;\r\n font-weight:600;\r\n color:var(--blue-800);\r\n }\r\n\r\n .mobile-badge-top .badge-content svg {\r\n width:20px;\r\n height:20px;\r\n color:var(--orange);\r\n flex-shrink:0;\r\n }\r\n\r\n \/* Affichage uniquement sur mobile - espacement r\u00e9duit *\/\r\n @media (max-width: 768px) {\r\n .mobile-badge-top {\r\n display: flex;\r\n margin-bottom: 8px;\r\n }\r\n .hero-inner {\r\n gap: 16px;\r\n padding: 20px 16px 100px;\r\n }\r\n .visual .image-wrapper {\r\n width: min(400px, 95%);\r\n border-radius: 20px;\r\n }\r\n .visual .image-wrapper .nav-arrows button {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 1.1rem;\r\n }\r\n .visual .image-wrapper .slide-text .service-name {\r\n font-size: 1.1rem;\r\n }\r\n .visual .image-wrapper .slide-text .service-sub {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-inner {\r\n padding: 16px 12px 80px;\r\n gap: 12px;\r\n }\r\n .mobile-badge-top {\r\n margin-bottom: 6px;\r\n }\r\n .mobile-badge-top .badge-content {\r\n font-size: 0.8rem;\r\n padding: 8px 14px;\r\n gap: 8px;\r\n }\r\n .mobile-badge-top .badge-content svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n .visual .image-wrapper {\r\n width: min(320px, 95%);\r\n border-radius: 16px;\r\n }\r\n .visual .image-wrapper .nav-arrows button {\r\n width: 30px;\r\n height: 30px;\r\n font-size: 0.9rem;\r\n }\r\n .visual .image-wrapper .slide-text {\r\n padding: 14px 16px 20px;\r\n }\r\n .visual .image-wrapper .slide-text .service-name {\r\n font-size: 0.95rem;\r\n }\r\n .visual .image-wrapper .slide-text .service-sub {\r\n font-size: 0.7rem;\r\n }\r\n .visual .image-wrapper .dots-nav .dot {\r\n width: 8px;\r\n height: 8px;\r\n }\r\n .visual .image-wrapper .dots-nav .dot.active {\r\n width: 20px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n CONTENU TEXTE \u2014 NOS SERVICES (SEO)\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:580px;\r\n }\r\n .lead strong{\r\n color:var(--blue-800);\r\n font-weight:600;\r\n }\r\n\r\n \/* service chips *\/\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{\r\n position:relative;\r\n display:grid;\r\n place-items:center;\r\n min-height:auto;\r\n }\r\n\r\n .visual .image-wrapper{\r\n position:relative;\r\n width:min(480px,95%);\r\n aspect-ratio:4\/3;\r\n border-radius:28px;\r\n overflow:hidden;\r\n box-shadow:0 30px 60px -20px rgba(7,41,74,.40);\r\n background:var(--blue-900);\r\n }\r\n\r\n .visual .image-wrapper .slide-container{\r\n display:flex;\r\n transition:transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n will-change:transform;\r\n width:100%;\r\n height:100%;\r\n }\r\n\r\n .visual .image-wrapper .slide-container .slide{\r\n flex:0 0 100%;\r\n min-width:100%;\r\n height:100%;\r\n position:relative;\r\n }\r\n\r\n .visual .image-wrapper .slide-container .slide img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n display:block;\r\n }\r\n\r\n .visual .image-wrapper .slide-container .slide .slide-overlay{\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(0deg, rgba(7,41,74,0.6) 0%, transparent 50%);\r\n z-index:1;\r\n }\r\n\r\n \/* Navigation fl\u00e8ches *\/\r\n .visual .image-wrapper .nav-arrows{\r\n position:absolute;\r\n top:50%;\r\n left:0;\r\n right:0;\r\n transform:translateY(-50%);\r\n z-index:5;\r\n display:flex;\r\n justify-content:space-between;\r\n padding:0 12px;\r\n pointer-events:none;\r\n }\r\n\r\n .visual .image-wrapper .nav-arrows button{\r\n width:44px;\r\n height:44px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,0.9);\r\n backdrop-filter:blur(4px);\r\n border:1px solid rgba(255,255,255,0.3);\r\n color:var(--blue-900);\r\n font-size:1.3rem;\r\n cursor:pointer;\r\n transition:all .3s ease;\r\n pointer-events:auto;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n box-shadow:0 4px 16px rgba(0,0,0,0.12);\r\n font-family:serif;\r\n line-height:1;\r\n }\r\n\r\n .visual .image-wrapper .nav-arrows button:hover{\r\n background:#fff;\r\n transform:scale(1.08);\r\n box-shadow:0 6px 24px rgba(0,0,0,0.18);\r\n color:var(--orange);\r\n }\r\n\r\n .visual .image-wrapper .nav-arrows button:disabled{\r\n opacity:0.2;\r\n cursor:not-allowed;\r\n transform:none;\r\n }\r\n\r\n \/* Dots *\/\r\n .visual .image-wrapper .dots-nav{\r\n position:absolute;\r\n bottom:18px;\r\n left:50%;\r\n transform:translateX(-50%);\r\n z-index:5;\r\n display:flex;\r\n gap:10px;\r\n }\r\n\r\n .visual .image-wrapper .dots-nav .dot{\r\n width:10px;\r\n height:10px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,0.4);\r\n cursor:pointer;\r\n transition:all .3s ease;\r\n border:1px solid rgba(255,255,255,0.1);\r\n }\r\n\r\n .visual .image-wrapper .dots-nav .dot.active{\r\n background:#f4a61a;\r\n width:28px;\r\n border-radius:99px;\r\n border-color:#f4a61a;\r\n }\r\n\r\n .visual .image-wrapper .dots-nav .dot:hover{\r\n background:rgba(255,255,255,0.7);\r\n }\r\n\r\n .visual .image-wrapper .dots-nav .dot.active:hover{\r\n background:#f4a61a;\r\n }\r\n\r\n \/* Texte superpos\u00e9 *\/\r\n .visual .image-wrapper .slide-text{\r\n position:absolute;\r\n bottom:0;\r\n left:0;\r\n right:0;\r\n z-index:4;\r\n padding:20px 24px 30px;\r\n text-align:center;\r\n pointer-events:none;\r\n }\r\n\r\n .visual .image-wrapper .slide-text .service-name{\r\n font-family:var(--font-display);\r\n font-weight:700;\r\n font-size:1.4rem;\r\n color:#fff;\r\n text-shadow:0 2px 20px rgba(0,0,0,0.4);\r\n margin-bottom:2px;\r\n }\r\n\r\n .visual .image-wrapper .slide-text .service-sub{\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.85);\r\n text-shadow:0 2px 12px rgba(0,0,0,0.3);\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<\/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>Entreprise d'assainissement agr\u00e9\u00e9e<\/b>\r\n <small>Urgence 24h\/24 \u2013 Devis gratuit<\/small>\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n <h1 class=\"reveal d2\">\r\n <strong>Nos services<\/strong><br>\r\n en <span class=\"accent\">Ile-de-France<\/span>\r\n <\/h1>\r\n\r\n <p class=\"lead reveal d3\">\r\n <strong>D\u00e9bouchage canalisation<\/strong>, <strong>curage<\/strong>, <strong>hydrocurage<\/strong>,\r\n <strong>inspection cam\u00e9ra<\/strong> et <strong>pompage<\/strong> : des solutions professionnelles\r\n pour tous vos besoins en assainissement. <strong>Techniciens qualifi\u00e9s<\/strong>,\r\n <strong>mat\u00e9riel haute pression<\/strong>, <strong>intervention rapide<\/strong> en <strong>\u00cele-de-France<\/strong>.\r\n <strong>Devis gratuit<\/strong> et <strong>service 24h\/24<\/strong>.\r\n <\/p>\r\n\r\n <div class=\"chips reveal d4\">\r\n <span class=\"chip active\" data-index=\"0\"><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>D\u00e9bouchage<\/span>\r\n <span class=\"chip\" data-index=\"1\"><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>Curage<\/span>\r\n <span class=\"chip\" data-index=\"2\"><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>Inspection cam\u00e9ra<\/span>\r\n <span class=\"chip\" data-index=\"3\"><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>Pompage<\/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><strong>Entreprise agr\u00e9\u00e9e<\/strong><\/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><strong>Techniciens qualifi\u00e9s<\/strong><\/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><strong>Devis gratuit<\/strong><\/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><strong>Intervention rapide<\/strong><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"right-col\" style=\"display:contents;\">\r\n\r\n \r\n <div class=\"mobile-badge-top\">\r\n <div class=\"badge-content\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"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>Urgence 24h\/24 \u2013 Devis gratuit<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"visual reveal-r\">\r\n <div class=\"image-wrapper\">\r\n\r\n <div class=\"slide-container\" id=\"slideContainer\">\r\n \r\n <div class=\"slide\" data-index=\"0\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-09-14-at-14.47.33.jpg\" alt=\"D\u00e9bouchage canalisation\" loading=\"lazy\">\r\n <div class=\"slide-overlay\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"slide\" data-index=\"1\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/unnamed-3.jpg\" alt=\"Curage canalisation\" loading=\"lazy\">\r\n <div class=\"slide-overlay\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"slide\" data-index=\"2\">\r\n <img decoding=\"async\" src=\"https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2021\/11\/WhatsApp-Image-2021-05-11-at-16.41.28-1.jpeg\" alt=\"Inspection cam\u00e9ra\" loading=\"lazy\">\r\n <div class=\"slide-overlay\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"slide\" data-index=\"3\">\r\n <img decoding=\"async\" src=\"https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2021\/09\/pompage-technicien-camion-8.jpg\" alt=\"Pompage\" loading=\"lazy\">\r\n <div class=\"slide-overlay\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"nav-arrows\">\r\n <button id=\"prevBtn\" aria-label=\"Pr\u00e9c\u00e9dent\">\u2039<\/button>\r\n <button id=\"nextBtn\" aria-label=\"Suivant\">\u203a<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"dots-nav\" id=\"dotsNav\">\r\n <span class=\"dot active\" data-index=\"0\"><\/span>\r\n <span class=\"dot\" data-index=\"1\"><\/span>\r\n <span class=\"dot\" data-index=\"2\"><\/span>\r\n <span class=\"dot\" data-index=\"3\"><\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide-text\">\r\n <div class=\"service-name\" id=\"serviceName\">D\u00e9bouchage<\/div>\r\n <div class=\"service-sub\" id=\"serviceSub\">Canalisations obstru\u00e9es<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\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 <script>\r\n (function() {\r\n 'use strict';\r\n\r\n const slides = document.querySelectorAll('.slide');\r\n const dots = document.querySelectorAll('.dot');\r\n const chips = document.querySelectorAll('.chip');\r\n const slideContainer = document.getElementById('slideContainer');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const serviceName = document.getElementById('serviceName');\r\n const serviceSub = document.getElementById('serviceSub');\r\n\r\n let currentIndex = 0;\r\n const totalSlides = slides.length;\r\n\r\n \/\/ Donn\u00e9es des services\r\n const servicesData = [\r\n { name: 'D\u00e9bouchage', sub: 'Canalisations obstru\u00e9es' },\r\n { name: 'Curage', sub: 'Nettoyage en profondeur' },\r\n { name: 'Inspection cam\u00e9ra', sub: 'Diagnostic pr\u00e9cis' },\r\n { name: 'Pompage', sub: 'Vidange et aspiration' }\r\n ];\r\n\r\n \/\/ Mise \u00e0 jour du carrousel\r\n function goToSlide(index) {\r\n if (index < 0) index = totalSlides - 1;\r\n if (index >= totalSlides) index = 0;\r\n currentIndex = index;\r\n\r\n slideContainer.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n\r\n dots.forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentIndex);\r\n });\r\n\r\n chips.forEach((chip, i) => {\r\n chip.classList.toggle('active', i === currentIndex);\r\n });\r\n\r\n serviceName.textContent = servicesData[currentIndex].name;\r\n serviceSub.textContent = servicesData[currentIndex].sub;\r\n\r\n prevBtn.disabled = false;\r\n nextBtn.disabled = false;\r\n }\r\n\r\n \/\/ \u00c9v\u00e9nements\r\n prevBtn.addEventListener('click', function() { goToSlide(currentIndex - 1); });\r\n nextBtn.addEventListener('click', function() { goToSlide(currentIndex + 1); });\r\n\r\n dots.forEach((dot, index) => {\r\n dot.addEventListener('click', function() { goToSlide(index); });\r\n });\r\n\r\n chips.forEach((chip, index) => {\r\n chip.addEventListener('click', function() { goToSlide(index); });\r\n });\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'ArrowLeft') goToSlide(currentIndex - 1);\r\n if (e.key === 'ArrowRight') goToSlide(currentIndex + 1);\r\n });\r\n\r\n \/\/ Auto-play\r\n let autoPlayInterval = setInterval(function() {\r\n goToSlide(currentIndex + 1);\r\n }, 4000);\r\n\r\n const wrapper = document.querySelector('.image-wrapper');\r\n wrapper.addEventListener('mouseenter', function() {\r\n clearInterval(autoPlayInterval);\r\n });\r\n\r\n wrapper.addEventListener('mouseleave', function() {\r\n autoPlayInterval = setInterval(function() {\r\n goToSlide(currentIndex + 1);\r\n }, 4000);\r\n });\r\n\r\n \/\/ Initialisation\r\n goToSlide(0);\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=\"600\" height=\"400\"%3E%3Crect fill=\"%2307294a\" width=\"600\" height=\"400\"\/%3E%3Ctext x=\"300\" y=\"200\" text-anchor=\"middle\" font-family=\"Sora\" font-size=\"28\" fill=\"%23f4a61a\"%3EBT Plus%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-690b381 e-con-full e-flex e-con e-parent\" data-id=\"690b381\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd28a1b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bd28a1b\" 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.bt-services{\r\n --sv-blue-900:var(--bt-blue-900,#07294a);\r\n --sv-blue-800:var(--bt-blue-800,#0a3666);\r\n --sv-blue-700:var(--bt-blue-700,#0d4f8b);\r\n --sv-blue-500:var(--bt-blue-500,#1c7ec9);\r\n --sv-blue-300:var(--bt-blue-300,#7cc0ee);\r\n --sv-blue-100:var(--bt-blue-100,#d6ebfb);\r\n --sv-blue-50:var(--bt-blue-50,#eef6fc);\r\n --sv-orange:var(--bt-orange,#f4a61a);\r\n --sv-orange-dark:var(--bt-orange-dark,#d98a0c);\r\n --sv-ink:var(--bt-ink,#0c2238);\r\n --sv-slate:var(--bt-slate,#48637d);\r\n --sv-white:var(--bt-white,#ffffff);\r\n --sv-font-display:var(--bt-font-display,'Sora',sans-serif);\r\n --sv-font-body:var(--bt-font-body,'Inter',sans-serif);\r\n --sv-font-mono:ui-monospace,'SFMono-Regular','JetBrains Mono','Roboto Mono',Menlo,Consolas,monospace;\r\n --sv-shadow-sm:var(--bt-shadow-sm,0 2px 10px rgba(7,41,74,0.06));\r\n --sv-shadow-md:var(--bt-shadow-md,0 18px 40px -16px rgba(7,41,74,0.30));\r\n}\r\n.bt-services *{margin:0;padding:0;box-sizing:border-box}\r\n.bt-services{\r\n position:relative;overflow:hidden;isolation:isolate;\r\n font-family:var(--sv-font-body);color:var(--sv-ink);line-height:1.6;\r\n padding:120px 0 140px;\r\n background:\r\n radial-gradient(900px 460px at 12% 8%, var(--sv-blue-100), transparent 60%),\r\n radial-gradient(900px 460px at 90% 92%, #fdecd0, transparent 55%),\r\n linear-gradient(180deg,#fbfdff 0%,#eef6fc 100%);\r\n}\r\n.bt-services__halo{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:0;pointer-events:none}\r\n.bt-services__halo--blue{width:520px;height:520px;background:radial-gradient(circle,var(--sv-blue-300),transparent 70%);top:-160px;left:-120px}\r\n.bt-services__halo--orange{width:460px;height:460px;background:radial-gradient(circle,var(--sv-orange),transparent 70%);bottom:-140px;right:-100px;opacity:.3}\r\n\r\n.bt-services__inner{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}\r\n\r\n\/* ---- Header ---- *\/\r\n.bt-services__header{max-width:640px;margin:0 auto 64px;text-align:center}\r\n.bt-services__eyebrow{\r\n display:inline-flex;align-items:center;gap:8px;\r\n font-family:var(--sv-font-mono);font-weight:600;font-size:.74rem;\r\n letter-spacing:.09em;color:var(--sv-blue-700);\r\n background:var(--sv-white);border:1px solid var(--sv-blue-100);\r\n padding:7px 15px;border-radius:100px;box-shadow:var(--sv-shadow-sm);\r\n}\r\n.bt-services__eyebrow::before{content:'>';color:var(--sv-orange);font-weight:700}\r\n.bt-services__eyebrow::after{content:'';width:6px;height:12px;background:var(--sv-blue-700);animation:bt-blink 1s steps(1) infinite}\r\n.bt-services__title{\r\n font-family:var(--sv-font-display);font-weight:800;\r\n font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.12;letter-spacing:-.02em;\r\n color:var(--sv-blue-900);margin-top:20px;\r\n}\r\n.bt-services__title .accent{color:var(--sv-orange);position:relative}\r\n.bt-services__title .accent::after{content:'';position:absolute;left:0;right:0;bottom:.06em;height:.16em;background:rgba(244,166,26,0.28);border-radius:4px;z-index:-1}\r\n.bt-services__lead{margin-top:16px;font-size:1rem;color:var(--sv-slate)}\r\n.bt-services__lead strong{color:var(--sv-blue-800);font-weight:600}\r\n\r\n.bt-services__grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr 1fr; \/* 3 colonnes sur desktop *\/\r\n gap:32px;\r\n perspective:1600px;\r\n}\r\n@media (max-width:1024px){\r\n .bt-services__grid{grid-template-columns:1fr 1fr;} \/* 2 colonnes sur tablette *\/\r\n}\r\n@media (max-width:860px){\r\n .bt-services__grid{grid-template-columns:1fr;} \/* 1 colonne sur mobile *\/\r\n}\r\n\r\n\/* ---- Grande carte glass ---- *\/\r\n.bt-service-card{\r\n position:relative;border-radius:28px;padding:36px 30px 28px;overflow:hidden;\r\n background:rgba(255,255,255,0.62);\r\n backdrop-filter:blur(18px) saturate(160%);\r\n -webkit-backdrop-filter:blur(18px) saturate(160%);\r\n border:1px solid rgba(255,255,255,0.7);\r\n box-shadow:var(--sv-shadow-md), inset 0 1px 0 rgba(255,255,255,0.6);\r\n transform:perspective(1600px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));\r\n transition:transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease, border-color .35s ease;\r\n}\r\n.bt-service-card:hover{box-shadow:0 30px 70px -24px rgba(7,41,74,0.32), inset 0 1px 0 rgba(255,255,255,0.7)}\r\n\r\n.bt-service-card__glow{\r\n position:absolute;inset:-1px;border-radius:inherit;z-index:0;\r\n padding:1px;opacity:0;transition:opacity .4s ease;pointer-events:none;\r\n background:conic-gradient(from 180deg, var(--sv-blue-300), var(--sv-orange), var(--sv-blue-300));\r\n -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n -webkit-mask-composite:xor; mask-composite:exclude;\r\n}\r\n.bt-service-card:hover .bt-service-card__glow{opacity:.4}\r\n\r\n.bt-service-card__grid{\r\n position:absolute;inset:0;pointer-events:none;z-index:0;\r\n background-image:linear-gradient(rgba(13,79,139,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(13,79,139,.045) 1px, transparent 1px);\r\n background-size:30px 30px;\r\n -webkit-mask-image:radial-gradient(circle at 50% 15%, black, transparent 70%);\r\n mask-image:radial-gradient(circle at 50% 15%, black, transparent 70%);\r\n}\r\n\r\n.bt-service-card__sheen{\r\n position:absolute;top:-40%;left:-60%;width:60%;height:180%;z-index:0;pointer-events:none;\r\n background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.55) 48%, transparent 66%);\r\n transform:rotate(8deg);\r\n animation:bt-sheen 7s ease-in-out infinite;\r\n opacity:.5;\r\n}\r\n@keyframes bt-sheen{0%{left:-60%}45%{left:130%}100%{left:130%}}\r\n\r\n.bt-service-card__corner{position:absolute;width:16px;height:16px;border-color:var(--sv-blue-300);opacity:.4;transition:opacity .3s ease;z-index:1}\r\n.bt-service-card--travaux .bt-service-card__corner{border-color:var(--sv-orange)}\r\n.bt-service-card__corner.tl{top:14px;left:14px;border-top:1.5px solid;border-left:1.5px solid}\r\n.bt-service-card__corner.tr{top:14px;right:14px;border-top:1.5px solid;border-right:1.5px solid}\r\n.bt-service-card__corner.bl{bottom:14px;left:14px;border-bottom:1.5px solid;border-left:1.5px solid}\r\n.bt-service-card__corner.br{bottom:14px;right:14px;border-bottom:1.5px solid;border-right:1.5px solid}\r\n.bt-service-card:hover .bt-service-card__corner{opacity:.85}\r\n\r\n.bt-service-card__header{position:relative;z-index:1;margin-bottom:24px;padding-bottom:18px;border-bottom:1px dashed var(--sv-blue-100)}\r\n.bt-service-card--travaux .bt-service-card__header{border-bottom-color:#fbe3b9}\r\n.bt-service-card__id{font-family:var(--sv-font-mono);font-size:.66rem;letter-spacing:.14em;color:var(--sv-blue-500);text-transform:uppercase}\r\n.bt-service-card--travaux .bt-service-card__id{color:var(--sv-orange-dark)}\r\n.bt-service-card__header h3{font-family:var(--sv-font-display);font-weight:800;font-size:1.4rem;color:var(--sv-blue-900);margin-top:6px}\r\n.bt-service-card__status{display:inline-flex;align-items:center;gap:7px;margin-top:9px;font-family:var(--sv-font-mono);font-size:.66rem;letter-spacing:.08em;color:var(--sv-slate);text-transform:uppercase}\r\n.bt-service-card__status i{width:6px;height:6px;border-radius:50%;background:var(--sv-orange);display:inline-block;animation:bt-blink 1.6s ease-in-out infinite;font-style:normal}\r\n\r\n@keyframes bt-blink{0%,100%{opacity:1}50%{opacity:.2}}\r\n\r\n.bt-service-card__list{position:relative;z-index:1;list-style:none;display:flex;flex-direction:column;gap:8px}\r\n\r\n\/* ---- Tiles : liens et boutons ---- *\/\r\n.bt-service-tile{\r\n display:flex;align-items:center;gap:14px;padding:0;\r\n border-radius:14px;\r\n background:rgba(255,255,255,0.5);\r\n border:1px solid var(--sv-blue-100);\r\n transition:transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s ease, border-color .25s ease, background .25s ease;\r\n overflow:hidden;\r\n}\r\n.bt-service-card--travaux .bt-service-tile{border-color:#fbe3b9}\r\n.bt-service-tile:hover{transform:translateY(-3px);box-shadow:var(--sv-shadow-sm);border-color:var(--sv-blue-300);background:#fff}\r\n.bt-service-card--travaux .bt-service-tile:hover{border-color:var(--sv-orange)}\r\n\r\n.bt-service-tile__link{\r\n display:flex;align-items:center;gap:14px;padding:10px 14px;\r\n text-decoration:none;color:inherit;flex:1;\r\n border-radius:14px;\r\n transition:background .25s ease;\r\n}\r\n.bt-service-tile__link:hover{background:rgba(255,255,255,.6);}\r\n\r\n.bt-service-tile--simple .bt-service-tile__link{\r\n padding:10px 14px;\r\n}\r\n\r\n.bt-service-tile__thumb{\r\n position:relative;width:46px;height:46px;border-radius:12px;overflow:hidden;flex-shrink:0;\r\n box-shadow:var(--sv-shadow-sm);border:1px solid rgba(255,255,255,.85);\r\n}\r\n.bt-service-tile__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.16,1,.3,1)}\r\n.bt-service-tile__link:hover .bt-service-tile__thumb img{transform:scale(1.1)}\r\n.bt-service-tile__thumb .bt-service-tile__idx{\r\n position:absolute;bottom:2px;left:2px;background:rgba(7,41,74,.72);color:#fff;\r\n font-family:var(--sv-font-mono);font-size:.55rem;line-height:1;letter-spacing:.04em;\r\n padding:2px 4px;border-radius:5px;\r\n}\r\n.bt-service-card--travaux .bt-service-tile__thumb .bt-service-tile__idx{background:rgba(217,138,12,.78)}\r\n.bt-service-tile__label{\r\n font-weight:600;font-size:.9rem;color:var(--sv-blue-900);\r\n transition:color .25s ease;\r\n}\r\n.bt-service-tile__link:hover .bt-service-tile__label{color:var(--sv-blue-700);}\r\n\r\n.bt-service-tile__arrow{\r\n font-family:var(--sv-font-mono);color:var(--sv-blue-300);\r\n transition:transform .3s ease;\r\n margin-left:auto;flex-shrink:0;\r\n}\r\n.bt-service-card--travaux .bt-service-tile__arrow{color:var(--sv-orange)}\r\n.bt-service-tile__link:hover .bt-service-tile__arrow{transform:translateX(4px)}\r\n\r\n\/* ---- Pompage toggle (inchang\u00e9) ---- *\/\r\n.bt-service-tile--pompage{\r\n padding:0;\r\n flex-wrap:wrap;\r\n background:transparent;\r\n border-color:transparent;\r\n}\r\n.bt-service-tile--pompage:hover{transform:none;box-shadow:none;background:transparent;border-color:transparent;}\r\n.bt-service-tile--pompage .bt-service-tile__link{\r\n flex:1;\r\n background:rgba(255,255,255,0.5);\r\n border:1px solid var(--sv-blue-100);\r\n border-radius:14px;\r\n margin:0;\r\n}\r\n.bt-service-card--travaux .bt-service-tile--pompage .bt-service-tile__link{border-color:#fbe3b9}\r\n.bt-service-tile--pompage .bt-service-tile__link:hover{background:#fff;border-color:var(--sv-blue-300);}\r\n.bt-service-card--travaux .bt-service-tile--pompage .bt-service-tile__link:hover{border-color:var(--sv-orange);}\r\n\r\n.bt-service-tile__toggle{\r\n background:none;border:none;cursor:pointer;padding:10px 14px;\r\n display:flex;align-items:center;justify-content:center;\r\n font:inherit;color:inherit;\r\n border-radius:14px;\r\n background:rgba(255,255,255,0.3);\r\n border:1px solid var(--sv-blue-100);\r\n transition:background .25s ease, border-color .25s ease;\r\n flex-shrink:0;\r\n}\r\n.bt-service-tile__toggle:hover{background:#fff;border-color:var(--sv-blue-300);}\r\n.bt-service-card--travaux .bt-service-tile__toggle{border-color:#fbe3b9}\r\n.bt-service-card--travaux .bt-service-tile__toggle:hover{border-color:var(--sv-orange);}\r\n\r\n.bt-service-tile--pompage.is-open .bt-service-tile__toggle .bt-service-tile__arrow{transform:rotate(90deg);color:var(--sv-orange);}\r\n\r\n.bt-service-tile__sub-wrap{\r\n width:100%;\r\n display:grid;grid-template-rows:0fr;\r\n transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1);\r\n}\r\n.bt-service-tile--pompage:hover .bt-service-tile__sub-wrap,\r\n.bt-service-tile--pompage.is-open .bt-service-tile__sub-wrap{grid-template-rows:1fr}\r\n\r\n.bt-service-tile__sub-inner{overflow:hidden}\r\n.bt-service-tile__sub{\r\n list-style:none;padding:0 14px 14px 48px;display:flex;flex-direction:column;gap:7px;\r\n font-family:var(--sv-font-mono);font-size:.78rem;color:var(--sv-slate);\r\n}\r\n.bt-service-tile__sub li{display:flex;gap:8px;opacity:0;transform:translateX(-6px);transition:opacity .35s ease, transform .35s ease}\r\n.bt-service-tile--pompage:hover .bt-service-tile__sub li,\r\n.bt-service-tile--pompage.is-open .bt-service-tile__sub li{opacity:1;transform:translateX(0)}\r\n.bt-service-tile__sub li:nth-child(1){transition-delay:.05s}\r\n.bt-service-tile__sub li:nth-child(2){transition-delay:.12s}\r\n.bt-service-tile__sub li:nth-child(3){transition-delay:.19s}\r\n.bt-service-tile__sub .tree{color:var(--sv-blue-300);flex-shrink:0}\r\n.bt-service-tile__cursor{display:inline-block;width:6px;height:12px;background:var(--sv-orange);margin-left:2px;vertical-align:-1px;animation:bt-blink 1s steps(1) infinite}\r\n\r\n.bt-service-card__footer{\r\n position:relative;z-index:1;margin-top:22px;padding-top:14px;\r\n border-top:1px dashed var(--sv-blue-100);\r\n font-family:var(--sv-font-mono);font-size:.64rem;letter-spacing:.12em;color:var(--sv-blue-500);text-transform:uppercase;\r\n}\r\n.bt-service-card--travaux .bt-service-card__footer{border-top-color:#fbe3b9;color:var(--sv-orange-dark)}\r\n\r\n\/* ---- Reveal au scroll ---- *\/\r\n.bt-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1)}\r\n.bt-reveal.is-visible{opacity:1;transform:translateY(0)}\r\n.bt-services__grid .bt-service-card:nth-child(2){transition-delay:.12s}\r\n.bt-services__grid .bt-service-card:nth-child(3){transition-delay:.24s}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n .bt-reveal{opacity:1;transform:none;transition:none}\r\n .bt-service-card{transition:none}\r\n .bt-service-card__sheen{animation:none;display:none}\r\n .bt-service-tile,.bt-service-tile__arrow,.bt-service-tile__sub li,.bt-services__eyebrow::after,.bt-service-card__status i,.bt-service-tile__cursor{animation:none;transition:none}\r\n}\r\n<\/style>\r\n\r\n<section class=\"bt-services\" id=\"nos-services\">\r\n <div class=\"bt-services__halo bt-services__halo--blue\" aria-hidden=\"true\"><\/div>\r\n <div class=\"bt-services__halo bt-services__halo--orange\" aria-hidden=\"true\"><\/div>\r\n\r\n <div class=\"bt-services__inner\">\r\n <div class=\"bt-services__header bt-reveal\">\r\n <span class=\"bt-services__eyebrow\">SERVICES<\/span>\r\n <h2 class=\"bt-services__title\">Nos Services <span class=\"accent\">d'assainissement<\/span><\/h2>\r\n <p class=\"bt-services__lead\">Le <strong>d\u00e9pannage<\/strong> qui r\u00e9pond dans l'heure, les <strong>travaux<\/strong> qui remettent le r\u00e9seau aux normes. M\u00eame \u00e9quipe, m\u00eame carte d'intervention : l'\u00cele-de-France.<\/p>\r\n <\/div>\r\n\r\n <div class=\"bt-services__grid\">\r\n\r\n \r\n <article class=\"bt-service-card bt-service-card--depannage bt-reveal\">\r\n <span class=\"bt-service-card__corner tl\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner tr\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner bl\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner br\" aria-hidden=\"true\"><\/span>\r\n <div class=\"bt-service-card__grid\" aria-hidden=\"true\"><\/div>\r\n <div class=\"bt-service-card__sheen\" aria-hidden=\"true\"><\/div>\r\n\r\n <header class=\"bt-service-card__header\">\r\n <span class=\"bt-service-card__id\">Panel \/\/ 01<\/span>\r\n <h3>D\u00e9pannage<\/h3>\r\n <span class=\"bt-service-card__status\"><i><\/i>Actif 24h\/24<\/span>\r\n <\/header>\r\n\r\n <ul class=\"bt-service-card__list\">\r\n \r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-29-at-17.45.08-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E.jpeg\" alt=\"D\u00e9bouchage\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">01<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">D\u00e9bouchage<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n \r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-09-14-at-14.47.33.jpg\" alt=\"Curage\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">02<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Curage<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n \r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/Capture-decran-2026-06-09-142352.png\" alt=\"Inspection cam\u00e9ra\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">03<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Inspection cam\u00e9ra<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n \r\n <li class=\"bt-service-tile bt-service-tile--pompage\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/pompage-technicien-camion-2-300x200-1.jpg\" alt=\"Pompage\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">04<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Pompage<\/span>\r\n <\/a>\r\n <button type=\"button\" class=\"bt-service-tile__toggle\" aria-expanded=\"false\">\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/button>\r\n <div class=\"bt-service-tile__sub-wrap\">\r\n <div class=\"bt-service-tile__sub-inner\">\r\n <ul class=\"bt-service-tile__sub\">\r\n <li><span class=\"tree\">\u251c\u2500<\/span>Entretien de pompe de relevage<\/li>\r\n <li><span class=\"tree\">\u251c\u2500<\/span>Pompage de fosse<\/li>\r\n <li><span class=\"tree\">\u2514\u2500<\/span>Pompage de bac \u00e0 graisse<span class=\"bt-service-tile__cursor\"><\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <footer class=\"bt-service-card__footer\">04 services \u00b7 \u00cele-de-France<\/footer>\r\n <\/article>\r\n\r\n \r\n <article class=\"bt-service-card bt-service-card--travaux bt-reveal\">\r\n <span class=\"bt-service-card__corner tl\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner tr\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner bl\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner br\" aria-hidden=\"true\"><\/span>\r\n <div class=\"bt-service-card__grid\" aria-hidden=\"true\"><\/div>\r\n <div class=\"bt-service-card__sheen\" aria-hidden=\"true\"><\/div>\r\n\r\n <header class=\"bt-service-card__header\">\r\n <span class=\"bt-service-card__id\">Panel \/\/ 02<\/span>\r\n <h3>Travaux Non collectif<\/h3>\r\n <span class=\"bt-service-card__status\"><i><\/i>Devis sous 24h<\/span>\r\n <\/header>\r\n\r\n <ul class=\"bt-service-card__list\">\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/regard\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-16.51.17-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E-2.jpeg\" alt=\"Regard\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">01<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Regard<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/installation-de-puisard\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/pose-puisard_3.jpg\" alt=\"Installation de puisard\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">02<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Installation de puisard<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/bac-a-graisse\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/camion-pompage_1.jpg\" alt=\"Bac \u00e0 graisse\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">03<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Bac \u00e0 graisse<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/instalation-pompe-de-relevage\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/camion-pompage_2.jpg\" alt=\"Installation pompe de relevage\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">04<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Installation pompe de relevage<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/station-depuration\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-29-at-17.45.08-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E.jpeg\" alt=\"Station d'\u00e9puration\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">05<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Station d'\u00e9puration<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/separation-des-ep-eu\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-09-14-at-14.47.33.jpg\" alt=\"S\u00e9paration des EP\/EU\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">06<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">S\u00e9paration des EP\/EU<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/remplacement-de-canalisation\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-16.51.17-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E-2.jpeg\" alt=\"Remplacement canalisation\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">07<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Remplacement de canalisation<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/travaux-de-mise-en-conformite\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/pose-puisard_3.jpg\" alt=\"Mise en conformit\u00e9\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">08<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Mise en conformit\u00e9<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/travaux-dassainissement-non-collectif\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/camion-pompage_1.jpg\" alt=\"Assainissement non collectif\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">09<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Assainissement non collectif<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n <footer class=\"bt-service-card__footer\">09 services \u00b7 \u00cele-de-France<\/footer>\r\n <\/article>\r\n\r\n \r\n <article class=\"bt-service-card bt-service-card--travaux bt-reveal\">\r\n <span class=\"bt-service-card__corner tl\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner tr\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner bl\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner br\" aria-hidden=\"true\"><\/span>\r\n <div class=\"bt-service-card__grid\" aria-hidden=\"true\"><\/div>\r\n <div class=\"bt-service-card__sheen\" aria-hidden=\"true\"><\/div>\r\n\r\n <header class=\"bt-service-card__header\">\r\n <span class=\"bt-service-card__id\">Panel \/\/ 03<\/span>\r\n <h3>Travaux Collectif<\/h3>\r\n <span class=\"bt-service-card__status\"><i><\/i>Raccordement r\u00e9seau public<\/span>\r\n <\/header>\r\n\r\n <ul class=\"bt-service-card__list\">\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-tout-a-legout\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-09-14-at-14.47.33.jpg\" alt=\"Raccordement tout-\u00e0-l'\u00e9gout\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">01<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Raccordement tout-\u00e0-l'\u00e9gout<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-eaux-pluviales\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/pose-puisard_3.jpg\" alt=\"Raccordement eaux pluviales\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">02<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Raccordement eaux pluviales<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-en-gargouille\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/camion-pompage_2.jpg\" alt=\"Raccordement en gargouille\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">03<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Raccordement en gargouille<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n <footer class=\"bt-service-card__footer\">03 services \u00b7 \u00cele-de-France<\/footer>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n 'use strict';\r\n\r\n var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n \/* ---- Reveal au scroll ---- *\/\r\n var revealEls = document.querySelectorAll('.bt-services .bt-reveal');\r\n if('IntersectionObserver' in window && !reduceMotion){\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(entry){\r\n if(entry.isIntersecting){\r\n entry.target.classList.add('is-visible');\r\n io.unobserve(entry.target);\r\n }\r\n });\r\n }, {threshold:.15, rootMargin:'0px 0px -60px 0px'});\r\n revealEls.forEach(function(el){ io.observe(el); });\r\n } else {\r\n revealEls.forEach(function(el){ el.classList.add('is-visible'); });\r\n }\r\n\r\n \/* ---- Bouton de toggle pour le sous\u2011menu Pompage ---- *\/\r\n document.querySelectorAll('.bt-service-tile--pompage').forEach(function(tile){\r\n var toggle = tile.querySelector('.bt-service-tile__toggle');\r\n if (!toggle) return;\r\n toggle.addEventListener('click', function(e){\r\n e.stopPropagation();\r\n var open = tile.classList.toggle('is-open');\r\n toggle.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n });\r\n });\r\n\r\n \/* ---- Effet 3D au survol des cartes ---- *\/\r\n if(!reduceMotion && window.matchMedia('(hover: hover)').matches){\r\n document.querySelectorAll('.bt-service-card').forEach(function(card){\r\n var raf = null;\r\n card.addEventListener('mousemove', function(e){\r\n var rect = card.getBoundingClientRect();\r\n var px = (e.clientX - rect.left) \/ rect.width - .5;\r\n var py = (e.clientY - rect.top) \/ rect.height - .5;\r\n if(raf) cancelAnimationFrame(raf);\r\n raf = requestAnimationFrame(function(){\r\n card.style.setProperty('--ry', (px * 6).toFixed(2) + 'deg');\r\n card.style.setProperty('--rx', (py * -6).toFixed(2) + 'deg');\r\n });\r\n });\r\n card.addEventListener('mouseleave', function(){\r\n card.style.setProperty('--rx', '0deg');\r\n card.style.setProperty('--ry', '0deg');\r\n });\r\n });\r\n }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc8a399 e-con-full e-flex e-con e-parent\" data-id=\"bc8a399\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b94e38 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"8b94e38\" 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>Parcours client \u2013 D\u00e9bouchage, curage, pompage BT Plus<\/title>\r\n\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 \/* ... (Le CSS reste strictement identique \u00e0 votre version) ... *\/\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 .parcours-section {\r\n position: relative;\r\n width: 100%;\r\n padding: 80px 0 60px;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%),\r\n linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden;\r\n border-top: 1px solid #d6ebfb;\r\n }\r\n\r\n .parcours-section {\r\n --blue-900: #07294a;\r\n --blue-800: #0a3666;\r\n --blue-500: #1c7ec9;\r\n --blue-300: #7cc0ee;\r\n --blue-100: #d6ebfb;\r\n --orange: #f4a61a;\r\n --orange-dark: #d98a0c;\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-md: 0 18px 40px -16px rgba(7,41,74,.30);\r\n --shadow-lg: 0 25px 60px -20px rgba(7,41,74,.40);\r\n }\r\n\r\n .parcours-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, .10), transparent 65%);\r\n pointer-events: none;\r\n }\r\n\r\n .parcours-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, .08), transparent 65%);\r\n pointer-events: none;\r\n }\r\n\r\n .parcours-container {\r\n position: relative;\r\n z-index: 10;\r\n max-width: 1200px;\r\n width: 100%;\r\n margin: 0 auto;\r\n padding: 0 5%;\r\n }\r\n\r\n \/* ============================================================\r\n EN-TETE\r\n ============================================================ *\/\r\n .parcours-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .parcours-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(28, 126, 201, 0.06);\r\n padding: 6px 22px;\r\n border-radius: 60px;\r\n margin-bottom: 16px;\r\n border: 1px solid rgba(28, 126, 201, 0.10);\r\n }\r\n\r\n .parcours-badge .dot {\r\n width: 7px;\r\n height: 7px;\r\n background: var(--orange, #f4a61a);\r\n border-radius: 50%;\r\n display: inline-block;\r\n animation: pulseDot 2s infinite;\r\n }\r\n\r\n @keyframes pulseDot {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.4; transform: scale(1.3); }\r\n }\r\n\r\n .parcours-badge span {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n color: var(--blue-500, #1c7ec9);\r\n }\r\n\r\n .parcours-title {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-weight: 800;\r\n font-size: clamp(1.8rem, 3.2vw, 3rem);\r\n letter-spacing: -0.03em;\r\n color: var(--blue-900, #07294a);\r\n line-height: 1.15;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .parcours-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 .parcours-subtitle {\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-size: 1rem;\r\n color: var(--slate, #48637d);\r\n max-width: 620px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n font-weight: 400;\r\n }\r\n .parcours-subtitle strong {\r\n color: var(--blue-900, #07294a);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n SLIDER AVANT \/ APRES - PHOTOS INVERSEES\r\n ============================================================ *\/\r\n .slider-wrapper {\r\n max-width: 700px;\r\n margin: 0 auto 45px;\r\n padding: 0 10px;\r\n }\r\n\r\n .slider-container {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: var(--shadow-lg, 0 25px 60px -20px rgba(7,41,74,.40));\r\n border: 2px solid var(--blue-100, #d6ebfb);\r\n background: var(--blue-900, #07294a);\r\n aspect-ratio: 3 \/ 4;\r\n }\r\n\r\n .slider-track {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n .slider-image {\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 display: block;\r\n }\r\n\r\n .slider-image--before {\r\n z-index: 1;\r\n }\r\n\r\n .slider-image--after {\r\n z-index: 2;\r\n clip-path: inset(0 50% 0 0);\r\n transition: clip-path 0.1s ease-out;\r\n }\r\n\r\n .slider-handle {\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n width: 4px;\r\n height: 100%;\r\n background: var(--orange, #f4a61a);\r\n z-index: 5;\r\n transform: translateX(-50%);\r\n cursor: ew-resize;\r\n box-shadow: 0 0 30px rgba(244, 166, 26, 0.5);\r\n }\r\n\r\n .slider-handle::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: var(--orange, #f4a61a);\r\n box-shadow: 0 4px 25px rgba(244, 166, 26, 0.5);\r\n border: 3px solid #ffffff;\r\n }\r\n\r\n .slider-handle::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 50%;\r\n background: #ffffff;\r\n opacity: 0.25;\r\n }\r\n\r\n .slider-arrows {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 6;\r\n display: flex;\r\n gap: 20px;\r\n pointer-events: none;\r\n }\r\n\r\n .slider-arrows span {\r\n color: #ffffff;\r\n font-size: 14px;\r\n opacity: 0.6;\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-weight: 700;\r\n letter-spacing: 0.05em;\r\n text-shadow: 0 2px 8px rgba(0,0,0,0.3);\r\n }\r\n\r\n .slider-label {\r\n position: absolute;\r\n bottom: 20px;\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n padding: 8px 22px;\r\n border-radius: 30px;\r\n z-index: 6;\r\n color: #ffffff;\r\n }\r\n\r\n .slider-label--before {\r\n left: 20px;\r\n background: rgba(7, 41, 74, 0.8);\r\n backdrop-filter: blur(4px);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n }\r\n\r\n .slider-label--after {\r\n right: 20px;\r\n background: rgba(244, 166, 26, 0.85);\r\n backdrop-filter: blur(4px);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n }\r\n\r\n .slider-progress {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n height: 4px;\r\n background: var(--orange, #f4a61a);\r\n z-index: 6;\r\n width: 50%;\r\n transition: width 0.1s ease-out;\r\n box-shadow: 0 0 20px rgba(244, 166, 26, 0.3);\r\n }\r\n\r\n \/* ============================================================\r\n ETAPES\r\n ============================================================ *\/\r\n .etapes-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 20px;\r\n max-width: 860px;\r\n margin: 0 auto 45px;\r\n }\r\n\r\n .etape-item {\r\n flex: 1;\r\n min-width: 160px;\r\n max-width: 240px;\r\n text-align: center;\r\n padding: 16px 14px;\r\n background: rgba(255, 255, 255, 0.7);\r\n backdrop-filter: blur(8px);\r\n border-radius: 16px;\r\n border: 1px solid var(--blue-100, #d6ebfb);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .etape-item:hover {\r\n transform: translateY(-4px);\r\n border-color: var(--orange, #f4a61a);\r\n box-shadow: var(--shadow-md, 0 18px 40px -16px rgba(7,41,74,.30));\r\n }\r\n\r\n .etape-numero {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 1.6rem;\r\n font-weight: 800;\r\n color: var(--orange, #f4a61a);\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .etape-titre {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n color: var(--blue-900, #07294a);\r\n margin-bottom: 4px;\r\n }\r\n\r\n .etape-desc {\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-size: 0.75rem;\r\n color: var(--slate, #48637d);\r\n line-height: 1.4;\r\n }\r\n .etape-desc strong {\r\n color: var(--blue-900, #07294a);\r\n font-weight: 600;\r\n }\r\n\r\n .etape-lien {\r\n display: inline-block;\r\n margin-top: 8px;\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n color: var(--blue-500, #1c7ec9);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .etape-lien:hover {\r\n color: var(--orange, #f4a61a);\r\n }\r\n\r\n \/* ============================================================\r\n CTA\r\n ============================================================ *\/\r\n .parcours-cta-wrapper {\r\n text-align: center;\r\n }\r\n\r\n .parcours-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.9rem;\r\n letter-spacing: 0.02em;\r\n text-decoration: none;\r\n padding: 1rem 2.8rem;\r\n border-radius: 3rem;\r\n transition: all 0.4s 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 overflow: hidden;\r\n }\r\n\r\n .parcours-btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: -2px;\r\n border-radius: 3rem;\r\n background: linear-gradient(135deg, var(--orange, #f4a61a), var(--orange-dark, #d98a0c), var(--orange, #f4a61a));\r\n background-size: 300% 300%;\r\n z-index: -1;\r\n animation: liquidBorder 3s ease-in-out infinite;\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .parcours-btn:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n @keyframes liquidBorder {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n .parcours-btn:hover {\r\n transform: translateY(-4px) scale(1.02);\r\n box-shadow: 0 8px 35px rgba(244, 166, 26, 0.45);\r\n color: #ffffff !important;\r\n }\r\n\r\n .parcours-btn .btn__icon {\r\n transition: transform 0.4s ease;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .parcours-btn:hover .btn__icon {\r\n transform: translateX(6px) scale(1.1);\r\n }\r\n\r\n .parcours-btn .btn__text {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ============================================================\r\n VAGUES\r\n ============================================================ *\/\r\n .parcours-waves {\r\n position: relative;\r\n width: 100%;\r\n line-height: 0;\r\n pointer-events: none;\r\n margin-top: 40px;\r\n }\r\n\r\n .parcours-waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 60px;\r\n }\r\n\r\n .parcours-waves .wave-back use {\r\n animation: wavemove 11s linear infinite;\r\n opacity: .55;\r\n }\r\n\r\n .parcours-waves .wave-mid use {\r\n animation: wavemove 8s linear infinite reverse;\r\n opacity: .8;\r\n }\r\n\r\n .parcours-waves .wave-front use {\r\n animation: wavemove 6s linear infinite;\r\n }\r\n\r\n @keyframes wavemove {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n @media (max-width: 1024px) {\r\n .parcours-section { padding: 60px 0 40px; }\r\n .slider-wrapper { max-width: 500px; }\r\n .etape-item { min-width: 140px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .parcours-section { padding: 40px 0 30px; }\r\n .parcours-header { margin-bottom: 30px; }\r\n .parcours-title { font-size: 1.6rem; }\r\n .parcours-subtitle { font-size: 0.9rem; }\r\n .slider-wrapper { max-width: 380px; padding: 0 5px; }\r\n .slider-container { border-radius: 14px; aspect-ratio: 2 \/ 3; }\r\n .slider-label { font-size: 0.6rem; padding: 5px 14px; bottom: 12px; }\r\n .slider-label--before { left: 12px; }\r\n .slider-label--after { right: 12px; }\r\n .slider-handle::before { width: 36px; height: 36px; }\r\n .slider-handle::after { width: 14px; height: 14px; }\r\n .etapes-container { gap: 12px; }\r\n .etape-item { min-width: 120px; padding: 12px 10px; }\r\n .etape-numero { font-size: 1.2rem; }\r\n .etape-titre { font-size: 0.75rem; }\r\n .etape-desc { font-size: 0.65rem; }\r\n .parcours-btn { padding: 0.8rem 2rem; font-size: 0.8rem; }\r\n .parcours-waves svg { height: 40px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .parcours-section { padding: 30px 0 20px; }\r\n .parcours-title { font-size: 1.3rem; }\r\n .parcours-subtitle { font-size: 0.8rem; }\r\n .slider-wrapper { max-width: 300px; }\r\n .slider-container { border-radius: 10px; aspect-ratio: 3 \/ 4; }\r\n .slider-label { font-size: 0.5rem; padding: 3px 10px; bottom: 8px; }\r\n .slider-handle::before { width: 30px; height: 30px; }\r\n .slider-handle::after { width: 10px; height: 10px; }\r\n .etape-item { min-width: 100px; padding: 10px 8px; }\r\n .etape-numero { font-size: 1rem; }\r\n .etape-titre { font-size: 0.65rem; }\r\n .etape-desc { font-size: 0.6rem; }\r\n .parcours-btn { padding: 0.6rem 1.6rem; font-size: 0.7rem; }\r\n .parcours-waves svg { height: 30px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"parcours-section\">\r\n\r\n <div class=\"parcours-section__glow--gold\"><\/div>\r\n <div class=\"parcours-section__glow--blue\"><\/div>\r\n\r\n <div class=\"parcours-container\">\r\n\r\n \r\n <div class=\"parcours-header\">\r\n <div class=\"parcours-badge\">\r\n <span class=\"dot\"><\/span>\r\n <span><strong>Expertise assainissement<\/strong> \u2013 Avant \/ Apr\u00e8s<\/span>\r\n <\/div>\r\n <h2 class=\"parcours-title\">\r\n <strong>D\u00e9bouchage, curage, pompage<\/strong> \u2013 <span class=\"accent\">la diff\u00e9rence BT Plus<\/span>\r\n <\/h2>\r\n <p class=\"parcours-subtitle\">\r\n <strong>Inspection cam\u00e9ra<\/strong> pr\u00e9cise, <strong>techniciens qualifi\u00e9s<\/strong> et\r\n <strong>intervention rapide<\/strong> en <strong>\u00cele-de-France<\/strong>.\r\n D\u00e9couvrez le r\u00e9sultat concret de nos interventions. <strong>Devis gratuit<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"slider-wrapper\">\r\n <div class=\"slider-container\" id=\"sliderContainer\">\r\n <div class=\"slider-track\" id=\"sliderTrack\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2022\/03\/AVANT2.jpg\"\r\n alt=\"Canalisation avant intervention \u2013 BT Plus\"\r\n class=\"slider-image slider-image--before\"\r\n loading=\"lazy\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2022\/03\/AVANT1.jpg\"\r\n alt=\"Canalisation apr\u00e8s intervention \u2013 BT Plus\"\r\n class=\"slider-image slider-image--after\"\r\n id=\"afterImage\"\r\n loading=\"lazy\">\r\n\r\n <div class=\"slider-handle\" id=\"sliderHandle\">\r\n <div class=\"slider-arrows\">\r\n <span>\u25c0<\/span>\r\n <span>\u25b6<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <span class=\"slider-label slider-label--before\">Avant<\/span>\r\n <span class=\"slider-label slider-label--after\">Apr\u00e8s<\/span>\r\n\r\n <div class=\"slider-progress\" id=\"sliderProgress\"><\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"etapes-container\">\r\n <div class=\"etape-item\">\r\n <div class=\"etape-numero\">01<\/div>\r\n <div class=\"etape-titre\"><strong>Diagnostic canalisation<\/strong><\/div>\r\n <div class=\"etape-desc\">\r\n <strong>Inspection cam\u00e9ra<\/strong> pour localiser pr\u00e9cis\u00e9ment le probl\u00e8me\r\n (<strong>d\u00e9tection de bouchon<\/strong>, fissure, racine).\r\n <\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera\/\" class=\"etape-lien\">En savoir plus<\/a>\r\n <\/div>\r\n\r\n <div class=\"etape-item\">\r\n <div class=\"etape-numero\">02<\/div>\r\n <div class=\"etape-titre\"><strong>Intervention<\/strong><\/div>\r\n <div class=\"etape-desc\">\r\n <strong>Curage<\/strong>, <strong>d\u00e9bouchage<\/strong> ou <strong>pompage<\/strong>\r\n avec du <strong>mat\u00e9riel haute pression<\/strong>. Solution adapt\u00e9e \u00e0 votre r\u00e9seau.\r\n <\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/services\/\" class=\"etape-lien\">En savoir plus<\/a>\r\n <\/div>\r\n\r\n <div class=\"etape-item\">\r\n <div class=\"etape-numero\">03<\/div>\r\n <div class=\"etape-titre\"><strong>Contr\u00f4le & garantie<\/strong><\/div>\r\n <div class=\"etape-desc\">\r\n V\u00e9rification finale, <strong>rapport d\u00e9taill\u00e9<\/strong> et <strong>garantie 48h<\/strong>\r\n sur nos interventions d'<strong>assainissement<\/strong>.\r\n <\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/contact\/\" class=\"etape-lien\">En savoir plus<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"parcours-cta-wrapper\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/contact\/\" class=\"parcours-btn\" id=\"ctaButton\">\r\n <span class=\"btn__text\"><strong>Devis gratuit<\/strong> \u2013 Demander un devis<\/span>\r\n <span class=\"btn__icon\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"parcours-waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"w-parcours\" 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-parcours\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w-parcours\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w-parcours\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w-parcours\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w-parcours\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w-parcours\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n \/\/ ================================================================\r\n \/\/ SLIDER AVANT \/ APRES - PHOTOS INVERSEES\r\n \/\/ ================================================================\r\n var sliderContainer = document.getElementById('sliderContainer');\r\n var afterImage = document.getElementById('afterImage');\r\n var handle = document.getElementById('sliderHandle');\r\n var progress = document.getElementById('sliderProgress');\r\n\r\n var isDragging = false;\r\n\r\n function updateSlider(clientX) {\r\n var rect = sliderContainer.getBoundingClientRect();\r\n var x = clientX - rect.left;\r\n var percent = Math.max(0, Math.min(100, (x \/ rect.width) * 100));\r\n\r\n afterImage.style.clipPath = 'inset(0 ' + (100 - percent) + '% 0 0)';\r\n handle.style.left = percent + '%';\r\n progress.style.width = percent + '%';\r\n }\r\n\r\n handle.addEventListener('mousedown', function(e) {\r\n isDragging = true;\r\n e.preventDefault();\r\n document.body.style.cursor = 'ew-resize';\r\n });\r\n\r\n document.addEventListener('mousemove', function(e) {\r\n if (!isDragging) return;\r\n updateSlider(e.clientX);\r\n });\r\n\r\n document.addEventListener('mouseup', function() {\r\n if (isDragging) {\r\n isDragging = false;\r\n document.body.style.cursor = '';\r\n }\r\n });\r\n\r\n handle.addEventListener('touchstart', function(e) {\r\n isDragging = true;\r\n e.preventDefault();\r\n }, { passive: false });\r\n\r\n document.addEventListener('touchmove', function(e) {\r\n if (!isDragging) return;\r\n var touch = e.touches[0];\r\n updateSlider(touch.clientX);\r\n }, { passive: false });\r\n\r\n document.addEventListener('touchend', function() {\r\n isDragging = false;\r\n });\r\n\r\n sliderContainer.addEventListener('click', function(e) {\r\n if (e.target === handle || e.target.closest('.slider-handle')) return;\r\n updateSlider(e.clientX);\r\n });\r\n\r\n var resizeTimer;\r\n window.addEventListener('resize', function() {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(function() {\r\n var currentPercent = parseFloat(handle.style.left) || 50;\r\n afterImage.style.clipPath = 'inset(0 ' + (100 - currentPercent) + '% 0 0)';\r\n progress.style.width = currentPercent + '%';\r\n }, 300);\r\n });\r\n\r\n setTimeout(function() {\r\n afterImage.style.clipPath = 'inset(0 50% 0 0)';\r\n handle.style.left = '50%';\r\n progress.style.width = '50%';\r\n }, 100);\r\n\r\n \/\/ ================================================================\r\n \/\/ ANIMATIONS AU SCROLL\r\n \/\/ ================================================================\r\n function animateOnScroll() {\r\n var elements = document.querySelectorAll('.etape-item');\r\n var windowHeight = window.innerHeight;\r\n\r\n elements.forEach(function(el, index) {\r\n var rect = el.getBoundingClientRect();\r\n if (rect.top < windowHeight - 50) {\r\n el.style.opacity = '1';\r\n el.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }\r\n\r\n document.querySelectorAll('.etape-item').forEach(function(el) {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(30px)';\r\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n el.style.transitionDelay = '0.1s';\r\n });\r\n\r\n document.querySelectorAll('.etape-item:nth-child(2)').forEach(function(el) {\r\n el.style.transitionDelay = '0.2s';\r\n });\r\n\r\n document.querySelectorAll('.etape-item:nth-child(3)').forEach(function(el) {\r\n el.style.transitionDelay = '0.3s';\r\n });\r\n\r\n window.addEventListener('scroll', animateOnScroll);\r\n window.addEventListener('load', function() {\r\n setTimeout(animateOnScroll, 300);\r\n });\r\n\r\n \/\/ ================================================================\r\n \/\/ CTA - REDIRECTION VERS LA PAGE DE CONTACT AVEC ANIMATION\r\n \/\/ ================================================================\r\n var ctaBtn = document.getElementById('ctaButton');\r\n if (ctaBtn) {\r\n ctaBtn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n this.style.transform = 'scale(0.95)';\r\n this.style.transition = 'transform 0.1s ease';\r\n\r\n var originalText = this.querySelector('.btn__text').textContent;\r\n this.querySelector('.btn__text').textContent = 'Redirection...';\r\n\r\n setTimeout(function() {\r\n window.location.href = 'https:\/\/sci-bme.fr\/index.php\/contact\/';\r\n }, 300);\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-443244b e-con-full e-flex e-con e-parent\" data-id=\"443244b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29bc94b elementor-widget elementor-widget-html\" data-id=\"29bc94b\" 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.bt-galerie *{margin:0;padding:0;box-sizing:border-box}.bt-galerie{font-family:'Inter',sans-serif;background-color:#ffffff;color:#0a1a2b;line-height:1.6;overflow-x:hidden;padding:40px 20px;max-width:1400px;margin:0 auto}.bt-galerie__section{padding:5rem 5% 6rem;background:#ffffff;position:relative;max-width:1400px;margin:0 auto}.bt-galerie__container{max-width:1400px;margin:0 auto;width:100%;position:relative;z-index:1}.bt-galerie__header{text-align:center;max-width:780px;margin:0 auto 3.5rem}.bt-galerie__badge{display:inline-flex;align-items:center;gap:.6rem;font-family:'Sora',sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.4rem 1.4rem .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}.bt-galerie__badge .dot{width:6px;height:6px;border-radius:50%;background:#1c7ec9;animation:bt-pulseDot 2s ease-in-out infinite}@keyframes bt-pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.bt-galerie__title{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(2rem,3.6vw,3.2rem);letter-spacing:-.03em;color:#07294a;line-height:1.1;margin-bottom:.8rem}.bt-galerie__title .highlight{background:linear-gradient(135deg,#f4a61a 0%,#d98a0c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bt-galerie__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}.bt-galerie__subtitle strong{color:#07294a;font-weight:600}.bt-galerie__carousel{position:relative;overflow:hidden;border-radius:20px;background:#f8fafc;padding:0 0 20px 0}.bt-galerie__track{display:flex;gap:16px;will-change:transform;transition:transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);width:max-content}.bt-galerie__item{flex:0 0 280px;aspect-ratio:4\/3;border-radius:16px;overflow:hidden;background:#07294a;position:relative;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 16px rgba(7,41,74,0.06)}.bt-galerie__item:hover{transform:scale(1.04);box-shadow:0 12px 48px rgba(7,41,74,0.15);z-index:10}.bt-galerie__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.bt-galerie__item:hover img{transform:scale(1.05)}.bt-galerie__item-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.2rem 1.2rem 1rem;background:linear-gradient(transparent,rgba(7,41,74,0.75));opacity:0;transition:opacity .4s ease;display:flex;flex-direction:column;justify-content:flex-end}.bt-galerie__item:hover .bt-galerie__item-overlay{opacity:1}.bt-galerie__item-overlay .tag{display:inline-block;font-family:'Sora',sans-serif;font-weight:700;font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .8rem;border-radius:100px;background:rgba(255,255,255,0.2);backdrop-filter:blur(4px);color:#ffffff;margin-bottom:.3rem;align-self:flex-start}.bt-galerie__item-overlay .title{font-family:'Sora',sans-serif;font-weight:700;font-size:.85rem;color:#ffffff;line-height:1.3}.bt-galerie__item-overlay .sub{font-family:'Inter',sans-serif;font-size:.7rem;color:rgba(255,255,255,0.7)}.bt-galerie__indicators{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.bt-galerie__indicators .dots{display:flex;gap:8px}.bt-galerie__indicators .dot-nav{width:8px;height:8px;border-radius:50%;background:#eef2f6;transition:all .3s ease;cursor:pointer}.bt-galerie__indicators .dot-nav.active{background:#f4a61a;width:24px;border-radius:999px}.bt-galerie__indicators .counter{font-size:.8rem;color:#6b7f94;font-weight:500}.bt-galerie__indicators .pause-btn{background:none;border:none;color:#6b7f94;cursor:pointer;transition:color .3s ease;padding:4px 8px;display:flex;align-items:center}.bt-galerie__indicators .pause-btn:hover{color:#f4a61a}.bt-galerie__action{text-align:center;margin-top:3rem}.bt-galerie__action .btn--voir{display:inline-flex;align-items:center;gap:.75rem;font-family:'Sora',sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.02em;text-decoration:none;padding:.9rem 2.8rem;border-radius:3rem;transition:all .35s cubic-bezier(.34,1.56,.64,1);cursor:pointer;border:none;background:linear-gradient(135deg,#f4a61a 0%,#e0960e 100%);box-shadow:0 4px 16px rgba(244,166,26,0.25);color:#ffffff!important}.bt-galerie__action .btn--voir:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(244,166,26,0.40);color:#ffffff!important}.bt-galerie__action .btn--voir .btn__icon{transition:transform .3s ease}.bt-galerie__action .btn--voir:hover .btn__icon{transform:translateX(4px)}.bt-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(7,41,74,0.92);backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:pointer;opacity:0;transition:opacity .4s ease}.bt-lightbox-content{max-width:900px;width:100%;max-height:90vh;background:transparent;border-radius:16px;overflow:hidden;position:relative;transform:scale(.95);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.bt-lightbox-content img{width:100%;height:auto;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.3)}.bt-lightbox-content .info{position:absolute;bottom:1.5rem;left:1.5rem;background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);padding:.6rem 1.2rem;border-radius:100px;color:white;font-family:'Inter',sans-serif;font-size:.8rem}.bt-lightbox-content .info .tag{font-weight:700;font-family:'Sora',sans-serif;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.bt-lightbox-content .info .title{margin-left:.8rem}.bt-lightbox-content .close-btn{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);border:none;color:white;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.bt-lightbox-content .close-btn:hover{background:rgba(255,255,255,0.3)}@media (max-width:768px){.bt-galerie__section{padding:3rem 1.5rem}.bt-galerie__item{flex:0 0 200px}.bt-galerie__item-overlay .title{font-size:.7rem}.bt-galerie__item-overlay .sub{font-size:.6rem}}@media (max-width:480px){.bt-galerie__section{padding:2rem 1rem}.bt-galerie__item{flex:0 0 160px;border-radius:12px}.bt-galerie__item-overlay{padding:.8rem}.bt-galerie__item-overlay .title{font-size:.6rem}.bt-galerie__item-overlay .sub{font-size:.5rem}.bt-galerie__item-overlay .tag{font-size:.45rem;padding:.1rem .6rem}.bt-galerie__action .btn--voir{padding:.7rem 1.8rem;font-size:.75rem}}\r\n<\/style>\r\n\r\n<div class=\"bt-galerie\">\r\n <section class=\"bt-galerie__section\">\r\n <div class=\"bt-galerie__container\">\r\n\r\n <div class=\"bt-galerie__header\">\r\n <span class=\"bt-galerie__badge\"><span class=\"dot\"><\/span> Nos R\u00e9alisations<\/span>\r\n <h2 class=\"bt-galerie__title\">D\u00e9pannage & curage <span class=\"highlight\">Nos interventions<\/span> en images<\/h2>\r\n <p class=\"bt-galerie__subtitle\">\r\n <strong>D\u00e9bouchage, curage, hydrocurage et inspection cam\u00e9ra<\/strong> : nos \u00e9quipes interviennent sur tous vos r\u00e9seaux. <strong>Devis gratuit<\/strong>, <strong>techniciens qualifi\u00e9s<\/strong> et <strong>intervention rapide<\/strong> en \u00cele\u2011de\u2011France.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bt-galerie__carousel\">\r\n <div class=\"bt-galerie__track\" id=\"btCarouselTrack\"><\/div>\r\n <div class=\"bt-galerie__indicators\">\r\n <div class=\"dots\" id=\"btDotsContainer\"><\/div>\r\n <span class=\"counter\" id=\"btCounter\">1 \/ 11<\/span>\r\n <button class=\"pause-btn\" id=\"btPauseBtn\" aria-label=\"Pause \/ Play\">\r\n <svg id=\"btPauseIcon\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M6 4h4v16H6V4zm8 0h4v16h-4V4z\"\/><\/svg>\r\n <svg id=\"btPlayIcon\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\" style=\"display:none;\"><path d=\"M5 3l14 9-14 9V3z\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bt-galerie__action\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/services\/\" class=\"btn--voir\" target=\"_blank\" rel=\"noopener\">\r\n D\u00e9couvrir tous nos services\r\n <span class=\"btn__icon\">\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n 'use strict';\r\n\r\n \/\/ ------------------------------------------------------------\r\n \/\/ NOUVELLES PHOTOS (11 URLs fournies)\r\n \/\/ ------------------------------------------------------------\r\n const photos = [\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-29-at-17.45.05-1-LAPTOP-MF3UBE4E.jpeg',\r\n tag: 'Intervention',\r\n title: 'Chantier 1',\r\n sub: 'R\u00e9alisation terrain'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-23.33.07-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E.jpeg',\r\n tag: 'Intervention',\r\n title: 'Chantier 2',\r\n sub: 'R\u00e9alisation terrain'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-23.33.05-LAPTOP-MF3UBE4E.jpeg',\r\n tag: 'Intervention',\r\n title: 'Chantier 3',\r\n sub: 'R\u00e9alisation terrain'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-16.51.17-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E-2.jpeg',\r\n tag: 'Intervention',\r\n title: 'Chantier 4',\r\n sub: 'R\u00e9alisation terrain'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-16.40.26.jpeg',\r\n tag: 'Intervention',\r\n title: 'Chantier 5',\r\n sub: 'R\u00e9alisation terrain'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-14.47.29-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E-2.jpeg',\r\n tag: 'Intervention',\r\n title: 'Chantier 6',\r\n sub: 'R\u00e9alisation terrain'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-24-at-18.54.26-10-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E.jpeg',\r\n tag: 'Intervention',\r\n title: 'Chantier 7',\r\n sub: 'R\u00e9alisation terrain'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/remplacement-station-relevage_-2.jpg',\r\n tag: 'Station relevage',\r\n title: 'Remplacement station relevage',\r\n sub: 'R\u00e9novation compl\u00e8te'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/pose-puisard_3.jpg',\r\n tag: 'Pose puisard',\r\n title: 'Installation d\\'un puisard',\r\n sub: 'Assainissement'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/PHOTO-2021-02-09-12-14-14.jpg',\r\n tag: 'Intervention',\r\n title: 'Chantier 8',\r\n sub: 'R\u00e9alisation terrain'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/gif-pompage-2_opti-LAPTOP-MF3UBE4E.gif',\r\n tag: 'Pompage',\r\n title: 'Op\u00e9ration de pompage',\r\n sub: 'Entretien pr\u00e9ventif'\r\n }\r\n ];\r\n\r\n \/\/ ------------------------------------------------------------\r\n \/\/ NE RIEN MODIFIER CI\u2011DESSOUS (sauf si besoin)\r\n \/\/ ------------------------------------------------------------\r\n\r\n const track = document.getElementById('btCarouselTrack');\r\n const dotsContainer = document.getElementById('btDotsContainer');\r\n const counter = document.getElementById('btCounter');\r\n const pauseBtn = document.getElementById('btPauseBtn');\r\n const pauseIcon = document.getElementById('btPauseIcon');\r\n const playIcon = document.getElementById('btPlayIcon');\r\n\r\n const totalSlides = photos.length;\r\n let currentIndex = 0;\r\n let isPaused = false;\r\n let autoSlideInterval = null;\r\n const slideWidth = 280 + 16; \/\/ largeur + gap\r\n let clonedCount = 0;\r\n\r\n function renderSlides() {\r\n track.innerHTML = '';\r\n const allPhotos = [...photos, ...photos];\r\n allPhotos.forEach((photo, idx) => {\r\n const slide = document.createElement('div');\r\n slide.className = 'bt-galerie__item';\r\n slide.setAttribute('data-index', idx % photos.length);\r\n slide.innerHTML = `\r\n <img loading=\"lazy\" decoding=\"async\" src=\"${photo.src}\" alt=\"${photo.title}\" width=\"560\" height=\"420\" loading=\"lazy\">\r\n <div class=\"bt-galerie__item-overlay\">\r\n <span class=\"tag\">${photo.tag}<\/span>\r\n <span class=\"title\">${photo.title}<\/span>\r\n <span class=\"sub\">${photo.sub}<\/span>\r\n <\/div>\r\n `;\r\n slide.addEventListener('click', function() {\r\n openLightbox(parseInt(this.getAttribute('data-index')));\r\n });\r\n track.appendChild(slide);\r\n });\r\n\r\n const totalItems = allPhotos.length;\r\n const half = totalItems \/ 2;\r\n clonedCount = half;\r\n currentIndex = 0;\r\n const initialOffset = - (0 * slideWidth);\r\n track.style.transform = `translateX(${initialOffset}px)`;\r\n }\r\n\r\n function goToSlide(index) {\r\n let targetIndex = index;\r\n const offset = - (targetIndex * slideWidth);\r\n track.style.transition = 'transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\r\n track.style.transform = `translateX(${offset}px)`;\r\n currentIndex = index;\r\n updateDots();\r\n updateCounter();\r\n }\r\n\r\n function nextSlide() {\r\n let next = currentIndex + 1;\r\n if (next >= totalSlides) {\r\n const cloneOffset = - (totalSlides * slideWidth);\r\n track.style.transition = 'none';\r\n track.style.transform = `translateX(${cloneOffset}px)`;\r\n track.offsetHeight;\r\n next = 0;\r\n const newOffset = - (next * slideWidth);\r\n track.style.transition = 'transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\r\n track.style.transform = `translateX(${newOffset}px)`;\r\n currentIndex = next;\r\n } else {\r\n goToSlide(next);\r\n }\r\n updateDots();\r\n updateCounter();\r\n }\r\n\r\n function startAutoSlide() {\r\n if (autoSlideInterval) clearInterval(autoSlideInterval);\r\n autoSlideInterval = setInterval(nextSlide, 3800);\r\n }\r\n\r\n function stopAutoSlide() {\r\n if (autoSlideInterval) {\r\n clearInterval(autoSlideInterval);\r\n autoSlideInterval = null;\r\n }\r\n }\r\n\r\n function togglePause() {\r\n isPaused = !isPaused;\r\n if (isPaused) {\r\n stopAutoSlide();\r\n pauseIcon.style.display = 'none';\r\n playIcon.style.display = 'block';\r\n } else {\r\n startAutoSlide();\r\n pauseIcon.style.display = 'block';\r\n playIcon.style.display = 'none';\r\n }\r\n }\r\n\r\n function updateDots() {\r\n const dots = dotsContainer.querySelectorAll('.dot-nav');\r\n dots.forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentIndex % totalSlides);\r\n });\r\n }\r\n\r\n function updateCounter() {\r\n counter.textContent = (currentIndex % totalSlides + 1) + ' \/ ' + totalSlides;\r\n }\r\n\r\n function renderDots() {\r\n dotsContainer.innerHTML = '';\r\n for (let i = 0; i < totalSlides; i++) {\r\n const dot = document.createElement('span');\r\n dot.className = 'dot-nav' + (i === 0 ? ' active' : '');\r\n dot.setAttribute('data-index', i);\r\n dot.addEventListener('click', function() {\r\n const idx = parseInt(this.getAttribute('data-index'));\r\n goToSlide(idx);\r\n if (!isPaused) {\r\n stopAutoSlide();\r\n startAutoSlide();\r\n }\r\n });\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n function openLightbox(index) {\r\n const photo = photos[index % photos.length];\r\n const existing = document.querySelector('.bt-lightbox');\r\n if (existing) existing.remove();\r\n\r\n const lightbox = document.createElement('div');\r\n lightbox.className = 'bt-lightbox';\r\n lightbox.innerHTML = `\r\n <div class=\"bt-lightbox-content\">\r\n <img decoding=\"async\" src=\"${photo.src}\" alt=\"${photo.title}\">\r\n <div class=\"info\">\r\n <span class=\"tag\">${photo.tag}<\/span>\r\n <span class=\"title\">${photo.title}<\/span>\r\n <\/div>\r\n <button class=\"close-btn\">\r\n <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\r\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n `;\r\n document.body.appendChild(lightbox);\r\n requestAnimationFrame(() => {\r\n lightbox.style.opacity = '1';\r\n lightbox.querySelector('.bt-lightbox-content').style.transform = 'scale(1)';\r\n });\r\n\r\n function closeLightbox() {\r\n lightbox.style.opacity = '0';\r\n setTimeout(() => lightbox.remove(), 400);\r\n }\r\n lightbox.addEventListener('click', function(e) {\r\n if (e.target === lightbox || e.target.closest('.close-btn')) closeLightbox();\r\n });\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') {\r\n const lb = document.querySelector('.bt-lightbox');\r\n if (lb) {\r\n lb.style.opacity = '0';\r\n setTimeout(() => lb.remove(), 400);\r\n }\r\n }\r\n });\r\n }\r\n\r\n document.addEventListener('error', function(e) {\r\n if (e.target.tagName === 'IMG' && !e.target.hasAttribute('data-fallback')) {\r\n e.target.setAttribute('data-fallback', 'true');\r\n e.target.src = 'data:image\/svg+xml,%3Csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"400\" height=\"300\"%3E%3Crect fill=\"%2307294a\" width=\"400\" height=\"300\"\/%3E%3Ctext x=\"200\" y=\"150\" text-anchor=\"middle\" font-family=\"Sora\" font-size=\"20\" fill=\"%23f4a61a\"%3EBT Plus%3C\/text%3E%3C\/svg%3E';\r\n }\r\n }, true);\r\n\r\n renderSlides();\r\n renderDots();\r\n updateCounter();\r\n\r\n setTimeout(() => {\r\n startAutoSlide();\r\n }, 500);\r\n\r\n pauseBtn.addEventListener('click', togglePause);\r\n\r\n const carousel = document.querySelector('.bt-galerie__carousel');\r\n carousel.addEventListener('mouseenter', function() {\r\n if (!isPaused) {\r\n stopAutoSlide();\r\n }\r\n });\r\n carousel.addEventListener('mouseleave', function() {\r\n if (!isPaused) {\r\n startAutoSlide();\r\n }\r\n });\r\n\r\n let touchStartX = 0;\r\n track.addEventListener('touchstart', function(e) {\r\n touchStartX = e.touches[0].clientX;\r\n stopAutoSlide();\r\n });\r\n track.addEventListener('touchend', function(e) {\r\n if (!isPaused) startAutoSlide();\r\n });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5fde597 e-con-full e-flex e-con e-parent\" data-id=\"5fde597\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae8e7b6 elementor-widget elementor-widget-html\" data-id=\"ae8e7b6\" 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-9126c6f e-flex e-con-boxed e-con e-parent\" data-id=\"9126c6f\" 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-4fd5d4b elementor-widget elementor-widget-shortcode\" data-id=\"4fd5d4b\" 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-8a46da2 e-con-full e-flex e-con e-parent\" data-id=\"8a46da2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8afa7f7 elementor-widget elementor-widget-html\" data-id=\"8afa7f7\" 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-577b6ee e-con-full e-flex e-con e-parent\" data-id=\"577b6ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b53d97 elementor-widget elementor-widget-html\" data-id=\"9b53d97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\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>Nos services de d\u00e9pannage & assainissement \u2013 BT Plus Entreprise d’assainissement agr\u00e9\u00e9e Urgence 24h\/24 \u2013 Devis gratuit Nos services en Ile-de-France D\u00e9bouchage canalisation, curage, hydrocurage, inspection cam\u00e9ra et pompage : des solutions professionnelles pour tous vos besoins en assainissement. Techniciens qualifi\u00e9s, mat\u00e9riel haute pression, intervention rapide en \u00cele-de-France. Devis gratuit et service 24h\/24. D\u00e9bouchage Curage […]<\/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-127","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/127","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=127"}],"version-history":[{"count":88,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/127\/revisions"}],"predecessor-version":[{"id":2974,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/127\/revisions\/2974"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=127"}],"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\nNos services de d\u00e9pannage & assainissement \u2013 BT Plus<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\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\u00c9INT\u00c9GR\u00c9\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 \/* ============================================\r\n MASQUER LE BADGE SUR MOBILE (\u2264 768px)\r\n ============================================ *\/\r\n @media (max-width: 768px) {\r\n .badge-247 {\r\n display: none !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n \u00c9TIQUETTE MOBILE UNIQUE (au-dessus de la photo)\r\n ============================================ *\/\r\n .mobile-badge-top {\r\n display: none; \/* cach\u00e9 par d\u00e9faut sur desktop *\/\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .mobile-badge-top .badge-content {\r\n background:#ffffff;\r\n border-radius:30px;\r\n padding:10px 20px;\r\n box-shadow:var(--shadow-md);\r\n border:1px solid var(--blue-100);\r\n display:inline-flex;\r\n align-items:center;\r\n gap:12px;\r\n font-size:0.9rem;\r\n font-weight:600;\r\n color:var(--blue-800);\r\n }\r\n\r\n .mobile-badge-top .badge-content svg {\r\n width:20px;\r\n height:20px;\r\n color:var(--orange);\r\n flex-shrink:0;\r\n }\r\n\r\n \/* Affichage uniquement sur mobile - espacement r\u00e9duit *\/\r\n @media (max-width: 768px) {\r\n .mobile-badge-top {\r\n display: flex;\r\n margin-bottom: 8px;\r\n }\r\n .hero-inner {\r\n gap: 16px;\r\n padding: 20px 16px 100px;\r\n }\r\n .visual .image-wrapper {\r\n width: min(400px, 95%);\r\n border-radius: 20px;\r\n }\r\n .visual .image-wrapper .nav-arrows button {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 1.1rem;\r\n }\r\n .visual .image-wrapper .slide-text .service-name {\r\n font-size: 1.1rem;\r\n }\r\n .visual .image-wrapper .slide-text .service-sub {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-inner {\r\n padding: 16px 12px 80px;\r\n gap: 12px;\r\n }\r\n .mobile-badge-top {\r\n margin-bottom: 6px;\r\n }\r\n .mobile-badge-top .badge-content {\r\n font-size: 0.8rem;\r\n padding: 8px 14px;\r\n gap: 8px;\r\n }\r\n .mobile-badge-top .badge-content svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n .visual .image-wrapper {\r\n width: min(320px, 95%);\r\n border-radius: 16px;\r\n }\r\n .visual .image-wrapper .nav-arrows button {\r\n width: 30px;\r\n height: 30px;\r\n font-size: 0.9rem;\r\n }\r\n .visual .image-wrapper .slide-text {\r\n padding: 14px 16px 20px;\r\n }\r\n .visual .image-wrapper .slide-text .service-name {\r\n font-size: 0.95rem;\r\n }\r\n .visual .image-wrapper .slide-text .service-sub {\r\n font-size: 0.7rem;\r\n }\r\n .visual .image-wrapper .dots-nav .dot {\r\n width: 8px;\r\n height: 8px;\r\n }\r\n .visual .image-wrapper .dots-nav .dot.active {\r\n width: 20px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n CONTENU TEXTE \u2014 NOS SERVICES (SEO)\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:580px;\r\n }\r\n .lead strong{\r\n color:var(--blue-800);\r\n font-weight:600;\r\n }\r\n\r\n \/* service chips *\/\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{\r\n position:relative;\r\n display:grid;\r\n place-items:center;\r\n min-height:auto;\r\n }\r\n\r\n .visual .image-wrapper{\r\n position:relative;\r\n width:min(480px,95%);\r\n aspect-ratio:4\/3;\r\n border-radius:28px;\r\n overflow:hidden;\r\n box-shadow:0 30px 60px -20px rgba(7,41,74,.40);\r\n background:var(--blue-900);\r\n }\r\n\r\n .visual .image-wrapper .slide-container{\r\n display:flex;\r\n transition:transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n will-change:transform;\r\n width:100%;\r\n height:100%;\r\n }\r\n\r\n .visual .image-wrapper .slide-container .slide{\r\n flex:0 0 100%;\r\n min-width:100%;\r\n height:100%;\r\n position:relative;\r\n }\r\n\r\n .visual .image-wrapper .slide-container .slide img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n display:block;\r\n }\r\n\r\n .visual .image-wrapper .slide-container .slide .slide-overlay{\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(0deg, rgba(7,41,74,0.6) 0%, transparent 50%);\r\n z-index:1;\r\n }\r\n\r\n \/* Navigation fl\u00e8ches *\/\r\n .visual .image-wrapper .nav-arrows{\r\n position:absolute;\r\n top:50%;\r\n left:0;\r\n right:0;\r\n transform:translateY(-50%);\r\n z-index:5;\r\n display:flex;\r\n justify-content:space-between;\r\n padding:0 12px;\r\n pointer-events:none;\r\n }\r\n\r\n .visual .image-wrapper .nav-arrows button{\r\n width:44px;\r\n height:44px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,0.9);\r\n backdrop-filter:blur(4px);\r\n border:1px solid rgba(255,255,255,0.3);\r\n color:var(--blue-900);\r\n font-size:1.3rem;\r\n cursor:pointer;\r\n transition:all .3s ease;\r\n pointer-events:auto;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n box-shadow:0 4px 16px rgba(0,0,0,0.12);\r\n font-family:serif;\r\n line-height:1;\r\n }\r\n\r\n .visual .image-wrapper .nav-arrows button:hover{\r\n background:#fff;\r\n transform:scale(1.08);\r\n box-shadow:0 6px 24px rgba(0,0,0,0.18);\r\n color:var(--orange);\r\n }\r\n\r\n .visual .image-wrapper .nav-arrows button:disabled{\r\n opacity:0.2;\r\n cursor:not-allowed;\r\n transform:none;\r\n }\r\n\r\n \/* Dots *\/\r\n .visual .image-wrapper .dots-nav{\r\n position:absolute;\r\n bottom:18px;\r\n left:50%;\r\n transform:translateX(-50%);\r\n z-index:5;\r\n display:flex;\r\n gap:10px;\r\n }\r\n\r\n .visual .image-wrapper .dots-nav .dot{\r\n width:10px;\r\n height:10px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,0.4);\r\n cursor:pointer;\r\n transition:all .3s ease;\r\n border:1px solid rgba(255,255,255,0.1);\r\n }\r\n\r\n .visual .image-wrapper .dots-nav .dot.active{\r\n background:#f4a61a;\r\n width:28px;\r\n border-radius:99px;\r\n border-color:#f4a61a;\r\n }\r\n\r\n .visual .image-wrapper .dots-nav .dot:hover{\r\n background:rgba(255,255,255,0.7);\r\n }\r\n\r\n .visual .image-wrapper .dots-nav .dot.active:hover{\r\n background:#f4a61a;\r\n }\r\n\r\n \/* Texte superpos\u00e9 *\/\r\n .visual .image-wrapper .slide-text{\r\n position:absolute;\r\n bottom:0;\r\n left:0;\r\n right:0;\r\n z-index:4;\r\n padding:20px 24px 30px;\r\n text-align:center;\r\n pointer-events:none;\r\n }\r\n\r\n .visual .image-wrapper .slide-text .service-name{\r\n font-family:var(--font-display);\r\n font-weight:700;\r\n font-size:1.4rem;\r\n color:#fff;\r\n text-shadow:0 2px 20px rgba(0,0,0,0.4);\r\n margin-bottom:2px;\r\n }\r\n\r\n .visual .image-wrapper .slide-text .service-sub{\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.85);\r\n text-shadow:0 2px 12px rgba(0,0,0,0.3);\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<\/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>Entreprise d'assainissement agr\u00e9\u00e9e<\/b>\r\n <small>Urgence 24h\/24 \u2013 Devis gratuit<\/small>\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n <h1 class=\"reveal d2\">\r\n <strong>Nos services<\/strong><br>\r\n en <span class=\"accent\">Ile-de-France<\/span>\r\n <\/h1>\r\n\r\n <p class=\"lead reveal d3\">\r\n <strong>D\u00e9bouchage canalisation<\/strong>, <strong>curage<\/strong>, <strong>hydrocurage<\/strong>,\r\n <strong>inspection cam\u00e9ra<\/strong> et <strong>pompage<\/strong> : des solutions professionnelles\r\n pour tous vos besoins en assainissement. <strong>Techniciens qualifi\u00e9s<\/strong>,\r\n <strong>mat\u00e9riel haute pression<\/strong>, <strong>intervention rapide<\/strong> en <strong>\u00cele-de-France<\/strong>.\r\n <strong>Devis gratuit<\/strong> et <strong>service 24h\/24<\/strong>.\r\n <\/p>\r\n\r\n <div class=\"chips reveal d4\">\r\n <span class=\"chip active\" data-index=\"0\"><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>D\u00e9bouchage<\/span>\r\n <span class=\"chip\" data-index=\"1\"><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>Curage<\/span>\r\n <span class=\"chip\" data-index=\"2\"><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>Inspection cam\u00e9ra<\/span>\r\n <span class=\"chip\" data-index=\"3\"><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>Pompage<\/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><strong>Entreprise agr\u00e9\u00e9e<\/strong><\/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><strong>Techniciens qualifi\u00e9s<\/strong><\/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><strong>Devis gratuit<\/strong><\/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><strong>Intervention rapide<\/strong><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"right-col\" style=\"display:contents;\">\r\n\r\n \r\n <div class=\"mobile-badge-top\">\r\n <div class=\"badge-content\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"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>Urgence 24h\/24 \u2013 Devis gratuit<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"visual reveal-r\">\r\n <div class=\"image-wrapper\">\r\n\r\n <div class=\"slide-container\" id=\"slideContainer\">\r\n \r\n <div class=\"slide\" data-index=\"0\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-09-14-at-14.47.33.jpg\" alt=\"D\u00e9bouchage canalisation\" loading=\"lazy\">\r\n <div class=\"slide-overlay\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"slide\" data-index=\"1\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/unnamed-3.jpg\" alt=\"Curage canalisation\" loading=\"lazy\">\r\n <div class=\"slide-overlay\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"slide\" data-index=\"2\">\r\n <img decoding=\"async\" src=\"https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2021\/11\/WhatsApp-Image-2021-05-11-at-16.41.28-1.jpeg\" alt=\"Inspection cam\u00e9ra\" loading=\"lazy\">\r\n <div class=\"slide-overlay\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"slide\" data-index=\"3\">\r\n <img decoding=\"async\" src=\"https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2021\/09\/pompage-technicien-camion-8.jpg\" alt=\"Pompage\" loading=\"lazy\">\r\n <div class=\"slide-overlay\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"nav-arrows\">\r\n <button id=\"prevBtn\" aria-label=\"Pr\u00e9c\u00e9dent\">\u2039<\/button>\r\n <button id=\"nextBtn\" aria-label=\"Suivant\">\u203a<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"dots-nav\" id=\"dotsNav\">\r\n <span class=\"dot active\" data-index=\"0\"><\/span>\r\n <span class=\"dot\" data-index=\"1\"><\/span>\r\n <span class=\"dot\" data-index=\"2\"><\/span>\r\n <span class=\"dot\" data-index=\"3\"><\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide-text\">\r\n <div class=\"service-name\" id=\"serviceName\">D\u00e9bouchage<\/div>\r\n <div class=\"service-sub\" id=\"serviceSub\">Canalisations obstru\u00e9es<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\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 <script>\r\n (function() {\r\n 'use strict';\r\n\r\n const slides = document.querySelectorAll('.slide');\r\n const dots = document.querySelectorAll('.dot');\r\n const chips = document.querySelectorAll('.chip');\r\n const slideContainer = document.getElementById('slideContainer');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const serviceName = document.getElementById('serviceName');\r\n const serviceSub = document.getElementById('serviceSub');\r\n\r\n let currentIndex = 0;\r\n const totalSlides = slides.length;\r\n\r\n \/\/ Donn\u00e9es des services\r\n const servicesData = [\r\n { name: 'D\u00e9bouchage', sub: 'Canalisations obstru\u00e9es' },\r\n { name: 'Curage', sub: 'Nettoyage en profondeur' },\r\n { name: 'Inspection cam\u00e9ra', sub: 'Diagnostic pr\u00e9cis' },\r\n { name: 'Pompage', sub: 'Vidange et aspiration' }\r\n ];\r\n\r\n \/\/ Mise \u00e0 jour du carrousel\r\n function goToSlide(index) {\r\n if (index < 0) index = totalSlides - 1;\r\n if (index >= totalSlides) index = 0;\r\n currentIndex = index;\r\n\r\n slideContainer.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n\r\n dots.forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentIndex);\r\n });\r\n\r\n chips.forEach((chip, i) => {\r\n chip.classList.toggle('active', i === currentIndex);\r\n });\r\n\r\n serviceName.textContent = servicesData[currentIndex].name;\r\n serviceSub.textContent = servicesData[currentIndex].sub;\r\n\r\n prevBtn.disabled = false;\r\n nextBtn.disabled = false;\r\n }\r\n\r\n \/\/ \u00c9v\u00e9nements\r\n prevBtn.addEventListener('click', function() { goToSlide(currentIndex - 1); });\r\n nextBtn.addEventListener('click', function() { goToSlide(currentIndex + 1); });\r\n\r\n dots.forEach((dot, index) => {\r\n dot.addEventListener('click', function() { goToSlide(index); });\r\n });\r\n\r\n chips.forEach((chip, index) => {\r\n chip.addEventListener('click', function() { goToSlide(index); });\r\n });\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'ArrowLeft') goToSlide(currentIndex - 1);\r\n if (e.key === 'ArrowRight') goToSlide(currentIndex + 1);\r\n });\r\n\r\n \/\/ Auto-play\r\n let autoPlayInterval = setInterval(function() {\r\n goToSlide(currentIndex + 1);\r\n }, 4000);\r\n\r\n const wrapper = document.querySelector('.image-wrapper');\r\n wrapper.addEventListener('mouseenter', function() {\r\n clearInterval(autoPlayInterval);\r\n });\r\n\r\n wrapper.addEventListener('mouseleave', function() {\r\n autoPlayInterval = setInterval(function() {\r\n goToSlide(currentIndex + 1);\r\n }, 4000);\r\n });\r\n\r\n \/\/ Initialisation\r\n goToSlide(0);\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=\"600\" height=\"400\"%3E%3Crect fill=\"%2307294a\" width=\"600\" height=\"400\"\/%3E%3Ctext x=\"300\" y=\"200\" text-anchor=\"middle\" font-family=\"Sora\" font-size=\"28\" fill=\"%23f4a61a\"%3EBT Plus%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-690b381 e-con-full e-flex e-con e-parent\" data-id=\"690b381\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd28a1b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bd28a1b\" 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.bt-services{\r\n --sv-blue-900:var(--bt-blue-900,#07294a);\r\n --sv-blue-800:var(--bt-blue-800,#0a3666);\r\n --sv-blue-700:var(--bt-blue-700,#0d4f8b);\r\n --sv-blue-500:var(--bt-blue-500,#1c7ec9);\r\n --sv-blue-300:var(--bt-blue-300,#7cc0ee);\r\n --sv-blue-100:var(--bt-blue-100,#d6ebfb);\r\n --sv-blue-50:var(--bt-blue-50,#eef6fc);\r\n --sv-orange:var(--bt-orange,#f4a61a);\r\n --sv-orange-dark:var(--bt-orange-dark,#d98a0c);\r\n --sv-ink:var(--bt-ink,#0c2238);\r\n --sv-slate:var(--bt-slate,#48637d);\r\n --sv-white:var(--bt-white,#ffffff);\r\n --sv-font-display:var(--bt-font-display,'Sora',sans-serif);\r\n --sv-font-body:var(--bt-font-body,'Inter',sans-serif);\r\n --sv-font-mono:ui-monospace,'SFMono-Regular','JetBrains Mono','Roboto Mono',Menlo,Consolas,monospace;\r\n --sv-shadow-sm:var(--bt-shadow-sm,0 2px 10px rgba(7,41,74,0.06));\r\n --sv-shadow-md:var(--bt-shadow-md,0 18px 40px -16px rgba(7,41,74,0.30));\r\n}\r\n.bt-services *{margin:0;padding:0;box-sizing:border-box}\r\n.bt-services{\r\n position:relative;overflow:hidden;isolation:isolate;\r\n font-family:var(--sv-font-body);color:var(--sv-ink);line-height:1.6;\r\n padding:120px 0 140px;\r\n background:\r\n radial-gradient(900px 460px at 12% 8%, var(--sv-blue-100), transparent 60%),\r\n radial-gradient(900px 460px at 90% 92%, #fdecd0, transparent 55%),\r\n linear-gradient(180deg,#fbfdff 0%,#eef6fc 100%);\r\n}\r\n.bt-services__halo{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:0;pointer-events:none}\r\n.bt-services__halo--blue{width:520px;height:520px;background:radial-gradient(circle,var(--sv-blue-300),transparent 70%);top:-160px;left:-120px}\r\n.bt-services__halo--orange{width:460px;height:460px;background:radial-gradient(circle,var(--sv-orange),transparent 70%);bottom:-140px;right:-100px;opacity:.3}\r\n\r\n.bt-services__inner{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}\r\n\r\n\/* ---- Header ---- *\/\r\n.bt-services__header{max-width:640px;margin:0 auto 64px;text-align:center}\r\n.bt-services__eyebrow{\r\n display:inline-flex;align-items:center;gap:8px;\r\n font-family:var(--sv-font-mono);font-weight:600;font-size:.74rem;\r\n letter-spacing:.09em;color:var(--sv-blue-700);\r\n background:var(--sv-white);border:1px solid var(--sv-blue-100);\r\n padding:7px 15px;border-radius:100px;box-shadow:var(--sv-shadow-sm);\r\n}\r\n.bt-services__eyebrow::before{content:'>';color:var(--sv-orange);font-weight:700}\r\n.bt-services__eyebrow::after{content:'';width:6px;height:12px;background:var(--sv-blue-700);animation:bt-blink 1s steps(1) infinite}\r\n.bt-services__title{\r\n font-family:var(--sv-font-display);font-weight:800;\r\n font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.12;letter-spacing:-.02em;\r\n color:var(--sv-blue-900);margin-top:20px;\r\n}\r\n.bt-services__title .accent{color:var(--sv-orange);position:relative}\r\n.bt-services__title .accent::after{content:'';position:absolute;left:0;right:0;bottom:.06em;height:.16em;background:rgba(244,166,26,0.28);border-radius:4px;z-index:-1}\r\n.bt-services__lead{margin-top:16px;font-size:1rem;color:var(--sv-slate)}\r\n.bt-services__lead strong{color:var(--sv-blue-800);font-weight:600}\r\n\r\n.bt-services__grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr 1fr; \/* 3 colonnes sur desktop *\/\r\n gap:32px;\r\n perspective:1600px;\r\n}\r\n@media (max-width:1024px){\r\n .bt-services__grid{grid-template-columns:1fr 1fr;} \/* 2 colonnes sur tablette *\/\r\n}\r\n@media (max-width:860px){\r\n .bt-services__grid{grid-template-columns:1fr;} \/* 1 colonne sur mobile *\/\r\n}\r\n\r\n\/* ---- Grande carte glass ---- *\/\r\n.bt-service-card{\r\n position:relative;border-radius:28px;padding:36px 30px 28px;overflow:hidden;\r\n background:rgba(255,255,255,0.62);\r\n backdrop-filter:blur(18px) saturate(160%);\r\n -webkit-backdrop-filter:blur(18px) saturate(160%);\r\n border:1px solid rgba(255,255,255,0.7);\r\n box-shadow:var(--sv-shadow-md), inset 0 1px 0 rgba(255,255,255,0.6);\r\n transform:perspective(1600px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));\r\n transition:transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease, border-color .35s ease;\r\n}\r\n.bt-service-card:hover{box-shadow:0 30px 70px -24px rgba(7,41,74,0.32), inset 0 1px 0 rgba(255,255,255,0.7)}\r\n\r\n.bt-service-card__glow{\r\n position:absolute;inset:-1px;border-radius:inherit;z-index:0;\r\n padding:1px;opacity:0;transition:opacity .4s ease;pointer-events:none;\r\n background:conic-gradient(from 180deg, var(--sv-blue-300), var(--sv-orange), var(--sv-blue-300));\r\n -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n -webkit-mask-composite:xor; mask-composite:exclude;\r\n}\r\n.bt-service-card:hover .bt-service-card__glow{opacity:.4}\r\n\r\n.bt-service-card__grid{\r\n position:absolute;inset:0;pointer-events:none;z-index:0;\r\n background-image:linear-gradient(rgba(13,79,139,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(13,79,139,.045) 1px, transparent 1px);\r\n background-size:30px 30px;\r\n -webkit-mask-image:radial-gradient(circle at 50% 15%, black, transparent 70%);\r\n mask-image:radial-gradient(circle at 50% 15%, black, transparent 70%);\r\n}\r\n\r\n.bt-service-card__sheen{\r\n position:absolute;top:-40%;left:-60%;width:60%;height:180%;z-index:0;pointer-events:none;\r\n background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.55) 48%, transparent 66%);\r\n transform:rotate(8deg);\r\n animation:bt-sheen 7s ease-in-out infinite;\r\n opacity:.5;\r\n}\r\n@keyframes bt-sheen{0%{left:-60%}45%{left:130%}100%{left:130%}}\r\n\r\n.bt-service-card__corner{position:absolute;width:16px;height:16px;border-color:var(--sv-blue-300);opacity:.4;transition:opacity .3s ease;z-index:1}\r\n.bt-service-card--travaux .bt-service-card__corner{border-color:var(--sv-orange)}\r\n.bt-service-card__corner.tl{top:14px;left:14px;border-top:1.5px solid;border-left:1.5px solid}\r\n.bt-service-card__corner.tr{top:14px;right:14px;border-top:1.5px solid;border-right:1.5px solid}\r\n.bt-service-card__corner.bl{bottom:14px;left:14px;border-bottom:1.5px solid;border-left:1.5px solid}\r\n.bt-service-card__corner.br{bottom:14px;right:14px;border-bottom:1.5px solid;border-right:1.5px solid}\r\n.bt-service-card:hover .bt-service-card__corner{opacity:.85}\r\n\r\n.bt-service-card__header{position:relative;z-index:1;margin-bottom:24px;padding-bottom:18px;border-bottom:1px dashed var(--sv-blue-100)}\r\n.bt-service-card--travaux .bt-service-card__header{border-bottom-color:#fbe3b9}\r\n.bt-service-card__id{font-family:var(--sv-font-mono);font-size:.66rem;letter-spacing:.14em;color:var(--sv-blue-500);text-transform:uppercase}\r\n.bt-service-card--travaux .bt-service-card__id{color:var(--sv-orange-dark)}\r\n.bt-service-card__header h3{font-family:var(--sv-font-display);font-weight:800;font-size:1.4rem;color:var(--sv-blue-900);margin-top:6px}\r\n.bt-service-card__status{display:inline-flex;align-items:center;gap:7px;margin-top:9px;font-family:var(--sv-font-mono);font-size:.66rem;letter-spacing:.08em;color:var(--sv-slate);text-transform:uppercase}\r\n.bt-service-card__status i{width:6px;height:6px;border-radius:50%;background:var(--sv-orange);display:inline-block;animation:bt-blink 1.6s ease-in-out infinite;font-style:normal}\r\n\r\n@keyframes bt-blink{0%,100%{opacity:1}50%{opacity:.2}}\r\n\r\n.bt-service-card__list{position:relative;z-index:1;list-style:none;display:flex;flex-direction:column;gap:8px}\r\n\r\n\/* ---- Tiles : liens et boutons ---- *\/\r\n.bt-service-tile{\r\n display:flex;align-items:center;gap:14px;padding:0;\r\n border-radius:14px;\r\n background:rgba(255,255,255,0.5);\r\n border:1px solid var(--sv-blue-100);\r\n transition:transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s ease, border-color .25s ease, background .25s ease;\r\n overflow:hidden;\r\n}\r\n.bt-service-card--travaux .bt-service-tile{border-color:#fbe3b9}\r\n.bt-service-tile:hover{transform:translateY(-3px);box-shadow:var(--sv-shadow-sm);border-color:var(--sv-blue-300);background:#fff}\r\n.bt-service-card--travaux .bt-service-tile:hover{border-color:var(--sv-orange)}\r\n\r\n.bt-service-tile__link{\r\n display:flex;align-items:center;gap:14px;padding:10px 14px;\r\n text-decoration:none;color:inherit;flex:1;\r\n border-radius:14px;\r\n transition:background .25s ease;\r\n}\r\n.bt-service-tile__link:hover{background:rgba(255,255,255,.6);}\r\n\r\n.bt-service-tile--simple .bt-service-tile__link{\r\n padding:10px 14px;\r\n}\r\n\r\n.bt-service-tile__thumb{\r\n position:relative;width:46px;height:46px;border-radius:12px;overflow:hidden;flex-shrink:0;\r\n box-shadow:var(--sv-shadow-sm);border:1px solid rgba(255,255,255,.85);\r\n}\r\n.bt-service-tile__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.16,1,.3,1)}\r\n.bt-service-tile__link:hover .bt-service-tile__thumb img{transform:scale(1.1)}\r\n.bt-service-tile__thumb .bt-service-tile__idx{\r\n position:absolute;bottom:2px;left:2px;background:rgba(7,41,74,.72);color:#fff;\r\n font-family:var(--sv-font-mono);font-size:.55rem;line-height:1;letter-spacing:.04em;\r\n padding:2px 4px;border-radius:5px;\r\n}\r\n.bt-service-card--travaux .bt-service-tile__thumb .bt-service-tile__idx{background:rgba(217,138,12,.78)}\r\n.bt-service-tile__label{\r\n font-weight:600;font-size:.9rem;color:var(--sv-blue-900);\r\n transition:color .25s ease;\r\n}\r\n.bt-service-tile__link:hover .bt-service-tile__label{color:var(--sv-blue-700);}\r\n\r\n.bt-service-tile__arrow{\r\n font-family:var(--sv-font-mono);color:var(--sv-blue-300);\r\n transition:transform .3s ease;\r\n margin-left:auto;flex-shrink:0;\r\n}\r\n.bt-service-card--travaux .bt-service-tile__arrow{color:var(--sv-orange)}\r\n.bt-service-tile__link:hover .bt-service-tile__arrow{transform:translateX(4px)}\r\n\r\n\/* ---- Pompage toggle (inchang\u00e9) ---- *\/\r\n.bt-service-tile--pompage{\r\n padding:0;\r\n flex-wrap:wrap;\r\n background:transparent;\r\n border-color:transparent;\r\n}\r\n.bt-service-tile--pompage:hover{transform:none;box-shadow:none;background:transparent;border-color:transparent;}\r\n.bt-service-tile--pompage .bt-service-tile__link{\r\n flex:1;\r\n background:rgba(255,255,255,0.5);\r\n border:1px solid var(--sv-blue-100);\r\n border-radius:14px;\r\n margin:0;\r\n}\r\n.bt-service-card--travaux .bt-service-tile--pompage .bt-service-tile__link{border-color:#fbe3b9}\r\n.bt-service-tile--pompage .bt-service-tile__link:hover{background:#fff;border-color:var(--sv-blue-300);}\r\n.bt-service-card--travaux .bt-service-tile--pompage .bt-service-tile__link:hover{border-color:var(--sv-orange);}\r\n\r\n.bt-service-tile__toggle{\r\n background:none;border:none;cursor:pointer;padding:10px 14px;\r\n display:flex;align-items:center;justify-content:center;\r\n font:inherit;color:inherit;\r\n border-radius:14px;\r\n background:rgba(255,255,255,0.3);\r\n border:1px solid var(--sv-blue-100);\r\n transition:background .25s ease, border-color .25s ease;\r\n flex-shrink:0;\r\n}\r\n.bt-service-tile__toggle:hover{background:#fff;border-color:var(--sv-blue-300);}\r\n.bt-service-card--travaux .bt-service-tile__toggle{border-color:#fbe3b9}\r\n.bt-service-card--travaux .bt-service-tile__toggle:hover{border-color:var(--sv-orange);}\r\n\r\n.bt-service-tile--pompage.is-open .bt-service-tile__toggle .bt-service-tile__arrow{transform:rotate(90deg);color:var(--sv-orange);}\r\n\r\n.bt-service-tile__sub-wrap{\r\n width:100%;\r\n display:grid;grid-template-rows:0fr;\r\n transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1);\r\n}\r\n.bt-service-tile--pompage:hover .bt-service-tile__sub-wrap,\r\n.bt-service-tile--pompage.is-open .bt-service-tile__sub-wrap{grid-template-rows:1fr}\r\n\r\n.bt-service-tile__sub-inner{overflow:hidden}\r\n.bt-service-tile__sub{\r\n list-style:none;padding:0 14px 14px 48px;display:flex;flex-direction:column;gap:7px;\r\n font-family:var(--sv-font-mono);font-size:.78rem;color:var(--sv-slate);\r\n}\r\n.bt-service-tile__sub li{display:flex;gap:8px;opacity:0;transform:translateX(-6px);transition:opacity .35s ease, transform .35s ease}\r\n.bt-service-tile--pompage:hover .bt-service-tile__sub li,\r\n.bt-service-tile--pompage.is-open .bt-service-tile__sub li{opacity:1;transform:translateX(0)}\r\n.bt-service-tile__sub li:nth-child(1){transition-delay:.05s}\r\n.bt-service-tile__sub li:nth-child(2){transition-delay:.12s}\r\n.bt-service-tile__sub li:nth-child(3){transition-delay:.19s}\r\n.bt-service-tile__sub .tree{color:var(--sv-blue-300);flex-shrink:0}\r\n.bt-service-tile__cursor{display:inline-block;width:6px;height:12px;background:var(--sv-orange);margin-left:2px;vertical-align:-1px;animation:bt-blink 1s steps(1) infinite}\r\n\r\n.bt-service-card__footer{\r\n position:relative;z-index:1;margin-top:22px;padding-top:14px;\r\n border-top:1px dashed var(--sv-blue-100);\r\n font-family:var(--sv-font-mono);font-size:.64rem;letter-spacing:.12em;color:var(--sv-blue-500);text-transform:uppercase;\r\n}\r\n.bt-service-card--travaux .bt-service-card__footer{border-top-color:#fbe3b9;color:var(--sv-orange-dark)}\r\n\r\n\/* ---- Reveal au scroll ---- *\/\r\n.bt-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1)}\r\n.bt-reveal.is-visible{opacity:1;transform:translateY(0)}\r\n.bt-services__grid .bt-service-card:nth-child(2){transition-delay:.12s}\r\n.bt-services__grid .bt-service-card:nth-child(3){transition-delay:.24s}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n .bt-reveal{opacity:1;transform:none;transition:none}\r\n .bt-service-card{transition:none}\r\n .bt-service-card__sheen{animation:none;display:none}\r\n .bt-service-tile,.bt-service-tile__arrow,.bt-service-tile__sub li,.bt-services__eyebrow::after,.bt-service-card__status i,.bt-service-tile__cursor{animation:none;transition:none}\r\n}\r\n<\/style>\r\n\r\n<section class=\"bt-services\" id=\"nos-services\">\r\n <div class=\"bt-services__halo bt-services__halo--blue\" aria-hidden=\"true\"><\/div>\r\n <div class=\"bt-services__halo bt-services__halo--orange\" aria-hidden=\"true\"><\/div>\r\n\r\n <div class=\"bt-services__inner\">\r\n <div class=\"bt-services__header bt-reveal\">\r\n <span class=\"bt-services__eyebrow\">SERVICES<\/span>\r\n <h2 class=\"bt-services__title\">Nos Services <span class=\"accent\">d'assainissement<\/span><\/h2>\r\n <p class=\"bt-services__lead\">Le <strong>d\u00e9pannage<\/strong> qui r\u00e9pond dans l'heure, les <strong>travaux<\/strong> qui remettent le r\u00e9seau aux normes. M\u00eame \u00e9quipe, m\u00eame carte d'intervention : l'\u00cele-de-France.<\/p>\r\n <\/div>\r\n\r\n <div class=\"bt-services__grid\">\r\n\r\n \r\n <article class=\"bt-service-card bt-service-card--depannage bt-reveal\">\r\n <span class=\"bt-service-card__corner tl\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner tr\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner bl\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner br\" aria-hidden=\"true\"><\/span>\r\n <div class=\"bt-service-card__grid\" aria-hidden=\"true\"><\/div>\r\n <div class=\"bt-service-card__sheen\" aria-hidden=\"true\"><\/div>\r\n\r\n <header class=\"bt-service-card__header\">\r\n <span class=\"bt-service-card__id\">Panel \/\/ 01<\/span>\r\n <h3>D\u00e9pannage<\/h3>\r\n <span class=\"bt-service-card__status\"><i><\/i>Actif 24h\/24<\/span>\r\n <\/header>\r\n\r\n <ul class=\"bt-service-card__list\">\r\n \r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-29-at-17.45.08-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E.jpeg\" alt=\"D\u00e9bouchage\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">01<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">D\u00e9bouchage<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n \r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-09-14-at-14.47.33.jpg\" alt=\"Curage\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">02<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Curage<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n \r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/Capture-decran-2026-06-09-142352.png\" alt=\"Inspection cam\u00e9ra\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">03<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Inspection cam\u00e9ra<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n \r\n <li class=\"bt-service-tile bt-service-tile--pompage\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/pompage-technicien-camion-2-300x200-1.jpg\" alt=\"Pompage\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">04<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Pompage<\/span>\r\n <\/a>\r\n <button type=\"button\" class=\"bt-service-tile__toggle\" aria-expanded=\"false\">\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/button>\r\n <div class=\"bt-service-tile__sub-wrap\">\r\n <div class=\"bt-service-tile__sub-inner\">\r\n <ul class=\"bt-service-tile__sub\">\r\n <li><span class=\"tree\">\u251c\u2500<\/span>Entretien de pompe de relevage<\/li>\r\n <li><span class=\"tree\">\u251c\u2500<\/span>Pompage de fosse<\/li>\r\n <li><span class=\"tree\">\u2514\u2500<\/span>Pompage de bac \u00e0 graisse<span class=\"bt-service-tile__cursor\"><\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <footer class=\"bt-service-card__footer\">04 services \u00b7 \u00cele-de-France<\/footer>\r\n <\/article>\r\n\r\n \r\n <article class=\"bt-service-card bt-service-card--travaux bt-reveal\">\r\n <span class=\"bt-service-card__corner tl\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner tr\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner bl\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner br\" aria-hidden=\"true\"><\/span>\r\n <div class=\"bt-service-card__grid\" aria-hidden=\"true\"><\/div>\r\n <div class=\"bt-service-card__sheen\" aria-hidden=\"true\"><\/div>\r\n\r\n <header class=\"bt-service-card__header\">\r\n <span class=\"bt-service-card__id\">Panel \/\/ 02<\/span>\r\n <h3>Travaux Non collectif<\/h3>\r\n <span class=\"bt-service-card__status\"><i><\/i>Devis sous 24h<\/span>\r\n <\/header>\r\n\r\n <ul class=\"bt-service-card__list\">\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/regard\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-16.51.17-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E-2.jpeg\" alt=\"Regard\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">01<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Regard<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/installation-de-puisard\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/pose-puisard_3.jpg\" alt=\"Installation de puisard\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">02<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Installation de puisard<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/bac-a-graisse\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/camion-pompage_1.jpg\" alt=\"Bac \u00e0 graisse\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">03<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Bac \u00e0 graisse<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/instalation-pompe-de-relevage\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/camion-pompage_2.jpg\" alt=\"Installation pompe de relevage\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">04<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Installation pompe de relevage<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/station-depuration\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-29-at-17.45.08-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E.jpeg\" alt=\"Station d'\u00e9puration\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">05<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Station d'\u00e9puration<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/separation-des-ep-eu\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-09-14-at-14.47.33.jpg\" alt=\"S\u00e9paration des EP\/EU\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">06<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">S\u00e9paration des EP\/EU<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/remplacement-de-canalisation\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-16.51.17-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E-2.jpeg\" alt=\"Remplacement canalisation\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">07<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Remplacement de canalisation<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/travaux-de-mise-en-conformite\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/pose-puisard_3.jpg\" alt=\"Mise en conformit\u00e9\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">08<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Mise en conformit\u00e9<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/travaux-dassainissement-non-collectif\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/camion-pompage_1.jpg\" alt=\"Assainissement non collectif\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">09<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Assainissement non collectif<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n <footer class=\"bt-service-card__footer\">09 services \u00b7 \u00cele-de-France<\/footer>\r\n <\/article>\r\n\r\n \r\n <article class=\"bt-service-card bt-service-card--travaux bt-reveal\">\r\n <span class=\"bt-service-card__corner tl\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner tr\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner bl\" aria-hidden=\"true\"><\/span>\r\n <span class=\"bt-service-card__corner br\" aria-hidden=\"true\"><\/span>\r\n <div class=\"bt-service-card__grid\" aria-hidden=\"true\"><\/div>\r\n <div class=\"bt-service-card__sheen\" aria-hidden=\"true\"><\/div>\r\n\r\n <header class=\"bt-service-card__header\">\r\n <span class=\"bt-service-card__id\">Panel \/\/ 03<\/span>\r\n <h3>Travaux Collectif<\/h3>\r\n <span class=\"bt-service-card__status\"><i><\/i>Raccordement r\u00e9seau public<\/span>\r\n <\/header>\r\n\r\n <ul class=\"bt-service-card__list\">\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-tout-a-legout\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-09-14-at-14.47.33.jpg\" alt=\"Raccordement tout-\u00e0-l'\u00e9gout\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">01<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Raccordement tout-\u00e0-l'\u00e9gout<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-eaux-pluviales\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/pose-puisard_3.jpg\" alt=\"Raccordement eaux pluviales\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">02<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Raccordement eaux pluviales<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"bt-service-tile bt-service-tile--simple\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-en-gargouille\/\" class=\"bt-service-tile__link\">\r\n <span class=\"bt-service-tile__thumb\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/camion-pompage_2.jpg\" alt=\"Raccordement en gargouille\" loading=\"lazy\" width=\"46\" height=\"46\">\r\n <span class=\"bt-service-tile__idx\">03<\/span>\r\n <\/span>\r\n <span class=\"bt-service-tile__label\">Raccordement en gargouille<\/span>\r\n <span class=\"bt-service-tile__arrow\">\u203a<\/span>\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n <footer class=\"bt-service-card__footer\">03 services \u00b7 \u00cele-de-France<\/footer>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n 'use strict';\r\n\r\n var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n \/* ---- Reveal au scroll ---- *\/\r\n var revealEls = document.querySelectorAll('.bt-services .bt-reveal');\r\n if('IntersectionObserver' in window && !reduceMotion){\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(entry){\r\n if(entry.isIntersecting){\r\n entry.target.classList.add('is-visible');\r\n io.unobserve(entry.target);\r\n }\r\n });\r\n }, {threshold:.15, rootMargin:'0px 0px -60px 0px'});\r\n revealEls.forEach(function(el){ io.observe(el); });\r\n } else {\r\n revealEls.forEach(function(el){ el.classList.add('is-visible'); });\r\n }\r\n\r\n \/* ---- Bouton de toggle pour le sous\u2011menu Pompage ---- *\/\r\n document.querySelectorAll('.bt-service-tile--pompage').forEach(function(tile){\r\n var toggle = tile.querySelector('.bt-service-tile__toggle');\r\n if (!toggle) return;\r\n toggle.addEventListener('click', function(e){\r\n e.stopPropagation();\r\n var open = tile.classList.toggle('is-open');\r\n toggle.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n });\r\n });\r\n\r\n \/* ---- Effet 3D au survol des cartes ---- *\/\r\n if(!reduceMotion && window.matchMedia('(hover: hover)').matches){\r\n document.querySelectorAll('.bt-service-card').forEach(function(card){\r\n var raf = null;\r\n card.addEventListener('mousemove', function(e){\r\n var rect = card.getBoundingClientRect();\r\n var px = (e.clientX - rect.left) \/ rect.width - .5;\r\n var py = (e.clientY - rect.top) \/ rect.height - .5;\r\n if(raf) cancelAnimationFrame(raf);\r\n raf = requestAnimationFrame(function(){\r\n card.style.setProperty('--ry', (px * 6).toFixed(2) + 'deg');\r\n card.style.setProperty('--rx', (py * -6).toFixed(2) + 'deg');\r\n });\r\n });\r\n card.addEventListener('mouseleave', function(){\r\n card.style.setProperty('--rx', '0deg');\r\n card.style.setProperty('--ry', '0deg');\r\n });\r\n });\r\n }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc8a399 e-con-full e-flex e-con e-parent\" data-id=\"bc8a399\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b94e38 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"8b94e38\" 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>Parcours client \u2013 D\u00e9bouchage, curage, pompage BT Plus<\/title>\r\n\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 \/* ... (Le CSS reste strictement identique \u00e0 votre version) ... *\/\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 .parcours-section {\r\n position: relative;\r\n width: 100%;\r\n padding: 80px 0 60px;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%),\r\n linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden;\r\n border-top: 1px solid #d6ebfb;\r\n }\r\n\r\n .parcours-section {\r\n --blue-900: #07294a;\r\n --blue-800: #0a3666;\r\n --blue-500: #1c7ec9;\r\n --blue-300: #7cc0ee;\r\n --blue-100: #d6ebfb;\r\n --orange: #f4a61a;\r\n --orange-dark: #d98a0c;\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-md: 0 18px 40px -16px rgba(7,41,74,.30);\r\n --shadow-lg: 0 25px 60px -20px rgba(7,41,74,.40);\r\n }\r\n\r\n .parcours-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, .10), transparent 65%);\r\n pointer-events: none;\r\n }\r\n\r\n .parcours-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, .08), transparent 65%);\r\n pointer-events: none;\r\n }\r\n\r\n .parcours-container {\r\n position: relative;\r\n z-index: 10;\r\n max-width: 1200px;\r\n width: 100%;\r\n margin: 0 auto;\r\n padding: 0 5%;\r\n }\r\n\r\n \/* ============================================================\r\n EN-TETE\r\n ============================================================ *\/\r\n .parcours-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .parcours-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(28, 126, 201, 0.06);\r\n padding: 6px 22px;\r\n border-radius: 60px;\r\n margin-bottom: 16px;\r\n border: 1px solid rgba(28, 126, 201, 0.10);\r\n }\r\n\r\n .parcours-badge .dot {\r\n width: 7px;\r\n height: 7px;\r\n background: var(--orange, #f4a61a);\r\n border-radius: 50%;\r\n display: inline-block;\r\n animation: pulseDot 2s infinite;\r\n }\r\n\r\n @keyframes pulseDot {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.4; transform: scale(1.3); }\r\n }\r\n\r\n .parcours-badge span {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n color: var(--blue-500, #1c7ec9);\r\n }\r\n\r\n .parcours-title {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-weight: 800;\r\n font-size: clamp(1.8rem, 3.2vw, 3rem);\r\n letter-spacing: -0.03em;\r\n color: var(--blue-900, #07294a);\r\n line-height: 1.15;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .parcours-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 .parcours-subtitle {\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-size: 1rem;\r\n color: var(--slate, #48637d);\r\n max-width: 620px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n font-weight: 400;\r\n }\r\n .parcours-subtitle strong {\r\n color: var(--blue-900, #07294a);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n SLIDER AVANT \/ APRES - PHOTOS INVERSEES\r\n ============================================================ *\/\r\n .slider-wrapper {\r\n max-width: 700px;\r\n margin: 0 auto 45px;\r\n padding: 0 10px;\r\n }\r\n\r\n .slider-container {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: var(--shadow-lg, 0 25px 60px -20px rgba(7,41,74,.40));\r\n border: 2px solid var(--blue-100, #d6ebfb);\r\n background: var(--blue-900, #07294a);\r\n aspect-ratio: 3 \/ 4;\r\n }\r\n\r\n .slider-track {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n .slider-image {\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 display: block;\r\n }\r\n\r\n .slider-image--before {\r\n z-index: 1;\r\n }\r\n\r\n .slider-image--after {\r\n z-index: 2;\r\n clip-path: inset(0 50% 0 0);\r\n transition: clip-path 0.1s ease-out;\r\n }\r\n\r\n .slider-handle {\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n width: 4px;\r\n height: 100%;\r\n background: var(--orange, #f4a61a);\r\n z-index: 5;\r\n transform: translateX(-50%);\r\n cursor: ew-resize;\r\n box-shadow: 0 0 30px rgba(244, 166, 26, 0.5);\r\n }\r\n\r\n .slider-handle::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: var(--orange, #f4a61a);\r\n box-shadow: 0 4px 25px rgba(244, 166, 26, 0.5);\r\n border: 3px solid #ffffff;\r\n }\r\n\r\n .slider-handle::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 50%;\r\n background: #ffffff;\r\n opacity: 0.25;\r\n }\r\n\r\n .slider-arrows {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 6;\r\n display: flex;\r\n gap: 20px;\r\n pointer-events: none;\r\n }\r\n\r\n .slider-arrows span {\r\n color: #ffffff;\r\n font-size: 14px;\r\n opacity: 0.6;\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-weight: 700;\r\n letter-spacing: 0.05em;\r\n text-shadow: 0 2px 8px rgba(0,0,0,0.3);\r\n }\r\n\r\n .slider-label {\r\n position: absolute;\r\n bottom: 20px;\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n padding: 8px 22px;\r\n border-radius: 30px;\r\n z-index: 6;\r\n color: #ffffff;\r\n }\r\n\r\n .slider-label--before {\r\n left: 20px;\r\n background: rgba(7, 41, 74, 0.8);\r\n backdrop-filter: blur(4px);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n }\r\n\r\n .slider-label--after {\r\n right: 20px;\r\n background: rgba(244, 166, 26, 0.85);\r\n backdrop-filter: blur(4px);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n }\r\n\r\n .slider-progress {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n height: 4px;\r\n background: var(--orange, #f4a61a);\r\n z-index: 6;\r\n width: 50%;\r\n transition: width 0.1s ease-out;\r\n box-shadow: 0 0 20px rgba(244, 166, 26, 0.3);\r\n }\r\n\r\n \/* ============================================================\r\n ETAPES\r\n ============================================================ *\/\r\n .etapes-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 20px;\r\n max-width: 860px;\r\n margin: 0 auto 45px;\r\n }\r\n\r\n .etape-item {\r\n flex: 1;\r\n min-width: 160px;\r\n max-width: 240px;\r\n text-align: center;\r\n padding: 16px 14px;\r\n background: rgba(255, 255, 255, 0.7);\r\n backdrop-filter: blur(8px);\r\n border-radius: 16px;\r\n border: 1px solid var(--blue-100, #d6ebfb);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .etape-item:hover {\r\n transform: translateY(-4px);\r\n border-color: var(--orange, #f4a61a);\r\n box-shadow: var(--shadow-md, 0 18px 40px -16px rgba(7,41,74,.30));\r\n }\r\n\r\n .etape-numero {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 1.6rem;\r\n font-weight: 800;\r\n color: var(--orange, #f4a61a);\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .etape-titre {\r\n font-family: var(--font-display, \"Sora\", sans-serif);\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n color: var(--blue-900, #07294a);\r\n margin-bottom: 4px;\r\n }\r\n\r\n .etape-desc {\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-size: 0.75rem;\r\n color: var(--slate, #48637d);\r\n line-height: 1.4;\r\n }\r\n .etape-desc strong {\r\n color: var(--blue-900, #07294a);\r\n font-weight: 600;\r\n }\r\n\r\n .etape-lien {\r\n display: inline-block;\r\n margin-top: 8px;\r\n font-family: var(--font-body, \"Inter\", sans-serif);\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n color: var(--blue-500, #1c7ec9);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .etape-lien:hover {\r\n color: var(--orange, #f4a61a);\r\n }\r\n\r\n \/* ============================================================\r\n CTA\r\n ============================================================ *\/\r\n .parcours-cta-wrapper {\r\n text-align: center;\r\n }\r\n\r\n .parcours-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.9rem;\r\n letter-spacing: 0.02em;\r\n text-decoration: none;\r\n padding: 1rem 2.8rem;\r\n border-radius: 3rem;\r\n transition: all 0.4s 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 overflow: hidden;\r\n }\r\n\r\n .parcours-btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: -2px;\r\n border-radius: 3rem;\r\n background: linear-gradient(135deg, var(--orange, #f4a61a), var(--orange-dark, #d98a0c), var(--orange, #f4a61a));\r\n background-size: 300% 300%;\r\n z-index: -1;\r\n animation: liquidBorder 3s ease-in-out infinite;\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .parcours-btn:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n @keyframes liquidBorder {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n .parcours-btn:hover {\r\n transform: translateY(-4px) scale(1.02);\r\n box-shadow: 0 8px 35px rgba(244, 166, 26, 0.45);\r\n color: #ffffff !important;\r\n }\r\n\r\n .parcours-btn .btn__icon {\r\n transition: transform 0.4s ease;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .parcours-btn:hover .btn__icon {\r\n transform: translateX(6px) scale(1.1);\r\n }\r\n\r\n .parcours-btn .btn__text {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ============================================================\r\n VAGUES\r\n ============================================================ *\/\r\n .parcours-waves {\r\n position: relative;\r\n width: 100%;\r\n line-height: 0;\r\n pointer-events: none;\r\n margin-top: 40px;\r\n }\r\n\r\n .parcours-waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 60px;\r\n }\r\n\r\n .parcours-waves .wave-back use {\r\n animation: wavemove 11s linear infinite;\r\n opacity: .55;\r\n }\r\n\r\n .parcours-waves .wave-mid use {\r\n animation: wavemove 8s linear infinite reverse;\r\n opacity: .8;\r\n }\r\n\r\n .parcours-waves .wave-front use {\r\n animation: wavemove 6s linear infinite;\r\n }\r\n\r\n @keyframes wavemove {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n @media (max-width: 1024px) {\r\n .parcours-section { padding: 60px 0 40px; }\r\n .slider-wrapper { max-width: 500px; }\r\n .etape-item { min-width: 140px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .parcours-section { padding: 40px 0 30px; }\r\n .parcours-header { margin-bottom: 30px; }\r\n .parcours-title { font-size: 1.6rem; }\r\n .parcours-subtitle { font-size: 0.9rem; }\r\n .slider-wrapper { max-width: 380px; padding: 0 5px; }\r\n .slider-container { border-radius: 14px; aspect-ratio: 2 \/ 3; }\r\n .slider-label { font-size: 0.6rem; padding: 5px 14px; bottom: 12px; }\r\n .slider-label--before { left: 12px; }\r\n .slider-label--after { right: 12px; }\r\n .slider-handle::before { width: 36px; height: 36px; }\r\n .slider-handle::after { width: 14px; height: 14px; }\r\n .etapes-container { gap: 12px; }\r\n .etape-item { min-width: 120px; padding: 12px 10px; }\r\n .etape-numero { font-size: 1.2rem; }\r\n .etape-titre { font-size: 0.75rem; }\r\n .etape-desc { font-size: 0.65rem; }\r\n .parcours-btn { padding: 0.8rem 2rem; font-size: 0.8rem; }\r\n .parcours-waves svg { height: 40px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .parcours-section { padding: 30px 0 20px; }\r\n .parcours-title { font-size: 1.3rem; }\r\n .parcours-subtitle { font-size: 0.8rem; }\r\n .slider-wrapper { max-width: 300px; }\r\n .slider-container { border-radius: 10px; aspect-ratio: 3 \/ 4; }\r\n .slider-label { font-size: 0.5rem; padding: 3px 10px; bottom: 8px; }\r\n .slider-handle::before { width: 30px; height: 30px; }\r\n .slider-handle::after { width: 10px; height: 10px; }\r\n .etape-item { min-width: 100px; padding: 10px 8px; }\r\n .etape-numero { font-size: 1rem; }\r\n .etape-titre { font-size: 0.65rem; }\r\n .etape-desc { font-size: 0.6rem; }\r\n .parcours-btn { padding: 0.6rem 1.6rem; font-size: 0.7rem; }\r\n .parcours-waves svg { height: 30px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"parcours-section\">\r\n\r\n <div class=\"parcours-section__glow--gold\"><\/div>\r\n <div class=\"parcours-section__glow--blue\"><\/div>\r\n\r\n <div class=\"parcours-container\">\r\n\r\n \r\n <div class=\"parcours-header\">\r\n <div class=\"parcours-badge\">\r\n <span class=\"dot\"><\/span>\r\n <span><strong>Expertise assainissement<\/strong> \u2013 Avant \/ Apr\u00e8s<\/span>\r\n <\/div>\r\n <h2 class=\"parcours-title\">\r\n <strong>D\u00e9bouchage, curage, pompage<\/strong> \u2013 <span class=\"accent\">la diff\u00e9rence BT Plus<\/span>\r\n <\/h2>\r\n <p class=\"parcours-subtitle\">\r\n <strong>Inspection cam\u00e9ra<\/strong> pr\u00e9cise, <strong>techniciens qualifi\u00e9s<\/strong> et\r\n <strong>intervention rapide<\/strong> en <strong>\u00cele-de-France<\/strong>.\r\n D\u00e9couvrez le r\u00e9sultat concret de nos interventions. <strong>Devis gratuit<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"slider-wrapper\">\r\n <div class=\"slider-container\" id=\"sliderContainer\">\r\n <div class=\"slider-track\" id=\"sliderTrack\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2022\/03\/AVANT2.jpg\"\r\n alt=\"Canalisation avant intervention \u2013 BT Plus\"\r\n class=\"slider-image slider-image--before\"\r\n loading=\"lazy\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2022\/03\/AVANT1.jpg\"\r\n alt=\"Canalisation apr\u00e8s intervention \u2013 BT Plus\"\r\n class=\"slider-image slider-image--after\"\r\n id=\"afterImage\"\r\n loading=\"lazy\">\r\n\r\n <div class=\"slider-handle\" id=\"sliderHandle\">\r\n <div class=\"slider-arrows\">\r\n <span>\u25c0<\/span>\r\n <span>\u25b6<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <span class=\"slider-label slider-label--before\">Avant<\/span>\r\n <span class=\"slider-label slider-label--after\">Apr\u00e8s<\/span>\r\n\r\n <div class=\"slider-progress\" id=\"sliderProgress\"><\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"etapes-container\">\r\n <div class=\"etape-item\">\r\n <div class=\"etape-numero\">01<\/div>\r\n <div class=\"etape-titre\"><strong>Diagnostic canalisation<\/strong><\/div>\r\n <div class=\"etape-desc\">\r\n <strong>Inspection cam\u00e9ra<\/strong> pour localiser pr\u00e9cis\u00e9ment le probl\u00e8me\r\n (<strong>d\u00e9tection de bouchon<\/strong>, fissure, racine).\r\n <\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera\/\" class=\"etape-lien\">En savoir plus<\/a>\r\n <\/div>\r\n\r\n <div class=\"etape-item\">\r\n <div class=\"etape-numero\">02<\/div>\r\n <div class=\"etape-titre\"><strong>Intervention<\/strong><\/div>\r\n <div class=\"etape-desc\">\r\n <strong>Curage<\/strong>, <strong>d\u00e9bouchage<\/strong> ou <strong>pompage<\/strong>\r\n avec du <strong>mat\u00e9riel haute pression<\/strong>. Solution adapt\u00e9e \u00e0 votre r\u00e9seau.\r\n <\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/services\/\" class=\"etape-lien\">En savoir plus<\/a>\r\n <\/div>\r\n\r\n <div class=\"etape-item\">\r\n <div class=\"etape-numero\">03<\/div>\r\n <div class=\"etape-titre\"><strong>Contr\u00f4le & garantie<\/strong><\/div>\r\n <div class=\"etape-desc\">\r\n V\u00e9rification finale, <strong>rapport d\u00e9taill\u00e9<\/strong> et <strong>garantie 48h<\/strong>\r\n sur nos interventions d'<strong>assainissement<\/strong>.\r\n <\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/contact\/\" class=\"etape-lien\">En savoir plus<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"parcours-cta-wrapper\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/contact\/\" class=\"parcours-btn\" id=\"ctaButton\">\r\n <span class=\"btn__text\"><strong>Devis gratuit<\/strong> \u2013 Demander un devis<\/span>\r\n <span class=\"btn__icon\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"parcours-waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"w-parcours\" 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-parcours\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w-parcours\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w-parcours\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w-parcours\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w-parcours\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w-parcours\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n \/\/ ================================================================\r\n \/\/ SLIDER AVANT \/ APRES - PHOTOS INVERSEES\r\n \/\/ ================================================================\r\n var sliderContainer = document.getElementById('sliderContainer');\r\n var afterImage = document.getElementById('afterImage');\r\n var handle = document.getElementById('sliderHandle');\r\n var progress = document.getElementById('sliderProgress');\r\n\r\n var isDragging = false;\r\n\r\n function updateSlider(clientX) {\r\n var rect = sliderContainer.getBoundingClientRect();\r\n var x = clientX - rect.left;\r\n var percent = Math.max(0, Math.min(100, (x \/ rect.width) * 100));\r\n\r\n afterImage.style.clipPath = 'inset(0 ' + (100 - percent) + '% 0 0)';\r\n handle.style.left = percent + '%';\r\n progress.style.width = percent + '%';\r\n }\r\n\r\n handle.addEventListener('mousedown', function(e) {\r\n isDragging = true;\r\n e.preventDefault();\r\n document.body.style.cursor = 'ew-resize';\r\n });\r\n\r\n document.addEventListener('mousemove', function(e) {\r\n if (!isDragging) return;\r\n updateSlider(e.clientX);\r\n });\r\n\r\n document.addEventListener('mouseup', function() {\r\n if (isDragging) {\r\n isDragging = false;\r\n document.body.style.cursor = '';\r\n }\r\n });\r\n\r\n handle.addEventListener('touchstart', function(e) {\r\n isDragging = true;\r\n e.preventDefault();\r\n }, { passive: false });\r\n\r\n document.addEventListener('touchmove', function(e) {\r\n if (!isDragging) return;\r\n var touch = e.touches[0];\r\n updateSlider(touch.clientX);\r\n }, { passive: false });\r\n\r\n document.addEventListener('touchend', function() {\r\n isDragging = false;\r\n });\r\n\r\n sliderContainer.addEventListener('click', function(e) {\r\n if (e.target === handle || e.target.closest('.slider-handle')) return;\r\n updateSlider(e.clientX);\r\n });\r\n\r\n var resizeTimer;\r\n window.addEventListener('resize', function() {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(function() {\r\n var currentPercent = parseFloat(handle.style.left) || 50;\r\n afterImage.style.clipPath = 'inset(0 ' + (100 - currentPercent) + '% 0 0)';\r\n progress.style.width = currentPercent + '%';\r\n }, 300);\r\n });\r\n\r\n setTimeout(function() {\r\n afterImage.style.clipPath = 'inset(0 50% 0 0)';\r\n handle.style.left = '50%';\r\n progress.style.width = '50%';\r\n }, 100);\r\n\r\n \/\/ ================================================================\r\n \/\/ ANIMATIONS AU SCROLL\r\n \/\/ ================================================================\r\n function animateOnScroll() {\r\n var elements = document.querySelectorAll('.etape-item');\r\n var windowHeight = window.innerHeight;\r\n\r\n elements.forEach(function(el, index) {\r\n var rect = el.getBoundingClientRect();\r\n if (rect.top < windowHeight - 50) {\r\n el.style.opacity = '1';\r\n el.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }\r\n\r\n document.querySelectorAll('.etape-item').forEach(function(el) {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(30px)';\r\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n el.style.transitionDelay = '0.1s';\r\n });\r\n\r\n document.querySelectorAll('.etape-item:nth-child(2)').forEach(function(el) {\r\n el.style.transitionDelay = '0.2s';\r\n });\r\n\r\n document.querySelectorAll('.etape-item:nth-child(3)').forEach(function(el) {\r\n el.style.transitionDelay = '0.3s';\r\n });\r\n\r\n window.addEventListener('scroll', animateOnScroll);\r\n window.addEventListener('load', function() {\r\n setTimeout(animateOnScroll, 300);\r\n });\r\n\r\n \/\/ ================================================================\r\n \/\/ CTA - REDIRECTION VERS LA PAGE DE CONTACT AVEC ANIMATION\r\n \/\/ ================================================================\r\n var ctaBtn = document.getElementById('ctaButton');\r\n if (ctaBtn) {\r\n ctaBtn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n this.style.transform = 'scale(0.95)';\r\n this.style.transition = 'transform 0.1s ease';\r\n\r\n var originalText = this.querySelector('.btn__text').textContent;\r\n this.querySelector('.btn__text').textContent = 'Redirection...';\r\n\r\n setTimeout(function() {\r\n window.location.href = 'https:\/\/sci-bme.fr\/index.php\/contact\/';\r\n }, 300);\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-443244b e-con-full e-flex e-con e-parent\" data-id=\"443244b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29bc94b elementor-widget elementor-widget-html\" data-id=\"29bc94b\" 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.bt-galerie *{margin:0;padding:0;box-sizing:border-box}.bt-galerie{font-family:'Inter',sans-serif;background-color:#ffffff;color:#0a1a2b;line-height:1.6;overflow-x:hidden;padding:40px 20px;max-width:1400px;margin:0 auto}.bt-galerie__section{padding:5rem 5% 6rem;background:#ffffff;position:relative;max-width:1400px;margin:0 auto}.bt-galerie__container{max-width:1400px;margin:0 auto;width:100%;position:relative;z-index:1}.bt-galerie__header{text-align:center;max-width:780px;margin:0 auto 3.5rem}.bt-galerie__badge{display:inline-flex;align-items:center;gap:.6rem;font-family:'Sora',sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.4rem 1.4rem .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}.bt-galerie__badge .dot{width:6px;height:6px;border-radius:50%;background:#1c7ec9;animation:bt-pulseDot 2s ease-in-out infinite}@keyframes bt-pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.bt-galerie__title{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(2rem,3.6vw,3.2rem);letter-spacing:-.03em;color:#07294a;line-height:1.1;margin-bottom:.8rem}.bt-galerie__title .highlight{background:linear-gradient(135deg,#f4a61a 0%,#d98a0c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bt-galerie__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}.bt-galerie__subtitle strong{color:#07294a;font-weight:600}.bt-galerie__carousel{position:relative;overflow:hidden;border-radius:20px;background:#f8fafc;padding:0 0 20px 0}.bt-galerie__track{display:flex;gap:16px;will-change:transform;transition:transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);width:max-content}.bt-galerie__item{flex:0 0 280px;aspect-ratio:4\/3;border-radius:16px;overflow:hidden;background:#07294a;position:relative;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 16px rgba(7,41,74,0.06)}.bt-galerie__item:hover{transform:scale(1.04);box-shadow:0 12px 48px rgba(7,41,74,0.15);z-index:10}.bt-galerie__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.bt-galerie__item:hover img{transform:scale(1.05)}.bt-galerie__item-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.2rem 1.2rem 1rem;background:linear-gradient(transparent,rgba(7,41,74,0.75));opacity:0;transition:opacity .4s ease;display:flex;flex-direction:column;justify-content:flex-end}.bt-galerie__item:hover .bt-galerie__item-overlay{opacity:1}.bt-galerie__item-overlay .tag{display:inline-block;font-family:'Sora',sans-serif;font-weight:700;font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .8rem;border-radius:100px;background:rgba(255,255,255,0.2);backdrop-filter:blur(4px);color:#ffffff;margin-bottom:.3rem;align-self:flex-start}.bt-galerie__item-overlay .title{font-family:'Sora',sans-serif;font-weight:700;font-size:.85rem;color:#ffffff;line-height:1.3}.bt-galerie__item-overlay .sub{font-family:'Inter',sans-serif;font-size:.7rem;color:rgba(255,255,255,0.7)}.bt-galerie__indicators{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.bt-galerie__indicators .dots{display:flex;gap:8px}.bt-galerie__indicators .dot-nav{width:8px;height:8px;border-radius:50%;background:#eef2f6;transition:all .3s ease;cursor:pointer}.bt-galerie__indicators .dot-nav.active{background:#f4a61a;width:24px;border-radius:999px}.bt-galerie__indicators .counter{font-size:.8rem;color:#6b7f94;font-weight:500}.bt-galerie__indicators .pause-btn{background:none;border:none;color:#6b7f94;cursor:pointer;transition:color .3s ease;padding:4px 8px;display:flex;align-items:center}.bt-galerie__indicators .pause-btn:hover{color:#f4a61a}.bt-galerie__action{text-align:center;margin-top:3rem}.bt-galerie__action .btn--voir{display:inline-flex;align-items:center;gap:.75rem;font-family:'Sora',sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.02em;text-decoration:none;padding:.9rem 2.8rem;border-radius:3rem;transition:all .35s cubic-bezier(.34,1.56,.64,1);cursor:pointer;border:none;background:linear-gradient(135deg,#f4a61a 0%,#e0960e 100%);box-shadow:0 4px 16px rgba(244,166,26,0.25);color:#ffffff!important}.bt-galerie__action .btn--voir:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(244,166,26,0.40);color:#ffffff!important}.bt-galerie__action .btn--voir .btn__icon{transition:transform .3s ease}.bt-galerie__action .btn--voir:hover .btn__icon{transform:translateX(4px)}.bt-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(7,41,74,0.92);backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:pointer;opacity:0;transition:opacity .4s ease}.bt-lightbox-content{max-width:900px;width:100%;max-height:90vh;background:transparent;border-radius:16px;overflow:hidden;position:relative;transform:scale(.95);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.bt-lightbox-content img{width:100%;height:auto;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.3)}.bt-lightbox-content .info{position:absolute;bottom:1.5rem;left:1.5rem;background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);padding:.6rem 1.2rem;border-radius:100px;color:white;font-family:'Inter',sans-serif;font-size:.8rem}.bt-lightbox-content .info .tag{font-weight:700;font-family:'Sora',sans-serif;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.bt-lightbox-content .info .title{margin-left:.8rem}.bt-lightbox-content .close-btn{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);border:none;color:white;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.bt-lightbox-content .close-btn:hover{background:rgba(255,255,255,0.3)}@media (max-width:768px){.bt-galerie__section{padding:3rem 1.5rem}.bt-galerie__item{flex:0 0 200px}.bt-galerie__item-overlay .title{font-size:.7rem}.bt-galerie__item-overlay .sub{font-size:.6rem}}@media (max-width:480px){.bt-galerie__section{padding:2rem 1rem}.bt-galerie__item{flex:0 0 160px;border-radius:12px}.bt-galerie__item-overlay{padding:.8rem}.bt-galerie__item-overlay .title{font-size:.6rem}.bt-galerie__item-overlay .sub{font-size:.5rem}.bt-galerie__item-overlay .tag{font-size:.45rem;padding:.1rem .6rem}.bt-galerie__action .btn--voir{padding:.7rem 1.8rem;font-size:.75rem}}\r\n<\/style>\r\n\r\n<div class=\"bt-galerie\">\r\n <section class=\"bt-galerie__section\">\r\n <div class=\"bt-galerie__container\">\r\n\r\n <div class=\"bt-galerie__header\">\r\n <span class=\"bt-galerie__badge\"><span class=\"dot\"><\/span> Nos R\u00e9alisations<\/span>\r\n <h2 class=\"bt-galerie__title\">D\u00e9pannage & curage <span class=\"highlight\">Nos interventions<\/span> en images<\/h2>\r\n <p class=\"bt-galerie__subtitle\">\r\n <strong>D\u00e9bouchage, curage, hydrocurage et inspection cam\u00e9ra<\/strong> : nos \u00e9quipes interviennent sur tous vos r\u00e9seaux. <strong>Devis gratuit<\/strong>, <strong>techniciens qualifi\u00e9s<\/strong> et <strong>intervention rapide<\/strong> en \u00cele\u2011de\u2011France.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bt-galerie__carousel\">\r\n <div class=\"bt-galerie__track\" id=\"btCarouselTrack\"><\/div>\r\n <div class=\"bt-galerie__indicators\">\r\n <div class=\"dots\" id=\"btDotsContainer\"><\/div>\r\n <span class=\"counter\" id=\"btCounter\">1 \/ 11<\/span>\r\n <button class=\"pause-btn\" id=\"btPauseBtn\" aria-label=\"Pause \/ Play\">\r\n <svg id=\"btPauseIcon\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M6 4h4v16H6V4zm8 0h4v16h-4V4z\"\/><\/svg>\r\n <svg id=\"btPlayIcon\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\" style=\"display:none;\"><path d=\"M5 3l14 9-14 9V3z\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bt-galerie__action\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/services\/\" class=\"btn--voir\" target=\"_blank\" rel=\"noopener\">\r\n D\u00e9couvrir tous nos services\r\n <span class=\"btn__icon\">\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n 'use strict';\r\n\r\n \/\/ ------------------------------------------------------------\r\n \/\/ NOUVELLES PHOTOS (11 URLs fournies)\r\n \/\/ ------------------------------------------------------------\r\n const photos = [\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-29-at-17.45.05-1-LAPTOP-MF3UBE4E.jpeg',\r\n tag: 'Intervention',\r\n title: 'Chantier 1',\r\n sub: 'R\u00e9alisation terrain'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-23.33.07-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E.jpeg',\r\n tag: 'Intervention',\r\n title: 'Chantier 2',\r\n sub: 'R\u00e9alisation terrain'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-23.33.05-LAPTOP-MF3UBE4E.jpeg',\r\n tag: 'Intervention',\r\n title: 'Chantier 3',\r\n sub: 'R\u00e9alisation terrain'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-16.51.17-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E-2.jpeg',\r\n tag: 'Intervention',\r\n title: 'Chantier 4',\r\n sub: 'R\u00e9alisation terrain'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-16.40.26.jpeg',\r\n tag: 'Intervention',\r\n title: 'Chantier 5',\r\n sub: 'R\u00e9alisation terrain'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-14.47.29-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E-2.jpeg',\r\n tag: 'Intervention',\r\n title: 'Chantier 6',\r\n sub: 'R\u00e9alisation terrain'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-24-at-18.54.26-10-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E.jpeg',\r\n tag: 'Intervention',\r\n title: 'Chantier 7',\r\n sub: 'R\u00e9alisation terrain'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/remplacement-station-relevage_-2.jpg',\r\n tag: 'Station relevage',\r\n title: 'Remplacement station relevage',\r\n sub: 'R\u00e9novation compl\u00e8te'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/pose-puisard_3.jpg',\r\n tag: 'Pose puisard',\r\n title: 'Installation d\\'un puisard',\r\n sub: 'Assainissement'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/PHOTO-2021-02-09-12-14-14.jpg',\r\n tag: 'Intervention',\r\n title: 'Chantier 8',\r\n sub: 'R\u00e9alisation terrain'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/gif-pompage-2_opti-LAPTOP-MF3UBE4E.gif',\r\n tag: 'Pompage',\r\n title: 'Op\u00e9ration de pompage',\r\n sub: 'Entretien pr\u00e9ventif'\r\n }\r\n ];\r\n\r\n \/\/ ------------------------------------------------------------\r\n \/\/ NE RIEN MODIFIER CI\u2011DESSOUS (sauf si besoin)\r\n \/\/ ------------------------------------------------------------\r\n\r\n const track = document.getElementById('btCarouselTrack');\r\n const dotsContainer = document.getElementById('btDotsContainer');\r\n const counter = document.getElementById('btCounter');\r\n const pauseBtn = document.getElementById('btPauseBtn');\r\n const pauseIcon = document.getElementById('btPauseIcon');\r\n const playIcon = document.getElementById('btPlayIcon');\r\n\r\n const totalSlides = photos.length;\r\n let currentIndex = 0;\r\n let isPaused = false;\r\n let autoSlideInterval = null;\r\n const slideWidth = 280 + 16; \/\/ largeur + gap\r\n let clonedCount = 0;\r\n\r\n function renderSlides() {\r\n track.innerHTML = '';\r\n const allPhotos = [...photos, ...photos];\r\n allPhotos.forEach((photo, idx) => {\r\n const slide = document.createElement('div');\r\n slide.className = 'bt-galerie__item';\r\n slide.setAttribute('data-index', idx % photos.length);\r\n slide.innerHTML = `\r\n <img loading=\"lazy\" decoding=\"async\" src=\"${photo.src}\" alt=\"${photo.title}\" width=\"560\" height=\"420\" loading=\"lazy\">\r\n <div class=\"bt-galerie__item-overlay\">\r\n <span class=\"tag\">${photo.tag}<\/span>\r\n <span class=\"title\">${photo.title}<\/span>\r\n <span class=\"sub\">${photo.sub}<\/span>\r\n <\/div>\r\n `;\r\n slide.addEventListener('click', function() {\r\n openLightbox(parseInt(this.getAttribute('data-index')));\r\n });\r\n track.appendChild(slide);\r\n });\r\n\r\n const totalItems = allPhotos.length;\r\n const half = totalItems \/ 2;\r\n clonedCount = half;\r\n currentIndex = 0;\r\n const initialOffset = - (0 * slideWidth);\r\n track.style.transform = `translateX(${initialOffset}px)`;\r\n }\r\n\r\n function goToSlide(index) {\r\n let targetIndex = index;\r\n const offset = - (targetIndex * slideWidth);\r\n track.style.transition = 'transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\r\n track.style.transform = `translateX(${offset}px)`;\r\n currentIndex = index;\r\n updateDots();\r\n updateCounter();\r\n }\r\n\r\n function nextSlide() {\r\n let next = currentIndex + 1;\r\n if (next >= totalSlides) {\r\n const cloneOffset = - (totalSlides * slideWidth);\r\n track.style.transition = 'none';\r\n track.style.transform = `translateX(${cloneOffset}px)`;\r\n track.offsetHeight;\r\n next = 0;\r\n const newOffset = - (next * slideWidth);\r\n track.style.transition = 'transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\r\n track.style.transform = `translateX(${newOffset}px)`;\r\n currentIndex = next;\r\n } else {\r\n goToSlide(next);\r\n }\r\n updateDots();\r\n updateCounter();\r\n }\r\n\r\n function startAutoSlide() {\r\n if (autoSlideInterval) clearInterval(autoSlideInterval);\r\n autoSlideInterval = setInterval(nextSlide, 3800);\r\n }\r\n\r\n function stopAutoSlide() {\r\n if (autoSlideInterval) {\r\n clearInterval(autoSlideInterval);\r\n autoSlideInterval = null;\r\n }\r\n }\r\n\r\n function togglePause() {\r\n isPaused = !isPaused;\r\n if (isPaused) {\r\n stopAutoSlide();\r\n pauseIcon.style.display = 'none';\r\n playIcon.style.display = 'block';\r\n } else {\r\n startAutoSlide();\r\n pauseIcon.style.display = 'block';\r\n playIcon.style.display = 'none';\r\n }\r\n }\r\n\r\n function updateDots() {\r\n const dots = dotsContainer.querySelectorAll('.dot-nav');\r\n dots.forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentIndex % totalSlides);\r\n });\r\n }\r\n\r\n function updateCounter() {\r\n counter.textContent = (currentIndex % totalSlides + 1) + ' \/ ' + totalSlides;\r\n }\r\n\r\n function renderDots() {\r\n dotsContainer.innerHTML = '';\r\n for (let i = 0; i < totalSlides; i++) {\r\n const dot = document.createElement('span');\r\n dot.className = 'dot-nav' + (i === 0 ? ' active' : '');\r\n dot.setAttribute('data-index', i);\r\n dot.addEventListener('click', function() {\r\n const idx = parseInt(this.getAttribute('data-index'));\r\n goToSlide(idx);\r\n if (!isPaused) {\r\n stopAutoSlide();\r\n startAutoSlide();\r\n }\r\n });\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n function openLightbox(index) {\r\n const photo = photos[index % photos.length];\r\n const existing = document.querySelector('.bt-lightbox');\r\n if (existing) existing.remove();\r\n\r\n const lightbox = document.createElement('div');\r\n lightbox.className = 'bt-lightbox';\r\n lightbox.innerHTML = `\r\n <div class=\"bt-lightbox-content\">\r\n <img decoding=\"async\" src=\"${photo.src}\" alt=\"${photo.title}\">\r\n <div class=\"info\">\r\n <span class=\"tag\">${photo.tag}<\/span>\r\n <span class=\"title\">${photo.title}<\/span>\r\n <\/div>\r\n <button class=\"close-btn\">\r\n <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\r\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n `;\r\n document.body.appendChild(lightbox);\r\n requestAnimationFrame(() => {\r\n lightbox.style.opacity = '1';\r\n lightbox.querySelector('.bt-lightbox-content').style.transform = 'scale(1)';\r\n });\r\n\r\n function closeLightbox() {\r\n lightbox.style.opacity = '0';\r\n setTimeout(() => lightbox.remove(), 400);\r\n }\r\n lightbox.addEventListener('click', function(e) {\r\n if (e.target === lightbox || e.target.closest('.close-btn')) closeLightbox();\r\n });\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') {\r\n const lb = document.querySelector('.bt-lightbox');\r\n if (lb) {\r\n lb.style.opacity = '0';\r\n setTimeout(() => lb.remove(), 400);\r\n }\r\n }\r\n });\r\n }\r\n\r\n document.addEventListener('error', function(e) {\r\n if (e.target.tagName === 'IMG' && !e.target.hasAttribute('data-fallback')) {\r\n e.target.setAttribute('data-fallback', 'true');\r\n e.target.src = 'data:image\/svg+xml,%3Csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"400\" height=\"300\"%3E%3Crect fill=\"%2307294a\" width=\"400\" height=\"300\"\/%3E%3Ctext x=\"200\" y=\"150\" text-anchor=\"middle\" font-family=\"Sora\" font-size=\"20\" fill=\"%23f4a61a\"%3EBT Plus%3C\/text%3E%3C\/svg%3E';\r\n }\r\n }, true);\r\n\r\n renderSlides();\r\n renderDots();\r\n updateCounter();\r\n\r\n setTimeout(() => {\r\n startAutoSlide();\r\n }, 500);\r\n\r\n pauseBtn.addEventListener('click', togglePause);\r\n\r\n const carousel = document.querySelector('.bt-galerie__carousel');\r\n carousel.addEventListener('mouseenter', function() {\r\n if (!isPaused) {\r\n stopAutoSlide();\r\n }\r\n });\r\n carousel.addEventListener('mouseleave', function() {\r\n if (!isPaused) {\r\n startAutoSlide();\r\n }\r\n });\r\n\r\n let touchStartX = 0;\r\n track.addEventListener('touchstart', function(e) {\r\n touchStartX = e.touches[0].clientX;\r\n stopAutoSlide();\r\n });\r\n track.addEventListener('touchend', function(e) {\r\n if (!isPaused) startAutoSlide();\r\n });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5fde597 e-con-full e-flex e-con e-parent\" data-id=\"5fde597\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae8e7b6 elementor-widget elementor-widget-html\" data-id=\"ae8e7b6\" 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-9126c6f e-flex e-con-boxed e-con e-parent\" data-id=\"9126c6f\" 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-4fd5d4b elementor-widget elementor-widget-shortcode\" data-id=\"4fd5d4b\" 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-8a46da2 e-con-full e-flex e-con e-parent\" data-id=\"8a46da2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8afa7f7 elementor-widget elementor-widget-html\" data-id=\"8afa7f7\" 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-577b6ee e-con-full e-flex e-con e-parent\" data-id=\"577b6ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b53d97 elementor-widget elementor-widget-html\" data-id=\"9b53d97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\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>Nos services de d\u00e9pannage & assainissement \u2013 BT Plus Entreprise d’assainissement agr\u00e9\u00e9e Urgence 24h\/24 \u2013 Devis gratuit Nos services en Ile-de-France D\u00e9bouchage canalisation, curage, hydrocurage, inspection cam\u00e9ra et pompage : des solutions professionnelles pour tous vos besoins en assainissement. Techniciens qualifi\u00e9s, mat\u00e9riel haute pression, intervention rapide en \u00cele-de-France. Devis gratuit et service 24h\/24. D\u00e9bouchage Curage […]<\/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-127","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/127","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=127"}],"version-history":[{"count":88,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/127\/revisions"}],"predecessor-version":[{"id":2974,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/127\/revisions\/2974"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}