D\u00e9bouchage canalisation pas cher \u2013 BT Plus \u00cele-de-France<\/title>\r\n<meta name=\"description\" content=\"BT Plus : entreprise de d\u00e9bouchage canalisation en \u00cele-de-France. Intervention rapide 24h\/24, devis gratuit, mat\u00e9riel haute pression. D\u00e9bouchage WC, \u00e9vier, douche.\" \/>\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\n ============================================ *\/\r\n .badge-247 {\r\n position:absolute;\r\n top:20px;\r\n right:24px;\r\n background:#ffffff;\r\n border-radius:14px;\r\n padding:12px 16px;\r\n box-shadow:var(--shadow-md);\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n z-index:10;\r\n border:1px solid var(--blue-100);\r\n animation:floaty 6s ease-in-out infinite;\r\n animation-delay:0.3s;\r\n }\r\n\r\n .badge-247 .fic {\r\n width:38px;\r\n height:38px;\r\n border-radius:10px;\r\n display:grid;\r\n place-items:center;\r\n flex-shrink:0;\r\n background:var(--blue-50);\r\n color:var(--blue-700);\r\n }\r\n\r\n .badge-247 .fic svg {\r\n width:20px;\r\n height:20px;\r\n }\r\n\r\n .badge-247 b {\r\n font-family:var(--font-display);\r\n display:block;\r\n font-size:1.05rem;\r\n color:var(--blue-900);\r\n line-height:1.1;\r\n }\r\n\r\n .badge-247 small {\r\n color:var(--slate);\r\n font-size:.74rem;\r\n }\r\n\r\n @keyframes floaty{\r\n 0%,100%{transform:translateY(0)}\r\n 50%{transform:translateY(-12px)}\r\n }\r\n\r\n @media(max-width:600px){\r\n .badge-247{\r\n top:12px;\r\n right:12px;\r\n padding:8px 12px;\r\n gap:8px;\r\n }\r\n .badge-247 .fic{\r\n width:30px;\r\n height:30px;\r\n }\r\n .badge-247 b{\r\n font-size:.85rem;\r\n }\r\n .badge-247 small{\r\n font-size:.65rem;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n CONTENU TEXTE \u2014 SP\u00c9CIALIS\u00c9 D\u00c9BOUCHAGE\r\n ============================================ *\/\r\n h1{\r\n font-family:var(--font-display);font-weight:800;\r\n font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.06;\r\n letter-spacing:-.025em;color:var(--blue-900);margin:18px 0 0;\r\n }\r\n h1 .accent{\r\n color:var(--orange);position:relative;white-space:nowrap;\r\n }\r\n h1 .accent::after{\r\n content:\"\";position:absolute;left:0;right:0;bottom:.06em;height:.16em;\r\n background:rgba(244,166,26,.28);border-radius:4px;z-index:-1;\r\n transform:scaleX(0);transform-origin:left;animation:underline 1s .8s ease forwards;\r\n }\r\n @keyframes underline{to{transform:scaleX(1)}}\r\n\r\n .lead{\r\n margin-top:18px;font-size:1.08rem;color:var(--slate);max-width:520px;\r\n }\r\n\r\n \/* service chips *\/\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 }\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\r\n \/* trust strip *\/\r\n .trust{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px}\r\n .trust div{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--slate);font-weight:500}\r\n .trust svg{width:18px;height:18px;color:#1faa6b;flex-shrink:0}\r\n\r\n \/* ---------- Visual ---------- *\/\r\n .visual{position:relative;display:grid;place-items:center;min-height:380px}\r\n .disc{\r\n position:relative;\r\n width:min(420px,90%);\r\n aspect-ratio:1;\r\n border-radius:50%;\r\n overflow:hidden;\r\n box-shadow:0 40px 70px -25px rgba(13,79,139,.7);\r\n display:grid;\r\n place-items:center;\r\n }\r\n\r\n .disc img{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n z-index:1;\r\n }\r\n\r\n .disc .overlay{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n background:rgba(7,41,74,0.30);\r\n z-index:2;\r\n border-radius:50%;\r\n }\r\n\r\n .ring{\r\n position:absolute;\r\n border:2px solid rgba(255,255,255,0.5);\r\n border-radius:50%;\r\n inset:0;\r\n opacity:0;\r\n z-index:3;\r\n animation:ripple 4s linear infinite;\r\n pointer-events:none;\r\n }\r\n .ring:nth-child(3){animation-delay:1.3s}\r\n .ring:nth-child(4){animation-delay:2.6s}\r\n @keyframes ripple{\r\n 0%{transform:scale(.55);opacity:.6}\r\n 80%{opacity:0}\r\n 100%{transform:scale(1.18);opacity:0}\r\n }\r\n\r\n .disc-content{\r\n position:relative;\r\n z-index:4;\r\n text-align:center;\r\n color:#ffffff;\r\n padding:20px;\r\n }\r\n\r\n .disc-content .icon-badge{\r\n display:inline-block;\r\n background:rgba(255,255,255,0.15);\r\n backdrop-filter:blur(6px);\r\n padding:6px 16px;\r\n border-radius:100px;\r\n font-family:var(--font-display);\r\n font-weight:700;\r\n font-size:.7rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,0.2);\r\n margin-bottom:10px;\r\n }\r\n\r\n .disc-content .big-number{\r\n font-family:var(--font-display);\r\n font-weight:800;\r\n font-size:3.8rem;\r\n line-height:1;\r\n color:#fff;\r\n text-shadow:0 4px 20px rgba(0,0,0,0.2);\r\n }\r\n\r\n .disc-content .big-number span{\r\n font-size:1.4rem;\r\n font-weight:500;\r\n opacity:0.8;\r\n }\r\n\r\n .disc-content .desc{\r\n font-family:var(--font-body);\r\n font-weight:500;\r\n font-size:.95rem;\r\n color:rgba(255,255,255,0.9);\r\n margin-top:4px;\r\n }\r\n\r\n \/* ============================================\r\n FLOATING CARDS\r\n ============================================ *\/\r\n .float{\r\n position:absolute;\r\n background:#fff;\r\n border-radius:14px;\r\n padding:12px 15px;\r\n box-shadow:var(--shadow-md);\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n font-size:.85rem;\r\n animation:floaty 6s ease-in-out infinite;\r\n z-index:10;\r\n }\r\n .float .fic{\r\n width:38px;\r\n height:38px;\r\n border-radius:10px;\r\n display:grid;\r\n place-items:center;\r\n flex-shrink:0;\r\n }\r\n .float b{\r\n font-family:var(--font-display);\r\n display:block;\r\n font-size:1.05rem;\r\n color:var(--blue-900);\r\n line-height:1.1;\r\n }\r\n .float small{\r\n color:var(--slate);\r\n font-size:.74rem;\r\n }\r\n .float.one{\r\n top:6%;\r\n left:-4%;\r\n animation-delay:.2s;\r\n }\r\n .float.one .fic{\r\n background:#fff3df;\r\n color:var(--orange-dark);\r\n }\r\n .float.two{\r\n bottom:10%;\r\n right:-6%;\r\n animation-delay:1.6s;\r\n }\r\n .float.two .fic{\r\n background:var(--blue-50);\r\n color:var(--blue-700);\r\n }\r\n @media(max-width:560px){\r\n .float.one{left:0}\r\n .float.two{right:0}\r\n }\r\n\r\n \/* ---------- Animated waves ---------- *\/\r\n .waves{\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n bottom:0;\r\n line-height:0;\r\n z-index:1;\r\n pointer-events:none;\r\n }\r\n .waves svg{\r\n display:block;\r\n width:100%;\r\n height:120px;\r\n }\r\n .wave-back use{animation:wavemove 11s linear infinite;opacity:.55}\r\n .wave-mid use{animation:wavemove 8s linear infinite reverse;opacity:.8}\r\n .wave-front use{animation:wavemove 6s linear infinite}\r\n @keyframes wavemove{\r\n 0%{transform:translateX(0)}\r\n 100%{transform:translateX(-50%)}\r\n }\r\n\r\n \/* ---------- entrance ---------- *\/\r\n .reveal{\r\n opacity:0;\r\n transform:translateY(22px);\r\n animation:rise .7s cubic-bezier(.2,.7,.3,1) forwards;\r\n }\r\n .d1{animation-delay:.05s}\r\n .d2{animation-delay:.16s}\r\n .d3{animation-delay:.27s}\r\n .d4{animation-delay:.38s}\r\n .d5{animation-delay:.49s}\r\n .reveal-r{\r\n opacity:0;\r\n transform:scale(.94);\r\n animation:pop .8s .3s cubic-bezier(.2,.7,.3,1) forwards;\r\n }\r\n @keyframes rise{\r\n to{opacity:1;transform:translateY(0)}\r\n }\r\n @keyframes pop{\r\n to{opacity:1;transform:scale(1)}\r\n }\r\n\r\n @media(prefers-reduced-motion:reduce){\r\n *{animation:none!important;transition:none!important}\r\n .reveal,.reveal-r{opacity:1;transform:none}\r\n h1 .accent::after{transform:scaleX(1)}\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media(max-width:768px){\r\n .disc{\r\n width:min(340px,85%);\r\n }\r\n .disc-content .big-number{\r\n font-size:2.8rem;\r\n }\r\n .disc-content .big-number span{\r\n font-size:1.1rem;\r\n }\r\n .disc-content .desc{\r\n font-size:.8rem;\r\n }\r\n .disc-content .icon-badge{\r\n font-size:.6rem;\r\n padding:4px 12px;\r\n }\r\n }\r\n\r\n @media(max-width:480px){\r\n .disc{\r\n width:min(280px,80%);\r\n }\r\n .disc-content .big-number{\r\n font-size:2.2rem;\r\n }\r\n .disc-content .big-number span{\r\n font-size:.9rem;\r\n }\r\n .disc-content .desc{\r\n font-size:.7rem;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header class=\"hero\">\r\n <div class=\"hero-inner\">\r\n\r\n \r\n \r\n \r\n <div class=\"badge-247\">\r\n <span class=\"fic\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <path d=\"M12 7v5l3 2\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span>\r\n <b>Plombier urgence 24h\/24<\/b>\r\n <small>Entreprise d\u00e9bouchage canalisation IDF<\/small>\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div class=\"content\">\r\n <h1 class=\"reveal d2\">\r\n <strong>D\u00e9bouchage canalisation<\/strong><br \/>\r\n <span class=\"accent\">Intervention rapide<\/span> en \u00cele-de-France\r\n <\/h1>\r\n\r\n <p class=\"lead reveal d3\">\r\n <strong>Plombier urgence 24h\/24<\/strong> \u00e0 Paris et en \u00cele-de-France.\r\n <strong>D\u00e9pannage canalisation bouch\u00e9e<\/strong> \u2013 WC, \u00e9vier, douche, baignoire ou r\u00e9seaux enterr\u00e9s.\r\n <strong>D\u00e9bouchage haute pression<\/strong> et <strong>d\u00e9bouchage professionnel<\/strong> sans produit chimique.\r\n <strong>Devis gratuit<\/strong> et <strong>intervention rapide<\/strong>.\r\n <\/p>\r\n\r\n \r\n <div class=\"chips reveal d4\">\r\n <span class=\"chip\">\r\n <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>\r\n D\u00e9bouchage maison \/ appartement\r\n <\/span>\r\n <span class=\"chip\">\r\n <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>\r\n D\u00e9bouchage immeuble \/ copropri\u00e9t\u00e9\r\n <\/span>\r\n <span class=\"chip\">\r\n <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>\r\n D\u00e9bouchage restaurant \/ h\u00f4tel\r\n <\/span>\r\n <span class=\"chip\">\r\n <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>\r\n <strong>Haute pression 300 bars<\/strong>\r\n <\/span>\r\n <\/div>\r\n\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>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>D\u00e9bouchage 24h\/24 \u2013 7j\/7<\/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>Garantie 48h<\/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>D\u00e9placement sous 1h<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div class=\"visual reveal-r\">\r\n <div class=\"disc\">\r\n <img decoding=\"async\"\r\n src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-09-14-at-14.47.33.jpg\"\r\n alt=\"D\u00e9bouchage canalisation haute pression en \u00cele-de-France\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"overlay\"><\/div>\r\n\r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n\r\n <div class=\"disc-content\">\r\n <span class=\"icon-badge\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;margin-right:6px;\">\r\n <path d=\"M12 2v4M12 22v-4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/>\r\n <\/svg>\r\n Intervention d\u00e9bouchage\r\n <\/span>\r\n <div class=\"big-number\">\r\n <strong>24\/7<\/strong> <span>urgence<\/span>\r\n <\/div>\r\n <div class=\"desc\"><strong>D\u00e9bouchage professionnel<\/strong> en \u00cele-de-France<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"float one\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\r\n <\/span>\r\n <span><b>\u2248 45 min<\/b><small>d\u00e9lai d'intervention<\/small><\/span>\r\n <\/div>\r\n\r\n <div class=\"float two\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><path d=\"M21 12a9 9 0 1 1-9-9c2.5 0 4.8 1 6.4 2.6\"\/><\/svg>\r\n <\/span>\r\n <span><b>1 500+<\/b><small>d\u00e9bouchages \/ an<\/small><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"w\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/>\r\n <\/defs>\r\n <g class=\"wave-back\"><use href=\"#w\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/header>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-655d46d e-con-full e-flex e-con e-parent\" data-id=\"655d46d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79e5ef9 elementor-widget elementor-widget-html\" data-id=\"79e5ef9\" 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=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<style>\r\n.btp-debouchage {\r\n --b900:#07294a; --b800:#0a3666; --b700:#0d4f8b; --b500:#1c7ec9; --b300:#7cc0ee; --b100:#d6ebfb; --b50:#eef6fc;\r\n --or:#f4a61a; --or-d:#d98a0c; --ink:#0c2238; --slate:#48637d; --line:#e4ecf4;\r\n --green:#10b981; --green-bg:#d1fae5; --red:#ef4444; --red-bg:#fee2e2;\r\n --fd:\"Sora\",sans-serif; --fb:\"Inter\",sans-serif; --fm:\"JetBrains Mono\",monospace;\r\n --ease:cubic-bezier(.2,.8,.2,1);\r\n\r\n position:relative; overflow:hidden; width:100%;\r\n padding:80px 0 100px;\r\n font-family:var(--fb); color:var(--ink); line-height:1.5;\r\n background:\r\n radial-gradient(820px 480px at 92% -12%, rgba(244,166,26,.05), transparent 60%),\r\n radial-gradient(760px 460px at -6% 110%, rgba(28,126,201,.05), transparent 55%),\r\n linear-gradient(180deg, var(--b50) 0%, #ffffff 100%);\r\n}\r\n.btp-debouchage *,.btp-debouchage *::before,.btp-debouchage *::after{box-sizing:border-box}\r\n.btp-debouchage h2,.btp-debouchage h3,.btp-debouchage h4,.btp-debouchage p{margin:0}\r\n.btp-debouchage .wrap{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}\r\n\r\n\/* ---------- en-t\u00eate ---------- *\/\r\n.btp-debouchage .hd{text-align:center;margin-bottom:48px}\r\n.btp-debouchage .pill{display:inline-flex;align-items:center;gap:9px;font-family:var(--fm);font-weight:700;\r\n font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--or-d);\r\n background:#fff;border:1px solid #f6e3bf;padding:6px 14px 6px 10px;border-radius:999px}\r\n.btp-debouchage .pill .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(16,185,129,.55);animation:srvPulse 1.8s infinite}\r\n@keyframes srvPulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.55)}70%{box-shadow:0 0 0 9px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}\r\n.btp-debouchage .hd h2{font-family:var(--fd);font-weight:800;letter-spacing:-.025em;line-height:1.08;\r\n font-size:clamp(2rem,4.8vw,3.4rem);color:var(--b900);margin:14px 0 0}\r\n.btp-debouchage .hd h2 em{font-style:normal;color:var(--or)}\r\n.btp-debouchage .hd .lead{margin-top:14px;font-size:1.05rem;color:var(--slate);max-width:620px;margin-left:auto;margin-right:auto}\r\n.btp-debouchage .hd .lead strong{color:var(--b700);font-weight:600}\r\n\r\n\/* ---------- KPI mini ---------- *\/\r\n.btp-debouchage .kpi-row{\r\n display:grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap:12px;\r\n margin:28px 0 40px;\r\n}\r\n@media(max-width:640px){.btp-debouchage .kpi-row{grid-template-columns:1fr 1fr}}\r\n.btp-debouchage .kpi-item{\r\n background:#fff;\r\n border-radius:12px;\r\n padding:14px 18px;\r\n border:1px solid var(--line);\r\n text-align:center;\r\n}\r\n.btp-debouchage .kpi-item .num{\r\n font-family:var(--fd);\r\n font-weight:800;\r\n font-size:1.6rem;\r\n color:var(--b900);\r\n line-height:1;\r\n}\r\n.btp-debouchage .kpi-item .num small{font-size:.9rem;font-weight:600;color:var(--slate)}\r\n.btp-debouchage .kpi-item .label{\r\n font-family:var(--fm);\r\n font-size:.58rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n color:var(--slate);\r\n margin-top:4px;\r\n}\r\n\r\n\/* ---------- grille 2 colonnes ---------- *\/\r\n.btp-debouchage .grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n@media(max-width:640px){.btp-debouchage .grid{grid-template-columns:1fr}}\r\n\r\n.btp-debouchage .card{\r\n background:#fff;\r\n border-radius:16px;\r\n border:1px solid var(--line);\r\n padding:24px 26px;\r\n transition:all .3s var(--ease);\r\n cursor:pointer;\r\n box-shadow:0 2px 8px rgba(0,0,0,.02);\r\n}\r\n.btp-debouchage .card:hover,\r\n.btp-debouchage .card.active{\r\n border-color:var(--or);\r\n box-shadow:0 8px 24px rgba(7,41,74,.08);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.btp-debouchage .card-title{\r\n font-family:var(--fd);\r\n font-weight:700;\r\n font-size:1.1rem;\r\n color:var(--b900);\r\n margin-bottom:4px;\r\n}\r\n.btp-debouchage .card-badge{\r\n font-family:var(--fm);\r\n font-size:.5rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n padding:2px 12px;\r\n border-radius:999px;\r\n display:inline-block;\r\n}\r\n.btp-debouchage .card-badge.green{background:var(--green-bg);color:#065f46}\r\n.btp-debouchage .card-badge.red{background:var(--red-bg);color:#991b1b}\r\n.btp-debouchage .card-badge.orange{background:#fef3c7;color:#b45309}\r\n.btp-debouchage .card-badge.gray{background:#f3f4f6;color:#6b7280}\r\n\r\n.btp-debouchage .card-desc{\r\n font-size:.85rem;\r\n color:var(--slate);\r\n line-height:1.6;\r\n margin:6px 0 10px;\r\n}\r\n.btp-debouchage .card-desc strong{color:var(--b700);font-weight:600}\r\n\r\n.btp-debouchage .card-tags{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:6px;\r\n margin-top:4px;\r\n}\r\n.btp-debouchage .card-tags span{\r\n font-family:var(--fm);\r\n font-size:.55rem;\r\n color:var(--slate);\r\n background:var(--b50);\r\n padding:2px 12px;\r\n border-radius:999px;\r\n}\r\n\r\n\/* ---------- CTA ROUGE avec num\u00e9ro en blanc ---------- *\/\r\n.btp-debouchage .cta-red{\r\n display:flex;\r\n justify-content:center;\r\n margin-top:44px;\r\n}\r\n.btp-debouchage .btn-urgence{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:12px;\r\n background:#d32f2f;\r\n color:#ffffff !important;\r\n font-family:var(--fd);\r\n font-weight:700;\r\n font-size:1.2rem;\r\n padding:14px 36px;\r\n border-radius:60px;\r\n text-decoration:none;\r\n box-shadow:0 6px 24px rgba(211,47,47,0.3);\r\n transition:all .3s var(--ease);\r\n border:none;\r\n cursor:pointer;\r\n}\r\n.btp-debouchage .btn-urgence:hover{\r\n background:#b71c1c;\r\n transform:translateY(-3px);\r\n box-shadow:0 10px 36px rgba(211,47,47,0.35);\r\n color:#ffffff !important;\r\n}\r\n.btp-debouchage .btn-urgence .label{\r\n font-size:.65rem;\r\n font-weight:400;\r\n opacity:.85;\r\n display:block;\r\n margin-top:-2px;\r\n}\r\n\r\n\/* ---------- vagues ---------- *\/\r\n.btp-debouchage .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.btp-debouchage .waves svg{display:block;width:100%;height:90px}\r\n.btp-debouchage .w-back use{animation:srvWave 12s linear infinite;opacity:.5}\r\n.btp-debouchage .w-mid use{animation:srvWave 9s linear infinite reverse;opacity:.8}\r\n.btp-debouchage .w-front use{animation:srvWave 6s linear infinite}\r\n@keyframes srvWave{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\r\n\r\n\/* ---------- r\u00e9v\u00e9lation ---------- *\/\r\n.btp-debouchage .rv{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease)}\r\n.btp-debouchage .rv.shown{opacity:1;transform:none}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n .btp-debouchage *{animation:none!important;transition:none!important}\r\n .btp-debouchage .rv{opacity:1;transform:none}\r\n}\r\n<\/style>\r\n\r\n<section class=\"btp-debouchage\">\r\n <div class=\"wrap\">\r\n\r\n \r\n <header class=\"hd\">\r\n <span class=\"pill rv\"><span class=\"dot\"><\/span><strong>Entreprise de d\u00e9bouchage agr\u00e9\u00e9e<\/strong> Urgence 24h\/24<\/span>\r\n <h2 class=\"rv\"><strong>D\u00e9bouchage canalisation<\/strong> & <strong>d\u00e9bouchage haute pression<\/strong> \u2013 <em>notre expertise<\/em><\/h2>\r\n <p class=\"lead rv\">\r\n <strong>D\u00e9bouchage canalisation pas cher<\/strong> et <strong>d\u00e9bouchage haute pression IDF<\/strong>\r\n pour tous types de canalisations. <strong>Entreprise de d\u00e9bouchage agr\u00e9\u00e9e<\/strong> en <strong>\u00cele-de-France<\/strong>,\r\n nous r\u00e9alisons <strong>d\u00e9pannage canalisation bouch\u00e9e<\/strong> en urgence,\r\n <strong>d\u00e9bouchage pr\u00e9ventif<\/strong> et <strong>d\u00e9bouchage curatif<\/strong>\r\n pour <strong>particuliers<\/strong>, <strong>copropri\u00e9t\u00e9s<\/strong>, <strong>restaurants<\/strong>,\r\n <strong>h\u00f4tels<\/strong>, <strong>immeubles<\/strong> et <strong>bureaux<\/strong>.\r\n <strong>Devis d\u00e9bouchage gratuit<\/strong> \u2013 <strong>intervention d\u00e9bouchage 24h\/24<\/strong>.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"kpi-row rv\">\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">1 <small>h<\/small><\/div>\r\n <div class=\"label\">Intervention sous 1h<\/div>\r\n <\/div>\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">0 <small>\u20ac<\/small><\/div>\r\n <div class=\"label\">Devis d\u00e9bouchage gratuit<\/div>\r\n <\/div>\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">48 <small>h<\/small><\/div>\r\n <div class=\"label\">Garantie 48h<\/div>\r\n <\/div>\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">300 <small>bars<\/small><\/div>\r\n <div class=\"label\">Haute pression 300 bars<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid rv\">\r\n\r\n \r\n <div class=\"card active\">\r\n <div class=\"card-title\">R\u00f4le du <strong style=\"color:var(--or);\">d\u00e9bouchage canalisation<\/strong><\/div>\r\n <span class=\"card-badge green\">D\u00e9bouchage professionnel<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Le r\u00f4le principal d'un d\u00e9bouchage<\/strong> est d'\u00e9liminer les obstructions et r\u00e9sidus accumul\u00e9s qui bloquent l'\u00e9coulement de vos eaux. Nos techniciens sp\u00e9cialis\u00e9s dans le <strong>d\u00e9bouchage de canalisations en \u00cele-de-France<\/strong> interviennent \u00e0 l'aide d'un <strong>hydrocureur haute pression<\/strong> ou d'un <strong>furet<\/strong>. <strong>Entreprise de d\u00e9bouchage agr\u00e9\u00e9e<\/strong> \u2013 <strong>d\u00e9bouchage<\/strong> efficace et durable.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>D\u00e9bouchage professionnel<\/strong><\/span>\r\n <span><strong>Haute pression 300 bars<\/strong><\/span>\r\n <span>Mat\u00e9riel professionnel<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-title\">Causes des bouchons \u2013 <strong style=\"color:var(--or);\">d\u00e9tection de bouchon<\/strong><\/div>\r\n <span class=\"card-badge red\">\u00c0 \u00e9liminer<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Les causes fr\u00e9quentes d'un bouchon :<\/strong> cheveux, lingettes, graisses, r\u00e9sidus alimentaires, tartre et calcaire. Ces \u00e9l\u00e9ments s'accumulent et finissent par former un <strong>bouchon<\/strong> qui bloque l'\u00e9coulement. Un <strong>d\u00e9bouchage professionnel<\/strong> assure une <strong>d\u00e9tection de bouchon<\/strong> pr\u00e9cise et un <strong>nettoyage<\/strong> optimal.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span>Cheveux<\/span>\r\n <span>Lingettes<\/span>\r\n <span>Graisses<\/span>\r\n <span>Calcaire<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-title\"><strong style=\"color:var(--or);\">D\u00e9bouchage d'urgence<\/strong> \u2013 24h\/24<\/div>\r\n <span class=\"card-badge red\">Urgence 24h\/24<\/span>\r\n <div class=\"card-desc\">\r\n <strong>D\u00e9bouche instantan\u00e9ment vos canalisations en cas d'urgence.<\/strong> Le technicien intervient chez vous et choisit le mat\u00e9riel adapt\u00e9 \u00e0 vos canalisations en fonction du diam\u00e8tre de celles-ci pour ne pas risquer de les endommager. <strong>D\u00e9bouchage urgence IDF<\/strong> \u2013 intervention rapide sous 1h. <strong>Plombier urgence 24h\/24<\/strong> disponible.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>D\u00e9bouchage urgence<\/strong><\/span>\r\n <span>Intervention rapide<\/span>\r\n <span>24h\/24 \u2013 7j\/7<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-title\"><strong style=\"color:var(--or);\">D\u00e9bouchage pr\u00e9ventif<\/strong> \u2013 entretien<\/div>\r\n <span class=\"card-badge orange\">Entretien programm\u00e9<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Entretien r\u00e9gulier pour une circulation fluide toute l'ann\u00e9e.<\/strong> L'<strong>entretien canalisation<\/strong> et le <strong>d\u00e9bouchage pr\u00e9ventif<\/strong> sont essentiels pour votre syst\u00e8me d'assainissement. Id\u00e9al pour <strong>d\u00e9bouchage copropri\u00e9t\u00e9<\/strong>, <strong>restaurant<\/strong>, <strong>h\u00f4tel<\/strong>, <strong>immeuble<\/strong> ou <strong>bureaux<\/strong>. <strong>D\u00e9bouchage maison \/ appartement<\/strong> \u00e9galement possible.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>D\u00e9bouchage pr\u00e9ventif<\/strong><\/span>\r\n <span><strong>Entretien r\u00e9seau<\/strong><\/span>\r\n <span>D\u00e9pannage<\/span>\r\n <span>Durable<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-red rv\">\r\n <a href=\"tel:0186957777\" class=\"btn-urgence\">\r\n <span>\r\n 01 86 95 77 77\r\n <span class=\"label\">Urgence 24h\/24 \u2013 7j\/7<\/span>\r\n <\/span>\r\n <\/a>\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><path id=\"srvWaveP\" 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=\"w-back\"><use href=\"#srvWaveP\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#srvWaveP\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"w-mid\"><use href=\"#srvWaveP\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#srvWaveP\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"w-front\"><use href=\"#srvWaveP\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#srvWaveP\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n\r\n const section = document.querySelector('.btp-debouchage');\r\n if (!section) return;\r\n\r\n const cards = section.querySelectorAll('.card');\r\n cards.forEach(card => {\r\n const activate = () => {\r\n cards.forEach(c => c.classList.remove('active'));\r\n card.classList.add('active');\r\n };\r\n card.addEventListener('mouseenter', activate);\r\n card.addEventListener('focus', activate);\r\n card.setAttribute('tabindex', '0');\r\n });\r\n\r\n const rv = section.querySelectorAll('.rv');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n rv.forEach(el => io.observe(el));\r\n } else {\r\n rv.forEach(el => el.classList.add('shown'));\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-07b28ac e-con-full e-flex e-con e-parent\" data-id=\"07b28ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28e4d90 elementor-widget elementor-widget-html\" data-id=\"28e4d90\" 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.galerie-carrousel {\r\n --b900: #07294a;\r\n --or: #f4a61a;\r\n --slate: #48637d;\r\n --line: #eef2f5;\r\n \r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n font-family: 'Inter', sans-serif;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Vague d\u00e9corative *\/\r\n.galerie-carrousel::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,80 600,0 900,40 C1050,60 1150,40 1200,40 L1200,80 L0,80 Z' fill='%23d6ebfb' opacity='0.3'\/%3E%3C\/svg%3E\") no-repeat bottom \/ 100% 100%;\r\n pointer-events: none;\r\n}\r\n\r\n.galerie-carrousel .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\/* HEADER *\/\r\n.galerie-carrousel .header {\r\n text-align: center;\r\n margin-bottom: 44px;\r\n}\r\n\r\n.galerie-carrousel .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.galerie-carrousel .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n}\r\n\r\n@keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n}\r\n\r\n.galerie-carrousel .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n}\r\n\r\n.galerie-carrousel .title span {\r\n color: #f4a61a;\r\n}\r\n\r\n.galerie-carrousel .subtitle {\r\n font-size: 1.05rem;\r\n color: #48637d;\r\n max-width: 620px;\r\n margin: 12px auto 0;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* ============================================================\r\n CARROUSEL CONTINU\r\n ============================================================ *\/\r\n.galerie-carrousel .carousel-wrapper {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 20px;\r\n}\r\n\r\n.galerie-carrousel .carousel-track {\r\n display: flex;\r\n gap: 16px;\r\n animation: scrollCarousel 30s linear infinite;\r\n will-change: transform;\r\n width: max-content;\r\n}\r\n\r\n.galerie-carrousel .carousel-track:hover {\r\n animation-play-state: paused;\r\n}\r\n\r\n@keyframes scrollCarousel {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 220px;\r\n aspect-ratio: 1\/1;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n position: relative;\r\n background: #07294a;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 16px rgba(7, 41, 74, 0.06);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 12px 40px rgba(7, 41, 74, 0.15);\r\n z-index: 2;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover img {\r\n transform: scale(1.05);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide .ville {\r\n position: absolute;\r\n bottom: 12px;\r\n left: 12px;\r\n right: 12px;\r\n background: rgba(7, 41, 74, 0.75);\r\n backdrop-filter: blur(4px);\r\n padding: 6px 14px;\r\n border-radius: 999px;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n color: #fff;\r\n text-align: center;\r\n opacity: 0;\r\n transform: translateY(10px);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover .ville {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide .zoom-icon {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n background: rgba(0, 0, 0, 0.5);\r\n backdrop-filter: blur(4px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fff;\r\n font-size: 0.7rem;\r\n opacity: 0;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover .zoom-icon {\r\n opacity: 1;\r\n}\r\n\r\n\/* ============================================================\r\n INDICATEURS\r\n ============================================================ *\/\r\n.galerie-carrousel .indicators {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 28px;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--line);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots .dot.active {\r\n background: var(--or);\r\n width: 24px;\r\n border-radius: 999px;\r\n}\r\n\r\n.galerie-carrousel .indicators .counter {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.8rem;\r\n color: var(--slate);\r\n font-weight: 500;\r\n}\r\n\r\n.galerie-carrousel .indicators .pause-btn {\r\n background: none;\r\n border: none;\r\n color: var(--slate);\r\n font-size: 1rem;\r\n cursor: pointer;\r\n transition: color 0.3s ease;\r\n padding: 4px 8px;\r\n}\r\n\r\n.galerie-carrousel .indicators .pause-btn:hover {\r\n color: var(--or);\r\n}\r\n\r\n\/* ============================================================\r\n MODALE\r\n ============================================================ *\/\r\n.galerie-carrousel .modal {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n z-index: 9999;\r\n background: rgba(7, 41, 74, 0.92);\r\n backdrop-filter: blur(8px);\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px;\r\n animation: modalFade 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .modal.open {\r\n display: flex;\r\n}\r\n\r\n@keyframes modalFade {\r\n from { opacity: 0; transform: scale(0.95); }\r\n to { opacity: 1; transform: scale(1); }\r\n}\r\n\r\n.galerie-carrousel .modal .modal-content {\r\n position: relative;\r\n max-width: 90vw;\r\n max-height: 85vh;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.galerie-carrousel .modal .modal-content img {\r\n width: 100%;\r\n height: auto;\r\n max-height: 85vh;\r\n object-fit: contain;\r\n display: block;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-close {\r\n position: absolute;\r\n top: -50px;\r\n right: 0;\r\n background: none;\r\n border: none;\r\n color: #fff;\r\n font-size: 2rem;\r\n cursor: pointer;\r\n transition: transform 0.3s ease;\r\n opacity: 0.7;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-close:hover {\r\n transform: rotate(90deg);\r\n opacity: 1;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-ville {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: rgba(0, 0, 0, 0.6);\r\n backdrop-filter: blur(4px);\r\n padding: 8px 24px;\r\n border-radius: 999px;\r\n color: #fff;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n}\r\n\r\n\/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n@media (max-width: 992px) {\r\n .galerie-carrousel .container {\r\n padding: 0 30px;\r\n }\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 180px;\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .galerie-carrousel {\r\n padding: 60px 0 80px;\r\n }\r\n .galerie-carrousel .container {\r\n padding: 0 16px;\r\n }\r\n .galerie-carrousel .carousel-track {\r\n gap: 10px;\r\n }\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 150px;\r\n border-radius: 12px;\r\n }\r\n .galerie-carrousel .carousel-track .slide .ville {\r\n font-size: 0.6rem;\r\n padding: 4px 10px;\r\n bottom: 8px;\r\n left: 8px;\r\n right: 8px;\r\n }\r\n .galerie-carrousel .carousel-track .slide .zoom-icon {\r\n display: none;\r\n }\r\n .galerie-carrousel .modal {\r\n padding: 16px;\r\n }\r\n .galerie-carrousel .modal .modal-close {\r\n top: -40px;\r\n font-size: 1.5rem;\r\n }\r\n .galerie-carrousel .modal .modal-ville {\r\n font-size: 0.7rem;\r\n padding: 4px 16px;\r\n bottom: 12px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 130px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"galerie-carrousel\">\r\n <div class=\"container\">\r\n \r\n \r\n <div class=\"header\">\r\n <span class=\"pill\">\r\n <span class=\"dot\"><\/span>\r\n Galerie BT Plus\r\n <\/span>\r\n <h2 class=\"title\">\r\n INTERVENTIONS <span>ASSAINISSEMENT<\/span><br>EN IMAGES\r\n <\/h2>\r\n <p class=\"subtitle\">\r\n D\u00e9couvrez nos chantiers r\u00e9cents : curage, d\u00e9bouchage, pompage, inspection cam\u00e9ra.\r\n Cliquez sur une photo pour l'agrandir.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-wrapper\">\r\n <div class=\"carousel-track\" id=\"carouselTrack\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"indicators\">\r\n <div class=\"dots\" id=\"dotsContainer\"><\/div>\r\n <span class=\"counter\" id=\"counter\">1 \/ 9<\/span>\r\n <button class=\"pause-btn\" id=\"pauseBtn\" aria-label=\"Pause \/ Play\">\r\n <i class=\"fas fa-pause\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"modal\" id=\"modal\">\r\n <div class=\"modal-content\">\r\n <button class=\"modal-close\" id=\"modalClose\">×<\/button>\r\n <img decoding=\"async\" id=\"modalImg\" src=\"\" alt=\"Intervention assainissement\">\r\n <div class=\"modal-ville\" id=\"modalVille\"><\/div>\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 \/\/ ============================================================\r\n \/\/ DONN\u00c9ES \u2014 Photos avec villes\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.08-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Paris 15e'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-29-at-17.45.06-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Boulogne-Billancourt'\r\n },\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 ville: 'Nanterre'\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 ville: 'Saint-Denis'\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 ville: 'Montreuil'\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 ville: 'Vincennes'\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 ville: 'Asni\u00e8res'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-27-at-14.45.13-2-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Levallois-Perret'\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 ville: 'Yvelines'\r\n }\r\n ];\r\n\r\n \/\/ ============================================================\r\n \/\/ \u00c9L\u00c9MENTS\r\n \/\/ ============================================================\r\n const track = document.getElementById('carouselTrack');\r\n const dotsContainer = document.getElementById('dotsContainer');\r\n const counter = document.getElementById('counter');\r\n const pauseBtn = document.getElementById('pauseBtn');\r\n const modal = document.getElementById('modal');\r\n const modalImg = document.getElementById('modalImg');\r\n const modalVille = document.getElementById('modalVille');\r\n const modalClose = document.getElementById('modalClose');\r\n\r\n let isPaused = false;\r\n let currentIndex = 0;\r\n const totalSlides = photos.length;\r\n const slidesPerView = 5;\r\n\r\n \/\/ ============================================================\r\n \/\/ G\u00c9N\u00c9RER LES SLIDES (doubl\u00e9es pour l'effet infini)\r\n \/\/ ============================================================\r\n function renderSlides() {\r\n track.innerHTML = '';\r\n \/\/ Doubler les photos pour l'effet continu\r\n const allPhotos = [...photos, ...photos];\r\n allPhotos.forEach((photo, index) => {\r\n const slide = document.createElement('div');\r\n slide.className = 'slide';\r\n slide.setAttribute('data-index', index % photos.length);\r\n \r\n slide.innerHTML = `\r\n <img decoding=\"async\" src=\"${photo.src}\" alt=\"Intervention assainissement ${photo.ville}\" loading=\"lazy\">\r\n <div class=\"ville\">${photo.ville}<\/div>\r\n <div class=\"zoom-icon\"><i class=\"fas fa-expand\"><\/i><\/div>\r\n `;\r\n \r\n slide.addEventListener('click', function() {\r\n const idx = parseInt(this.getAttribute('data-index'));\r\n openModal(idx);\r\n });\r\n \r\n track.appendChild(slide);\r\n });\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ G\u00c9N\u00c9RER LES DOTS\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' + (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 });\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ NAVIGATION VERS UNE PHOTO SP\u00c9CIFIQUE\r\n \/\/ ============================================================\r\n function goToSlide(index) {\r\n currentIndex = index;\r\n const slideWidth = 220 + 16; \/\/ largeur + gap\r\n const offset = -(index * slideWidth);\r\n \/\/ Animation manuelle\r\n track.style.animation = 'none';\r\n track.style.transform = `translateX(${offset}px)`;\r\n \/\/ R\u00e9activer l'animation apr\u00e8s un d\u00e9lai\r\n setTimeout(() => {\r\n track.style.animation = '';\r\n track.style.transform = '';\r\n }, 50);\r\n updateDots();\r\n updateCounter();\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ MISE \u00c0 JOUR DES INDICATEURS\r\n \/\/ ============================================================\r\n function updateDots() {\r\n const dots = dotsContainer.querySelectorAll('.dot');\r\n dots.forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentIndex);\r\n });\r\n }\r\n\r\n function updateCounter() {\r\n counter.textContent = `${currentIndex + 1} \/ ${totalSlides}`;\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ PAUSE \/ PLAY\r\n \/\/ ============================================================\r\n function togglePause() {\r\n isPaused = !isPaused;\r\n if (isPaused) {\r\n track.style.animationPlayState = 'paused';\r\n pauseBtn.innerHTML = '<i class=\"fas fa-play\"><\/i>';\r\n } else {\r\n track.style.animationPlayState = 'running';\r\n pauseBtn.innerHTML = '<i class=\"fas fa-pause\"><\/i>';\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ MODALE\r\n \/\/ ============================================================\r\n function openModal(index) {\r\n const photo = photos[index];\r\n modalImg.src = photo.src;\r\n modalImg.alt = `Intervention assainissement ${photo.ville}`;\r\n modalVille.textContent = photo.ville;\r\n modal.classList.add('open');\r\n document.body.style.overflow = 'hidden';\r\n track.style.animationPlayState = 'paused';\r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('open');\r\n document.body.style.overflow = '';\r\n if (!isPaused) {\r\n track.style.animationPlayState = 'running';\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ SYNC DOTS AVEC L'ANIMATION (bas\u00e9 sur la position)\r\n \/\/ ============================================================\r\n function syncWithScroll() {\r\n \/\/ Cette fonction est appel\u00e9e p\u00e9riodiquement pour synchroniser les dots\r\n \/\/ avec la position actuelle du carrousel\r\n const slideWidth = 220 + 16;\r\n const totalWidth = track.scrollWidth \/ 2;\r\n const scrollPosition = Math.abs(parseFloat(track.style.transform.replace('translateX(', '').replace('px)', ''))) || 0;\r\n const approxIndex = Math.round(scrollPosition \/ slideWidth) % totalSlides;\r\n if (approxIndex !== currentIndex) {\r\n currentIndex = approxIndex;\r\n updateDots();\r\n updateCounter();\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ \u00c9V\u00c9NEMENTS\r\n \/\/ ============================================================\r\n pauseBtn.addEventListener('click', togglePause);\r\n modalClose.addEventListener('click', closeModal);\r\n modal.addEventListener('click', function(e) {\r\n if (e.target === this) closeModal();\r\n });\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') closeModal();\r\n });\r\n\r\n \/\/ Synchro p\u00e9riodique\r\n setInterval(syncWithScroll, 2000);\r\n\r\n \/\/ ============================================================\r\n \/\/ INITIALISATION\r\n \/\/ ============================================================\r\n renderSlides();\r\n renderDots();\r\n updateCounter();\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=\"400\" height=\"400\"%3E%3Crect fill=\"%2307294a\" width=\"400\" height=\"400\"\/%3E%3Ctext x=\"200\" y=\"200\" text-anchor=\"middle\" font-family=\"Sora\" font-size=\"24\" fill=\"%23f4a61a\"%3EBT Plus%3C\/text%3E%3C\/svg%3E';\r\n }\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-b77e619 e-con-full e-flex e-con e-parent\" data-id=\"b77e619\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-304bbd3 elementor-widget elementor-widget-html\" data-id=\"304bbd3\" 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>D\u00e9bouchage canalisation pas cher \u2013 BT Plus \u00cele-de-France<\/title>\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 TIMELINE VERTICALE OPTIMIS\u00c9E SEO (D\u00c9BOUCHAGE)\r\n ============================================================ *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n background: #f5f7fa;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION TIMELINE\r\n ============================================================ *\/\r\n .btp-timeline {\r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Vague d\u00e9corative *\/\r\n .btp-timeline::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,80 600,0 900,40 C1050,60 1150,40 1200,40 L1200,80 L0,80 Z' fill='%23d6ebfb' opacity='0.3'\/%3E%3C\/svg%3E\") no-repeat bottom \/ 100% 100%;\r\n pointer-events: none;\r\n }\r\n\r\n .btp-timeline .container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* ============================================================\r\n ANIMATIONS (GPU-friendly)\r\n ============================================================ *\/\r\n @keyframes fadeUp {\r\n 0% { opacity: 0; transform: translateY(30px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes slideLeft {\r\n 0% { opacity: 0; transform: translateX(-30px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n @keyframes slideRight {\r\n 0% { opacity: 0; transform: translateX(30px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n @keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n }\r\n\r\n .anim-up {\r\n animation: fadeUp 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .anim-left {\r\n animation: slideLeft 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .anim-right {\r\n animation: slideRight 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .init-hidden {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n .init-left {\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n }\r\n\r\n .init-right {\r\n opacity: 0;\r\n transform: translateX(30px);\r\n }\r\n\r\n \/* ============================================================\r\n HEADER \u2014 SEO enrichi\r\n ============================================================ *\/\r\n .btp-timeline .header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .btp-timeline .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .btp-timeline .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n }\r\n\r\n .btp-timeline .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n }\r\n\r\n .btp-timeline .title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-timeline .subtitle {\r\n font-size: 1.05rem;\r\n color: #48637d;\r\n max-width: 700px;\r\n margin: 12px auto 0;\r\n line-height: 1.6;\r\n }\r\n .btp-timeline .subtitle strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n TIMELINE\r\n ============================================================ *\/\r\n .btp-timeline .timeline {\r\n position: relative;\r\n padding: 0 0 20px 0;\r\n }\r\n\r\n \/* Ligne verticale centrale *\/\r\n .btp-timeline .timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n bottom: 0;\r\n width: 3px;\r\n background: linear-gradient(180deg, #d6ebfb, #f4a61a, #d6ebfb);\r\n transform: translateX(-50%);\r\n border-radius: 99px;\r\n }\r\n\r\n \/* \u00c9tape de la timeline *\/\r\n .btp-timeline .step {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 40px;\r\n position: relative;\r\n }\r\n\r\n .btp-timeline .step:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* Contenu gauche *\/\r\n .btp-timeline .step .content-left {\r\n width: 50%;\r\n padding-right: 50px;\r\n text-align: right;\r\n }\r\n\r\n \/* Contenu droite *\/\r\n .btp-timeline .step .content-right {\r\n width: 50%;\r\n padding-left: 50px;\r\n text-align: left;\r\n }\r\n\r\n \/* Point central *\/\r\n .btp-timeline .step .dot-wrap {\r\n position: absolute;\r\n left: 50%;\r\n top: 8px;\r\n transform: translateX(-50%);\r\n z-index: 2;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background: #fff;\r\n border: 3px solid #f4a61a;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 16px rgba(244, 166, 26, 0.15);\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.75rem;\r\n font-weight: 800;\r\n color: #f4a61a;\r\n }\r\n\r\n \/* Point sp\u00e9cial \u2014 vert pour la derni\u00e8re \u00e9tape *\/\r\n .btp-timeline .step:last-child .dot-wrap {\r\n border-color: #10b981;\r\n background: #10b981;\r\n }\r\n\r\n .btp-timeline .step:last-child .dot-wrap .step-num {\r\n color: #fff;\r\n }\r\n\r\n \/* Num\u00e9ro d'\u00e9tape *\/\r\n .btp-timeline .step .step-label {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n margin-bottom: 4px;\r\n }\r\n\r\n \/* Titre de l'\u00e9tape *\/\r\n .btp-timeline .step .step-title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n margin-bottom: 6px;\r\n line-height: 1.3;\r\n }\r\n\r\n .btp-timeline .step .step-title span {\r\n color: #f4a61a;\r\n }\r\n\r\n \/* Description *\/\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.9rem;\r\n color: #48637d;\r\n line-height: 1.7;\r\n }\r\n\r\n .btp-timeline .step .step-desc strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Bandeau produits (\u00e9tape 1) *\/\r\n .btp-timeline .products-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-top: 10px;\r\n justify-content: flex-start;\r\n }\r\n\r\n .btp-timeline .step .content-right .products-tags {\r\n justify-content: flex-start;\r\n }\r\n\r\n .btp-timeline .step .content-left .products-tags {\r\n justify-content: flex-end;\r\n }\r\n\r\n .btp-timeline .products-tags .tag {\r\n display: inline-block;\r\n font-size: 0.65rem;\r\n font-weight: 500;\r\n color: #48637d;\r\n background: #fff;\r\n padding: 3px 14px;\r\n border-radius: 999px;\r\n border: 1px solid #eef2f5;\r\n transition: all 0.2s;\r\n }\r\n\r\n .btp-timeline .products-tags .tag:hover {\r\n border-color: #f4a61a;\r\n background: #fefaf5;\r\n }\r\n\r\n \/* ============================================================\r\n RAPPEL URGENCE + BOUTON (SEO enrichi)\r\n ============================================================ *\/\r\n .btp-timeline .urgence-block {\r\n margin-top: 50px;\r\n padding-top: 40px;\r\n border-top: 2px solid #eef2f5;\r\n text-align: center;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel {\r\n font-size: 1rem;\r\n color: #48637d;\r\n margin-bottom: 20px;\r\n line-height: 1.6;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel .highlight {\r\n color: #f4a61a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n CTA ROUGE \u2014 NUM\u00c9RO EN BLANC\r\n ============================================================ *\/\r\n .btp-timeline .btn-urgence {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n background: #d32f2f; \/* ROUGE *\/\r\n color: #ffffff !important; \/* BLANC *\/\r\n padding: 16px 40px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n box-shadow: 0 4px 20px rgba(211, 47, 47, 0.30);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btp-timeline .btn-urgence:hover {\r\n background: #b71c1c; \/* ROUGE FONC\u00c9 au survol *\/\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 32px rgba(211, 47, 47, 0.40);\r\n color: #ffffff !important;\r\n gap: 18px;\r\n }\r\n\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.4rem;\r\n letter-spacing: 0.02em;\r\n color: #ffffff; \/* BLANC *\/\r\n }\r\n\r\n .btp-timeline .btn-urgence .label {\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: rgba(255, 255, 255, 0.7); \/* BLANC avec transparence *\/\r\n display: block;\r\n margin-top: 1px;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE (Mobile-first optimis\u00e9)\r\n ============================================================ *\/\r\n @media (max-width: 992px) {\r\n .btp-timeline .container {\r\n padding: 0 30px;\r\n }\r\n\r\n .btp-timeline .timeline::before {\r\n left: 20px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap {\r\n left: 20px;\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .btp-timeline .step .content-left,\r\n .btp-timeline .step .content-right {\r\n width: 100%;\r\n padding-left: 60px;\r\n padding-right: 0;\r\n text-align: left;\r\n }\r\n\r\n .btp-timeline .step .content-left .products-tags {\r\n justify-content: flex-start;\r\n }\r\n\r\n .btp-timeline .step .step-label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .step .step-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence {\r\n padding: 14px 30px;\r\n font-size: 1rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-timeline {\r\n padding: 60px 0 80px;\r\n }\r\n\r\n .btp-timeline .container {\r\n padding: 0 20px;\r\n }\r\n\r\n .btp-timeline .timeline::before {\r\n left: 14px;\r\n }\r\n\r\n .btp-timeline .step {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap {\r\n left: 14px;\r\n width: 34px;\r\n height: 34px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .step .content-left,\r\n .btp-timeline .step .content-right {\r\n padding-left: 48px;\r\n }\r\n\r\n .btp-timeline .step .step-title {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .btp-timeline .products-tags .tag {\r\n font-size: 0.55rem;\r\n padding: 2px 10px;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence {\r\n padding: 12px 24px;\r\n font-size: 0.9rem;\r\n flex-direction: column;\r\n gap: 4px;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence .label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence:hover {\r\n gap: 6px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"btp-timeline\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"header\">\r\n <span class=\"pill init-hidden\">\r\n <span class=\"dot\"><\/span>\r\n Urgence 24h\/24 \u2013 Devis gratuit\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n D\u00e9bouchage canalisation pas cher \u2013 <span>Intervention rapide 24h\/24<\/span>\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n <strong>Plombier urgence 24h\/24 en \u00cele-de-France<\/strong> \u2013 D\u00e9couvrez notre m\u00e9thode pour un\r\n <strong>d\u00e9bouchage professionnel<\/strong> efficace et durable.\r\n <strong>Devis gratuit<\/strong> et <strong>intervention sous 1h<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline\">\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"step-label\">\u00c9tape 1<\/div>\r\n <div class=\"step-title\">Vous tentez un <span>d\u00e9bouchage maison<\/span><\/div>\r\n <div class=\"step-desc\">\r\n Vous avez d\u00e9j\u00e0 essay\u00e9 par vous-m\u00eame \u00e0 l'aide de produits ou mat\u00e9riaux achet\u00e9s en grande surface.\r\n <strong>D\u00e9bouchage pas cher<\/strong> en apparence, mais souvent inefficace sur le long terme.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\">Destop<\/span>\r\n <span class=\"tag\">Vinaigre blanc<\/span>\r\n <span class=\"tag\">Soude<\/span>\r\n <span class=\"tag\">Furet<\/span>\r\n <span class=\"tag\">Ventouse<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">1<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\"><\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">2<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\">\r\n <div class=\"step-label\">\u00c9tape 2<\/div>\r\n <div class=\"step-title\">Une solution <span>temporaire<\/span><\/div>\r\n <div class=\"step-desc\">\r\n \u00c7a a march\u00e9 sur le moment, mais le <strong>bouchon<\/strong> persiste ou revient r\u00e9guli\u00e8rement.\r\n Les solutions temporaires ne r\u00e9solvent pas le probl\u00e8me <strong>en profondeur<\/strong>.\r\n Un <strong>d\u00e9pannage canalisation bouch\u00e9e<\/strong> par un professionnel s'impose.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"step-label\">\u00c9tape 3<\/div>\r\n <div class=\"step-title\">L'eau <span>d\u00e9borde<\/span> \u2013 urgence<\/div>\r\n <div class=\"step-desc\">\r\n Vous ne contr\u00f4lez plus la situation. Le <strong>bouchon<\/strong> est trop important et\r\n l'eau ne s'\u00e9coule plus du tout. C'est une <strong>urgence d\u00e9bouchage<\/strong> qui n\u00e9cessite\r\n une <strong>intervention rapide<\/strong>.\r\n <\/div>\r\n <\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">3<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\"><\/div>\r\n <div class=\"dot-wrap\" style=\"border-color: #f4a61a; background: #fefaf5;\">\r\n <span class=\"step-num\" style=\"color: #f4a61a;\">4<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\">\r\n <div class=\"step-label\">\u00c9tape 4 \u2014 R\u00e9flexe urgent<\/div>\r\n <div class=\"step-title\"><span>Pas de panique !<\/span><\/div>\r\n <div class=\"step-desc\">\r\n Dans un premier temps, <strong>coupez votre arriv\u00e9e d'eau<\/strong> pour \u00e9viter tout d\u00e9g\u00e2t\r\n avant l'arriv\u00e9e de notre <strong>plombier urgence 24h\/24<\/strong>.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"step-label\">\u00c9tape 5<\/div>\r\n <div class=\"step-title\">Vous appelez <span>BT PLUS<\/span><\/div>\r\n <div class=\"step-desc\">\r\n Faites appel \u00e0 une <strong>entreprise de d\u00e9bouchage agr\u00e9\u00e9e<\/strong> comme\r\n <strong>BT PLUS<\/strong>. Notre conseiller t\u00e9l\u00e9phonique accorde une grande attention \u00e0 tous\r\n les d\u00e9tails que vous nous donnez, afin de comprendre parfaitement votre besoin.\r\n <strong>Soci\u00e9t\u00e9 de d\u00e9bouchage canalisation Paris<\/strong> et toute l'\u00cele-de-France.\r\n <strong>D\u00e9bouchage 7j\/7<\/strong> \u2013 nous sommes l\u00e0 pour vous.\r\n <\/div>\r\n <\/div>\r\n <div class=\"dot-wrap\" style=\"border-color: #f4a61a; background: #f4a61a;\">\r\n <span class=\"step-num\" style=\"color: #fff;\">5<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\"><\/div>\r\n <div class=\"dot-wrap\" style=\"border-color: #10b981; background: #10b981;\">\r\n <span class=\"step-num\" style=\"color: #fff;\">6<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\">\r\n <div class=\"step-label\">\u00c9tape 6 \u2014 Intervention<\/div>\r\n <div class=\"step-title\">Intervention <span>rapide chez vous<\/span><\/div>\r\n <div class=\"step-desc\">\r\n Notre \u00e9quipe de <strong>techniciens qualifi\u00e9s<\/strong> ma\u00eetrisant le service que vos canalisations\r\n n\u00e9cessitent intervient <strong>rapidement chez vous<\/strong> avec un\r\n <strong>mat\u00e9riel haute pression<\/strong> (hydrocurage, furet, inspection cam\u00e9ra).\r\n <strong>D\u00e9bouchage haute pression IDF<\/strong> pour un r\u00e9sultat durable.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"urgence-block init-hidden\">\r\n <p class=\"rappel\">\r\n <strong>Rappel :<\/strong> En cas d'urgence, coupez votre arriv\u00e9e d'eau et appelez notre\r\n <strong>plombier urgence 24h\/24<\/strong> <span class=\"highlight\">imm\u00e9diatement<\/span>.\r\n <strong>D\u00e9bouchage 24h\/24 \u2013 7j\/7<\/strong> \u2013 <strong>devis gratuit<\/strong>.\r\n <\/p>\r\n <a href=\"tel:0186957777\" class=\"btn-urgence\">\r\n <span>\r\n <span class=\"number\">01 86 95 77 77<\/span>\r\n <span class=\"label\">Appel gratuit \u00b7 Urgence 24h\/24 \u00b7 7j\/7<\/span>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n\r\n const elements = document.querySelectorAll('.init-hidden, .init-left, .init-right');\r\n\r\n if (elements.length > 0 && 'IntersectionObserver' in window) {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n if (entry.target.classList.contains('init-hidden')) {\r\n entry.target.classList.add('anim-up');\r\n } else if (entry.target.classList.contains('init-left')) {\r\n entry.target.classList.add('anim-left');\r\n } else if (entry.target.classList.contains('init-right')) {\r\n entry.target.classList.add('anim-right');\r\n }\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.15,\r\n rootMargin: '0px 0px -40px 0px'\r\n });\r\n\r\n elements.forEach(el => observer.observe(el));\r\n } else {\r\n \/\/ Fallback si IntersectionObserver non support\u00e9\r\n elements.forEach(el => {\r\n el.classList.remove('init-hidden', 'init-left', 'init-right');\r\n el.classList.add('anim-up', 'anim-left', 'anim-right');\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-128c821 e-con-full e-flex e-con e-parent\" data-id=\"128c821\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9914cc1 elementor-widget elementor-widget-html\" data-id=\"9914cc1\" 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.btp-liens{\r\n --b900:#07294a; --b800:#0a3666; --b700:#0d4f8b; --b500:#1c7ec9; --b300:#7cc0ee; --b100:#d6ebfb; --b50:#eef6fc;\r\n --or:#f4a61a; --or-d:#d98a0c; --ink:#0c2238; --slate:#48637d; --line:#e4ecf4;\r\n --green:#10b981; --green-bg:#d1fae5; --red:#ef4444; --red-bg:#fee2e2;\r\n --fd:\"Sora\",sans-serif; --fb:\"Inter\",sans-serif; --fm:\"JetBrains Mono\",monospace;\r\n --ease:cubic-bezier(.2,.8,.2,1);\r\n\r\n position:relative; overflow:hidden; width:100%;\r\n padding:60px 0 70px;\r\n font-family:var(--fb); color:var(--ink); line-height:1.5;\r\n background:#ffffff;\r\n}\r\n.btp-liens *,.btp-liens *::before,.btp-liens *::after{box-sizing:border-box}\r\n.btp-liens h2,.btp-liens h3,.btp-liens p{margin:0}\r\n.btp-liens .wrap{\r\n max-width:1200px;\r\n margin:0 auto;\r\n padding:0 24px;\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n\/* ---------- en-t\u00eate ---------- *\/\r\n.btp-liens .hd{\r\n text-align:center;\r\n margin-bottom:32px;\r\n}\r\n.btp-liens .hd h2{\r\n font-family:var(--fd);\r\n font-weight:800;\r\n letter-spacing:-.025em;\r\n line-height:1.1;\r\n font-size:clamp(1.6rem,3.2vw,2.4rem);\r\n color:var(--b900);\r\n}\r\n.btp-liens .hd h2 em{font-style:normal;color:var(--or)}\r\n.btp-liens .hd p{\r\n margin-top:8px;\r\n font-size:.95rem;\r\n color:var(--slate);\r\n}\r\n\r\n\/* ---------- groupes de services ---------- *\/\r\n.btp-liens .groupe{\r\n margin-bottom:32px;\r\n}\r\n.btp-liens .groupe:last-child{margin-bottom:0}\r\n\r\n.btp-liens .groupe-titre{\r\n font-family:var(--fd);\r\n font-weight:700;\r\n font-size:1.1rem;\r\n color:var(--b900);\r\n margin-bottom:12px;\r\n padding-bottom:6px;\r\n border-bottom:2px solid var(--or);\r\n display:inline-block;\r\n}\r\n.btp-liens .groupe-titre small{\r\n font-weight:400;\r\n font-size:.7rem;\r\n color:var(--slate);\r\n margin-left:8px;\r\n}\r\n\r\n\/* ---------- grille des services ---------- *\/\r\n.btp-liens .services-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:14px;\r\n}\r\n@media(max-width:820px){\r\n .btp-liens .services-grid{grid-template-columns:repeat(2,1fr)}\r\n}\r\n@media(max-width:480px){\r\n .btp-liens .services-grid{grid-template-columns:1fr}\r\n}\r\n\r\n.btp-liens .service-card{\r\n display:block;\r\n background:#fff;\r\n border-radius:12px;\r\n border:1px solid var(--line);\r\n padding:16px 20px;\r\n text-decoration:none;\r\n color:var(--b900);\r\n font-family:var(--fd);\r\n font-weight:600;\r\n font-size:.9rem;\r\n transition:all .3s var(--ease);\r\n text-align:center;\r\n box-shadow:0 2px 6px rgba(0,0,0,.02);\r\n position:relative;\r\n}\r\n.btp-liens .service-card:hover{\r\n border-color:var(--or);\r\n box-shadow:0 8px 20px rgba(7,41,74,.08);\r\n transform:translateY(-3px);\r\n color:var(--b700);\r\n}\r\n.btp-liens .service-card .sous-titre{\r\n display:block;\r\n font-family:var(--fm);\r\n font-weight:400;\r\n font-size:.55rem;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n color:var(--slate);\r\n margin-top:2px;\r\n}\r\n.btp-liens .service-card .badge-service{\r\n display:inline-block;\r\n font-family:var(--fm);\r\n font-size:.45rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n padding:2px 10px;\r\n border-radius:999px;\r\n background:var(--b50);\r\n color:var(--b700);\r\n margin-bottom:4px;\r\n}\r\n\/* badge \"page actuelle\" *\/\r\n.btp-liens .service-card .badge-actuel{\r\n background:var(--or);\r\n color:#fff;\r\n}\r\n.btp-liens .service-card.actuel{\r\n border-color:var(--or);\r\n background:#fefcf5;\r\n}\r\n\r\n\/* ---------- s\u00e9parateur \"Nos secteurs d'intervention\" ---------- *\/\r\n.btp-liens .sep{\r\n text-align:center;\r\n margin:40px 0 28px 0;\r\n font-family:var(--fm);\r\n font-size:.65rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n color:var(--slate);\r\n position:relative;\r\n}\r\n.btp-liens .sep span{\r\n background:#fff;\r\n padding:0 16px;\r\n position:relative;\r\n z-index:1;\r\n}\r\n.btp-liens .sep::after{\r\n content:'';\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n top:50%;\r\n height:1px;\r\n background:var(--line);\r\n}\r\n\r\n\/* ---------- grille des d\u00e9partements ---------- *\/\r\n.btp-liens .grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:14px;\r\n}\r\n@media(max-width:820px){\r\n .btp-liens .grid{grid-template-columns:repeat(2,1fr)}\r\n}\r\n@media(max-width:480px){\r\n .btp-liens .grid{grid-template-columns:1fr}\r\n}\r\n\r\n.btp-liens .lien{\r\n display:block;\r\n background:#fff;\r\n border-radius:12px;\r\n border:1px solid var(--line);\r\n padding:14px 18px;\r\n text-decoration:none;\r\n color:var(--b900);\r\n font-family:var(--fd);\r\n font-weight:600;\r\n font-size:.9rem;\r\n transition:all .3s var(--ease);\r\n text-align:center;\r\n box-shadow:0 2px 6px rgba(0,0,0,.02);\r\n}\r\n.btp-liens .lien:hover{\r\n border-color:var(--or);\r\n box-shadow:0 8px 20px rgba(7,41,74,.08);\r\n transform:translateY(-3px);\r\n color:var(--b700);\r\n}\r\n.btp-liens .lien .departement{\r\n display:block;\r\n font-family:var(--fm);\r\n font-weight:400;\r\n font-size:.6rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n color:var(--slate);\r\n margin-top:2px;\r\n}\r\n<\/style>\r\n\r\n<section class=\"btp-liens\">\r\n <div class=\"wrap\">\r\n\r\n \r\n <div class=\"hd\">\r\n <h2>Nos autres <em>Services<\/em><\/h2>\r\n <p>Retrouvez l'ensemble de nos prestations d'assainissement, hors d\u00e9bouchage, en \u00cele\u2011de\u2011France<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"groupe\">\r\n <div class=\"groupe-titre\">D\u00e9pannage <small>intervention 24h\/24<\/small><\/div>\r\n <div class=\"services-grid\">\r\n \r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage\/\" class=\"service-card actuel\">\r\n <span class=\"badge-service badge-actuel\">Page actuelle<\/span>\r\n D\u00e9bouchage\r\n <span class=\"sous-titre\">Intervention rapide<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Curage\r\n <span class=\"sous-titre\">Hydrocurage haute pression<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Inspection cam\u00e9ra\r\n <span class=\"sous-titre\">Diagnostic HD 4K<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Pompage\r\n <span class=\"sous-titre\">Vidange & assainissement<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"groupe\">\r\n <div class=\"groupe-titre\">Travaux non collectif <small>ANC & installations priv\u00e9es<\/small><\/div>\r\n <div class=\"services-grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/regard\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Regard\r\n <span class=\"sous-titre\">Regards de visite<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/installation-de-puisard\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Installation de puisard\r\n <span class=\"sous-titre\">Puits d\u2019infiltration<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/bac-a-graisse\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Bac \u00e0 graisse\r\n <span class=\"sous-titre\">S\u00e9paration des graisses<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/instalation-pompe-de-relevage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Installation pompe de relevage\r\n <span class=\"sous-titre\">Mise en place de pompe<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/station-depuration\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Station d\u2019\u00e9puration\r\n <span class=\"sous-titre\">Micro\u2011station & filtre<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/separation-des-ep-eu\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n S\u00e9paration des EP\/EU\r\n <span class=\"sous-titre\">Eaux pluviales \/ eaux us\u00e9es<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/remplacement-de-canalisation\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Remplacement de canalisation\r\n <span class=\"sous-titre\">R\u00e9novation de r\u00e9seaux<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/travaux-de-mise-en-conformite\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Mise en conformit\u00e9\r\n <span class=\"sous-titre\">Mise aux normes du r\u00e9seau<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/travaux-dassainissement-non-collectif\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Assainissement non collectif\r\n <span class=\"sous-titre\">ANC \u2013 Fosse toutes eaux<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"groupe\">\r\n <div class=\"groupe-titre\">Travaux collectif <small>raccordement au r\u00e9seau public<\/small><\/div>\r\n <div class=\"services-grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-tout-a-legout\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Raccordement tout\u2011\u00e0\u2011l\u2019\u00e9gout\r\n <span class=\"sous-titre\">Raccordement au r\u00e9seau public<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-eaux-pluviales\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Raccordement eaux pluviales\r\n <span class=\"sous-titre\">Gestion des eaux de pluie<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-en-gargouille\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Raccordement en gargouille\r\n <span class=\"sous-titre\">Raccordement par gargouille<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"sep\"><span>Nos secteurs d'intervention<\/span><\/div>\r\n\r\n <div class=\"grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-essonne-91\/\" class=\"lien\">\r\n Essonne <span class=\"departement\">91<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-hauts-de-seine-92\/\" class=\"lien\">\r\n Hauts\u2011de\u2011Seine <span class=\"departement\">92<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-paris-75\/\" class=\"lien\">\r\n Paris <span class=\"departement\">75<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-seine-et-marne-77\/\" class=\"lien\">\r\n Seine\u2011et\u2011Marne <span class=\"departement\">77<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-seine-saint-denis-93\/\" class=\"lien\">\r\n Seine\u2011Saint\u2011Denis <span class=\"departement\">93<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-val-doise-95\/\" class=\"lien\">\r\n Val\u2011d\u2019Oise <span class=\"departement\">95<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-val-de-marne-94\/\" class=\"lien\">\r\n Val\u2011de\u2011Marne <span class=\"departement\">94<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-yvelines-78\/\" class=\"lien\">\r\n Yvelines <span class=\"departement\">78<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02342e1 e-con-full e-flex e-con e-parent\" data-id=\"02342e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eeec6eb elementor-widget elementor-widget-html\" data-id=\"eeec6eb\" 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>Diagnostic canalisation \u2013 BT Plus \u00cele-de-France<\/title>\r\n\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 DIAGNOSTIC CANALISATION (SEO optimis\u00e9)\r\n ============================================================ *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n background: #f5f7fa;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n \/* ============================================================\r\n ANIMATIONS (GPU-friendly)\r\n ============================================================ *\/\r\n @keyframes fadeUp {\r\n 0% { opacity: 0; transform: translateY(30px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n }\r\n\r\n .anim-up {\r\n animation: fadeUp 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .init-hidden {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n \/* ============================================================\r\n SECTION DIAGNOSTIC\r\n ============================================================ *\/\r\n .btp-diagnostic {\r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Vague d\u00e9corative *\/\r\n .btp-diagnostic::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,80 600,0 900,40 C1050,60 1150,40 1200,40 L1200,80 L0,80 Z' fill='%23d6ebfb' opacity='0.3'\/%3E%3C\/svg%3E\") no-repeat bottom \/ 100% 100%;\r\n pointer-events: none;\r\n }\r\n\r\n .btp-diagnostic .container {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* ============================================================\r\n HEADER \u2014 SEO enrichi\r\n ============================================================ *\/\r\n .btp-diagnostic .header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .btp-diagnostic .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .btp-diagnostic .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n }\r\n\r\n .btp-diagnostic .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n }\r\n\r\n .btp-diagnostic .title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-diagnostic .subtitle {\r\n font-size: 1.05rem;\r\n color: #48637d;\r\n max-width: 700px;\r\n margin: 12px auto 0;\r\n line-height: 1.6;\r\n }\r\n .btp-diagnostic .subtitle strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n DOSSIER PATIENT \u2014 Avant\/Apr\u00e8s\r\n ============================================================ *\/\r\n .btp-diagnostic .dossier {\r\n background: #fff;\r\n border-radius: 28px;\r\n padding: 40px 44px;\r\n border: 1px solid #eef2f5;\r\n box-shadow: 0 4px 20px rgba(7, 41, 74, 0.04);\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btp-diagnostic .dossier .dossier-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n padding-bottom: 16px;\r\n border-bottom: 2px solid #eef2f5;\r\n }\r\n\r\n .btp-diagnostic .dossier .dossier-header .badge-dossier {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n background: #eef6fc;\r\n padding: 4px 14px;\r\n border-radius: 999px;\r\n }\r\n\r\n .btp-diagnostic .dossier .dossier-header .dossier-id {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.7rem;\r\n color: #9aaeb8;\r\n margin-left: auto;\r\n }\r\n\r\n .btp-diagnostic .ba-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card {\r\n border-radius: 20px;\r\n overflow: hidden;\r\n background: #f8fafc;\r\n border: 1px solid #eef2f5;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 32px rgba(7, 41, 74, 0.06);\r\n border-color: #d6ebfb;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card img {\r\n width: 100%;\r\n height: 220px;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card .ba-label {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 14px 20px;\r\n font-weight: 700;\r\n font-size: 0.85rem;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card .ba-label .status {\r\n font-size: 0.6rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n padding: 2px 12px;\r\n border-radius: 999px;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card .ba-label .status.avant {\r\n background: #fee2e2;\r\n color: #dc2626;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card .ba-label .status.apres {\r\n background: #d1fae5;\r\n color: #10b981;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card .ba-label .label-text {\r\n color: #07294a;\r\n font-family: 'Sora', sans-serif;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card.avant {\r\n border-color: #fca5a5;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card.apres {\r\n border-color: #6ee7b7;\r\n }\r\n\r\n \/* ============================================================\r\n SYMPT\u00d4MES \u2014 SEO enrichis\r\n ============================================================ *\/\r\n .btp-diagnostic .section-title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .btp-diagnostic .symptoms-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btp-diagnostic .symptom-card {\r\n background: #fff;\r\n border-radius: 20px;\r\n padding: 24px 28px;\r\n border: 1px solid #eef2f5;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.02);\r\n }\r\n\r\n .btp-diagnostic .symptom-card:hover {\r\n transform: translateY(-3px);\r\n border-color: #f4a61a;\r\n box-shadow: 0 8px 24px rgba(7, 41, 74, 0.06);\r\n }\r\n\r\n .btp-diagnostic .symptom-card h4 {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .btp-diagnostic .symptom-card p {\r\n font-size: 0.85rem;\r\n color: #48637d;\r\n line-height: 1.6;\r\n }\r\n .btp-diagnostic .symptom-card p strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n .btp-diagnostic .symptom-card .tag-symptom {\r\n display: inline-block;\r\n margin-top: 10px;\r\n font-size: 0.6rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: #f4a61a;\r\n background: #fefaf5;\r\n padding: 2px 14px;\r\n border-radius: 999px;\r\n border: 1px solid #f6e3bf;\r\n }\r\n\r\n \/* ============================================================\r\n ORDONNANCE \u2014 SEO enrichie\r\n ============================================================ *\/\r\n .btp-diagnostic .ordonnance {\r\n background: #fefaf5;\r\n border-radius: 20px;\r\n padding: 28px 32px;\r\n border: 1px solid #f6e3bf;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btp-diagnostic .ordonnance .ord-title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .btp-diagnostic .ordonnance .ord-title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-diagnostic .ordonnance .ord-desc {\r\n font-size: 0.9rem;\r\n color: #48637d;\r\n line-height: 1.6;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .btp-diagnostic .ordonnance .ord-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .btp-diagnostic .ordonnance .ord-list .ord-item {\r\n display: inline-block;\r\n background: #fff;\r\n padding: 6px 18px;\r\n border-radius: 999px;\r\n border: 1px solid #eef2f5;\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n color: #07294a;\r\n transition: all 0.2s;\r\n }\r\n\r\n .btp-diagnostic .ordonnance .ord-list .ord-item:hover {\r\n border-color: #f4a61a;\r\n background: #fff;\r\n }\r\n\r\n \/* ============================================================\r\n RAPPEL URGENCE \u2014 SEO enrichi\r\n ============================================================ *\/\r\n .btp-diagnostic .urgence-block {\r\n margin-top: 10px;\r\n padding-top: 30px;\r\n border-top: 2px solid #eef2f5;\r\n text-align: center;\r\n }\r\n\r\n .btp-diagnostic .urgence-block .rappel {\r\n font-size: 1rem;\r\n color: #48637d;\r\n margin-bottom: 16px;\r\n line-height: 1.6;\r\n }\r\n\r\n .btp-diagnostic .urgence-block .rappel strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n .btp-diagnostic .urgence-block .rappel .highlight {\r\n color: #f4a61a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n CTA ROUGE \u2014 NUM\u00c9RO EN BLANC (comme dans la version curage)\r\n ============================================================ *\/\r\n .btp-diagnostic .btn-urgence {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n background: #d32f2f; \/* ROUGE *\/\r\n color: #ffffff !important; \/* BLANC *\/\r\n padding: 16px 40px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n box-shadow: 0 4px 20px rgba(211, 47, 47, 0.30);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence:hover {\r\n background: #b71c1c; \/* ROUGE FONC\u00c9 au survol *\/\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 32px rgba(211, 47, 47, 0.40);\r\n color: #ffffff !important;\r\n gap: 18px;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .number {\r\n font-size: 1.4rem;\r\n letter-spacing: 0.02em;\r\n color: #ffffff; \/* BLANC *\/\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .label {\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: rgba(255, 255, 255, 0.7); \/* BLANC avec transparence *\/\r\n display: block;\r\n margin-top: 1px;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE (Mobile-first)\r\n ============================================================ *\/\r\n @media (max-width: 992px) {\r\n .btp-diagnostic .container {\r\n padding: 0 30px;\r\n }\r\n\r\n .btp-diagnostic .dossier {\r\n padding: 28px 24px;\r\n }\r\n\r\n .btp-diagnostic .ba-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card img {\r\n height: 180px;\r\n }\r\n\r\n .btp-diagnostic .symptoms-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .btp-diagnostic .ordonnance {\r\n padding: 22px 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-diagnostic {\r\n padding: 60px 0 80px;\r\n }\r\n\r\n .btp-diagnostic .container {\r\n padding: 0 20px;\r\n }\r\n\r\n .btp-diagnostic .dossier {\r\n padding: 20px 16px;\r\n border-radius: 20px;\r\n }\r\n\r\n .btp-diagnostic .ba-grid {\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card img {\r\n height: 160px;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card .ba-label {\r\n padding: 10px 16px;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .btp-diagnostic .symptom-card {\r\n padding: 18px 20px;\r\n }\r\n\r\n .btp-diagnostic .symptom-card h4 {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-diagnostic .symptom-card p {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .btp-diagnostic .ordonnance .ord-list .ord-item {\r\n font-size: 0.7rem;\r\n padding: 4px 14px;\r\n }\r\n\r\n .btp-diagnostic .urgence-block .rappel {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence {\r\n padding: 12px 28px;\r\n font-size: 1rem;\r\n width: 100%;\r\n flex-direction: column;\r\n gap: 4px;\r\n justify-content: center;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .number {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence:hover {\r\n gap: 6px;\r\n }\r\n\r\n .btp-diagnostic .dossier .dossier-header .dossier-id {\r\n display: none;\r\n }\r\n }\r\n\r\n \/* ============================================================\r\n FALLBACK IMAGES\r\n ============================================================ *\/\r\n img.error-fallback {\r\n object-fit: contain;\r\n background: #eef6fc;\r\n padding: 20px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"btp-diagnostic\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"header\">\r\n <span class=\"pill init-hidden\">\r\n <span class=\"dot\"><\/span>\r\n Urgence 24h\/24 \u2013 Devis gratuit\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n Diagnostic canalisation \u2013 <span>Inspection cam\u00e9ra<\/span><br>et d\u00e9tection de bouchon\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n <strong>Plombier urgence 24h\/24 en \u00cele-de-France<\/strong> \u2013 D\u00e9tection pr\u00e9cise pour un\r\n <strong>d\u00e9bouchage professionnel<\/strong> efficace. <strong>Inspection canalisation bouch\u00e9e<\/strong>\r\n et <strong>diagnostic de canalisation<\/strong> par <strong>inspection cam\u00e9ra HD<\/strong>.\r\n <strong>Devis gratuit<\/strong> et <strong>intervention rapide<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"dossier init-hidden\">\r\n <div class=\"dossier-header\">\r\n <span class=\"badge-dossier\">Dossier patient \u2013 Inspection cam\u00e9ra<\/span>\r\n <span class=\"dossier-id\">R\u00e9f. #D-2024-001<\/span>\r\n <\/div>\r\n\r\n <div class=\"ba-grid\">\r\n \r\n <div class=\"ba-card avant\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/remplacement-station-relevage_-2.jpg\"\r\n alt=\"Station de relevage avant remplacement - intervention BT Plus\"\r\n onerror=\"this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%22500%22 height=%22220%22%3E%3Crect fill=%22%23fef2f2%22 width=%22500%22 height=%22220%22\/%3E%3Ctext x=%22250%22 y=%22110%22 text-anchor=%22middle%22 font-family=%22Sora%22 font-size=%2224%22 fill=%22%23dc2626%22%3ESTATION RELEVAGE%3C\/text%3E%3C\/svg%3E'\">\r\n <div class=\"ba-label\">\r\n <span class=\"label-text\">Avant \u2013 Station relevage<\/span>\r\n <span class=\"status avant\">\u00c0 remplacer<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ba-card apres\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/pose-puisard_3.jpg\"\r\n alt=\"Pose de puisard neuf - r\u00e9alisation BT Plus\"\r\n onerror=\"this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%22500%22 height=%22220%22%3E%3Crect fill=%22%23ecfdf5%22 width=%22500%22 height=%22220%22\/%3E%3Ctext x=%22250%22 y=%22110%22 text-anchor=%22middle%22 font-family=%22Sora%22 font-size=%2224%22 fill=%22%2310b981%22%3EPOSE PUISARD%3C\/text%3E%3C\/svg%3E'\">\r\n <div class=\"ba-label\">\r\n <span class=\"label-text\">Apr\u00e8s \u2013 Puisard install\u00e9<\/span>\r\n <span class=\"status apres\">Travaux termin\u00e9s<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"section-title init-hidden\">\r\n Sympt\u00f4mes d'une canalisation bouch\u00e9e\r\n <\/div>\r\n\r\n <div class=\"symptoms-grid\">\r\n\r\n <div class=\"symptom-card init-hidden\">\r\n <h4>Bouchons du quotidien<\/h4>\r\n <p>\r\n Les probl\u00e8mes de <strong>bouchage<\/strong> proviennent de notre quotidien :\r\n <strong>nourriture<\/strong> qui s'accumule, <strong>cheveux<\/strong> ou r\u00e9sidus dans douche\/baignoire,\r\n <strong>produits d'hygi\u00e8ne<\/strong>, <strong>gravier<\/strong>. Un <strong>d\u00e9bouchage pas cher<\/strong>\r\n peut sembler tentant, mais seul un <strong>d\u00e9bouchage professionnel<\/strong> garantit un r\u00e9sultat durable.\r\n Pour les <strong>d\u00e9bouchage maison<\/strong> ou <strong>d\u00e9bouchage appartement<\/strong>,\r\n nous intervenons rapidement.\r\n <\/p>\r\n <span class=\"tag-symptom\">D\u00e9bouchage rapide<\/span>\r\n <\/div>\r\n\r\n <div class=\"symptom-card init-hidden\">\r\n <h4>Probl\u00e8mes structurels<\/h4>\r\n <p>\r\n Si le mauvais \u00e9coulement persiste, le probl\u00e8me peut \u00eatre d\u00fb \u00e0 :\r\n <strong>mauvaise pente<\/strong>, <strong>tuyauterie encombr\u00e9e<\/strong>,\r\n <strong>rupture<\/strong> ou <strong>mauvais diam\u00e8tre<\/strong>.\r\n L'<strong>inspection cam\u00e9ra canalisations<\/strong> analyse vos r\u00e9seaux en profondeur.\r\n <strong>D\u00e9tection de bouchon<\/strong> pr\u00e9cise pour un <strong>curage pour d\u00e9boucher<\/strong>\r\n ou un <strong>d\u00e9bouchage haute pression IDF<\/strong> efficace.\r\n <\/p>\r\n <span class=\"tag-symptom\">Diagnostic avanc\u00e9<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"ordonnance init-hidden\">\r\n <div class=\"ord-title\">\r\n <span>Ordonnance<\/span> \u00b7 Solutions adapt\u00e9es \u00e0 votre situation\r\n <\/div>\r\n <div class=\"ord-desc\">\r\n Nos <strong>techniciens qualifi\u00e9s<\/strong> vous conseillent sur la solution \u00e0 adopter selon votre situation.\r\n <strong>Entreprise de d\u00e9bouchage agr\u00e9\u00e9e<\/strong> \u2013 <strong>devis gratuit<\/strong>.\r\n <\/div>\r\n <div class=\"ord-list\">\r\n <span class=\"ord-item\"><strong>Curage canalisation<\/strong> \u2013 soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/span>\r\n <span class=\"ord-item\"><strong>D\u00e9bouchage canalisation pas cher<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Pompage bac \u00e0 graisse<\/strong> \u2013 restaurant \/ h\u00f4tel<\/span>\r\n <span class=\"ord-item\"><strong>D\u00e9pannage pompe de relevage<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Vidange fosse septique<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Inspection cam\u00e9ra canalisations<\/strong> HD<\/span>\r\n <span class=\"ord-item\"><strong>Hydrocurage haute pression<\/strong> \u2013 300 bars<\/span>\r\n <span class=\"ord-item\"><strong>D\u00e9bouchage copropri\u00e9t\u00e9<\/strong> \u2013 syndic<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"urgence-block init-hidden\">\r\n <p class=\"rappel\">\r\n <strong>Rappel :<\/strong> En cas d'<strong>urgence d\u00e9bouchage<\/strong>, coupez votre arriv\u00e9e d'eau\r\n et appelez notre <strong>plombier urgence 24h\/24<\/strong>\r\n <span class=\"highlight\">imm\u00e9diatement<\/span>.\r\n <strong>D\u00e9bouchage 24h\/24 \u2013 7j\/7<\/strong> \u2013 <strong>devis gratuit<\/strong>.\r\n <\/p>\r\n <a href=\"tel:0186957777\" class=\"btn-urgence\">\r\n <span>\r\n <span class=\"number\">01 86 95 77 77<\/span>\r\n <span class=\"label\">Appel gratuit \u00b7 Urgence 24h\/24 \u00b7 7j\/7<\/span>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n\r\n const elements = document.querySelectorAll('.init-hidden');\r\n\r\n if (elements.length > 0 && 'IntersectionObserver' in window) {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('anim-up');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.15,\r\n rootMargin: '0px 0px -40px 0px'\r\n });\r\n\r\n elements.forEach(el => observer.observe(el));\r\n } else {\r\n \/\/ Fallback si IntersectionObserver non support\u00e9\r\n elements.forEach(el => {\r\n el.classList.remove('init-hidden');\r\n el.classList.add('anim-up');\r\n });\r\n }\r\n\r\n \/\/ Fallback images\r\n document.querySelectorAll('img').forEach(img => {\r\n img.addEventListener('error', function() {\r\n if (!this.hasAttribute('data-fallback')) {\r\n this.setAttribute('data-fallback', 'true');\r\n this.classList.add('error-fallback');\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-f1eb6a5 e-con-full e-flex e-con e-parent\" data-id=\"f1eb6a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c648d56 elementor-widget elementor-widget-html\" data-id=\"c648d56\" 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 \u2013 Professionnels<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 Section \"Pour les professionnels\"\r\n ============================================================ *\/\r\n .btp-pros {\r\n --b900: #07294a;\r\n --b800: #0a3666;\r\n --b700: #0d4f8b;\r\n --b500: #1c7ec9;\r\n --b300: #7cc0ee;\r\n --b100: #d6ebfb;\r\n --b50: #eef6fc;\r\n --or: #f4a61a;\r\n --or-d: #d98a0c;\r\n --ink: #0c2238;\r\n --slate: #48637d;\r\n --line: #e4ecf4;\r\n --green: #10b981;\r\n --green-bg: #d1fae5;\r\n --red: #ef4444;\r\n --red-bg: #fee2e2;\r\n --fd: \"Sora\", sans-serif;\r\n --fb: \"Inter\", sans-serif;\r\n --fm: \"JetBrains Mono\", monospace;\r\n --ease: cubic-bezier(0.2, 0.8, 0.2, 1);\r\n\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n padding: 80px 0 90px;\r\n font-family: var(--fb);\r\n color: var(--ink);\r\n line-height: 1.5;\r\n background:\r\n radial-gradient(820px 480px at 92% -12%, rgba(244, 166, 26, .05), transparent 60%),\r\n radial-gradient(760px 460px at -6% 110%, rgba(28, 126, 201, .05), transparent 55%),\r\n linear-gradient(180deg, var(--b50) 0%, #ffffff 100%);\r\n }\r\n .btp-pros *,\r\n .btp-pros *::before,\r\n .btp-pros *::after {\r\n box-sizing: border-box;\r\n }\r\n .btp-pros h2,\r\n .btp-pros h3,\r\n .btp-pros h4,\r\n .btp-pros p {\r\n margin: 0;\r\n }\r\n .btp-pros .wrap {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* ---------- en-t\u00eate ---------- *\/\r\n .btp-pros .hd {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n .btp-pros .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n font-family: var(--fm);\r\n font-weight: 700;\r\n font-size: .7rem;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n color: var(--or-d);\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 14px 6px 10px;\r\n border-radius: 999px;\r\n }\r\n .btp-pros .pill .dot {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: var(--green);\r\n box-shadow: 0 0 0 0 rgba(16, 185, 129, .55);\r\n animation: srvPulse 1.8s infinite;\r\n }\r\n @keyframes srvPulse {\r\n 0% {\r\n box-shadow: 0 0 0 0 rgba(16, 185, 129, .55);\r\n }\r\n 70% {\r\n box-shadow: 0 0 0 9px rgba(16, 185, 129, 0);\r\n }\r\n 100% {\r\n box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);\r\n }\r\n }\r\n .btp-pros .hd h2 {\r\n font-family: var(--fd);\r\n font-weight: 800;\r\n letter-spacing: -.025em;\r\n line-height: 1.08;\r\n font-size: clamp(2rem, 4.8vw, 3.4rem);\r\n color: var(--b900);\r\n margin: 14px 0 0;\r\n }\r\n .btp-pros .hd h2 em {\r\n font-style: normal;\r\n color: var(--or);\r\n }\r\n .btp-pros .hd .lead {\r\n margin-top: 12px;\r\n font-size: 1rem;\r\n color: var(--slate);\r\n max-width: 720px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .btp-pros .hd .lead strong {\r\n color: var(--b700);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ---------- grille des atouts (4 cartes) ---------- *\/\r\n .btp-pros .grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n margin-top: 8px;\r\n }\r\n @media (max-width: 820px) {\r\n .btp-pros .grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n @media (max-width: 480px) {\r\n .btp-pros .grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n .btp-pros .card {\r\n background: #fff;\r\n border-radius: 16px;\r\n border: 1px solid var(--line);\r\n padding: 24px 20px;\r\n transition: all .3s var(--ease);\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, .02);\r\n text-align: center;\r\n }\r\n .btp-pros .card:hover {\r\n border-color: var(--or);\r\n box-shadow: 0 8px 24px rgba(7, 41, 74, .08);\r\n transform: translateY(-3px);\r\n }\r\n .btp-pros .card .num {\r\n font-family: var(--fd);\r\n font-weight: 800;\r\n font-size: 1.6rem;\r\n color: var(--b700);\r\n line-height: 1;\r\n margin-bottom: 4px;\r\n }\r\n .btp-pros .card h3 {\r\n font-family: var(--fd);\r\n font-weight: 700;\r\n font-size: 1rem;\r\n color: var(--b900);\r\n margin: 0 0 4px;\r\n }\r\n .btp-pros .card h3 strong {\r\n color: var(--or);\r\n font-weight: 700;\r\n }\r\n .btp-pros .card p {\r\n font-size: .82rem;\r\n color: var(--slate);\r\n line-height: 1.5;\r\n }\r\n .btp-pros .card p strong {\r\n color: var(--b700);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ---------- phrase d'accroche ---------- *\/\r\n .btp-pros .accroche {\r\n text-align: center;\r\n font-size: .95rem;\r\n color: var(--slate);\r\n background: #fff;\r\n border-radius: 16px;\r\n border: 1px solid var(--line);\r\n padding: 18px 28px;\r\n margin: 28px 0 34px;\r\n line-height: 1.7;\r\n }\r\n .btp-pros .accroche strong {\r\n color: var(--b700);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ---------- CTA ROUGE ---------- *\/\r\n .btp-pros .cta-red {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 0;\r\n }\r\n .btp-pros .btn-urgence {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: #d32f2f;\r\n color: #ffffff !important;\r\n font-family: var(--fd);\r\n font-weight: 700;\r\n font-size: 1.2rem;\r\n padding: 14px 36px;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n box-shadow: 0 6px 24px rgba(211, 47, 47, 0.3);\r\n transition: all .3s var(--ease);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n .btp-pros .btn-urgence:hover {\r\n background: #b71c1c;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 36px rgba(211, 47, 47, 0.35);\r\n color: #ffffff !important;\r\n }\r\n .btp-pros .btn-urgence .label {\r\n font-size: .65rem;\r\n font-weight: 400;\r\n opacity: .85;\r\n display: block;\r\n margin-top: -2px;\r\n }\r\n\r\n \/* ---------- vagues ---------- *\/\r\n .btp-pros .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 .btp-pros .waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 90px;\r\n }\r\n .btp-pros .w-back use {\r\n animation: srvWave 12s linear infinite;\r\n opacity: .5;\r\n }\r\n .btp-pros .w-mid use {\r\n animation: srvWave 9s linear infinite reverse;\r\n opacity: .8;\r\n }\r\n .btp-pros .w-front use {\r\n animation: srvWave 6s linear infinite;\r\n }\r\n @keyframes srvWave {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n \/* ---------- r\u00e9v\u00e9lation ---------- *\/\r\n .btp-pros .rv {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity .6s var(--ease), transform .6s var(--ease);\r\n }\r\n .btp-pros .rv.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .btp-pros * {\r\n animation: none !important;\r\n transition: none !important;\r\n }\r\n .btp-pros .rv {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"btp-pros\">\r\n <div class=\"wrap\">\r\n\r\n \r\n <header class=\"hd\">\r\n <span class=\"pill rv\"><span class=\"dot\"><\/span>Expert d\u00e9bouchage professionnel<\/span>\r\n <h2 class=\"rv\">D\u00e9bouchage pour les <em>professionnels<\/em><\/h2>\r\n <p class=\"lead rv\">\r\n <strong>BT Plus<\/strong> intervient en <strong>urgence<\/strong> chez les <strong>restaurateurs, h\u00f4teliers, copropri\u00e9t\u00e9s, bureaux et collectivit\u00e9s<\/strong>.\r\n <strong>D\u00e9bouchage haute pression<\/strong>, <strong>curage<\/strong> et <strong>inspection cam\u00e9ra<\/strong> pour un <strong>r\u00e9seau op\u00e9rationnel<\/strong> en toutes circonstances.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"grid rv\">\r\n <div class=\"card\">\r\n <div class=\"num\">1h<\/div>\r\n <h3>Intervention <strong>sous 1h<\/strong><\/h3>\r\n <p>D\u00e9placement prioritaire en <strong>\u00cele\u2011de\u2011France<\/strong> pour stopper les d\u00e9bordements et les nuisances.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"num\">\u2714<\/div>\r\n <h3>Contrats <strong>d\u2019entretien<\/strong><\/h3>\r\n <p>Visites programm\u00e9es de <strong>d\u00e9bouchage pr\u00e9ventif<\/strong> pour \u00e9viter les bouchons r\u00e9currents et ma\u00eetriser votre budget.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"num\">\u20ac<\/div>\r\n <h3>Devis <strong>gratuit<\/strong><\/h3>\r\n <p>Diagnostic clair et <strong>devis d\u00e9taill\u00e9 sous 24h<\/strong> pour vos interventions urgentes ou vos contrats annuels.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"num\">\u2699<\/div>\r\n <h3>Mat\u00e9riel <strong>haute performance<\/strong><\/h3>\r\n <p><strong>Hydrocureuse<\/strong> 300 bars, <strong>cam\u00e9ra 4K<\/strong> et furet pour un <strong>d\u00e9bouchage durable<\/strong> sans produit chimique.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"accroche rv\">\r\n <strong>BT Plus<\/strong>, votre sp\u00e9cialiste du <strong>d\u00e9bouchage professionnel<\/strong> en \u00cele\u2011de\u2011France.\r\n <strong>Disponibilit\u00e9 24h\/24<\/strong> \u2013 <strong>intervention rapide<\/strong> et <strong>garantie<\/strong> sur nos prestations.\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-red rv\">\r\n <a href=\"tel:0186957777\" class=\"btn-urgence\">\r\n <span>\ud83d\udcde<\/span>\r\n <span>\r\n 01 86 95 77 77\r\n <span class=\"label\">Urgence 24h\/24 \u2013 7j\/7<\/span>\r\n <\/span>\r\n <\/a>\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=\"prosWave\" 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=\"w-back\">\r\n <use href=\"#prosWave\" x=\"0\" fill=\"#d6ebfb\" \/>\r\n <use href=\"#prosWave\" x=\"176\" fill=\"#d6ebfb\" \/>\r\n <\/g>\r\n <g class=\"w-mid\">\r\n <use href=\"#prosWave\" x=\"0\" fill=\"#a9d4f3\" \/>\r\n <use href=\"#prosWave\" x=\"176\" fill=\"#a9d4f3\" \/>\r\n <\/g>\r\n <g class=\"w-front\">\r\n <use href=\"#prosWave\" x=\"0\" fill=\"#ffffff\" \/>\r\n <use href=\"#prosWave\" x=\"176\" fill=\"#ffffff\" \/>\r\n <\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n const section = document.querySelector('.btp-pros');\r\n if (!section) return;\r\n const rv = section.querySelectorAll('.rv');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n rv.forEach(el => io.observe(el));\r\n } else {\r\n rv.forEach(el => el.classList.add('shown'));\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-7cc8cf4 e-con-full e-flex e-con e-parent\" data-id=\"7cc8cf4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6af55c elementor-widget elementor-widget-html\" data-id=\"a6af55c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>.bt-faq *{margin:0;padding:0;box-sizing:border-box}.bt-faq{font-family:'Inter',sans-serif;background-color:#fff;color:#0a1a2b;line-height:1.6;overflow-x:hidden}.bt-faq__section{padding:5rem 5% 6rem;position:relative;min-height:100vh;display:flex;align-items:center;background:radial-gradient(1100px 520px at 78% -8%,#d6ebfb,transparent 60%),linear-gradient(180deg,#fbfdff 0%,#eef6fc 100%);overflow:hidden}.bt-faq__waves{position:absolute;left:0;right:0;bottom:0;line-height:0;z-index:0;pointer-events:none}.bt-faq__waves svg{display:block;width:100%;height:80px}.bt-faq__waves .wave-back use{animation:bt-wavemove 11s linear infinite;opacity:.55}.bt-faq__waves .wave-mid use{animation:bt-wavemove 8s linear infinite reverse;opacity:.8}.bt-faq__waves .wave-front use{animation:bt-wavemove 6s linear infinite}@keyframes bt-wavemove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.bt-faq__container{max-width:1000px;margin:0 auto;width:100%;position:relative;z-index:1}.bt-faq__header{text-align:center;max-width:780px;margin:0 auto 3.5rem}.bt-faq__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,.07);color:#1c7ec9;border:1px solid rgba(28,126,201,.12);margin-bottom:1.2rem}.bt-faq__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-faq__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-faq__title .highlight{background:linear-gradient(135deg,#f4a61a 0%,#d98a0c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bt-faq__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-faq__list{display:flex;flex-direction:column;gap:.8rem}.bt-faq__item{background:#fff;border-radius:16px;border:1px solid #eef2f6;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px rgba(7,41,74,.03)}.bt-faq__item:hover{border-color:#d6ebfb;box-shadow:0 4px 20px rgba(7,41,74,.06)}.bt-faq__item--active{border-color:#1c7ec9;box-shadow:0 4px 24px rgba(28,126,201,.06)}.bt-faq__question{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.8rem;cursor:pointer;transition:all .3s ease;user-select:none;gap:1rem}.bt-faq__question:hover{background:#f8fafc}.bt-faq__question h3{font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;color:#07294a;transition:color .3s ease;flex:1}.bt-faq__item--active .bt-faq__question h3{color:#1c7ec9}.bt-faq__icon{width:32px;height:32px;min-width:32px;border-radius:50%;background:#f0f4f8;display:flex;align-items:center;justify-content:center;transition:all .4s ease;flex-shrink:0}.bt-faq__item:hover .bt-faq__icon{background:#e6ecf2}.bt-faq__item--active .bt-faq__icon{background:rgba(28,126,201,.10);transform:rotate(180deg)}.bt-faq__icon svg{width:.75rem;height:.75rem;stroke:#6b7f94;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:all .4s ease}.bt-faq__item--active .bt-faq__icon svg{stroke:#1c7ec9}.bt-faq__answer{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.34,1.56,.64,1);padding:0 1.8rem}.bt-faq__item--active .bt-faq__answer{max-height:300px;padding:0 1.8rem 1.5rem 1.8rem}.bt-faq__answer p{font-family:'Inter',sans-serif;font-weight:400;font-size:.95rem;color:#6b7f94;line-height:1.8;margin:0}.bt-faq__answer p strong{color:#07294a;font-weight:600}.bt-faq__item{opacity:0;animation:bt-fadeInUp .6s ease-out forwards}.bt-faq__item:nth-child(1){animation-delay:.03s}.bt-faq__item:nth-child(2){animation-delay:.06s}.bt-faq__item:nth-child(3){animation-delay:.09s}.bt-faq__item:nth-child(4){animation-delay:.12s}.bt-faq__item:nth-child(5){animation-delay:.15s}.bt-faq__item:nth-child(6){animation-delay:.18s}.bt-faq__item:nth-child(7){animation-delay:.21s}.bt-faq__item:nth-child(8){animation-delay:.24s}.bt-faq__item:nth-child(9){animation-delay:.27s}@keyframes bt-fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.bt-faq__item{opacity:1;animation:none}}@media (max-width:768px){.bt-faq__section{padding:3.5rem 1.5rem 4rem;min-height:auto}.bt-faq__question{padding:1rem 1.2rem}.bt-faq__question h3{font-size:.9rem}.bt-faq__item--active .bt-faq__answer{padding:0 1.2rem 1.2rem 1.2rem}.bt-faq__answer p{font-size:.85rem}.bt-faq__icon{width:28px;height:28px;min-width:28px}.bt-faq__icon svg{width:.65rem;height:.65rem}.bt-faq__waves svg{height:40px}}@media (max-width:480px){.bt-faq__question h3{font-size:.82rem}.bt-faq__question{padding:.8rem 1rem}.bt-faq__item--active .bt-faq__answer{padding:0 1rem 1rem 1rem}.bt-faq__answer p{font-size:.8rem}.bt-faq__icon{width:24px;height:24px;min-width:24px}.bt-faq__icon svg{width:.55rem;height:.55rem}}<\/style>\r\n\r\n<div class=\"bt-faq\">\r\n <section class=\"bt-faq__section\">\r\n <div class=\"bt-faq__container\">\r\n <div class=\"bt-faq__header\">\r\n <span class=\"bt-faq__badge\"><span class=\"dot\"><\/span>Urgence 24h\/24 \u2013 Devis gratuit<\/span>\r\n <h2 class=\"bt-faq__title\">Questions fr\u00e9quentes sur le <span class=\"highlight\">d\u00e9bouchage<\/span><\/h2>\r\n <p class=\"bt-faq__subtitle\">\r\n <strong>D\u00e9bouchage<\/strong> professionnel, <strong>curage<\/strong>, <strong>hydrocurage<\/strong>, <strong>inspection cam\u00e9ra<\/strong>\u2026 Retrouvez les r\u00e9ponses \u00e0 vos interrogations sur nos <strong>prestations de d\u00e9bouchage<\/strong> en \u00cele\u2011de\u2011France.\r\n <\/p>\r\n <\/div>\r\n <div class=\"bt-faq__list\">\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Le d\u00e9bouchage est\u2011il garanti ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Oui<\/strong>, toutes nos interventions de <strong>d\u00e9bouchage<\/strong> sont garanties <strong>48 heures<\/strong>. Si le bouchon r\u00e9appara\u00eet dans ce d\u00e9lai, nous revenons <strong>sans frais suppl\u00e9mentaires<\/strong> pour un nouveau <strong>d\u00e9bouchage professionnel<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Intervenez\u2011vous la nuit et le week\u2011end ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Oui<\/strong>, nous assurons des <strong>interventions de d\u00e9bouchage 24h\/24 et 7j\/7<\/strong>, y compris la nuit, les week\u2011ends et les jours f\u00e9ri\u00e9s. Un <strong>d\u00e9pannage urgence<\/strong> est disponible \u00e0 tout moment en <strong>\u00cele\u2011de\u2011France<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Quelles techniques utilisez\u2011vous pour d\u00e9boucher ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Nous utilisons plusieurs m\u00e9thodes selon le type de bouchon : <strong>furet m\u00e9canique<\/strong>, <strong>hydrocurage haute pression<\/strong> (jusqu\u2019\u00e0 300 bars), <strong>inspection cam\u00e9ra<\/strong> pour localiser pr\u00e9cis\u00e9ment l\u2019obstruction. Nous n\u2019utilisons <strong>aucun produit chimique agressif<\/strong> pour pr\u00e9server vos canalisations.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Quels types de canalisations d\u00e9bouchez\u2011vous ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Nous intervenons sur <strong>tous types de canalisations<\/strong> : WC, \u00e9vier, lavabo, baignoire, douche, colonnes d\u2019immeuble, canalisations enterr\u00e9es, r\u00e9seaux d\u2019assainissement. Que vous soyez <strong>particulier<\/strong> ou <strong>professionnel<\/strong>, nous avons la solution adapt\u00e9e.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Quel est le prix d\u2019un d\u00e9bouchage ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Le prix d\u00e9pend de la complexit\u00e9 du bouchon et du type d\u2019intervention. Nous vous fournissons un <strong>devis gratuit<\/strong> et transparent avant tout travail. Comptez en moyenne entre 80\u20ac et 250\u20ac pour un <strong>d\u00e9bouchage classique<\/strong>. Le <strong>d\u00e9placement est offert<\/strong> en \u00cele\u2011de\u2011France.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Puis\u2011je pr\u00e9venir les bouchons ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Oui<\/strong>, nous proposons des <strong>contrats d\u2019entretien pr\u00e9ventif<\/strong> avec visites r\u00e9guli\u00e8res de <strong>curage<\/strong> et <strong>inspection cam\u00e9ra<\/strong>. Cela permet de d\u00e9tecter les faiblesses et d\u2019\u00e9viter les bouchons r\u00e9currents. Demandez un <strong>devis d\u2019entretien<\/strong> sur mesure.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Intervenez\u2011vous chez les professionnels ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Oui<\/strong>, nous sommes sp\u00e9cialistes du <strong>d\u00e9bouchage pour les professionnels<\/strong> : restaurants, h\u00f4tels, copropri\u00e9t\u00e9s, bureaux, collectivit\u00e9s. Nous assurons des <strong>interventions rapides<\/strong> pour limiter l\u2019impact sur votre activit\u00e9 et des <strong>contrats d\u2019entretien<\/strong> adapt\u00e9s.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Utilisez\u2011vous des produits chimiques ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Non<\/strong>, nos m\u00e9thodes de <strong>d\u00e9bouchage<\/strong> sont <strong>sans produit chimique<\/strong>. Nous privil\u00e9gions les solutions m\u00e9caniques (furet) et l\u2019<strong>hydrocurage haute pression<\/strong> pour respecter l\u2019environnement et pr\u00e9server la dur\u00e9e de vie de vos canalisations.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Proposez\u2011vous l\u2019inspection cam\u00e9ra avant d\u00e9bouchage ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Oui<\/strong>, l\u2019<strong>inspection cam\u00e9ra<\/strong> est un pr\u00e9alable recommand\u00e9 pour localiser pr\u00e9cis\u00e9ment le bouchon, d\u00e9tecter d\u2019\u00e9ventuelles fissures ou racines. Nous r\u00e9alisons un <strong>diagnostic complet<\/strong> avant toute intervention de <strong>d\u00e9bouchage<\/strong> ou de <strong>curage<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"bt-w7\" 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=\"#bt-w7\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#bt-w7\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#bt-w7\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#bt-w7\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#bt-w7\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#bt-w7\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n\r\n<script>\r\n!function(){\r\n window.btToggleFaq = function(el) {\r\n var item = el.closest('.bt-faq__item');\r\n if (!item) return;\r\n var allItems = document.querySelectorAll('.bt-faq__item');\r\n for (var i = 0; i < allItems.length; i++) {\r\n if (allItems[i] !== item && allItems[i].classList.contains('bt-faq__item--active')) {\r\n allItems[i].classList.remove('bt-faq__item--active');\r\n }\r\n }\r\n item.classList.toggle('bt-faq__item--active');\r\n };\r\n\r\n var items = document.querySelectorAll('.bt-faq__item');\r\n if ('IntersectionObserver' in window) {\r\n var observer = new IntersectionObserver(function(entries) {\r\n for (var i = 0; i < entries.length; i++) {\r\n if (entries[i].isIntersecting) {\r\n entries[i].target.style.opacity = '1';\r\n entries[i].target.style.transform = 'translateY(0)';\r\n }\r\n }\r\n }, { threshold: .1 });\r\n for (var i = 0; i < items.length; i++) {\r\n items[i].style.opacity = '0';\r\n items[i].style.transform = 'translateY(30px)';\r\n items[i].style.transition = 'all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)';\r\n observer.observe(items[i]);\r\n }\r\n } else {\r\n for (var i = 0; i < items.length; i++) {\r\n items[i].style.opacity = '1';\r\n items[i].style.transform = 'translateY(0)';\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-a3d8c3c e-con-full e-flex e-con e-parent\" data-id=\"a3d8c3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8384e6 elementor-widget elementor-widget-html\" data-id=\"b8384e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n.contact { padding: 5rem 5% 6rem; position: relative; min-height: 100vh; display: flex; align-items: center;\r\n background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%), linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden; box-sizing: border-box; }\r\n.contact *, .contact *::before, .contact *::after { box-sizing: border-box; }\r\n.contact__waves { position: absolute; left: 0; right: 0; bottom: 0; line-height: 0; z-index: 0; pointer-events: none; }\r\n.contact__waves svg { display: block; width: 100%; height: 80px; }\r\n.contact__waves .wave-back use { animation: wavemove 11s linear infinite; opacity: 0.55; }\r\n.contact__waves .wave-mid use { animation: wavemove 8s linear infinite reverse; opacity: 0.8; }\r\n.contact__waves .wave-front use { animation: wavemove 6s linear infinite; }\r\n@keyframes wavemove { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n.contact__container { max-width: 1280px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\r\n.contact__header { text-align: center; max-width: 780px; margin: 0 auto 3.5rem; }\r\n.contact__badge { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.4rem 1.4rem 0.4rem 1rem; border-radius: 2rem; background: rgba(28, 126, 201, 0.07); color: #1c7ec9; border: 1px solid rgba(28, 126, 201, 0.12); margin-bottom: 1.2rem; }\r\n.contact__badge .dot { width: 6px; height: 6px; border-radius: 50%; background: #1c7ec9; animation: pulseDot 2s ease-in-out infinite; }\r\n@keyframes pulseDot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.6); } }\r\n.contact__title { font-family: 'Sora', sans-serif; font-weight: 800; font-size: clamp(2rem, 3.6vw, 3.2rem); letter-spacing: -0.03em; color: #07294a; line-height: 1.1; margin-bottom: 0.8rem; }\r\n.contact__title .highlight { background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n.contact__subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: clamp(1rem, 1.1vw, 1.15rem); color: #6b7f94; max-width: 600px; margin: 0 auto; line-height: 1.7; }\r\n.contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }\r\n.contact__form { background: #ffffff; border-radius: 24px; padding: 2.5rem; border: 1px solid #eef2f6; box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04); transition: all 0.4s ease; position: relative; }\r\n.contact__form:hover { box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08); border-color: #d6ebfb; }\r\n.contact__form-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 1.3rem; color: #07294a; margin-bottom: 0.3rem; }\r\n.contact__form-subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; margin-bottom: 1.5rem; }\r\n.contact__form-group { margin-bottom: 1.2rem; }\r\n.contact__form-group label { display: block; font-family: 'Sora', sans-serif; font-weight: 600; font-size: 0.7rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.3rem; }\r\n.contact__form-group label .required { color: #dc2626; }\r\n.contact__form-group input, .contact__form-group select, .contact__form-group textarea { width: 100%; padding: 0.8rem 1rem; border-radius: 12px; border: 1px solid #eef2f6; background: #f8fafc; font-family: 'Inter', sans-serif; font-size: 0.9rem; color: #07294a; transition: all 0.3s ease; outline: none; }\r\n.contact__form-group input:focus, .contact__form-group select:focus, .contact__form-group textarea:focus { border-color: #1c7ec9; background: #ffffff; box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06); }\r\n.contact__form-group input::placeholder, .contact__form-group textarea::placeholder { color: #b0c0d0; }\r\n.contact__form-group select option { background: #ffffff; color: #07294a; }\r\n.contact__form-group textarea { resize: vertical; min-height: 100px; }\r\n.contact__form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n.contact__form-group--file { position: relative; }\r\n.contact__form-group--file .file-drop-zone { border: 2px dashed #eef2f6; border-radius: 12px; padding: 1.5rem 1rem; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #f8fafc; }\r\n.contact__form-group--file .file-drop-zone:hover { border-color: #1c7ec9; background: #eef6fc; }\r\n.contact__form-group--file .file-drop-zone.dragover { border-color: #f4a61a; background: rgba(244, 166, 26, 0.04); }\r\n.contact__form-group--file .file-drop-zone i { font-size: 2rem; color: #1c7ec9; display: block; margin-bottom: 0.5rem; }\r\n.contact__form-group--file .file-drop-zone p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.85rem; color: #6b7f94; margin: 0; }\r\n.contact__form-group--file .file-drop-zone .file-types { font-size: 0.7rem; color: #b0c0d0; margin-top: 0.3rem; }\r\n.contact__form-group--file input[type=\"file\"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }\r\n.contact__form-group--file .file-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }\r\n.contact__form-group--file .file-item { display: inline-flex; align-items: center; gap: 0.5rem; background: #eef6fc; padding: 0.3rem 0.8rem 0.3rem 0.6rem; border-radius: 20px; font-family: 'Inter', sans-serif; font-size: 0.75rem; color: #1c7ec9; border: 1px solid #d6ebfb; }\r\n.contact__form-group--file .file-item i { font-size: 0.8rem; color: #1c7ec9; }\r\n.contact__form-group--file .file-item .file-remove { cursor: pointer; color: #6b7f94; transition: color 0.3s ease; font-size: 0.7rem; }\r\n.contact__form-group--file .file-item .file-remove:hover { color: #dc2626; }\r\n\r\n\/* ---- Consentement RGPD ---- *\/\r\n.contact__consent { display: flex; align-items: flex-start; gap: 0.7rem; margin-bottom: 1.5rem; }\r\n.contact__consent input[type=\"checkbox\"] { width: 18px; height: 18px; min-width: 18px; margin-top: 0.15rem; accent-color: #1c7ec9; cursor: pointer; flex-shrink: 0; }\r\n.contact__consent label { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.8rem; line-height: 1.5; color: #6b7f94; text-transform: none; letter-spacing: 0; margin-bottom: 0; cursor: pointer; }\r\n.contact__consent label .required { color: #dc2626; }\r\n.contact__consent label a { color: #1c7ec9; text-decoration: underline; }\r\n.contact__consent label a:hover { color: #07294a; }\r\n\r\n.btn--contact { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.02em; text-decoration: none; padding: 0.9rem 2.4rem; border-radius: 3rem; transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; border: none; text-align: center; background: linear-gradient(135deg, #f4a61a 0%, #e0960e 100%); box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25); color: #07294a; width: 100%; }\r\n.btn--contact:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40); color: #07294a; }\r\n.btn--contact .btn__icon { transition: transform 0.3s ease; }\r\n.btn--contact:hover .btn__icon { transform: translateX(4px); }\r\n.contact__info { display: flex; flex-direction: column; gap: 1.2rem; }\r\n.contact__info-card { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; transition: all 0.4s ease; display: flex; align-items: center; gap: 1.2rem; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); }\r\n.contact__info-card:hover { transform: translateX(6px); border-color: #1c7ec9; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.08); }\r\n.contact__info-icon { width: 50px; height: 50px; border-radius: 14px; background: #f0f4f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s ease; }\r\n.contact__info-card:hover .contact__info-icon { background: #eef6fc; }\r\n.contact__info-icon i { font-size: 1.3rem; color: #1c7ec9; }\r\n.contact__info-content h4 { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #07294a; margin-bottom: 0.1rem; }\r\n.contact__info-content p, .contact__info-content a { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; text-decoration: none; transition: color 0.3s ease; }\r\n.contact__info-content a:hover { color: #1c7ec9; }\r\n.contact__hours { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); transition: all 0.4s ease; }\r\n.contact__hours:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__hours-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.8rem; }\r\n.contact__hours-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem 1rem; }\r\n.contact__hours-day { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #6b7f94; }\r\n.contact__hours-time { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #07294a; text-align: right; }\r\n.contact__hours-time .urgent { color: #1c7ec9; font-weight: 700; }\r\n.contact__map { border-radius: 16px; overflow: hidden; border: 1px solid #eef2f6; height: 200px; background: #f8fafc; transition: all 0.4s ease; }\r\n.contact__map:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__map iframe { width: 100%; height: 100%; border: none; }\r\n@media (max-width: 992px) {\r\n .contact__grid { grid-template-columns: 1fr; gap: 2rem; }\r\n .contact__form { padding: 2rem; }\r\n .contact__info { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; }\r\n .contact__map { height: 180px; }\r\n}\r\n@media (max-width: 768px) {\r\n .contact { padding: 3.5rem 1.5rem 4rem; min-height: auto; }\r\n .contact__form { padding: 1.5rem; border-radius: 16px; }\r\n .contact__form-row { grid-template-columns: 1fr; gap: 0; }\r\n .contact__info { grid-template-columns: 1fr; gap: 1rem; }\r\n .contact__info-card { padding: 1.2rem 1.5rem; }\r\n .contact__hours { padding: 1.2rem 1.5rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; gap: 0.3rem 0.8rem; }\r\n .contact__hours-day { font-size: 0.75rem; }\r\n .contact__hours-time { font-size: 0.75rem; }\r\n .contact__map { height: 150px; }\r\n .btn--contact { padding: 0.7rem 1.8rem; font-size: 0.75rem; }\r\n .contact__form-group--file .file-drop-zone { padding: 1rem; }\r\n .contact__form-group--file .file-drop-zone i { font-size: 1.5rem; }\r\n .contact__waves svg { height: 40px; }\r\n}\r\n@media (max-width: 480px) {\r\n .contact__form { padding: 1rem; }\r\n .contact__info-card { padding: 1rem; }\r\n .contact__info-icon { width: 40px; height: 40px; }\r\n .contact__info-icon i { font-size: 1rem; }\r\n .contact__hours { padding: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact\">\r\n <div class=\"contact__container\">\r\n\r\n <div class=\"contact__header\">\r\n <span class=\"contact__badge\"><span class=\"dot\"><\/span> Contactez-nous<\/span>\r\n <h2 class=\"contact__title\">Pret a <span class=\"highlight\">securiser<\/span> vos reseaux ?<\/h2>\r\n <p class=\"contact__subtitle\">Une question, un devis, une urgence ? Notre equipe est a votre ecoute 24h\/24 et 7j\/7.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact__grid\">\r\n\r\n \r\n <div class=\"contact__form\">\r\n <h3 class=\"contact__form-title\">Demandez un diagnostic<\/h3>\r\n <p class=\"contact__form-subtitle\">Remplissez le formulaire et nous vous recontacterons sous 24h.<\/p>\r\n\r\n \r\n <form id=\"contactForm\"\r\n action=\"https:\/\/formsubmit.co\/info-contact@btplus.fr\"\r\n method=\"POST\"\r\n enctype=\"multipart\/form-data\">\r\n\r\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de diagnostic - Site BT Plus\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n \r\n <input type=\"hidden\" name=\"_cc\" value=\"marketing@btgroup-france.com\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n \r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"nom\">Nom complet <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"nom\" name=\"Nom complet\" placeholder=\"Jean Dupont\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"email\">Email <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jean@exemple.fr\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"telephone\">Telephone <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"Telephone\" placeholder=\"01 23 45 67 89\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"cp\">Code postal<\/label>\r\n <input type=\"text\" id=\"cp\" name=\"Code postal\" placeholder=\"75000\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_batiment\">Type de batiment<\/label>\r\n <select id=\"type_batiment\" name=\"Type de batiment\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"copropriete\">Copropriete<\/option>\r\n <option value=\"syndic\">Syndic<\/option>\r\n <option value=\"bailleur\">Bailleur social<\/option>\r\n <option value=\"erp\">ERP (Etablissement recevant du public)<\/option>\r\n <option value=\"tertiaire\">Tertiaire (bureau, commerce)<\/option>\r\n <option value=\"collectivite\">Collectivite<\/option>\r\n <option value=\"particulier\">Particulier<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_besoin\">Type de besoin<\/label>\r\n <select id=\"type_besoin\" name=\"Type de besoin\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"urgence\">Urgence (debouchage, curage)<\/option>\r\n <option value=\"entretien\">Entretien preventif<\/option>\r\n <option value=\"diagnostic\">Diagnostic \/ Inspection<\/option>\r\n <option value=\"travaux\">Travaux \/ Renovation<\/option>\r\n <option value=\"contrat\">Contrat d'entretien<\/option>\r\n <option value=\"devis\">Demande de devis<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"Message\" placeholder=\"Decrivez votre situation...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group contact__form-group--file\">\r\n <label>Ajouter une photo <span style=\"font-weight:400;text-transform:none;color:#b0c0d0;\">(optionnel - une seule)<\/span><\/label>\r\n <div class=\"file-drop-zone\" id=\"fileDropZone\">\r\n <i class=\"fas fa-cloud-upload-alt\"><\/i>\r\n <p>Glissez une photo ici ou cliquez pour la selectionner<\/p>\r\n <div class=\"file-types\">JPG, PNG, GIF - une seule photo, 5MB max<\/div>\r\n <input type=\"file\" id=\"fileInput\" name=\"attachment\" accept=\"image\/*\" \/>\r\n <\/div>\r\n <div class=\"file-list\" id=\"fileList\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__consent\">\r\n <input type=\"checkbox\" id=\"consent\" name=\"Consentement RGPD\" value=\"J'accepte\" required \/>\r\n <label for=\"consent\">\r\n J'accepte que les informations saisies dans ce formulaire soient utilisees par BT Plus\r\n afin de traiter ma demande et de me recontacter. Conformement au RGPD, je dispose d'un\r\n droit d'acces, de rectification et de suppression de mes donnees, que je peux exercer en\r\n ecrivant a <a href=\"mailto:info-contact@btplus.fr\">info-contact@btplus.fr<\/a>.\r\n <a href=\"\/politique-de-confidentialite\" target=\"_blank\" rel=\"noopener\">En savoir plus<\/a>.\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn--contact\">\r\n Envoyer <span class=\"btn__icon\">→<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__info\">\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Telephone<\/h4><p><a href=\"tel:+331 86 95 77 77\">01 86 95 77 77<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Email<\/h4><p><a href=\"mailto:contact@btplus-intervention.fr\">info-contact@btplus.fr<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Adresse<\/h4><p>13 Rue Camille Desmoulins,\r\n92130 Issy-les-Moulineaux<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__hours\">\r\n <div class=\"contact__hours-title\">Horaires d'ouverture<\/div>\r\n <div class=\"contact__hours-grid\">\r\n <span class=\"contact__hours-day\">Lundi - Vendredi<\/span><span class=\"contact__hours-time\">08:00 - 20:00<\/span>\r\n <span class=\"contact__hours-day\">Samedi<\/span><span class=\"contact__hours-time\">09:00 - 18:00<\/span>\r\n <span class=\"contact__hours-day\">Dimanche & jours feries<\/span><span class=\"contact__hours-time\"><span class=\"urgent\">Urgence 24\/7<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__map\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2623.5!2d2.366!3d48.916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2f8e5c8b3d%3A0x8e5c8b3d47e66e2f!2sAubervilliers!5e0!3m2!1sfr!2sfr!4v1700000000000\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"w9\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs>\r\n <g class=\"wave-back\"><use href=\"#w9\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w9\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w9\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w9\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w9\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w9\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var fileInput = document.getElementById('fileInput');\r\n var fileList = document.getElementById('fileList');\r\n var dropZone = document.getElementById('fileDropZone');\r\n if (!fileInput || !dropZone) return;\r\n var perFileMax = 5 * 1024 * 1024;\r\n var totalMax = 10 * 1024 * 1024;\r\n\r\n function updateFileList(files) {\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach(function (file, index) {\r\n var item = document.createElement('span');\r\n item.className = 'file-item';\r\n var icon = file.type.indexOf('image\/') === 0 ? 'fa-image' : 'fa-file';\r\n item.innerHTML = '<i class=\"fas ' + icon + '\"><\/i><span>' + file.name + '<\/span><span class=\"file-remove\" data-index=\"' + index + '\"><i class=\"fas fa-times\"><\/i><\/span>';\r\n fileList.appendChild(item);\r\n });\r\n document.querySelectorAll('.file-remove').forEach(function (btn) {\r\n btn.addEventListener('click', function (e) {\r\n e.stopPropagation();\r\n var idx = parseInt(this.dataset.index);\r\n var dt = new DataTransfer();\r\n Array.from(fileInput.files).filter(function (_, i) { return i !== idx; }).forEach(function (f) { dt.items.add(f); });\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n });\r\n });\r\n }\r\n\r\n function applyFiles(candidate) {\r\n var valid = candidate.filter(function (f) { return f.type.indexOf('image\/') === 0 && f.size <= perFileMax; });\r\n if (candidate.length > 1) alert('Une seule photo peut etre envoyee. Seule la premiere a ete conservee.');\r\n else if (valid.length !== candidate.length) alert('Fichier ignore (image uniquement, 5MB max).');\r\n var dt = new DataTransfer();\r\n if (valid.length > 0) dt.items.add(valid[0]);\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n }\r\n\r\n dropZone.addEventListener('click', function (e) { if (e.target === this || e.target.closest('.file-drop-zone')) fileInput.click(); });\r\n fileInput.addEventListener('change', function () { applyFiles(Array.from(this.files)); });\r\n dropZone.addEventListener('dragover', function (e) { e.preventDefault(); this.classList.add('dragover'); });\r\n dropZone.addEventListener('dragleave', function (e) { e.preventDefault(); this.classList.remove('dragover'); });\r\n dropZone.addEventListener('drop', function (e) {\r\n e.preventDefault(); this.classList.remove('dragover');\r\n applyFiles(Array.from(e.dataTransfer.files));\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>D\u00e9bouchage canalisation pas cher \u2013 BT Plus \u00cele-de-France Plombier urgence 24h\/24 Entreprise d\u00e9bouchage canalisation IDF D\u00e9bouchage canalisation Intervention rapide en \u00cele-de-France Plombier urgence 24h\/24 \u00e0 Paris et en \u00cele-de-France. D\u00e9pannage canalisation bouch\u00e9e \u2013 WC, \u00e9vier, douche, baignoire ou r\u00e9seaux enterr\u00e9s. D\u00e9bouchage haute pression et d\u00e9bouchage professionnel sans produit chimique. Devis gratuit et intervention rapide. D\u00e9bouchage […]<\/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-445","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/445","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=445"}],"version-history":[{"count":112,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/445\/revisions"}],"predecessor-version":[{"id":2978,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/445\/revisions\/2978"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=445"}],"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\nD\u00e9bouchage canalisation pas cher \u2013 BT Plus \u00cele-de-France<\/title>\r\n<meta name=\"description\" content=\"BT Plus : entreprise de d\u00e9bouchage canalisation en \u00cele-de-France. Intervention rapide 24h\/24, devis gratuit, mat\u00e9riel haute pression. D\u00e9bouchage WC, \u00e9vier, douche.\" \/>\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\n ============================================ *\/\r\n .badge-247 {\r\n position:absolute;\r\n top:20px;\r\n right:24px;\r\n background:#ffffff;\r\n border-radius:14px;\r\n padding:12px 16px;\r\n box-shadow:var(--shadow-md);\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n z-index:10;\r\n border:1px solid var(--blue-100);\r\n animation:floaty 6s ease-in-out infinite;\r\n animation-delay:0.3s;\r\n }\r\n\r\n .badge-247 .fic {\r\n width:38px;\r\n height:38px;\r\n border-radius:10px;\r\n display:grid;\r\n place-items:center;\r\n flex-shrink:0;\r\n background:var(--blue-50);\r\n color:var(--blue-700);\r\n }\r\n\r\n .badge-247 .fic svg {\r\n width:20px;\r\n height:20px;\r\n }\r\n\r\n .badge-247 b {\r\n font-family:var(--font-display);\r\n display:block;\r\n font-size:1.05rem;\r\n color:var(--blue-900);\r\n line-height:1.1;\r\n }\r\n\r\n .badge-247 small {\r\n color:var(--slate);\r\n font-size:.74rem;\r\n }\r\n\r\n @keyframes floaty{\r\n 0%,100%{transform:translateY(0)}\r\n 50%{transform:translateY(-12px)}\r\n }\r\n\r\n @media(max-width:600px){\r\n .badge-247{\r\n top:12px;\r\n right:12px;\r\n padding:8px 12px;\r\n gap:8px;\r\n }\r\n .badge-247 .fic{\r\n width:30px;\r\n height:30px;\r\n }\r\n .badge-247 b{\r\n font-size:.85rem;\r\n }\r\n .badge-247 small{\r\n font-size:.65rem;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n CONTENU TEXTE \u2014 SP\u00c9CIALIS\u00c9 D\u00c9BOUCHAGE\r\n ============================================ *\/\r\n h1{\r\n font-family:var(--font-display);font-weight:800;\r\n font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.06;\r\n letter-spacing:-.025em;color:var(--blue-900);margin:18px 0 0;\r\n }\r\n h1 .accent{\r\n color:var(--orange);position:relative;white-space:nowrap;\r\n }\r\n h1 .accent::after{\r\n content:\"\";position:absolute;left:0;right:0;bottom:.06em;height:.16em;\r\n background:rgba(244,166,26,.28);border-radius:4px;z-index:-1;\r\n transform:scaleX(0);transform-origin:left;animation:underline 1s .8s ease forwards;\r\n }\r\n @keyframes underline{to{transform:scaleX(1)}}\r\n\r\n .lead{\r\n margin-top:18px;font-size:1.08rem;color:var(--slate);max-width:520px;\r\n }\r\n\r\n \/* service chips *\/\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 }\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\r\n \/* trust strip *\/\r\n .trust{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px}\r\n .trust div{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--slate);font-weight:500}\r\n .trust svg{width:18px;height:18px;color:#1faa6b;flex-shrink:0}\r\n\r\n \/* ---------- Visual ---------- *\/\r\n .visual{position:relative;display:grid;place-items:center;min-height:380px}\r\n .disc{\r\n position:relative;\r\n width:min(420px,90%);\r\n aspect-ratio:1;\r\n border-radius:50%;\r\n overflow:hidden;\r\n box-shadow:0 40px 70px -25px rgba(13,79,139,.7);\r\n display:grid;\r\n place-items:center;\r\n }\r\n\r\n .disc img{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n z-index:1;\r\n }\r\n\r\n .disc .overlay{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n background:rgba(7,41,74,0.30);\r\n z-index:2;\r\n border-radius:50%;\r\n }\r\n\r\n .ring{\r\n position:absolute;\r\n border:2px solid rgba(255,255,255,0.5);\r\n border-radius:50%;\r\n inset:0;\r\n opacity:0;\r\n z-index:3;\r\n animation:ripple 4s linear infinite;\r\n pointer-events:none;\r\n }\r\n .ring:nth-child(3){animation-delay:1.3s}\r\n .ring:nth-child(4){animation-delay:2.6s}\r\n @keyframes ripple{\r\n 0%{transform:scale(.55);opacity:.6}\r\n 80%{opacity:0}\r\n 100%{transform:scale(1.18);opacity:0}\r\n }\r\n\r\n .disc-content{\r\n position:relative;\r\n z-index:4;\r\n text-align:center;\r\n color:#ffffff;\r\n padding:20px;\r\n }\r\n\r\n .disc-content .icon-badge{\r\n display:inline-block;\r\n background:rgba(255,255,255,0.15);\r\n backdrop-filter:blur(6px);\r\n padding:6px 16px;\r\n border-radius:100px;\r\n font-family:var(--font-display);\r\n font-weight:700;\r\n font-size:.7rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,0.2);\r\n margin-bottom:10px;\r\n }\r\n\r\n .disc-content .big-number{\r\n font-family:var(--font-display);\r\n font-weight:800;\r\n font-size:3.8rem;\r\n line-height:1;\r\n color:#fff;\r\n text-shadow:0 4px 20px rgba(0,0,0,0.2);\r\n }\r\n\r\n .disc-content .big-number span{\r\n font-size:1.4rem;\r\n font-weight:500;\r\n opacity:0.8;\r\n }\r\n\r\n .disc-content .desc{\r\n font-family:var(--font-body);\r\n font-weight:500;\r\n font-size:.95rem;\r\n color:rgba(255,255,255,0.9);\r\n margin-top:4px;\r\n }\r\n\r\n \/* ============================================\r\n FLOATING CARDS\r\n ============================================ *\/\r\n .float{\r\n position:absolute;\r\n background:#fff;\r\n border-radius:14px;\r\n padding:12px 15px;\r\n box-shadow:var(--shadow-md);\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n font-size:.85rem;\r\n animation:floaty 6s ease-in-out infinite;\r\n z-index:10;\r\n }\r\n .float .fic{\r\n width:38px;\r\n height:38px;\r\n border-radius:10px;\r\n display:grid;\r\n place-items:center;\r\n flex-shrink:0;\r\n }\r\n .float b{\r\n font-family:var(--font-display);\r\n display:block;\r\n font-size:1.05rem;\r\n color:var(--blue-900);\r\n line-height:1.1;\r\n }\r\n .float small{\r\n color:var(--slate);\r\n font-size:.74rem;\r\n }\r\n .float.one{\r\n top:6%;\r\n left:-4%;\r\n animation-delay:.2s;\r\n }\r\n .float.one .fic{\r\n background:#fff3df;\r\n color:var(--orange-dark);\r\n }\r\n .float.two{\r\n bottom:10%;\r\n right:-6%;\r\n animation-delay:1.6s;\r\n }\r\n .float.two .fic{\r\n background:var(--blue-50);\r\n color:var(--blue-700);\r\n }\r\n @media(max-width:560px){\r\n .float.one{left:0}\r\n .float.two{right:0}\r\n }\r\n\r\n \/* ---------- Animated waves ---------- *\/\r\n .waves{\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n bottom:0;\r\n line-height:0;\r\n z-index:1;\r\n pointer-events:none;\r\n }\r\n .waves svg{\r\n display:block;\r\n width:100%;\r\n height:120px;\r\n }\r\n .wave-back use{animation:wavemove 11s linear infinite;opacity:.55}\r\n .wave-mid use{animation:wavemove 8s linear infinite reverse;opacity:.8}\r\n .wave-front use{animation:wavemove 6s linear infinite}\r\n @keyframes wavemove{\r\n 0%{transform:translateX(0)}\r\n 100%{transform:translateX(-50%)}\r\n }\r\n\r\n \/* ---------- entrance ---------- *\/\r\n .reveal{\r\n opacity:0;\r\n transform:translateY(22px);\r\n animation:rise .7s cubic-bezier(.2,.7,.3,1) forwards;\r\n }\r\n .d1{animation-delay:.05s}\r\n .d2{animation-delay:.16s}\r\n .d3{animation-delay:.27s}\r\n .d4{animation-delay:.38s}\r\n .d5{animation-delay:.49s}\r\n .reveal-r{\r\n opacity:0;\r\n transform:scale(.94);\r\n animation:pop .8s .3s cubic-bezier(.2,.7,.3,1) forwards;\r\n }\r\n @keyframes rise{\r\n to{opacity:1;transform:translateY(0)}\r\n }\r\n @keyframes pop{\r\n to{opacity:1;transform:scale(1)}\r\n }\r\n\r\n @media(prefers-reduced-motion:reduce){\r\n *{animation:none!important;transition:none!important}\r\n .reveal,.reveal-r{opacity:1;transform:none}\r\n h1 .accent::after{transform:scaleX(1)}\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media(max-width:768px){\r\n .disc{\r\n width:min(340px,85%);\r\n }\r\n .disc-content .big-number{\r\n font-size:2.8rem;\r\n }\r\n .disc-content .big-number span{\r\n font-size:1.1rem;\r\n }\r\n .disc-content .desc{\r\n font-size:.8rem;\r\n }\r\n .disc-content .icon-badge{\r\n font-size:.6rem;\r\n padding:4px 12px;\r\n }\r\n }\r\n\r\n @media(max-width:480px){\r\n .disc{\r\n width:min(280px,80%);\r\n }\r\n .disc-content .big-number{\r\n font-size:2.2rem;\r\n }\r\n .disc-content .big-number span{\r\n font-size:.9rem;\r\n }\r\n .disc-content .desc{\r\n font-size:.7rem;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header class=\"hero\">\r\n <div class=\"hero-inner\">\r\n\r\n \r\n \r\n \r\n <div class=\"badge-247\">\r\n <span class=\"fic\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <path d=\"M12 7v5l3 2\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span>\r\n <b>Plombier urgence 24h\/24<\/b>\r\n <small>Entreprise d\u00e9bouchage canalisation IDF<\/small>\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div class=\"content\">\r\n <h1 class=\"reveal d2\">\r\n <strong>D\u00e9bouchage canalisation<\/strong><br \/>\r\n <span class=\"accent\">Intervention rapide<\/span> en \u00cele-de-France\r\n <\/h1>\r\n\r\n <p class=\"lead reveal d3\">\r\n <strong>Plombier urgence 24h\/24<\/strong> \u00e0 Paris et en \u00cele-de-France.\r\n <strong>D\u00e9pannage canalisation bouch\u00e9e<\/strong> \u2013 WC, \u00e9vier, douche, baignoire ou r\u00e9seaux enterr\u00e9s.\r\n <strong>D\u00e9bouchage haute pression<\/strong> et <strong>d\u00e9bouchage professionnel<\/strong> sans produit chimique.\r\n <strong>Devis gratuit<\/strong> et <strong>intervention rapide<\/strong>.\r\n <\/p>\r\n\r\n \r\n <div class=\"chips reveal d4\">\r\n <span class=\"chip\">\r\n <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>\r\n D\u00e9bouchage maison \/ appartement\r\n <\/span>\r\n <span class=\"chip\">\r\n <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>\r\n D\u00e9bouchage immeuble \/ copropri\u00e9t\u00e9\r\n <\/span>\r\n <span class=\"chip\">\r\n <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>\r\n D\u00e9bouchage restaurant \/ h\u00f4tel\r\n <\/span>\r\n <span class=\"chip\">\r\n <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>\r\n <strong>Haute pression 300 bars<\/strong>\r\n <\/span>\r\n <\/div>\r\n\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>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>D\u00e9bouchage 24h\/24 \u2013 7j\/7<\/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>Garantie 48h<\/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>D\u00e9placement sous 1h<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n \r\n <div class=\"visual reveal-r\">\r\n <div class=\"disc\">\r\n <img decoding=\"async\"\r\n src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-09-14-at-14.47.33.jpg\"\r\n alt=\"D\u00e9bouchage canalisation haute pression en \u00cele-de-France\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"overlay\"><\/div>\r\n\r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n\r\n <div class=\"disc-content\">\r\n <span class=\"icon-badge\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;margin-right:6px;\">\r\n <path d=\"M12 2v4M12 22v-4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/>\r\n <\/svg>\r\n Intervention d\u00e9bouchage\r\n <\/span>\r\n <div class=\"big-number\">\r\n <strong>24\/7<\/strong> <span>urgence<\/span>\r\n <\/div>\r\n <div class=\"desc\"><strong>D\u00e9bouchage professionnel<\/strong> en \u00cele-de-France<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"float one\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\r\n <\/span>\r\n <span><b>\u2248 45 min<\/b><small>d\u00e9lai d'intervention<\/small><\/span>\r\n <\/div>\r\n\r\n <div class=\"float two\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><path d=\"M21 12a9 9 0 1 1-9-9c2.5 0 4.8 1 6.4 2.6\"\/><\/svg>\r\n <\/span>\r\n <span><b>1 500+<\/b><small>d\u00e9bouchages \/ an<\/small><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"w\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/>\r\n <\/defs>\r\n <g class=\"wave-back\"><use href=\"#w\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/header>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-655d46d e-con-full e-flex e-con e-parent\" data-id=\"655d46d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79e5ef9 elementor-widget elementor-widget-html\" data-id=\"79e5ef9\" 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=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<style>\r\n.btp-debouchage {\r\n --b900:#07294a; --b800:#0a3666; --b700:#0d4f8b; --b500:#1c7ec9; --b300:#7cc0ee; --b100:#d6ebfb; --b50:#eef6fc;\r\n --or:#f4a61a; --or-d:#d98a0c; --ink:#0c2238; --slate:#48637d; --line:#e4ecf4;\r\n --green:#10b981; --green-bg:#d1fae5; --red:#ef4444; --red-bg:#fee2e2;\r\n --fd:\"Sora\",sans-serif; --fb:\"Inter\",sans-serif; --fm:\"JetBrains Mono\",monospace;\r\n --ease:cubic-bezier(.2,.8,.2,1);\r\n\r\n position:relative; overflow:hidden; width:100%;\r\n padding:80px 0 100px;\r\n font-family:var(--fb); color:var(--ink); line-height:1.5;\r\n background:\r\n radial-gradient(820px 480px at 92% -12%, rgba(244,166,26,.05), transparent 60%),\r\n radial-gradient(760px 460px at -6% 110%, rgba(28,126,201,.05), transparent 55%),\r\n linear-gradient(180deg, var(--b50) 0%, #ffffff 100%);\r\n}\r\n.btp-debouchage *,.btp-debouchage *::before,.btp-debouchage *::after{box-sizing:border-box}\r\n.btp-debouchage h2,.btp-debouchage h3,.btp-debouchage h4,.btp-debouchage p{margin:0}\r\n.btp-debouchage .wrap{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}\r\n\r\n\/* ---------- en-t\u00eate ---------- *\/\r\n.btp-debouchage .hd{text-align:center;margin-bottom:48px}\r\n.btp-debouchage .pill{display:inline-flex;align-items:center;gap:9px;font-family:var(--fm);font-weight:700;\r\n font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--or-d);\r\n background:#fff;border:1px solid #f6e3bf;padding:6px 14px 6px 10px;border-radius:999px}\r\n.btp-debouchage .pill .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(16,185,129,.55);animation:srvPulse 1.8s infinite}\r\n@keyframes srvPulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.55)}70%{box-shadow:0 0 0 9px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}\r\n.btp-debouchage .hd h2{font-family:var(--fd);font-weight:800;letter-spacing:-.025em;line-height:1.08;\r\n font-size:clamp(2rem,4.8vw,3.4rem);color:var(--b900);margin:14px 0 0}\r\n.btp-debouchage .hd h2 em{font-style:normal;color:var(--or)}\r\n.btp-debouchage .hd .lead{margin-top:14px;font-size:1.05rem;color:var(--slate);max-width:620px;margin-left:auto;margin-right:auto}\r\n.btp-debouchage .hd .lead strong{color:var(--b700);font-weight:600}\r\n\r\n\/* ---------- KPI mini ---------- *\/\r\n.btp-debouchage .kpi-row{\r\n display:grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap:12px;\r\n margin:28px 0 40px;\r\n}\r\n@media(max-width:640px){.btp-debouchage .kpi-row{grid-template-columns:1fr 1fr}}\r\n.btp-debouchage .kpi-item{\r\n background:#fff;\r\n border-radius:12px;\r\n padding:14px 18px;\r\n border:1px solid var(--line);\r\n text-align:center;\r\n}\r\n.btp-debouchage .kpi-item .num{\r\n font-family:var(--fd);\r\n font-weight:800;\r\n font-size:1.6rem;\r\n color:var(--b900);\r\n line-height:1;\r\n}\r\n.btp-debouchage .kpi-item .num small{font-size:.9rem;font-weight:600;color:var(--slate)}\r\n.btp-debouchage .kpi-item .label{\r\n font-family:var(--fm);\r\n font-size:.58rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n color:var(--slate);\r\n margin-top:4px;\r\n}\r\n\r\n\/* ---------- grille 2 colonnes ---------- *\/\r\n.btp-debouchage .grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n@media(max-width:640px){.btp-debouchage .grid{grid-template-columns:1fr}}\r\n\r\n.btp-debouchage .card{\r\n background:#fff;\r\n border-radius:16px;\r\n border:1px solid var(--line);\r\n padding:24px 26px;\r\n transition:all .3s var(--ease);\r\n cursor:pointer;\r\n box-shadow:0 2px 8px rgba(0,0,0,.02);\r\n}\r\n.btp-debouchage .card:hover,\r\n.btp-debouchage .card.active{\r\n border-color:var(--or);\r\n box-shadow:0 8px 24px rgba(7,41,74,.08);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.btp-debouchage .card-title{\r\n font-family:var(--fd);\r\n font-weight:700;\r\n font-size:1.1rem;\r\n color:var(--b900);\r\n margin-bottom:4px;\r\n}\r\n.btp-debouchage .card-badge{\r\n font-family:var(--fm);\r\n font-size:.5rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n padding:2px 12px;\r\n border-radius:999px;\r\n display:inline-block;\r\n}\r\n.btp-debouchage .card-badge.green{background:var(--green-bg);color:#065f46}\r\n.btp-debouchage .card-badge.red{background:var(--red-bg);color:#991b1b}\r\n.btp-debouchage .card-badge.orange{background:#fef3c7;color:#b45309}\r\n.btp-debouchage .card-badge.gray{background:#f3f4f6;color:#6b7280}\r\n\r\n.btp-debouchage .card-desc{\r\n font-size:.85rem;\r\n color:var(--slate);\r\n line-height:1.6;\r\n margin:6px 0 10px;\r\n}\r\n.btp-debouchage .card-desc strong{color:var(--b700);font-weight:600}\r\n\r\n.btp-debouchage .card-tags{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:6px;\r\n margin-top:4px;\r\n}\r\n.btp-debouchage .card-tags span{\r\n font-family:var(--fm);\r\n font-size:.55rem;\r\n color:var(--slate);\r\n background:var(--b50);\r\n padding:2px 12px;\r\n border-radius:999px;\r\n}\r\n\r\n\/* ---------- CTA ROUGE avec num\u00e9ro en blanc ---------- *\/\r\n.btp-debouchage .cta-red{\r\n display:flex;\r\n justify-content:center;\r\n margin-top:44px;\r\n}\r\n.btp-debouchage .btn-urgence{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:12px;\r\n background:#d32f2f;\r\n color:#ffffff !important;\r\n font-family:var(--fd);\r\n font-weight:700;\r\n font-size:1.2rem;\r\n padding:14px 36px;\r\n border-radius:60px;\r\n text-decoration:none;\r\n box-shadow:0 6px 24px rgba(211,47,47,0.3);\r\n transition:all .3s var(--ease);\r\n border:none;\r\n cursor:pointer;\r\n}\r\n.btp-debouchage .btn-urgence:hover{\r\n background:#b71c1c;\r\n transform:translateY(-3px);\r\n box-shadow:0 10px 36px rgba(211,47,47,0.35);\r\n color:#ffffff !important;\r\n}\r\n.btp-debouchage .btn-urgence .label{\r\n font-size:.65rem;\r\n font-weight:400;\r\n opacity:.85;\r\n display:block;\r\n margin-top:-2px;\r\n}\r\n\r\n\/* ---------- vagues ---------- *\/\r\n.btp-debouchage .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.btp-debouchage .waves svg{display:block;width:100%;height:90px}\r\n.btp-debouchage .w-back use{animation:srvWave 12s linear infinite;opacity:.5}\r\n.btp-debouchage .w-mid use{animation:srvWave 9s linear infinite reverse;opacity:.8}\r\n.btp-debouchage .w-front use{animation:srvWave 6s linear infinite}\r\n@keyframes srvWave{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\r\n\r\n\/* ---------- r\u00e9v\u00e9lation ---------- *\/\r\n.btp-debouchage .rv{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease)}\r\n.btp-debouchage .rv.shown{opacity:1;transform:none}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n .btp-debouchage *{animation:none!important;transition:none!important}\r\n .btp-debouchage .rv{opacity:1;transform:none}\r\n}\r\n<\/style>\r\n\r\n<section class=\"btp-debouchage\">\r\n <div class=\"wrap\">\r\n\r\n \r\n <header class=\"hd\">\r\n <span class=\"pill rv\"><span class=\"dot\"><\/span><strong>Entreprise de d\u00e9bouchage agr\u00e9\u00e9e<\/strong> Urgence 24h\/24<\/span>\r\n <h2 class=\"rv\"><strong>D\u00e9bouchage canalisation<\/strong> & <strong>d\u00e9bouchage haute pression<\/strong> \u2013 <em>notre expertise<\/em><\/h2>\r\n <p class=\"lead rv\">\r\n <strong>D\u00e9bouchage canalisation pas cher<\/strong> et <strong>d\u00e9bouchage haute pression IDF<\/strong>\r\n pour tous types de canalisations. <strong>Entreprise de d\u00e9bouchage agr\u00e9\u00e9e<\/strong> en <strong>\u00cele-de-France<\/strong>,\r\n nous r\u00e9alisons <strong>d\u00e9pannage canalisation bouch\u00e9e<\/strong> en urgence,\r\n <strong>d\u00e9bouchage pr\u00e9ventif<\/strong> et <strong>d\u00e9bouchage curatif<\/strong>\r\n pour <strong>particuliers<\/strong>, <strong>copropri\u00e9t\u00e9s<\/strong>, <strong>restaurants<\/strong>,\r\n <strong>h\u00f4tels<\/strong>, <strong>immeubles<\/strong> et <strong>bureaux<\/strong>.\r\n <strong>Devis d\u00e9bouchage gratuit<\/strong> \u2013 <strong>intervention d\u00e9bouchage 24h\/24<\/strong>.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"kpi-row rv\">\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">1 <small>h<\/small><\/div>\r\n <div class=\"label\">Intervention sous 1h<\/div>\r\n <\/div>\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">0 <small>\u20ac<\/small><\/div>\r\n <div class=\"label\">Devis d\u00e9bouchage gratuit<\/div>\r\n <\/div>\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">48 <small>h<\/small><\/div>\r\n <div class=\"label\">Garantie 48h<\/div>\r\n <\/div>\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">300 <small>bars<\/small><\/div>\r\n <div class=\"label\">Haute pression 300 bars<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid rv\">\r\n\r\n \r\n <div class=\"card active\">\r\n <div class=\"card-title\">R\u00f4le du <strong style=\"color:var(--or);\">d\u00e9bouchage canalisation<\/strong><\/div>\r\n <span class=\"card-badge green\">D\u00e9bouchage professionnel<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Le r\u00f4le principal d'un d\u00e9bouchage<\/strong> est d'\u00e9liminer les obstructions et r\u00e9sidus accumul\u00e9s qui bloquent l'\u00e9coulement de vos eaux. Nos techniciens sp\u00e9cialis\u00e9s dans le <strong>d\u00e9bouchage de canalisations en \u00cele-de-France<\/strong> interviennent \u00e0 l'aide d'un <strong>hydrocureur haute pression<\/strong> ou d'un <strong>furet<\/strong>. <strong>Entreprise de d\u00e9bouchage agr\u00e9\u00e9e<\/strong> \u2013 <strong>d\u00e9bouchage<\/strong> efficace et durable.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>D\u00e9bouchage professionnel<\/strong><\/span>\r\n <span><strong>Haute pression 300 bars<\/strong><\/span>\r\n <span>Mat\u00e9riel professionnel<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-title\">Causes des bouchons \u2013 <strong style=\"color:var(--or);\">d\u00e9tection de bouchon<\/strong><\/div>\r\n <span class=\"card-badge red\">\u00c0 \u00e9liminer<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Les causes fr\u00e9quentes d'un bouchon :<\/strong> cheveux, lingettes, graisses, r\u00e9sidus alimentaires, tartre et calcaire. Ces \u00e9l\u00e9ments s'accumulent et finissent par former un <strong>bouchon<\/strong> qui bloque l'\u00e9coulement. Un <strong>d\u00e9bouchage professionnel<\/strong> assure une <strong>d\u00e9tection de bouchon<\/strong> pr\u00e9cise et un <strong>nettoyage<\/strong> optimal.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span>Cheveux<\/span>\r\n <span>Lingettes<\/span>\r\n <span>Graisses<\/span>\r\n <span>Calcaire<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-title\"><strong style=\"color:var(--or);\">D\u00e9bouchage d'urgence<\/strong> \u2013 24h\/24<\/div>\r\n <span class=\"card-badge red\">Urgence 24h\/24<\/span>\r\n <div class=\"card-desc\">\r\n <strong>D\u00e9bouche instantan\u00e9ment vos canalisations en cas d'urgence.<\/strong> Le technicien intervient chez vous et choisit le mat\u00e9riel adapt\u00e9 \u00e0 vos canalisations en fonction du diam\u00e8tre de celles-ci pour ne pas risquer de les endommager. <strong>D\u00e9bouchage urgence IDF<\/strong> \u2013 intervention rapide sous 1h. <strong>Plombier urgence 24h\/24<\/strong> disponible.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>D\u00e9bouchage urgence<\/strong><\/span>\r\n <span>Intervention rapide<\/span>\r\n <span>24h\/24 \u2013 7j\/7<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-title\"><strong style=\"color:var(--or);\">D\u00e9bouchage pr\u00e9ventif<\/strong> \u2013 entretien<\/div>\r\n <span class=\"card-badge orange\">Entretien programm\u00e9<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Entretien r\u00e9gulier pour une circulation fluide toute l'ann\u00e9e.<\/strong> L'<strong>entretien canalisation<\/strong> et le <strong>d\u00e9bouchage pr\u00e9ventif<\/strong> sont essentiels pour votre syst\u00e8me d'assainissement. Id\u00e9al pour <strong>d\u00e9bouchage copropri\u00e9t\u00e9<\/strong>, <strong>restaurant<\/strong>, <strong>h\u00f4tel<\/strong>, <strong>immeuble<\/strong> ou <strong>bureaux<\/strong>. <strong>D\u00e9bouchage maison \/ appartement<\/strong> \u00e9galement possible.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>D\u00e9bouchage pr\u00e9ventif<\/strong><\/span>\r\n <span><strong>Entretien r\u00e9seau<\/strong><\/span>\r\n <span>D\u00e9pannage<\/span>\r\n <span>Durable<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-red rv\">\r\n <a href=\"tel:0186957777\" class=\"btn-urgence\">\r\n <span>\r\n 01 86 95 77 77\r\n <span class=\"label\">Urgence 24h\/24 \u2013 7j\/7<\/span>\r\n <\/span>\r\n <\/a>\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><path id=\"srvWaveP\" 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=\"w-back\"><use href=\"#srvWaveP\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#srvWaveP\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"w-mid\"><use href=\"#srvWaveP\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#srvWaveP\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"w-front\"><use href=\"#srvWaveP\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#srvWaveP\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n\r\n const section = document.querySelector('.btp-debouchage');\r\n if (!section) return;\r\n\r\n const cards = section.querySelectorAll('.card');\r\n cards.forEach(card => {\r\n const activate = () => {\r\n cards.forEach(c => c.classList.remove('active'));\r\n card.classList.add('active');\r\n };\r\n card.addEventListener('mouseenter', activate);\r\n card.addEventListener('focus', activate);\r\n card.setAttribute('tabindex', '0');\r\n });\r\n\r\n const rv = section.querySelectorAll('.rv');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n rv.forEach(el => io.observe(el));\r\n } else {\r\n rv.forEach(el => el.classList.add('shown'));\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-07b28ac e-con-full e-flex e-con e-parent\" data-id=\"07b28ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28e4d90 elementor-widget elementor-widget-html\" data-id=\"28e4d90\" 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.galerie-carrousel {\r\n --b900: #07294a;\r\n --or: #f4a61a;\r\n --slate: #48637d;\r\n --line: #eef2f5;\r\n \r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n font-family: 'Inter', sans-serif;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Vague d\u00e9corative *\/\r\n.galerie-carrousel::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,80 600,0 900,40 C1050,60 1150,40 1200,40 L1200,80 L0,80 Z' fill='%23d6ebfb' opacity='0.3'\/%3E%3C\/svg%3E\") no-repeat bottom \/ 100% 100%;\r\n pointer-events: none;\r\n}\r\n\r\n.galerie-carrousel .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\/* HEADER *\/\r\n.galerie-carrousel .header {\r\n text-align: center;\r\n margin-bottom: 44px;\r\n}\r\n\r\n.galerie-carrousel .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.galerie-carrousel .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n}\r\n\r\n@keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n}\r\n\r\n.galerie-carrousel .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n}\r\n\r\n.galerie-carrousel .title span {\r\n color: #f4a61a;\r\n}\r\n\r\n.galerie-carrousel .subtitle {\r\n font-size: 1.05rem;\r\n color: #48637d;\r\n max-width: 620px;\r\n margin: 12px auto 0;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* ============================================================\r\n CARROUSEL CONTINU\r\n ============================================================ *\/\r\n.galerie-carrousel .carousel-wrapper {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 20px;\r\n}\r\n\r\n.galerie-carrousel .carousel-track {\r\n display: flex;\r\n gap: 16px;\r\n animation: scrollCarousel 30s linear infinite;\r\n will-change: transform;\r\n width: max-content;\r\n}\r\n\r\n.galerie-carrousel .carousel-track:hover {\r\n animation-play-state: paused;\r\n}\r\n\r\n@keyframes scrollCarousel {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 220px;\r\n aspect-ratio: 1\/1;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n position: relative;\r\n background: #07294a;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 16px rgba(7, 41, 74, 0.06);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 12px 40px rgba(7, 41, 74, 0.15);\r\n z-index: 2;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover img {\r\n transform: scale(1.05);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide .ville {\r\n position: absolute;\r\n bottom: 12px;\r\n left: 12px;\r\n right: 12px;\r\n background: rgba(7, 41, 74, 0.75);\r\n backdrop-filter: blur(4px);\r\n padding: 6px 14px;\r\n border-radius: 999px;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n color: #fff;\r\n text-align: center;\r\n opacity: 0;\r\n transform: translateY(10px);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover .ville {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide .zoom-icon {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n background: rgba(0, 0, 0, 0.5);\r\n backdrop-filter: blur(4px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fff;\r\n font-size: 0.7rem;\r\n opacity: 0;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover .zoom-icon {\r\n opacity: 1;\r\n}\r\n\r\n\/* ============================================================\r\n INDICATEURS\r\n ============================================================ *\/\r\n.galerie-carrousel .indicators {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 28px;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--line);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots .dot.active {\r\n background: var(--or);\r\n width: 24px;\r\n border-radius: 999px;\r\n}\r\n\r\n.galerie-carrousel .indicators .counter {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.8rem;\r\n color: var(--slate);\r\n font-weight: 500;\r\n}\r\n\r\n.galerie-carrousel .indicators .pause-btn {\r\n background: none;\r\n border: none;\r\n color: var(--slate);\r\n font-size: 1rem;\r\n cursor: pointer;\r\n transition: color 0.3s ease;\r\n padding: 4px 8px;\r\n}\r\n\r\n.galerie-carrousel .indicators .pause-btn:hover {\r\n color: var(--or);\r\n}\r\n\r\n\/* ============================================================\r\n MODALE\r\n ============================================================ *\/\r\n.galerie-carrousel .modal {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n z-index: 9999;\r\n background: rgba(7, 41, 74, 0.92);\r\n backdrop-filter: blur(8px);\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px;\r\n animation: modalFade 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .modal.open {\r\n display: flex;\r\n}\r\n\r\n@keyframes modalFade {\r\n from { opacity: 0; transform: scale(0.95); }\r\n to { opacity: 1; transform: scale(1); }\r\n}\r\n\r\n.galerie-carrousel .modal .modal-content {\r\n position: relative;\r\n max-width: 90vw;\r\n max-height: 85vh;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.galerie-carrousel .modal .modal-content img {\r\n width: 100%;\r\n height: auto;\r\n max-height: 85vh;\r\n object-fit: contain;\r\n display: block;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-close {\r\n position: absolute;\r\n top: -50px;\r\n right: 0;\r\n background: none;\r\n border: none;\r\n color: #fff;\r\n font-size: 2rem;\r\n cursor: pointer;\r\n transition: transform 0.3s ease;\r\n opacity: 0.7;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-close:hover {\r\n transform: rotate(90deg);\r\n opacity: 1;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-ville {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: rgba(0, 0, 0, 0.6);\r\n backdrop-filter: blur(4px);\r\n padding: 8px 24px;\r\n border-radius: 999px;\r\n color: #fff;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n}\r\n\r\n\/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n@media (max-width: 992px) {\r\n .galerie-carrousel .container {\r\n padding: 0 30px;\r\n }\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 180px;\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .galerie-carrousel {\r\n padding: 60px 0 80px;\r\n }\r\n .galerie-carrousel .container {\r\n padding: 0 16px;\r\n }\r\n .galerie-carrousel .carousel-track {\r\n gap: 10px;\r\n }\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 150px;\r\n border-radius: 12px;\r\n }\r\n .galerie-carrousel .carousel-track .slide .ville {\r\n font-size: 0.6rem;\r\n padding: 4px 10px;\r\n bottom: 8px;\r\n left: 8px;\r\n right: 8px;\r\n }\r\n .galerie-carrousel .carousel-track .slide .zoom-icon {\r\n display: none;\r\n }\r\n .galerie-carrousel .modal {\r\n padding: 16px;\r\n }\r\n .galerie-carrousel .modal .modal-close {\r\n top: -40px;\r\n font-size: 1.5rem;\r\n }\r\n .galerie-carrousel .modal .modal-ville {\r\n font-size: 0.7rem;\r\n padding: 4px 16px;\r\n bottom: 12px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 130px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"galerie-carrousel\">\r\n <div class=\"container\">\r\n \r\n \r\n <div class=\"header\">\r\n <span class=\"pill\">\r\n <span class=\"dot\"><\/span>\r\n Galerie BT Plus\r\n <\/span>\r\n <h2 class=\"title\">\r\n INTERVENTIONS <span>ASSAINISSEMENT<\/span><br>EN IMAGES\r\n <\/h2>\r\n <p class=\"subtitle\">\r\n D\u00e9couvrez nos chantiers r\u00e9cents : curage, d\u00e9bouchage, pompage, inspection cam\u00e9ra.\r\n Cliquez sur une photo pour l'agrandir.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-wrapper\">\r\n <div class=\"carousel-track\" id=\"carouselTrack\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"indicators\">\r\n <div class=\"dots\" id=\"dotsContainer\"><\/div>\r\n <span class=\"counter\" id=\"counter\">1 \/ 9<\/span>\r\n <button class=\"pause-btn\" id=\"pauseBtn\" aria-label=\"Pause \/ Play\">\r\n <i class=\"fas fa-pause\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"modal\" id=\"modal\">\r\n <div class=\"modal-content\">\r\n <button class=\"modal-close\" id=\"modalClose\">×<\/button>\r\n <img decoding=\"async\" id=\"modalImg\" src=\"\" alt=\"Intervention assainissement\">\r\n <div class=\"modal-ville\" id=\"modalVille\"><\/div>\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 \/\/ ============================================================\r\n \/\/ DONN\u00c9ES \u2014 Photos avec villes\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.08-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Paris 15e'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-29-at-17.45.06-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Boulogne-Billancourt'\r\n },\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 ville: 'Nanterre'\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 ville: 'Saint-Denis'\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 ville: 'Montreuil'\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 ville: 'Vincennes'\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 ville: 'Asni\u00e8res'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-27-at-14.45.13-2-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Levallois-Perret'\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 ville: 'Yvelines'\r\n }\r\n ];\r\n\r\n \/\/ ============================================================\r\n \/\/ \u00c9L\u00c9MENTS\r\n \/\/ ============================================================\r\n const track = document.getElementById('carouselTrack');\r\n const dotsContainer = document.getElementById('dotsContainer');\r\n const counter = document.getElementById('counter');\r\n const pauseBtn = document.getElementById('pauseBtn');\r\n const modal = document.getElementById('modal');\r\n const modalImg = document.getElementById('modalImg');\r\n const modalVille = document.getElementById('modalVille');\r\n const modalClose = document.getElementById('modalClose');\r\n\r\n let isPaused = false;\r\n let currentIndex = 0;\r\n const totalSlides = photos.length;\r\n const slidesPerView = 5;\r\n\r\n \/\/ ============================================================\r\n \/\/ G\u00c9N\u00c9RER LES SLIDES (doubl\u00e9es pour l'effet infini)\r\n \/\/ ============================================================\r\n function renderSlides() {\r\n track.innerHTML = '';\r\n \/\/ Doubler les photos pour l'effet continu\r\n const allPhotos = [...photos, ...photos];\r\n allPhotos.forEach((photo, index) => {\r\n const slide = document.createElement('div');\r\n slide.className = 'slide';\r\n slide.setAttribute('data-index', index % photos.length);\r\n \r\n slide.innerHTML = `\r\n <img decoding=\"async\" src=\"${photo.src}\" alt=\"Intervention assainissement ${photo.ville}\" loading=\"lazy\">\r\n <div class=\"ville\">${photo.ville}<\/div>\r\n <div class=\"zoom-icon\"><i class=\"fas fa-expand\"><\/i><\/div>\r\n `;\r\n \r\n slide.addEventListener('click', function() {\r\n const idx = parseInt(this.getAttribute('data-index'));\r\n openModal(idx);\r\n });\r\n \r\n track.appendChild(slide);\r\n });\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ G\u00c9N\u00c9RER LES DOTS\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' + (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 });\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ NAVIGATION VERS UNE PHOTO SP\u00c9CIFIQUE\r\n \/\/ ============================================================\r\n function goToSlide(index) {\r\n currentIndex = index;\r\n const slideWidth = 220 + 16; \/\/ largeur + gap\r\n const offset = -(index * slideWidth);\r\n \/\/ Animation manuelle\r\n track.style.animation = 'none';\r\n track.style.transform = `translateX(${offset}px)`;\r\n \/\/ R\u00e9activer l'animation apr\u00e8s un d\u00e9lai\r\n setTimeout(() => {\r\n track.style.animation = '';\r\n track.style.transform = '';\r\n }, 50);\r\n updateDots();\r\n updateCounter();\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ MISE \u00c0 JOUR DES INDICATEURS\r\n \/\/ ============================================================\r\n function updateDots() {\r\n const dots = dotsContainer.querySelectorAll('.dot');\r\n dots.forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentIndex);\r\n });\r\n }\r\n\r\n function updateCounter() {\r\n counter.textContent = `${currentIndex + 1} \/ ${totalSlides}`;\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ PAUSE \/ PLAY\r\n \/\/ ============================================================\r\n function togglePause() {\r\n isPaused = !isPaused;\r\n if (isPaused) {\r\n track.style.animationPlayState = 'paused';\r\n pauseBtn.innerHTML = '<i class=\"fas fa-play\"><\/i>';\r\n } else {\r\n track.style.animationPlayState = 'running';\r\n pauseBtn.innerHTML = '<i class=\"fas fa-pause\"><\/i>';\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ MODALE\r\n \/\/ ============================================================\r\n function openModal(index) {\r\n const photo = photos[index];\r\n modalImg.src = photo.src;\r\n modalImg.alt = `Intervention assainissement ${photo.ville}`;\r\n modalVille.textContent = photo.ville;\r\n modal.classList.add('open');\r\n document.body.style.overflow = 'hidden';\r\n track.style.animationPlayState = 'paused';\r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('open');\r\n document.body.style.overflow = '';\r\n if (!isPaused) {\r\n track.style.animationPlayState = 'running';\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ SYNC DOTS AVEC L'ANIMATION (bas\u00e9 sur la position)\r\n \/\/ ============================================================\r\n function syncWithScroll() {\r\n \/\/ Cette fonction est appel\u00e9e p\u00e9riodiquement pour synchroniser les dots\r\n \/\/ avec la position actuelle du carrousel\r\n const slideWidth = 220 + 16;\r\n const totalWidth = track.scrollWidth \/ 2;\r\n const scrollPosition = Math.abs(parseFloat(track.style.transform.replace('translateX(', '').replace('px)', ''))) || 0;\r\n const approxIndex = Math.round(scrollPosition \/ slideWidth) % totalSlides;\r\n if (approxIndex !== currentIndex) {\r\n currentIndex = approxIndex;\r\n updateDots();\r\n updateCounter();\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ \u00c9V\u00c9NEMENTS\r\n \/\/ ============================================================\r\n pauseBtn.addEventListener('click', togglePause);\r\n modalClose.addEventListener('click', closeModal);\r\n modal.addEventListener('click', function(e) {\r\n if (e.target === this) closeModal();\r\n });\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') closeModal();\r\n });\r\n\r\n \/\/ Synchro p\u00e9riodique\r\n setInterval(syncWithScroll, 2000);\r\n\r\n \/\/ ============================================================\r\n \/\/ INITIALISATION\r\n \/\/ ============================================================\r\n renderSlides();\r\n renderDots();\r\n updateCounter();\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=\"400\" height=\"400\"%3E%3Crect fill=\"%2307294a\" width=\"400\" height=\"400\"\/%3E%3Ctext x=\"200\" y=\"200\" text-anchor=\"middle\" font-family=\"Sora\" font-size=\"24\" fill=\"%23f4a61a\"%3EBT Plus%3C\/text%3E%3C\/svg%3E';\r\n }\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-b77e619 e-con-full e-flex e-con e-parent\" data-id=\"b77e619\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-304bbd3 elementor-widget elementor-widget-html\" data-id=\"304bbd3\" 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>D\u00e9bouchage canalisation pas cher \u2013 BT Plus \u00cele-de-France<\/title>\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 TIMELINE VERTICALE OPTIMIS\u00c9E SEO (D\u00c9BOUCHAGE)\r\n ============================================================ *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n background: #f5f7fa;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION TIMELINE\r\n ============================================================ *\/\r\n .btp-timeline {\r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Vague d\u00e9corative *\/\r\n .btp-timeline::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,80 600,0 900,40 C1050,60 1150,40 1200,40 L1200,80 L0,80 Z' fill='%23d6ebfb' opacity='0.3'\/%3E%3C\/svg%3E\") no-repeat bottom \/ 100% 100%;\r\n pointer-events: none;\r\n }\r\n\r\n .btp-timeline .container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* ============================================================\r\n ANIMATIONS (GPU-friendly)\r\n ============================================================ *\/\r\n @keyframes fadeUp {\r\n 0% { opacity: 0; transform: translateY(30px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes slideLeft {\r\n 0% { opacity: 0; transform: translateX(-30px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n @keyframes slideRight {\r\n 0% { opacity: 0; transform: translateX(30px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n @keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n }\r\n\r\n .anim-up {\r\n animation: fadeUp 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .anim-left {\r\n animation: slideLeft 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .anim-right {\r\n animation: slideRight 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .init-hidden {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n .init-left {\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n }\r\n\r\n .init-right {\r\n opacity: 0;\r\n transform: translateX(30px);\r\n }\r\n\r\n \/* ============================================================\r\n HEADER \u2014 SEO enrichi\r\n ============================================================ *\/\r\n .btp-timeline .header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .btp-timeline .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .btp-timeline .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n }\r\n\r\n .btp-timeline .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n }\r\n\r\n .btp-timeline .title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-timeline .subtitle {\r\n font-size: 1.05rem;\r\n color: #48637d;\r\n max-width: 700px;\r\n margin: 12px auto 0;\r\n line-height: 1.6;\r\n }\r\n .btp-timeline .subtitle strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n TIMELINE\r\n ============================================================ *\/\r\n .btp-timeline .timeline {\r\n position: relative;\r\n padding: 0 0 20px 0;\r\n }\r\n\r\n \/* Ligne verticale centrale *\/\r\n .btp-timeline .timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n bottom: 0;\r\n width: 3px;\r\n background: linear-gradient(180deg, #d6ebfb, #f4a61a, #d6ebfb);\r\n transform: translateX(-50%);\r\n border-radius: 99px;\r\n }\r\n\r\n \/* \u00c9tape de la timeline *\/\r\n .btp-timeline .step {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 40px;\r\n position: relative;\r\n }\r\n\r\n .btp-timeline .step:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* Contenu gauche *\/\r\n .btp-timeline .step .content-left {\r\n width: 50%;\r\n padding-right: 50px;\r\n text-align: right;\r\n }\r\n\r\n \/* Contenu droite *\/\r\n .btp-timeline .step .content-right {\r\n width: 50%;\r\n padding-left: 50px;\r\n text-align: left;\r\n }\r\n\r\n \/* Point central *\/\r\n .btp-timeline .step .dot-wrap {\r\n position: absolute;\r\n left: 50%;\r\n top: 8px;\r\n transform: translateX(-50%);\r\n z-index: 2;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background: #fff;\r\n border: 3px solid #f4a61a;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 16px rgba(244, 166, 26, 0.15);\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.75rem;\r\n font-weight: 800;\r\n color: #f4a61a;\r\n }\r\n\r\n \/* Point sp\u00e9cial \u2014 vert pour la derni\u00e8re \u00e9tape *\/\r\n .btp-timeline .step:last-child .dot-wrap {\r\n border-color: #10b981;\r\n background: #10b981;\r\n }\r\n\r\n .btp-timeline .step:last-child .dot-wrap .step-num {\r\n color: #fff;\r\n }\r\n\r\n \/* Num\u00e9ro d'\u00e9tape *\/\r\n .btp-timeline .step .step-label {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n margin-bottom: 4px;\r\n }\r\n\r\n \/* Titre de l'\u00e9tape *\/\r\n .btp-timeline .step .step-title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n margin-bottom: 6px;\r\n line-height: 1.3;\r\n }\r\n\r\n .btp-timeline .step .step-title span {\r\n color: #f4a61a;\r\n }\r\n\r\n \/* Description *\/\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.9rem;\r\n color: #48637d;\r\n line-height: 1.7;\r\n }\r\n\r\n .btp-timeline .step .step-desc strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Bandeau produits (\u00e9tape 1) *\/\r\n .btp-timeline .products-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-top: 10px;\r\n justify-content: flex-start;\r\n }\r\n\r\n .btp-timeline .step .content-right .products-tags {\r\n justify-content: flex-start;\r\n }\r\n\r\n .btp-timeline .step .content-left .products-tags {\r\n justify-content: flex-end;\r\n }\r\n\r\n .btp-timeline .products-tags .tag {\r\n display: inline-block;\r\n font-size: 0.65rem;\r\n font-weight: 500;\r\n color: #48637d;\r\n background: #fff;\r\n padding: 3px 14px;\r\n border-radius: 999px;\r\n border: 1px solid #eef2f5;\r\n transition: all 0.2s;\r\n }\r\n\r\n .btp-timeline .products-tags .tag:hover {\r\n border-color: #f4a61a;\r\n background: #fefaf5;\r\n }\r\n\r\n \/* ============================================================\r\n RAPPEL URGENCE + BOUTON (SEO enrichi)\r\n ============================================================ *\/\r\n .btp-timeline .urgence-block {\r\n margin-top: 50px;\r\n padding-top: 40px;\r\n border-top: 2px solid #eef2f5;\r\n text-align: center;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel {\r\n font-size: 1rem;\r\n color: #48637d;\r\n margin-bottom: 20px;\r\n line-height: 1.6;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel .highlight {\r\n color: #f4a61a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n CTA ROUGE \u2014 NUM\u00c9RO EN BLANC\r\n ============================================================ *\/\r\n .btp-timeline .btn-urgence {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n background: #d32f2f; \/* ROUGE *\/\r\n color: #ffffff !important; \/* BLANC *\/\r\n padding: 16px 40px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n box-shadow: 0 4px 20px rgba(211, 47, 47, 0.30);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btp-timeline .btn-urgence:hover {\r\n background: #b71c1c; \/* ROUGE FONC\u00c9 au survol *\/\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 32px rgba(211, 47, 47, 0.40);\r\n color: #ffffff !important;\r\n gap: 18px;\r\n }\r\n\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.4rem;\r\n letter-spacing: 0.02em;\r\n color: #ffffff; \/* BLANC *\/\r\n }\r\n\r\n .btp-timeline .btn-urgence .label {\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: rgba(255, 255, 255, 0.7); \/* BLANC avec transparence *\/\r\n display: block;\r\n margin-top: 1px;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE (Mobile-first optimis\u00e9)\r\n ============================================================ *\/\r\n @media (max-width: 992px) {\r\n .btp-timeline .container {\r\n padding: 0 30px;\r\n }\r\n\r\n .btp-timeline .timeline::before {\r\n left: 20px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap {\r\n left: 20px;\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .btp-timeline .step .content-left,\r\n .btp-timeline .step .content-right {\r\n width: 100%;\r\n padding-left: 60px;\r\n padding-right: 0;\r\n text-align: left;\r\n }\r\n\r\n .btp-timeline .step .content-left .products-tags {\r\n justify-content: flex-start;\r\n }\r\n\r\n .btp-timeline .step .step-label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .step .step-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence {\r\n padding: 14px 30px;\r\n font-size: 1rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-timeline {\r\n padding: 60px 0 80px;\r\n }\r\n\r\n .btp-timeline .container {\r\n padding: 0 20px;\r\n }\r\n\r\n .btp-timeline .timeline::before {\r\n left: 14px;\r\n }\r\n\r\n .btp-timeline .step {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap {\r\n left: 14px;\r\n width: 34px;\r\n height: 34px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .step .content-left,\r\n .btp-timeline .step .content-right {\r\n padding-left: 48px;\r\n }\r\n\r\n .btp-timeline .step .step-title {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .btp-timeline .products-tags .tag {\r\n font-size: 0.55rem;\r\n padding: 2px 10px;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence {\r\n padding: 12px 24px;\r\n font-size: 0.9rem;\r\n flex-direction: column;\r\n gap: 4px;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence .label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence:hover {\r\n gap: 6px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"btp-timeline\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"header\">\r\n <span class=\"pill init-hidden\">\r\n <span class=\"dot\"><\/span>\r\n Urgence 24h\/24 \u2013 Devis gratuit\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n D\u00e9bouchage canalisation pas cher \u2013 <span>Intervention rapide 24h\/24<\/span>\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n <strong>Plombier urgence 24h\/24 en \u00cele-de-France<\/strong> \u2013 D\u00e9couvrez notre m\u00e9thode pour un\r\n <strong>d\u00e9bouchage professionnel<\/strong> efficace et durable.\r\n <strong>Devis gratuit<\/strong> et <strong>intervention sous 1h<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline\">\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"step-label\">\u00c9tape 1<\/div>\r\n <div class=\"step-title\">Vous tentez un <span>d\u00e9bouchage maison<\/span><\/div>\r\n <div class=\"step-desc\">\r\n Vous avez d\u00e9j\u00e0 essay\u00e9 par vous-m\u00eame \u00e0 l'aide de produits ou mat\u00e9riaux achet\u00e9s en grande surface.\r\n <strong>D\u00e9bouchage pas cher<\/strong> en apparence, mais souvent inefficace sur le long terme.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\">Destop<\/span>\r\n <span class=\"tag\">Vinaigre blanc<\/span>\r\n <span class=\"tag\">Soude<\/span>\r\n <span class=\"tag\">Furet<\/span>\r\n <span class=\"tag\">Ventouse<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">1<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\"><\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">2<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\">\r\n <div class=\"step-label\">\u00c9tape 2<\/div>\r\n <div class=\"step-title\">Une solution <span>temporaire<\/span><\/div>\r\n <div class=\"step-desc\">\r\n \u00c7a a march\u00e9 sur le moment, mais le <strong>bouchon<\/strong> persiste ou revient r\u00e9guli\u00e8rement.\r\n Les solutions temporaires ne r\u00e9solvent pas le probl\u00e8me <strong>en profondeur<\/strong>.\r\n Un <strong>d\u00e9pannage canalisation bouch\u00e9e<\/strong> par un professionnel s'impose.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"step-label\">\u00c9tape 3<\/div>\r\n <div class=\"step-title\">L'eau <span>d\u00e9borde<\/span> \u2013 urgence<\/div>\r\n <div class=\"step-desc\">\r\n Vous ne contr\u00f4lez plus la situation. Le <strong>bouchon<\/strong> est trop important et\r\n l'eau ne s'\u00e9coule plus du tout. C'est une <strong>urgence d\u00e9bouchage<\/strong> qui n\u00e9cessite\r\n une <strong>intervention rapide<\/strong>.\r\n <\/div>\r\n <\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">3<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\"><\/div>\r\n <div class=\"dot-wrap\" style=\"border-color: #f4a61a; background: #fefaf5;\">\r\n <span class=\"step-num\" style=\"color: #f4a61a;\">4<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\">\r\n <div class=\"step-label\">\u00c9tape 4 \u2014 R\u00e9flexe urgent<\/div>\r\n <div class=\"step-title\"><span>Pas de panique !<\/span><\/div>\r\n <div class=\"step-desc\">\r\n Dans un premier temps, <strong>coupez votre arriv\u00e9e d'eau<\/strong> pour \u00e9viter tout d\u00e9g\u00e2t\r\n avant l'arriv\u00e9e de notre <strong>plombier urgence 24h\/24<\/strong>.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"step-label\">\u00c9tape 5<\/div>\r\n <div class=\"step-title\">Vous appelez <span>BT PLUS<\/span><\/div>\r\n <div class=\"step-desc\">\r\n Faites appel \u00e0 une <strong>entreprise de d\u00e9bouchage agr\u00e9\u00e9e<\/strong> comme\r\n <strong>BT PLUS<\/strong>. Notre conseiller t\u00e9l\u00e9phonique accorde une grande attention \u00e0 tous\r\n les d\u00e9tails que vous nous donnez, afin de comprendre parfaitement votre besoin.\r\n <strong>Soci\u00e9t\u00e9 de d\u00e9bouchage canalisation Paris<\/strong> et toute l'\u00cele-de-France.\r\n <strong>D\u00e9bouchage 7j\/7<\/strong> \u2013 nous sommes l\u00e0 pour vous.\r\n <\/div>\r\n <\/div>\r\n <div class=\"dot-wrap\" style=\"border-color: #f4a61a; background: #f4a61a;\">\r\n <span class=\"step-num\" style=\"color: #fff;\">5<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\"><\/div>\r\n <div class=\"dot-wrap\" style=\"border-color: #10b981; background: #10b981;\">\r\n <span class=\"step-num\" style=\"color: #fff;\">6<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\">\r\n <div class=\"step-label\">\u00c9tape 6 \u2014 Intervention<\/div>\r\n <div class=\"step-title\">Intervention <span>rapide chez vous<\/span><\/div>\r\n <div class=\"step-desc\">\r\n Notre \u00e9quipe de <strong>techniciens qualifi\u00e9s<\/strong> ma\u00eetrisant le service que vos canalisations\r\n n\u00e9cessitent intervient <strong>rapidement chez vous<\/strong> avec un\r\n <strong>mat\u00e9riel haute pression<\/strong> (hydrocurage, furet, inspection cam\u00e9ra).\r\n <strong>D\u00e9bouchage haute pression IDF<\/strong> pour un r\u00e9sultat durable.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"urgence-block init-hidden\">\r\n <p class=\"rappel\">\r\n <strong>Rappel :<\/strong> En cas d'urgence, coupez votre arriv\u00e9e d'eau et appelez notre\r\n <strong>plombier urgence 24h\/24<\/strong> <span class=\"highlight\">imm\u00e9diatement<\/span>.\r\n <strong>D\u00e9bouchage 24h\/24 \u2013 7j\/7<\/strong> \u2013 <strong>devis gratuit<\/strong>.\r\n <\/p>\r\n <a href=\"tel:0186957777\" class=\"btn-urgence\">\r\n <span>\r\n <span class=\"number\">01 86 95 77 77<\/span>\r\n <span class=\"label\">Appel gratuit \u00b7 Urgence 24h\/24 \u00b7 7j\/7<\/span>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n\r\n const elements = document.querySelectorAll('.init-hidden, .init-left, .init-right');\r\n\r\n if (elements.length > 0 && 'IntersectionObserver' in window) {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n if (entry.target.classList.contains('init-hidden')) {\r\n entry.target.classList.add('anim-up');\r\n } else if (entry.target.classList.contains('init-left')) {\r\n entry.target.classList.add('anim-left');\r\n } else if (entry.target.classList.contains('init-right')) {\r\n entry.target.classList.add('anim-right');\r\n }\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.15,\r\n rootMargin: '0px 0px -40px 0px'\r\n });\r\n\r\n elements.forEach(el => observer.observe(el));\r\n } else {\r\n \/\/ Fallback si IntersectionObserver non support\u00e9\r\n elements.forEach(el => {\r\n el.classList.remove('init-hidden', 'init-left', 'init-right');\r\n el.classList.add('anim-up', 'anim-left', 'anim-right');\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-128c821 e-con-full e-flex e-con e-parent\" data-id=\"128c821\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9914cc1 elementor-widget elementor-widget-html\" data-id=\"9914cc1\" 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.btp-liens{\r\n --b900:#07294a; --b800:#0a3666; --b700:#0d4f8b; --b500:#1c7ec9; --b300:#7cc0ee; --b100:#d6ebfb; --b50:#eef6fc;\r\n --or:#f4a61a; --or-d:#d98a0c; --ink:#0c2238; --slate:#48637d; --line:#e4ecf4;\r\n --green:#10b981; --green-bg:#d1fae5; --red:#ef4444; --red-bg:#fee2e2;\r\n --fd:\"Sora\",sans-serif; --fb:\"Inter\",sans-serif; --fm:\"JetBrains Mono\",monospace;\r\n --ease:cubic-bezier(.2,.8,.2,1);\r\n\r\n position:relative; overflow:hidden; width:100%;\r\n padding:60px 0 70px;\r\n font-family:var(--fb); color:var(--ink); line-height:1.5;\r\n background:#ffffff;\r\n}\r\n.btp-liens *,.btp-liens *::before,.btp-liens *::after{box-sizing:border-box}\r\n.btp-liens h2,.btp-liens h3,.btp-liens p{margin:0}\r\n.btp-liens .wrap{\r\n max-width:1200px;\r\n margin:0 auto;\r\n padding:0 24px;\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n\/* ---------- en-t\u00eate ---------- *\/\r\n.btp-liens .hd{\r\n text-align:center;\r\n margin-bottom:32px;\r\n}\r\n.btp-liens .hd h2{\r\n font-family:var(--fd);\r\n font-weight:800;\r\n letter-spacing:-.025em;\r\n line-height:1.1;\r\n font-size:clamp(1.6rem,3.2vw,2.4rem);\r\n color:var(--b900);\r\n}\r\n.btp-liens .hd h2 em{font-style:normal;color:var(--or)}\r\n.btp-liens .hd p{\r\n margin-top:8px;\r\n font-size:.95rem;\r\n color:var(--slate);\r\n}\r\n\r\n\/* ---------- groupes de services ---------- *\/\r\n.btp-liens .groupe{\r\n margin-bottom:32px;\r\n}\r\n.btp-liens .groupe:last-child{margin-bottom:0}\r\n\r\n.btp-liens .groupe-titre{\r\n font-family:var(--fd);\r\n font-weight:700;\r\n font-size:1.1rem;\r\n color:var(--b900);\r\n margin-bottom:12px;\r\n padding-bottom:6px;\r\n border-bottom:2px solid var(--or);\r\n display:inline-block;\r\n}\r\n.btp-liens .groupe-titre small{\r\n font-weight:400;\r\n font-size:.7rem;\r\n color:var(--slate);\r\n margin-left:8px;\r\n}\r\n\r\n\/* ---------- grille des services ---------- *\/\r\n.btp-liens .services-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:14px;\r\n}\r\n@media(max-width:820px){\r\n .btp-liens .services-grid{grid-template-columns:repeat(2,1fr)}\r\n}\r\n@media(max-width:480px){\r\n .btp-liens .services-grid{grid-template-columns:1fr}\r\n}\r\n\r\n.btp-liens .service-card{\r\n display:block;\r\n background:#fff;\r\n border-radius:12px;\r\n border:1px solid var(--line);\r\n padding:16px 20px;\r\n text-decoration:none;\r\n color:var(--b900);\r\n font-family:var(--fd);\r\n font-weight:600;\r\n font-size:.9rem;\r\n transition:all .3s var(--ease);\r\n text-align:center;\r\n box-shadow:0 2px 6px rgba(0,0,0,.02);\r\n position:relative;\r\n}\r\n.btp-liens .service-card:hover{\r\n border-color:var(--or);\r\n box-shadow:0 8px 20px rgba(7,41,74,.08);\r\n transform:translateY(-3px);\r\n color:var(--b700);\r\n}\r\n.btp-liens .service-card .sous-titre{\r\n display:block;\r\n font-family:var(--fm);\r\n font-weight:400;\r\n font-size:.55rem;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n color:var(--slate);\r\n margin-top:2px;\r\n}\r\n.btp-liens .service-card .badge-service{\r\n display:inline-block;\r\n font-family:var(--fm);\r\n font-size:.45rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n padding:2px 10px;\r\n border-radius:999px;\r\n background:var(--b50);\r\n color:var(--b700);\r\n margin-bottom:4px;\r\n}\r\n\/* badge \"page actuelle\" *\/\r\n.btp-liens .service-card .badge-actuel{\r\n background:var(--or);\r\n color:#fff;\r\n}\r\n.btp-liens .service-card.actuel{\r\n border-color:var(--or);\r\n background:#fefcf5;\r\n}\r\n\r\n\/* ---------- s\u00e9parateur \"Nos secteurs d'intervention\" ---------- *\/\r\n.btp-liens .sep{\r\n text-align:center;\r\n margin:40px 0 28px 0;\r\n font-family:var(--fm);\r\n font-size:.65rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n color:var(--slate);\r\n position:relative;\r\n}\r\n.btp-liens .sep span{\r\n background:#fff;\r\n padding:0 16px;\r\n position:relative;\r\n z-index:1;\r\n}\r\n.btp-liens .sep::after{\r\n content:'';\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n top:50%;\r\n height:1px;\r\n background:var(--line);\r\n}\r\n\r\n\/* ---------- grille des d\u00e9partements ---------- *\/\r\n.btp-liens .grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:14px;\r\n}\r\n@media(max-width:820px){\r\n .btp-liens .grid{grid-template-columns:repeat(2,1fr)}\r\n}\r\n@media(max-width:480px){\r\n .btp-liens .grid{grid-template-columns:1fr}\r\n}\r\n\r\n.btp-liens .lien{\r\n display:block;\r\n background:#fff;\r\n border-radius:12px;\r\n border:1px solid var(--line);\r\n padding:14px 18px;\r\n text-decoration:none;\r\n color:var(--b900);\r\n font-family:var(--fd);\r\n font-weight:600;\r\n font-size:.9rem;\r\n transition:all .3s var(--ease);\r\n text-align:center;\r\n box-shadow:0 2px 6px rgba(0,0,0,.02);\r\n}\r\n.btp-liens .lien:hover{\r\n border-color:var(--or);\r\n box-shadow:0 8px 20px rgba(7,41,74,.08);\r\n transform:translateY(-3px);\r\n color:var(--b700);\r\n}\r\n.btp-liens .lien .departement{\r\n display:block;\r\n font-family:var(--fm);\r\n font-weight:400;\r\n font-size:.6rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n color:var(--slate);\r\n margin-top:2px;\r\n}\r\n<\/style>\r\n\r\n<section class=\"btp-liens\">\r\n <div class=\"wrap\">\r\n\r\n \r\n <div class=\"hd\">\r\n <h2>Nos autres <em>Services<\/em><\/h2>\r\n <p>Retrouvez l'ensemble de nos prestations d'assainissement, hors d\u00e9bouchage, en \u00cele\u2011de\u2011France<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"groupe\">\r\n <div class=\"groupe-titre\">D\u00e9pannage <small>intervention 24h\/24<\/small><\/div>\r\n <div class=\"services-grid\">\r\n \r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage\/\" class=\"service-card actuel\">\r\n <span class=\"badge-service badge-actuel\">Page actuelle<\/span>\r\n D\u00e9bouchage\r\n <span class=\"sous-titre\">Intervention rapide<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Curage\r\n <span class=\"sous-titre\">Hydrocurage haute pression<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Inspection cam\u00e9ra\r\n <span class=\"sous-titre\">Diagnostic HD 4K<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Pompage\r\n <span class=\"sous-titre\">Vidange & assainissement<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"groupe\">\r\n <div class=\"groupe-titre\">Travaux non collectif <small>ANC & installations priv\u00e9es<\/small><\/div>\r\n <div class=\"services-grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/regard\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Regard\r\n <span class=\"sous-titre\">Regards de visite<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/installation-de-puisard\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Installation de puisard\r\n <span class=\"sous-titre\">Puits d\u2019infiltration<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/bac-a-graisse\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Bac \u00e0 graisse\r\n <span class=\"sous-titre\">S\u00e9paration des graisses<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/instalation-pompe-de-relevage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Installation pompe de relevage\r\n <span class=\"sous-titre\">Mise en place de pompe<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/station-depuration\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Station d\u2019\u00e9puration\r\n <span class=\"sous-titre\">Micro\u2011station & filtre<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/separation-des-ep-eu\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n S\u00e9paration des EP\/EU\r\n <span class=\"sous-titre\">Eaux pluviales \/ eaux us\u00e9es<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/remplacement-de-canalisation\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Remplacement de canalisation\r\n <span class=\"sous-titre\">R\u00e9novation de r\u00e9seaux<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/travaux-de-mise-en-conformite\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Mise en conformit\u00e9\r\n <span class=\"sous-titre\">Mise aux normes du r\u00e9seau<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/travaux-dassainissement-non-collectif\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Assainissement non collectif\r\n <span class=\"sous-titre\">ANC \u2013 Fosse toutes eaux<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"groupe\">\r\n <div class=\"groupe-titre\">Travaux collectif <small>raccordement au r\u00e9seau public<\/small><\/div>\r\n <div class=\"services-grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-tout-a-legout\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Raccordement tout\u2011\u00e0\u2011l\u2019\u00e9gout\r\n <span class=\"sous-titre\">Raccordement au r\u00e9seau public<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-eaux-pluviales\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Raccordement eaux pluviales\r\n <span class=\"sous-titre\">Gestion des eaux de pluie<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-en-gargouille\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Raccordement en gargouille\r\n <span class=\"sous-titre\">Raccordement par gargouille<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"sep\"><span>Nos secteurs d'intervention<\/span><\/div>\r\n\r\n <div class=\"grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-essonne-91\/\" class=\"lien\">\r\n Essonne <span class=\"departement\">91<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-hauts-de-seine-92\/\" class=\"lien\">\r\n Hauts\u2011de\u2011Seine <span class=\"departement\">92<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-paris-75\/\" class=\"lien\">\r\n Paris <span class=\"departement\">75<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-seine-et-marne-77\/\" class=\"lien\">\r\n Seine\u2011et\u2011Marne <span class=\"departement\">77<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-seine-saint-denis-93\/\" class=\"lien\">\r\n Seine\u2011Saint\u2011Denis <span class=\"departement\">93<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-val-doise-95\/\" class=\"lien\">\r\n Val\u2011d\u2019Oise <span class=\"departement\">95<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-val-de-marne-94\/\" class=\"lien\">\r\n Val\u2011de\u2011Marne <span class=\"departement\">94<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-yvelines-78\/\" class=\"lien\">\r\n Yvelines <span class=\"departement\">78<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02342e1 e-con-full e-flex e-con e-parent\" data-id=\"02342e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eeec6eb elementor-widget elementor-widget-html\" data-id=\"eeec6eb\" 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>Diagnostic canalisation \u2013 BT Plus \u00cele-de-France<\/title>\r\n\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 DIAGNOSTIC CANALISATION (SEO optimis\u00e9)\r\n ============================================================ *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n background: #f5f7fa;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n \/* ============================================================\r\n ANIMATIONS (GPU-friendly)\r\n ============================================================ *\/\r\n @keyframes fadeUp {\r\n 0% { opacity: 0; transform: translateY(30px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n }\r\n\r\n .anim-up {\r\n animation: fadeUp 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .init-hidden {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n \/* ============================================================\r\n SECTION DIAGNOSTIC\r\n ============================================================ *\/\r\n .btp-diagnostic {\r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Vague d\u00e9corative *\/\r\n .btp-diagnostic::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,80 600,0 900,40 C1050,60 1150,40 1200,40 L1200,80 L0,80 Z' fill='%23d6ebfb' opacity='0.3'\/%3E%3C\/svg%3E\") no-repeat bottom \/ 100% 100%;\r\n pointer-events: none;\r\n }\r\n\r\n .btp-diagnostic .container {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* ============================================================\r\n HEADER \u2014 SEO enrichi\r\n ============================================================ *\/\r\n .btp-diagnostic .header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .btp-diagnostic .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .btp-diagnostic .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n }\r\n\r\n .btp-diagnostic .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n }\r\n\r\n .btp-diagnostic .title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-diagnostic .subtitle {\r\n font-size: 1.05rem;\r\n color: #48637d;\r\n max-width: 700px;\r\n margin: 12px auto 0;\r\n line-height: 1.6;\r\n }\r\n .btp-diagnostic .subtitle strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n DOSSIER PATIENT \u2014 Avant\/Apr\u00e8s\r\n ============================================================ *\/\r\n .btp-diagnostic .dossier {\r\n background: #fff;\r\n border-radius: 28px;\r\n padding: 40px 44px;\r\n border: 1px solid #eef2f5;\r\n box-shadow: 0 4px 20px rgba(7, 41, 74, 0.04);\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btp-diagnostic .dossier .dossier-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n padding-bottom: 16px;\r\n border-bottom: 2px solid #eef2f5;\r\n }\r\n\r\n .btp-diagnostic .dossier .dossier-header .badge-dossier {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n background: #eef6fc;\r\n padding: 4px 14px;\r\n border-radius: 999px;\r\n }\r\n\r\n .btp-diagnostic .dossier .dossier-header .dossier-id {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.7rem;\r\n color: #9aaeb8;\r\n margin-left: auto;\r\n }\r\n\r\n .btp-diagnostic .ba-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card {\r\n border-radius: 20px;\r\n overflow: hidden;\r\n background: #f8fafc;\r\n border: 1px solid #eef2f5;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 32px rgba(7, 41, 74, 0.06);\r\n border-color: #d6ebfb;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card img {\r\n width: 100%;\r\n height: 220px;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card .ba-label {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 14px 20px;\r\n font-weight: 700;\r\n font-size: 0.85rem;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card .ba-label .status {\r\n font-size: 0.6rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n padding: 2px 12px;\r\n border-radius: 999px;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card .ba-label .status.avant {\r\n background: #fee2e2;\r\n color: #dc2626;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card .ba-label .status.apres {\r\n background: #d1fae5;\r\n color: #10b981;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card .ba-label .label-text {\r\n color: #07294a;\r\n font-family: 'Sora', sans-serif;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card.avant {\r\n border-color: #fca5a5;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card.apres {\r\n border-color: #6ee7b7;\r\n }\r\n\r\n \/* ============================================================\r\n SYMPT\u00d4MES \u2014 SEO enrichis\r\n ============================================================ *\/\r\n .btp-diagnostic .section-title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .btp-diagnostic .symptoms-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btp-diagnostic .symptom-card {\r\n background: #fff;\r\n border-radius: 20px;\r\n padding: 24px 28px;\r\n border: 1px solid #eef2f5;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.02);\r\n }\r\n\r\n .btp-diagnostic .symptom-card:hover {\r\n transform: translateY(-3px);\r\n border-color: #f4a61a;\r\n box-shadow: 0 8px 24px rgba(7, 41, 74, 0.06);\r\n }\r\n\r\n .btp-diagnostic .symptom-card h4 {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .btp-diagnostic .symptom-card p {\r\n font-size: 0.85rem;\r\n color: #48637d;\r\n line-height: 1.6;\r\n }\r\n .btp-diagnostic .symptom-card p strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n .btp-diagnostic .symptom-card .tag-symptom {\r\n display: inline-block;\r\n margin-top: 10px;\r\n font-size: 0.6rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: #f4a61a;\r\n background: #fefaf5;\r\n padding: 2px 14px;\r\n border-radius: 999px;\r\n border: 1px solid #f6e3bf;\r\n }\r\n\r\n \/* ============================================================\r\n ORDONNANCE \u2014 SEO enrichie\r\n ============================================================ *\/\r\n .btp-diagnostic .ordonnance {\r\n background: #fefaf5;\r\n border-radius: 20px;\r\n padding: 28px 32px;\r\n border: 1px solid #f6e3bf;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btp-diagnostic .ordonnance .ord-title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .btp-diagnostic .ordonnance .ord-title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-diagnostic .ordonnance .ord-desc {\r\n font-size: 0.9rem;\r\n color: #48637d;\r\n line-height: 1.6;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .btp-diagnostic .ordonnance .ord-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .btp-diagnostic .ordonnance .ord-list .ord-item {\r\n display: inline-block;\r\n background: #fff;\r\n padding: 6px 18px;\r\n border-radius: 999px;\r\n border: 1px solid #eef2f5;\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n color: #07294a;\r\n transition: all 0.2s;\r\n }\r\n\r\n .btp-diagnostic .ordonnance .ord-list .ord-item:hover {\r\n border-color: #f4a61a;\r\n background: #fff;\r\n }\r\n\r\n \/* ============================================================\r\n RAPPEL URGENCE \u2014 SEO enrichi\r\n ============================================================ *\/\r\n .btp-diagnostic .urgence-block {\r\n margin-top: 10px;\r\n padding-top: 30px;\r\n border-top: 2px solid #eef2f5;\r\n text-align: center;\r\n }\r\n\r\n .btp-diagnostic .urgence-block .rappel {\r\n font-size: 1rem;\r\n color: #48637d;\r\n margin-bottom: 16px;\r\n line-height: 1.6;\r\n }\r\n\r\n .btp-diagnostic .urgence-block .rappel strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n .btp-diagnostic .urgence-block .rappel .highlight {\r\n color: #f4a61a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n CTA ROUGE \u2014 NUM\u00c9RO EN BLANC (comme dans la version curage)\r\n ============================================================ *\/\r\n .btp-diagnostic .btn-urgence {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n background: #d32f2f; \/* ROUGE *\/\r\n color: #ffffff !important; \/* BLANC *\/\r\n padding: 16px 40px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n box-shadow: 0 4px 20px rgba(211, 47, 47, 0.30);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence:hover {\r\n background: #b71c1c; \/* ROUGE FONC\u00c9 au survol *\/\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 32px rgba(211, 47, 47, 0.40);\r\n color: #ffffff !important;\r\n gap: 18px;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .number {\r\n font-size: 1.4rem;\r\n letter-spacing: 0.02em;\r\n color: #ffffff; \/* BLANC *\/\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .label {\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: rgba(255, 255, 255, 0.7); \/* BLANC avec transparence *\/\r\n display: block;\r\n margin-top: 1px;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE (Mobile-first)\r\n ============================================================ *\/\r\n @media (max-width: 992px) {\r\n .btp-diagnostic .container {\r\n padding: 0 30px;\r\n }\r\n\r\n .btp-diagnostic .dossier {\r\n padding: 28px 24px;\r\n }\r\n\r\n .btp-diagnostic .ba-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card img {\r\n height: 180px;\r\n }\r\n\r\n .btp-diagnostic .symptoms-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .btp-diagnostic .ordonnance {\r\n padding: 22px 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-diagnostic {\r\n padding: 60px 0 80px;\r\n }\r\n\r\n .btp-diagnostic .container {\r\n padding: 0 20px;\r\n }\r\n\r\n .btp-diagnostic .dossier {\r\n padding: 20px 16px;\r\n border-radius: 20px;\r\n }\r\n\r\n .btp-diagnostic .ba-grid {\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card img {\r\n height: 160px;\r\n }\r\n\r\n .btp-diagnostic .ba-grid .ba-card .ba-label {\r\n padding: 10px 16px;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .btp-diagnostic .symptom-card {\r\n padding: 18px 20px;\r\n }\r\n\r\n .btp-diagnostic .symptom-card h4 {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-diagnostic .symptom-card p {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .btp-diagnostic .ordonnance .ord-list .ord-item {\r\n font-size: 0.7rem;\r\n padding: 4px 14px;\r\n }\r\n\r\n .btp-diagnostic .urgence-block .rappel {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence {\r\n padding: 12px 28px;\r\n font-size: 1rem;\r\n width: 100%;\r\n flex-direction: column;\r\n gap: 4px;\r\n justify-content: center;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .number {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence:hover {\r\n gap: 6px;\r\n }\r\n\r\n .btp-diagnostic .dossier .dossier-header .dossier-id {\r\n display: none;\r\n }\r\n }\r\n\r\n \/* ============================================================\r\n FALLBACK IMAGES\r\n ============================================================ *\/\r\n img.error-fallback {\r\n object-fit: contain;\r\n background: #eef6fc;\r\n padding: 20px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"btp-diagnostic\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"header\">\r\n <span class=\"pill init-hidden\">\r\n <span class=\"dot\"><\/span>\r\n Urgence 24h\/24 \u2013 Devis gratuit\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n Diagnostic canalisation \u2013 <span>Inspection cam\u00e9ra<\/span><br>et d\u00e9tection de bouchon\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n <strong>Plombier urgence 24h\/24 en \u00cele-de-France<\/strong> \u2013 D\u00e9tection pr\u00e9cise pour un\r\n <strong>d\u00e9bouchage professionnel<\/strong> efficace. <strong>Inspection canalisation bouch\u00e9e<\/strong>\r\n et <strong>diagnostic de canalisation<\/strong> par <strong>inspection cam\u00e9ra HD<\/strong>.\r\n <strong>Devis gratuit<\/strong> et <strong>intervention rapide<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"dossier init-hidden\">\r\n <div class=\"dossier-header\">\r\n <span class=\"badge-dossier\">Dossier patient \u2013 Inspection cam\u00e9ra<\/span>\r\n <span class=\"dossier-id\">R\u00e9f. #D-2024-001<\/span>\r\n <\/div>\r\n\r\n <div class=\"ba-grid\">\r\n \r\n <div class=\"ba-card avant\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/remplacement-station-relevage_-2.jpg\"\r\n alt=\"Station de relevage avant remplacement - intervention BT Plus\"\r\n onerror=\"this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%22500%22 height=%22220%22%3E%3Crect fill=%22%23fef2f2%22 width=%22500%22 height=%22220%22\/%3E%3Ctext x=%22250%22 y=%22110%22 text-anchor=%22middle%22 font-family=%22Sora%22 font-size=%2224%22 fill=%22%23dc2626%22%3ESTATION RELEVAGE%3C\/text%3E%3C\/svg%3E'\">\r\n <div class=\"ba-label\">\r\n <span class=\"label-text\">Avant \u2013 Station relevage<\/span>\r\n <span class=\"status avant\">\u00c0 remplacer<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ba-card apres\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/pose-puisard_3.jpg\"\r\n alt=\"Pose de puisard neuf - r\u00e9alisation BT Plus\"\r\n onerror=\"this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%22500%22 height=%22220%22%3E%3Crect fill=%22%23ecfdf5%22 width=%22500%22 height=%22220%22\/%3E%3Ctext x=%22250%22 y=%22110%22 text-anchor=%22middle%22 font-family=%22Sora%22 font-size=%2224%22 fill=%22%2310b981%22%3EPOSE PUISARD%3C\/text%3E%3C\/svg%3E'\">\r\n <div class=\"ba-label\">\r\n <span class=\"label-text\">Apr\u00e8s \u2013 Puisard install\u00e9<\/span>\r\n <span class=\"status apres\">Travaux termin\u00e9s<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"section-title init-hidden\">\r\n Sympt\u00f4mes d'une canalisation bouch\u00e9e\r\n <\/div>\r\n\r\n <div class=\"symptoms-grid\">\r\n\r\n <div class=\"symptom-card init-hidden\">\r\n <h4>Bouchons du quotidien<\/h4>\r\n <p>\r\n Les probl\u00e8mes de <strong>bouchage<\/strong> proviennent de notre quotidien :\r\n <strong>nourriture<\/strong> qui s'accumule, <strong>cheveux<\/strong> ou r\u00e9sidus dans douche\/baignoire,\r\n <strong>produits d'hygi\u00e8ne<\/strong>, <strong>gravier<\/strong>. Un <strong>d\u00e9bouchage pas cher<\/strong>\r\n peut sembler tentant, mais seul un <strong>d\u00e9bouchage professionnel<\/strong> garantit un r\u00e9sultat durable.\r\n Pour les <strong>d\u00e9bouchage maison<\/strong> ou <strong>d\u00e9bouchage appartement<\/strong>,\r\n nous intervenons rapidement.\r\n <\/p>\r\n <span class=\"tag-symptom\">D\u00e9bouchage rapide<\/span>\r\n <\/div>\r\n\r\n <div class=\"symptom-card init-hidden\">\r\n <h4>Probl\u00e8mes structurels<\/h4>\r\n <p>\r\n Si le mauvais \u00e9coulement persiste, le probl\u00e8me peut \u00eatre d\u00fb \u00e0 :\r\n <strong>mauvaise pente<\/strong>, <strong>tuyauterie encombr\u00e9e<\/strong>,\r\n <strong>rupture<\/strong> ou <strong>mauvais diam\u00e8tre<\/strong>.\r\n L'<strong>inspection cam\u00e9ra canalisations<\/strong> analyse vos r\u00e9seaux en profondeur.\r\n <strong>D\u00e9tection de bouchon<\/strong> pr\u00e9cise pour un <strong>curage pour d\u00e9boucher<\/strong>\r\n ou un <strong>d\u00e9bouchage haute pression IDF<\/strong> efficace.\r\n <\/p>\r\n <span class=\"tag-symptom\">Diagnostic avanc\u00e9<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"ordonnance init-hidden\">\r\n <div class=\"ord-title\">\r\n <span>Ordonnance<\/span> \u00b7 Solutions adapt\u00e9es \u00e0 votre situation\r\n <\/div>\r\n <div class=\"ord-desc\">\r\n Nos <strong>techniciens qualifi\u00e9s<\/strong> vous conseillent sur la solution \u00e0 adopter selon votre situation.\r\n <strong>Entreprise de d\u00e9bouchage agr\u00e9\u00e9e<\/strong> \u2013 <strong>devis gratuit<\/strong>.\r\n <\/div>\r\n <div class=\"ord-list\">\r\n <span class=\"ord-item\"><strong>Curage canalisation<\/strong> \u2013 soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/span>\r\n <span class=\"ord-item\"><strong>D\u00e9bouchage canalisation pas cher<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Pompage bac \u00e0 graisse<\/strong> \u2013 restaurant \/ h\u00f4tel<\/span>\r\n <span class=\"ord-item\"><strong>D\u00e9pannage pompe de relevage<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Vidange fosse septique<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Inspection cam\u00e9ra canalisations<\/strong> HD<\/span>\r\n <span class=\"ord-item\"><strong>Hydrocurage haute pression<\/strong> \u2013 300 bars<\/span>\r\n <span class=\"ord-item\"><strong>D\u00e9bouchage copropri\u00e9t\u00e9<\/strong> \u2013 syndic<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"urgence-block init-hidden\">\r\n <p class=\"rappel\">\r\n <strong>Rappel :<\/strong> En cas d'<strong>urgence d\u00e9bouchage<\/strong>, coupez votre arriv\u00e9e d'eau\r\n et appelez notre <strong>plombier urgence 24h\/24<\/strong>\r\n <span class=\"highlight\">imm\u00e9diatement<\/span>.\r\n <strong>D\u00e9bouchage 24h\/24 \u2013 7j\/7<\/strong> \u2013 <strong>devis gratuit<\/strong>.\r\n <\/p>\r\n <a href=\"tel:0186957777\" class=\"btn-urgence\">\r\n <span>\r\n <span class=\"number\">01 86 95 77 77<\/span>\r\n <span class=\"label\">Appel gratuit \u00b7 Urgence 24h\/24 \u00b7 7j\/7<\/span>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n\r\n const elements = document.querySelectorAll('.init-hidden');\r\n\r\n if (elements.length > 0 && 'IntersectionObserver' in window) {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('anim-up');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.15,\r\n rootMargin: '0px 0px -40px 0px'\r\n });\r\n\r\n elements.forEach(el => observer.observe(el));\r\n } else {\r\n \/\/ Fallback si IntersectionObserver non support\u00e9\r\n elements.forEach(el => {\r\n el.classList.remove('init-hidden');\r\n el.classList.add('anim-up');\r\n });\r\n }\r\n\r\n \/\/ Fallback images\r\n document.querySelectorAll('img').forEach(img => {\r\n img.addEventListener('error', function() {\r\n if (!this.hasAttribute('data-fallback')) {\r\n this.setAttribute('data-fallback', 'true');\r\n this.classList.add('error-fallback');\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-f1eb6a5 e-con-full e-flex e-con e-parent\" data-id=\"f1eb6a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c648d56 elementor-widget elementor-widget-html\" data-id=\"c648d56\" 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 \u2013 Professionnels<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 Section \"Pour les professionnels\"\r\n ============================================================ *\/\r\n .btp-pros {\r\n --b900: #07294a;\r\n --b800: #0a3666;\r\n --b700: #0d4f8b;\r\n --b500: #1c7ec9;\r\n --b300: #7cc0ee;\r\n --b100: #d6ebfb;\r\n --b50: #eef6fc;\r\n --or: #f4a61a;\r\n --or-d: #d98a0c;\r\n --ink: #0c2238;\r\n --slate: #48637d;\r\n --line: #e4ecf4;\r\n --green: #10b981;\r\n --green-bg: #d1fae5;\r\n --red: #ef4444;\r\n --red-bg: #fee2e2;\r\n --fd: \"Sora\", sans-serif;\r\n --fb: \"Inter\", sans-serif;\r\n --fm: \"JetBrains Mono\", monospace;\r\n --ease: cubic-bezier(0.2, 0.8, 0.2, 1);\r\n\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n padding: 80px 0 90px;\r\n font-family: var(--fb);\r\n color: var(--ink);\r\n line-height: 1.5;\r\n background:\r\n radial-gradient(820px 480px at 92% -12%, rgba(244, 166, 26, .05), transparent 60%),\r\n radial-gradient(760px 460px at -6% 110%, rgba(28, 126, 201, .05), transparent 55%),\r\n linear-gradient(180deg, var(--b50) 0%, #ffffff 100%);\r\n }\r\n .btp-pros *,\r\n .btp-pros *::before,\r\n .btp-pros *::after {\r\n box-sizing: border-box;\r\n }\r\n .btp-pros h2,\r\n .btp-pros h3,\r\n .btp-pros h4,\r\n .btp-pros p {\r\n margin: 0;\r\n }\r\n .btp-pros .wrap {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* ---------- en-t\u00eate ---------- *\/\r\n .btp-pros .hd {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n .btp-pros .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n font-family: var(--fm);\r\n font-weight: 700;\r\n font-size: .7rem;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n color: var(--or-d);\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 14px 6px 10px;\r\n border-radius: 999px;\r\n }\r\n .btp-pros .pill .dot {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: var(--green);\r\n box-shadow: 0 0 0 0 rgba(16, 185, 129, .55);\r\n animation: srvPulse 1.8s infinite;\r\n }\r\n @keyframes srvPulse {\r\n 0% {\r\n box-shadow: 0 0 0 0 rgba(16, 185, 129, .55);\r\n }\r\n 70% {\r\n box-shadow: 0 0 0 9px rgba(16, 185, 129, 0);\r\n }\r\n 100% {\r\n box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);\r\n }\r\n }\r\n .btp-pros .hd h2 {\r\n font-family: var(--fd);\r\n font-weight: 800;\r\n letter-spacing: -.025em;\r\n line-height: 1.08;\r\n font-size: clamp(2rem, 4.8vw, 3.4rem);\r\n color: var(--b900);\r\n margin: 14px 0 0;\r\n }\r\n .btp-pros .hd h2 em {\r\n font-style: normal;\r\n color: var(--or);\r\n }\r\n .btp-pros .hd .lead {\r\n margin-top: 12px;\r\n font-size: 1rem;\r\n color: var(--slate);\r\n max-width: 720px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .btp-pros .hd .lead strong {\r\n color: var(--b700);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ---------- grille des atouts (4 cartes) ---------- *\/\r\n .btp-pros .grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n margin-top: 8px;\r\n }\r\n @media (max-width: 820px) {\r\n .btp-pros .grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n @media (max-width: 480px) {\r\n .btp-pros .grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n .btp-pros .card {\r\n background: #fff;\r\n border-radius: 16px;\r\n border: 1px solid var(--line);\r\n padding: 24px 20px;\r\n transition: all .3s var(--ease);\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, .02);\r\n text-align: center;\r\n }\r\n .btp-pros .card:hover {\r\n border-color: var(--or);\r\n box-shadow: 0 8px 24px rgba(7, 41, 74, .08);\r\n transform: translateY(-3px);\r\n }\r\n .btp-pros .card .num {\r\n font-family: var(--fd);\r\n font-weight: 800;\r\n font-size: 1.6rem;\r\n color: var(--b700);\r\n line-height: 1;\r\n margin-bottom: 4px;\r\n }\r\n .btp-pros .card h3 {\r\n font-family: var(--fd);\r\n font-weight: 700;\r\n font-size: 1rem;\r\n color: var(--b900);\r\n margin: 0 0 4px;\r\n }\r\n .btp-pros .card h3 strong {\r\n color: var(--or);\r\n font-weight: 700;\r\n }\r\n .btp-pros .card p {\r\n font-size: .82rem;\r\n color: var(--slate);\r\n line-height: 1.5;\r\n }\r\n .btp-pros .card p strong {\r\n color: var(--b700);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ---------- phrase d'accroche ---------- *\/\r\n .btp-pros .accroche {\r\n text-align: center;\r\n font-size: .95rem;\r\n color: var(--slate);\r\n background: #fff;\r\n border-radius: 16px;\r\n border: 1px solid var(--line);\r\n padding: 18px 28px;\r\n margin: 28px 0 34px;\r\n line-height: 1.7;\r\n }\r\n .btp-pros .accroche strong {\r\n color: var(--b700);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ---------- CTA ROUGE ---------- *\/\r\n .btp-pros .cta-red {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 0;\r\n }\r\n .btp-pros .btn-urgence {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: #d32f2f;\r\n color: #ffffff !important;\r\n font-family: var(--fd);\r\n font-weight: 700;\r\n font-size: 1.2rem;\r\n padding: 14px 36px;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n box-shadow: 0 6px 24px rgba(211, 47, 47, 0.3);\r\n transition: all .3s var(--ease);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n .btp-pros .btn-urgence:hover {\r\n background: #b71c1c;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 36px rgba(211, 47, 47, 0.35);\r\n color: #ffffff !important;\r\n }\r\n .btp-pros .btn-urgence .label {\r\n font-size: .65rem;\r\n font-weight: 400;\r\n opacity: .85;\r\n display: block;\r\n margin-top: -2px;\r\n }\r\n\r\n \/* ---------- vagues ---------- *\/\r\n .btp-pros .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 .btp-pros .waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 90px;\r\n }\r\n .btp-pros .w-back use {\r\n animation: srvWave 12s linear infinite;\r\n opacity: .5;\r\n }\r\n .btp-pros .w-mid use {\r\n animation: srvWave 9s linear infinite reverse;\r\n opacity: .8;\r\n }\r\n .btp-pros .w-front use {\r\n animation: srvWave 6s linear infinite;\r\n }\r\n @keyframes srvWave {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n \/* ---------- r\u00e9v\u00e9lation ---------- *\/\r\n .btp-pros .rv {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity .6s var(--ease), transform .6s var(--ease);\r\n }\r\n .btp-pros .rv.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .btp-pros * {\r\n animation: none !important;\r\n transition: none !important;\r\n }\r\n .btp-pros .rv {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"btp-pros\">\r\n <div class=\"wrap\">\r\n\r\n \r\n <header class=\"hd\">\r\n <span class=\"pill rv\"><span class=\"dot\"><\/span>Expert d\u00e9bouchage professionnel<\/span>\r\n <h2 class=\"rv\">D\u00e9bouchage pour les <em>professionnels<\/em><\/h2>\r\n <p class=\"lead rv\">\r\n <strong>BT Plus<\/strong> intervient en <strong>urgence<\/strong> chez les <strong>restaurateurs, h\u00f4teliers, copropri\u00e9t\u00e9s, bureaux et collectivit\u00e9s<\/strong>.\r\n <strong>D\u00e9bouchage haute pression<\/strong>, <strong>curage<\/strong> et <strong>inspection cam\u00e9ra<\/strong> pour un <strong>r\u00e9seau op\u00e9rationnel<\/strong> en toutes circonstances.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"grid rv\">\r\n <div class=\"card\">\r\n <div class=\"num\">1h<\/div>\r\n <h3>Intervention <strong>sous 1h<\/strong><\/h3>\r\n <p>D\u00e9placement prioritaire en <strong>\u00cele\u2011de\u2011France<\/strong> pour stopper les d\u00e9bordements et les nuisances.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"num\">\u2714<\/div>\r\n <h3>Contrats <strong>d\u2019entretien<\/strong><\/h3>\r\n <p>Visites programm\u00e9es de <strong>d\u00e9bouchage pr\u00e9ventif<\/strong> pour \u00e9viter les bouchons r\u00e9currents et ma\u00eetriser votre budget.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"num\">\u20ac<\/div>\r\n <h3>Devis <strong>gratuit<\/strong><\/h3>\r\n <p>Diagnostic clair et <strong>devis d\u00e9taill\u00e9 sous 24h<\/strong> pour vos interventions urgentes ou vos contrats annuels.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"num\">\u2699<\/div>\r\n <h3>Mat\u00e9riel <strong>haute performance<\/strong><\/h3>\r\n <p><strong>Hydrocureuse<\/strong> 300 bars, <strong>cam\u00e9ra 4K<\/strong> et furet pour un <strong>d\u00e9bouchage durable<\/strong> sans produit chimique.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"accroche rv\">\r\n <strong>BT Plus<\/strong>, votre sp\u00e9cialiste du <strong>d\u00e9bouchage professionnel<\/strong> en \u00cele\u2011de\u2011France.\r\n <strong>Disponibilit\u00e9 24h\/24<\/strong> \u2013 <strong>intervention rapide<\/strong> et <strong>garantie<\/strong> sur nos prestations.\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-red rv\">\r\n <a href=\"tel:0186957777\" class=\"btn-urgence\">\r\n <span>\ud83d\udcde<\/span>\r\n <span>\r\n 01 86 95 77 77\r\n <span class=\"label\">Urgence 24h\/24 \u2013 7j\/7<\/span>\r\n <\/span>\r\n <\/a>\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=\"prosWave\" 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=\"w-back\">\r\n <use href=\"#prosWave\" x=\"0\" fill=\"#d6ebfb\" \/>\r\n <use href=\"#prosWave\" x=\"176\" fill=\"#d6ebfb\" \/>\r\n <\/g>\r\n <g class=\"w-mid\">\r\n <use href=\"#prosWave\" x=\"0\" fill=\"#a9d4f3\" \/>\r\n <use href=\"#prosWave\" x=\"176\" fill=\"#a9d4f3\" \/>\r\n <\/g>\r\n <g class=\"w-front\">\r\n <use href=\"#prosWave\" x=\"0\" fill=\"#ffffff\" \/>\r\n <use href=\"#prosWave\" x=\"176\" fill=\"#ffffff\" \/>\r\n <\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n const section = document.querySelector('.btp-pros');\r\n if (!section) return;\r\n const rv = section.querySelectorAll('.rv');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n rv.forEach(el => io.observe(el));\r\n } else {\r\n rv.forEach(el => el.classList.add('shown'));\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-7cc8cf4 e-con-full e-flex e-con e-parent\" data-id=\"7cc8cf4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6af55c elementor-widget elementor-widget-html\" data-id=\"a6af55c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>.bt-faq *{margin:0;padding:0;box-sizing:border-box}.bt-faq{font-family:'Inter',sans-serif;background-color:#fff;color:#0a1a2b;line-height:1.6;overflow-x:hidden}.bt-faq__section{padding:5rem 5% 6rem;position:relative;min-height:100vh;display:flex;align-items:center;background:radial-gradient(1100px 520px at 78% -8%,#d6ebfb,transparent 60%),linear-gradient(180deg,#fbfdff 0%,#eef6fc 100%);overflow:hidden}.bt-faq__waves{position:absolute;left:0;right:0;bottom:0;line-height:0;z-index:0;pointer-events:none}.bt-faq__waves svg{display:block;width:100%;height:80px}.bt-faq__waves .wave-back use{animation:bt-wavemove 11s linear infinite;opacity:.55}.bt-faq__waves .wave-mid use{animation:bt-wavemove 8s linear infinite reverse;opacity:.8}.bt-faq__waves .wave-front use{animation:bt-wavemove 6s linear infinite}@keyframes bt-wavemove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.bt-faq__container{max-width:1000px;margin:0 auto;width:100%;position:relative;z-index:1}.bt-faq__header{text-align:center;max-width:780px;margin:0 auto 3.5rem}.bt-faq__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,.07);color:#1c7ec9;border:1px solid rgba(28,126,201,.12);margin-bottom:1.2rem}.bt-faq__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-faq__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-faq__title .highlight{background:linear-gradient(135deg,#f4a61a 0%,#d98a0c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bt-faq__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-faq__list{display:flex;flex-direction:column;gap:.8rem}.bt-faq__item{background:#fff;border-radius:16px;border:1px solid #eef2f6;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px rgba(7,41,74,.03)}.bt-faq__item:hover{border-color:#d6ebfb;box-shadow:0 4px 20px rgba(7,41,74,.06)}.bt-faq__item--active{border-color:#1c7ec9;box-shadow:0 4px 24px rgba(28,126,201,.06)}.bt-faq__question{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.8rem;cursor:pointer;transition:all .3s ease;user-select:none;gap:1rem}.bt-faq__question:hover{background:#f8fafc}.bt-faq__question h3{font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;color:#07294a;transition:color .3s ease;flex:1}.bt-faq__item--active .bt-faq__question h3{color:#1c7ec9}.bt-faq__icon{width:32px;height:32px;min-width:32px;border-radius:50%;background:#f0f4f8;display:flex;align-items:center;justify-content:center;transition:all .4s ease;flex-shrink:0}.bt-faq__item:hover .bt-faq__icon{background:#e6ecf2}.bt-faq__item--active .bt-faq__icon{background:rgba(28,126,201,.10);transform:rotate(180deg)}.bt-faq__icon svg{width:.75rem;height:.75rem;stroke:#6b7f94;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:all .4s ease}.bt-faq__item--active .bt-faq__icon svg{stroke:#1c7ec9}.bt-faq__answer{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.34,1.56,.64,1);padding:0 1.8rem}.bt-faq__item--active .bt-faq__answer{max-height:300px;padding:0 1.8rem 1.5rem 1.8rem}.bt-faq__answer p{font-family:'Inter',sans-serif;font-weight:400;font-size:.95rem;color:#6b7f94;line-height:1.8;margin:0}.bt-faq__answer p strong{color:#07294a;font-weight:600}.bt-faq__item{opacity:0;animation:bt-fadeInUp .6s ease-out forwards}.bt-faq__item:nth-child(1){animation-delay:.03s}.bt-faq__item:nth-child(2){animation-delay:.06s}.bt-faq__item:nth-child(3){animation-delay:.09s}.bt-faq__item:nth-child(4){animation-delay:.12s}.bt-faq__item:nth-child(5){animation-delay:.15s}.bt-faq__item:nth-child(6){animation-delay:.18s}.bt-faq__item:nth-child(7){animation-delay:.21s}.bt-faq__item:nth-child(8){animation-delay:.24s}.bt-faq__item:nth-child(9){animation-delay:.27s}@keyframes bt-fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.bt-faq__item{opacity:1;animation:none}}@media (max-width:768px){.bt-faq__section{padding:3.5rem 1.5rem 4rem;min-height:auto}.bt-faq__question{padding:1rem 1.2rem}.bt-faq__question h3{font-size:.9rem}.bt-faq__item--active .bt-faq__answer{padding:0 1.2rem 1.2rem 1.2rem}.bt-faq__answer p{font-size:.85rem}.bt-faq__icon{width:28px;height:28px;min-width:28px}.bt-faq__icon svg{width:.65rem;height:.65rem}.bt-faq__waves svg{height:40px}}@media (max-width:480px){.bt-faq__question h3{font-size:.82rem}.bt-faq__question{padding:.8rem 1rem}.bt-faq__item--active .bt-faq__answer{padding:0 1rem 1rem 1rem}.bt-faq__answer p{font-size:.8rem}.bt-faq__icon{width:24px;height:24px;min-width:24px}.bt-faq__icon svg{width:.55rem;height:.55rem}}<\/style>\r\n\r\n<div class=\"bt-faq\">\r\n <section class=\"bt-faq__section\">\r\n <div class=\"bt-faq__container\">\r\n <div class=\"bt-faq__header\">\r\n <span class=\"bt-faq__badge\"><span class=\"dot\"><\/span>Urgence 24h\/24 \u2013 Devis gratuit<\/span>\r\n <h2 class=\"bt-faq__title\">Questions fr\u00e9quentes sur le <span class=\"highlight\">d\u00e9bouchage<\/span><\/h2>\r\n <p class=\"bt-faq__subtitle\">\r\n <strong>D\u00e9bouchage<\/strong> professionnel, <strong>curage<\/strong>, <strong>hydrocurage<\/strong>, <strong>inspection cam\u00e9ra<\/strong>\u2026 Retrouvez les r\u00e9ponses \u00e0 vos interrogations sur nos <strong>prestations de d\u00e9bouchage<\/strong> en \u00cele\u2011de\u2011France.\r\n <\/p>\r\n <\/div>\r\n <div class=\"bt-faq__list\">\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Le d\u00e9bouchage est\u2011il garanti ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Oui<\/strong>, toutes nos interventions de <strong>d\u00e9bouchage<\/strong> sont garanties <strong>48 heures<\/strong>. Si le bouchon r\u00e9appara\u00eet dans ce d\u00e9lai, nous revenons <strong>sans frais suppl\u00e9mentaires<\/strong> pour un nouveau <strong>d\u00e9bouchage professionnel<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Intervenez\u2011vous la nuit et le week\u2011end ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Oui<\/strong>, nous assurons des <strong>interventions de d\u00e9bouchage 24h\/24 et 7j\/7<\/strong>, y compris la nuit, les week\u2011ends et les jours f\u00e9ri\u00e9s. Un <strong>d\u00e9pannage urgence<\/strong> est disponible \u00e0 tout moment en <strong>\u00cele\u2011de\u2011France<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Quelles techniques utilisez\u2011vous pour d\u00e9boucher ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Nous utilisons plusieurs m\u00e9thodes selon le type de bouchon : <strong>furet m\u00e9canique<\/strong>, <strong>hydrocurage haute pression<\/strong> (jusqu\u2019\u00e0 300 bars), <strong>inspection cam\u00e9ra<\/strong> pour localiser pr\u00e9cis\u00e9ment l\u2019obstruction. Nous n\u2019utilisons <strong>aucun produit chimique agressif<\/strong> pour pr\u00e9server vos canalisations.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Quels types de canalisations d\u00e9bouchez\u2011vous ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Nous intervenons sur <strong>tous types de canalisations<\/strong> : WC, \u00e9vier, lavabo, baignoire, douche, colonnes d\u2019immeuble, canalisations enterr\u00e9es, r\u00e9seaux d\u2019assainissement. Que vous soyez <strong>particulier<\/strong> ou <strong>professionnel<\/strong>, nous avons la solution adapt\u00e9e.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Quel est le prix d\u2019un d\u00e9bouchage ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Le prix d\u00e9pend de la complexit\u00e9 du bouchon et du type d\u2019intervention. Nous vous fournissons un <strong>devis gratuit<\/strong> et transparent avant tout travail. Comptez en moyenne entre 80\u20ac et 250\u20ac pour un <strong>d\u00e9bouchage classique<\/strong>. Le <strong>d\u00e9placement est offert<\/strong> en \u00cele\u2011de\u2011France.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Puis\u2011je pr\u00e9venir les bouchons ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Oui<\/strong>, nous proposons des <strong>contrats d\u2019entretien pr\u00e9ventif<\/strong> avec visites r\u00e9guli\u00e8res de <strong>curage<\/strong> et <strong>inspection cam\u00e9ra<\/strong>. Cela permet de d\u00e9tecter les faiblesses et d\u2019\u00e9viter les bouchons r\u00e9currents. Demandez un <strong>devis d\u2019entretien<\/strong> sur mesure.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Intervenez\u2011vous chez les professionnels ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Oui<\/strong>, nous sommes sp\u00e9cialistes du <strong>d\u00e9bouchage pour les professionnels<\/strong> : restaurants, h\u00f4tels, copropri\u00e9t\u00e9s, bureaux, collectivit\u00e9s. Nous assurons des <strong>interventions rapides<\/strong> pour limiter l\u2019impact sur votre activit\u00e9 et des <strong>contrats d\u2019entretien<\/strong> adapt\u00e9s.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Utilisez\u2011vous des produits chimiques ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Non<\/strong>, nos m\u00e9thodes de <strong>d\u00e9bouchage<\/strong> sont <strong>sans produit chimique<\/strong>. Nous privil\u00e9gions les solutions m\u00e9caniques (furet) et l\u2019<strong>hydrocurage haute pression<\/strong> pour respecter l\u2019environnement et pr\u00e9server la dur\u00e9e de vie de vos canalisations.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Proposez\u2011vous l\u2019inspection cam\u00e9ra avant d\u00e9bouchage ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Oui<\/strong>, l\u2019<strong>inspection cam\u00e9ra<\/strong> est un pr\u00e9alable recommand\u00e9 pour localiser pr\u00e9cis\u00e9ment le bouchon, d\u00e9tecter d\u2019\u00e9ventuelles fissures ou racines. Nous r\u00e9alisons un <strong>diagnostic complet<\/strong> avant toute intervention de <strong>d\u00e9bouchage<\/strong> ou de <strong>curage<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"bt-w7\" 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=\"#bt-w7\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#bt-w7\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#bt-w7\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#bt-w7\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#bt-w7\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#bt-w7\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n\r\n<script>\r\n!function(){\r\n window.btToggleFaq = function(el) {\r\n var item = el.closest('.bt-faq__item');\r\n if (!item) return;\r\n var allItems = document.querySelectorAll('.bt-faq__item');\r\n for (var i = 0; i < allItems.length; i++) {\r\n if (allItems[i] !== item && allItems[i].classList.contains('bt-faq__item--active')) {\r\n allItems[i].classList.remove('bt-faq__item--active');\r\n }\r\n }\r\n item.classList.toggle('bt-faq__item--active');\r\n };\r\n\r\n var items = document.querySelectorAll('.bt-faq__item');\r\n if ('IntersectionObserver' in window) {\r\n var observer = new IntersectionObserver(function(entries) {\r\n for (var i = 0; i < entries.length; i++) {\r\n if (entries[i].isIntersecting) {\r\n entries[i].target.style.opacity = '1';\r\n entries[i].target.style.transform = 'translateY(0)';\r\n }\r\n }\r\n }, { threshold: .1 });\r\n for (var i = 0; i < items.length; i++) {\r\n items[i].style.opacity = '0';\r\n items[i].style.transform = 'translateY(30px)';\r\n items[i].style.transition = 'all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)';\r\n observer.observe(items[i]);\r\n }\r\n } else {\r\n for (var i = 0; i < items.length; i++) {\r\n items[i].style.opacity = '1';\r\n items[i].style.transform = 'translateY(0)';\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-a3d8c3c e-con-full e-flex e-con e-parent\" data-id=\"a3d8c3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8384e6 elementor-widget elementor-widget-html\" data-id=\"b8384e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n.contact { padding: 5rem 5% 6rem; position: relative; min-height: 100vh; display: flex; align-items: center;\r\n background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%), linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden; box-sizing: border-box; }\r\n.contact *, .contact *::before, .contact *::after { box-sizing: border-box; }\r\n.contact__waves { position: absolute; left: 0; right: 0; bottom: 0; line-height: 0; z-index: 0; pointer-events: none; }\r\n.contact__waves svg { display: block; width: 100%; height: 80px; }\r\n.contact__waves .wave-back use { animation: wavemove 11s linear infinite; opacity: 0.55; }\r\n.contact__waves .wave-mid use { animation: wavemove 8s linear infinite reverse; opacity: 0.8; }\r\n.contact__waves .wave-front use { animation: wavemove 6s linear infinite; }\r\n@keyframes wavemove { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n.contact__container { max-width: 1280px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\r\n.contact__header { text-align: center; max-width: 780px; margin: 0 auto 3.5rem; }\r\n.contact__badge { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.4rem 1.4rem 0.4rem 1rem; border-radius: 2rem; background: rgba(28, 126, 201, 0.07); color: #1c7ec9; border: 1px solid rgba(28, 126, 201, 0.12); margin-bottom: 1.2rem; }\r\n.contact__badge .dot { width: 6px; height: 6px; border-radius: 50%; background: #1c7ec9; animation: pulseDot 2s ease-in-out infinite; }\r\n@keyframes pulseDot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.6); } }\r\n.contact__title { font-family: 'Sora', sans-serif; font-weight: 800; font-size: clamp(2rem, 3.6vw, 3.2rem); letter-spacing: -0.03em; color: #07294a; line-height: 1.1; margin-bottom: 0.8rem; }\r\n.contact__title .highlight { background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n.contact__subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: clamp(1rem, 1.1vw, 1.15rem); color: #6b7f94; max-width: 600px; margin: 0 auto; line-height: 1.7; }\r\n.contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }\r\n.contact__form { background: #ffffff; border-radius: 24px; padding: 2.5rem; border: 1px solid #eef2f6; box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04); transition: all 0.4s ease; position: relative; }\r\n.contact__form:hover { box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08); border-color: #d6ebfb; }\r\n.contact__form-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 1.3rem; color: #07294a; margin-bottom: 0.3rem; }\r\n.contact__form-subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; margin-bottom: 1.5rem; }\r\n.contact__form-group { margin-bottom: 1.2rem; }\r\n.contact__form-group label { display: block; font-family: 'Sora', sans-serif; font-weight: 600; font-size: 0.7rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.3rem; }\r\n.contact__form-group label .required { color: #dc2626; }\r\n.contact__form-group input, .contact__form-group select, .contact__form-group textarea { width: 100%; padding: 0.8rem 1rem; border-radius: 12px; border: 1px solid #eef2f6; background: #f8fafc; font-family: 'Inter', sans-serif; font-size: 0.9rem; color: #07294a; transition: all 0.3s ease; outline: none; }\r\n.contact__form-group input:focus, .contact__form-group select:focus, .contact__form-group textarea:focus { border-color: #1c7ec9; background: #ffffff; box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06); }\r\n.contact__form-group input::placeholder, .contact__form-group textarea::placeholder { color: #b0c0d0; }\r\n.contact__form-group select option { background: #ffffff; color: #07294a; }\r\n.contact__form-group textarea { resize: vertical; min-height: 100px; }\r\n.contact__form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n.contact__form-group--file { position: relative; }\r\n.contact__form-group--file .file-drop-zone { border: 2px dashed #eef2f6; border-radius: 12px; padding: 1.5rem 1rem; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #f8fafc; }\r\n.contact__form-group--file .file-drop-zone:hover { border-color: #1c7ec9; background: #eef6fc; }\r\n.contact__form-group--file .file-drop-zone.dragover { border-color: #f4a61a; background: rgba(244, 166, 26, 0.04); }\r\n.contact__form-group--file .file-drop-zone i { font-size: 2rem; color: #1c7ec9; display: block; margin-bottom: 0.5rem; }\r\n.contact__form-group--file .file-drop-zone p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.85rem; color: #6b7f94; margin: 0; }\r\n.contact__form-group--file .file-drop-zone .file-types { font-size: 0.7rem; color: #b0c0d0; margin-top: 0.3rem; }\r\n.contact__form-group--file input[type=\"file\"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }\r\n.contact__form-group--file .file-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }\r\n.contact__form-group--file .file-item { display: inline-flex; align-items: center; gap: 0.5rem; background: #eef6fc; padding: 0.3rem 0.8rem 0.3rem 0.6rem; border-radius: 20px; font-family: 'Inter', sans-serif; font-size: 0.75rem; color: #1c7ec9; border: 1px solid #d6ebfb; }\r\n.contact__form-group--file .file-item i { font-size: 0.8rem; color: #1c7ec9; }\r\n.contact__form-group--file .file-item .file-remove { cursor: pointer; color: #6b7f94; transition: color 0.3s ease; font-size: 0.7rem; }\r\n.contact__form-group--file .file-item .file-remove:hover { color: #dc2626; }\r\n\r\n\/* ---- Consentement RGPD ---- *\/\r\n.contact__consent { display: flex; align-items: flex-start; gap: 0.7rem; margin-bottom: 1.5rem; }\r\n.contact__consent input[type=\"checkbox\"] { width: 18px; height: 18px; min-width: 18px; margin-top: 0.15rem; accent-color: #1c7ec9; cursor: pointer; flex-shrink: 0; }\r\n.contact__consent label { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.8rem; line-height: 1.5; color: #6b7f94; text-transform: none; letter-spacing: 0; margin-bottom: 0; cursor: pointer; }\r\n.contact__consent label .required { color: #dc2626; }\r\n.contact__consent label a { color: #1c7ec9; text-decoration: underline; }\r\n.contact__consent label a:hover { color: #07294a; }\r\n\r\n.btn--contact { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.02em; text-decoration: none; padding: 0.9rem 2.4rem; border-radius: 3rem; transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; border: none; text-align: center; background: linear-gradient(135deg, #f4a61a 0%, #e0960e 100%); box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25); color: #07294a; width: 100%; }\r\n.btn--contact:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40); color: #07294a; }\r\n.btn--contact .btn__icon { transition: transform 0.3s ease; }\r\n.btn--contact:hover .btn__icon { transform: translateX(4px); }\r\n.contact__info { display: flex; flex-direction: column; gap: 1.2rem; }\r\n.contact__info-card { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; transition: all 0.4s ease; display: flex; align-items: center; gap: 1.2rem; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); }\r\n.contact__info-card:hover { transform: translateX(6px); border-color: #1c7ec9; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.08); }\r\n.contact__info-icon { width: 50px; height: 50px; border-radius: 14px; background: #f0f4f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s ease; }\r\n.contact__info-card:hover .contact__info-icon { background: #eef6fc; }\r\n.contact__info-icon i { font-size: 1.3rem; color: #1c7ec9; }\r\n.contact__info-content h4 { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #07294a; margin-bottom: 0.1rem; }\r\n.contact__info-content p, .contact__info-content a { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; text-decoration: none; transition: color 0.3s ease; }\r\n.contact__info-content a:hover { color: #1c7ec9; }\r\n.contact__hours { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); transition: all 0.4s ease; }\r\n.contact__hours:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__hours-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.8rem; }\r\n.contact__hours-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem 1rem; }\r\n.contact__hours-day { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #6b7f94; }\r\n.contact__hours-time { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #07294a; text-align: right; }\r\n.contact__hours-time .urgent { color: #1c7ec9; font-weight: 700; }\r\n.contact__map { border-radius: 16px; overflow: hidden; border: 1px solid #eef2f6; height: 200px; background: #f8fafc; transition: all 0.4s ease; }\r\n.contact__map:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__map iframe { width: 100%; height: 100%; border: none; }\r\n@media (max-width: 992px) {\r\n .contact__grid { grid-template-columns: 1fr; gap: 2rem; }\r\n .contact__form { padding: 2rem; }\r\n .contact__info { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; }\r\n .contact__map { height: 180px; }\r\n}\r\n@media (max-width: 768px) {\r\n .contact { padding: 3.5rem 1.5rem 4rem; min-height: auto; }\r\n .contact__form { padding: 1.5rem; border-radius: 16px; }\r\n .contact__form-row { grid-template-columns: 1fr; gap: 0; }\r\n .contact__info { grid-template-columns: 1fr; gap: 1rem; }\r\n .contact__info-card { padding: 1.2rem 1.5rem; }\r\n .contact__hours { padding: 1.2rem 1.5rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; gap: 0.3rem 0.8rem; }\r\n .contact__hours-day { font-size: 0.75rem; }\r\n .contact__hours-time { font-size: 0.75rem; }\r\n .contact__map { height: 150px; }\r\n .btn--contact { padding: 0.7rem 1.8rem; font-size: 0.75rem; }\r\n .contact__form-group--file .file-drop-zone { padding: 1rem; }\r\n .contact__form-group--file .file-drop-zone i { font-size: 1.5rem; }\r\n .contact__waves svg { height: 40px; }\r\n}\r\n@media (max-width: 480px) {\r\n .contact__form { padding: 1rem; }\r\n .contact__info-card { padding: 1rem; }\r\n .contact__info-icon { width: 40px; height: 40px; }\r\n .contact__info-icon i { font-size: 1rem; }\r\n .contact__hours { padding: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact\">\r\n <div class=\"contact__container\">\r\n\r\n <div class=\"contact__header\">\r\n <span class=\"contact__badge\"><span class=\"dot\"><\/span> Contactez-nous<\/span>\r\n <h2 class=\"contact__title\">Pret a <span class=\"highlight\">securiser<\/span> vos reseaux ?<\/h2>\r\n <p class=\"contact__subtitle\">Une question, un devis, une urgence ? Notre equipe est a votre ecoute 24h\/24 et 7j\/7.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact__grid\">\r\n\r\n \r\n <div class=\"contact__form\">\r\n <h3 class=\"contact__form-title\">Demandez un diagnostic<\/h3>\r\n <p class=\"contact__form-subtitle\">Remplissez le formulaire et nous vous recontacterons sous 24h.<\/p>\r\n\r\n \r\n <form id=\"contactForm\"\r\n action=\"https:\/\/formsubmit.co\/info-contact@btplus.fr\"\r\n method=\"POST\"\r\n enctype=\"multipart\/form-data\">\r\n\r\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de diagnostic - Site BT Plus\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n \r\n <input type=\"hidden\" name=\"_cc\" value=\"marketing@btgroup-france.com\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n \r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"nom\">Nom complet <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"nom\" name=\"Nom complet\" placeholder=\"Jean Dupont\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"email\">Email <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jean@exemple.fr\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"telephone\">Telephone <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"Telephone\" placeholder=\"01 23 45 67 89\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"cp\">Code postal<\/label>\r\n <input type=\"text\" id=\"cp\" name=\"Code postal\" placeholder=\"75000\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_batiment\">Type de batiment<\/label>\r\n <select id=\"type_batiment\" name=\"Type de batiment\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"copropriete\">Copropriete<\/option>\r\n <option value=\"syndic\">Syndic<\/option>\r\n <option value=\"bailleur\">Bailleur social<\/option>\r\n <option value=\"erp\">ERP (Etablissement recevant du public)<\/option>\r\n <option value=\"tertiaire\">Tertiaire (bureau, commerce)<\/option>\r\n <option value=\"collectivite\">Collectivite<\/option>\r\n <option value=\"particulier\">Particulier<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_besoin\">Type de besoin<\/label>\r\n <select id=\"type_besoin\" name=\"Type de besoin\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"urgence\">Urgence (debouchage, curage)<\/option>\r\n <option value=\"entretien\">Entretien preventif<\/option>\r\n <option value=\"diagnostic\">Diagnostic \/ Inspection<\/option>\r\n <option value=\"travaux\">Travaux \/ Renovation<\/option>\r\n <option value=\"contrat\">Contrat d'entretien<\/option>\r\n <option value=\"devis\">Demande de devis<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"Message\" placeholder=\"Decrivez votre situation...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group contact__form-group--file\">\r\n <label>Ajouter une photo <span style=\"font-weight:400;text-transform:none;color:#b0c0d0;\">(optionnel - une seule)<\/span><\/label>\r\n <div class=\"file-drop-zone\" id=\"fileDropZone\">\r\n <i class=\"fas fa-cloud-upload-alt\"><\/i>\r\n <p>Glissez une photo ici ou cliquez pour la selectionner<\/p>\r\n <div class=\"file-types\">JPG, PNG, GIF - une seule photo, 5MB max<\/div>\r\n <input type=\"file\" id=\"fileInput\" name=\"attachment\" accept=\"image\/*\" \/>\r\n <\/div>\r\n <div class=\"file-list\" id=\"fileList\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__consent\">\r\n <input type=\"checkbox\" id=\"consent\" name=\"Consentement RGPD\" value=\"J'accepte\" required \/>\r\n <label for=\"consent\">\r\n J'accepte que les informations saisies dans ce formulaire soient utilisees par BT Plus\r\n afin de traiter ma demande et de me recontacter. Conformement au RGPD, je dispose d'un\r\n droit d'acces, de rectification et de suppression de mes donnees, que je peux exercer en\r\n ecrivant a <a href=\"mailto:info-contact@btplus.fr\">info-contact@btplus.fr<\/a>.\r\n <a href=\"\/politique-de-confidentialite\" target=\"_blank\" rel=\"noopener\">En savoir plus<\/a>.\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn--contact\">\r\n Envoyer <span class=\"btn__icon\">→<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__info\">\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Telephone<\/h4><p><a href=\"tel:+331 86 95 77 77\">01 86 95 77 77<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Email<\/h4><p><a href=\"mailto:contact@btplus-intervention.fr\">info-contact@btplus.fr<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Adresse<\/h4><p>13 Rue Camille Desmoulins,\r\n92130 Issy-les-Moulineaux<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__hours\">\r\n <div class=\"contact__hours-title\">Horaires d'ouverture<\/div>\r\n <div class=\"contact__hours-grid\">\r\n <span class=\"contact__hours-day\">Lundi - Vendredi<\/span><span class=\"contact__hours-time\">08:00 - 20:00<\/span>\r\n <span class=\"contact__hours-day\">Samedi<\/span><span class=\"contact__hours-time\">09:00 - 18:00<\/span>\r\n <span class=\"contact__hours-day\">Dimanche & jours feries<\/span><span class=\"contact__hours-time\"><span class=\"urgent\">Urgence 24\/7<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__map\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2623.5!2d2.366!3d48.916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2f8e5c8b3d%3A0x8e5c8b3d47e66e2f!2sAubervilliers!5e0!3m2!1sfr!2sfr!4v1700000000000\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"w9\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs>\r\n <g class=\"wave-back\"><use href=\"#w9\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w9\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w9\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w9\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w9\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w9\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var fileInput = document.getElementById('fileInput');\r\n var fileList = document.getElementById('fileList');\r\n var dropZone = document.getElementById('fileDropZone');\r\n if (!fileInput || !dropZone) return;\r\n var perFileMax = 5 * 1024 * 1024;\r\n var totalMax = 10 * 1024 * 1024;\r\n\r\n function updateFileList(files) {\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach(function (file, index) {\r\n var item = document.createElement('span');\r\n item.className = 'file-item';\r\n var icon = file.type.indexOf('image\/') === 0 ? 'fa-image' : 'fa-file';\r\n item.innerHTML = '<i class=\"fas ' + icon + '\"><\/i><span>' + file.name + '<\/span><span class=\"file-remove\" data-index=\"' + index + '\"><i class=\"fas fa-times\"><\/i><\/span>';\r\n fileList.appendChild(item);\r\n });\r\n document.querySelectorAll('.file-remove').forEach(function (btn) {\r\n btn.addEventListener('click', function (e) {\r\n e.stopPropagation();\r\n var idx = parseInt(this.dataset.index);\r\n var dt = new DataTransfer();\r\n Array.from(fileInput.files).filter(function (_, i) { return i !== idx; }).forEach(function (f) { dt.items.add(f); });\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n });\r\n });\r\n }\r\n\r\n function applyFiles(candidate) {\r\n var valid = candidate.filter(function (f) { return f.type.indexOf('image\/') === 0 && f.size <= perFileMax; });\r\n if (candidate.length > 1) alert('Une seule photo peut etre envoyee. Seule la premiere a ete conservee.');\r\n else if (valid.length !== candidate.length) alert('Fichier ignore (image uniquement, 5MB max).');\r\n var dt = new DataTransfer();\r\n if (valid.length > 0) dt.items.add(valid[0]);\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n }\r\n\r\n dropZone.addEventListener('click', function (e) { if (e.target === this || e.target.closest('.file-drop-zone')) fileInput.click(); });\r\n fileInput.addEventListener('change', function () { applyFiles(Array.from(this.files)); });\r\n dropZone.addEventListener('dragover', function (e) { e.preventDefault(); this.classList.add('dragover'); });\r\n dropZone.addEventListener('dragleave', function (e) { e.preventDefault(); this.classList.remove('dragover'); });\r\n dropZone.addEventListener('drop', function (e) {\r\n e.preventDefault(); this.classList.remove('dragover');\r\n applyFiles(Array.from(e.dataTransfer.files));\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>D\u00e9bouchage canalisation pas cher \u2013 BT Plus \u00cele-de-France Plombier urgence 24h\/24 Entreprise d\u00e9bouchage canalisation IDF D\u00e9bouchage canalisation Intervention rapide en \u00cele-de-France Plombier urgence 24h\/24 \u00e0 Paris et en \u00cele-de-France. D\u00e9pannage canalisation bouch\u00e9e \u2013 WC, \u00e9vier, douche, baignoire ou r\u00e9seaux enterr\u00e9s. D\u00e9bouchage haute pression et d\u00e9bouchage professionnel sans produit chimique. Devis gratuit et intervention rapide. D\u00e9bouchage […]<\/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-445","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/445","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=445"}],"version-history":[{"count":112,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/445\/revisions"}],"predecessor-version":[{"id":2978,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/445\/revisions\/2978"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}