BT Plus \u2014 Curage canalisation & hydrocurage \u00cele-de-France<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<style>\r\n :root{\r\n --blue-900:#07294a;\r\n --blue-800:#0a3666;\r\n --blue-700:#0d4f8b;\r\n --blue-500:#1c7ec9;\r\n --blue-300:#7cc0ee;\r\n --blue-100:#d6ebfb;\r\n --blue-50:#eef6fc;\r\n --orange:#f4a61a;\r\n --orange-dark:#d98a0c;\r\n --ink:#0c2238;\r\n --slate:#48637d;\r\n --paper:#ffffff;\r\n\r\n --font-display:\"Sora\",sans-serif;\r\n --font-body:\"Inter\",sans-serif;\r\n\r\n --shadow-sm:0 2px 10px rgba(7,41,74,.06);\r\n --shadow-md:0 18px 40px -16px rgba(7,41,74,.30);\r\n }\r\n\r\n *{box-sizing:border-box;margin:0;padding:0}\r\n html{scroll-behavior:smooth}\r\n body{\r\n font-family:var(--font-body);\r\n color:var(--ink);\r\n background:var(--paper);\r\n -webkit-font-smoothing:antialiased;\r\n line-height:1.6;\r\n }\r\n\r\n \/* ---------- Hero ---------- *\/\r\n .hero{\r\n position:relative;\r\n overflow:hidden;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, var(--blue-100), transparent 60%),\r\n linear-gradient(180deg,#fbfdff 0%,var(--blue-50) 100%);\r\n }\r\n .hero-inner{\r\n max-width:1200px;margin:0 auto;\r\n padding:40px 24px 150px;\r\n display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;\r\n position:relative;\r\n }\r\n @media(max-width:940px){\r\n .hero-inner{grid-template-columns:1fr;padding:28px 24px 130px;gap:34px}\r\n }\r\n\r\n \/* ============================================\r\n BADGE 24\/24 \u2014 CURAGE\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 CURAGE (SEO)\r\n ============================================ *\/\r\n h1{\r\n font-family:var(--font-display);font-weight:800;\r\n font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.06;\r\n letter-spacing:-.025em;color:var(--blue-900);margin:18px 0 0;\r\n }\r\n h1 .accent{\r\n color:var(--orange);position:relative;white-space:nowrap;\r\n }\r\n h1 .accent::after{\r\n content:\"\";position:absolute;left:0;right:0;bottom:.06em;height:.16em;\r\n background:rgba(244,166,26,.28);border-radius:4px;z-index:-1;\r\n transform:scaleX(0);transform-origin:left;animation:underline 1s .8s ease forwards;\r\n }\r\n @keyframes underline{to{transform:scaleX(1)}}\r\n\r\n .lead{\r\n margin-top:18px;font-size:1.08rem;color:var(--slate);max-width:550px;\r\n }\r\n .lead strong{\r\n color:var(--blue-800);\r\n font-weight:600;\r\n }\r\n\r\n \/* service chips \u2014 CURAGE UNIQUEMENT *\/\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 \u2014 ADAPT\u00c9ES CURAGE\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>Entreprise curage canalisation IDF<\/b>\r\n <small>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/small>\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n <h1 class=\"reveal d2\">\r\n <strong>\r\nCurage de canalisatione en<\/strong><strong><\/strong><br>\r\n <span class=\"accent\">Ile-de-France<\/span>\r\n <\/h1>\r\n\r\n <p class=\"lead reveal d3\">\r\n <strong>Curage haute pression de canalisation<\/strong> et <strong>hydrocurage<\/strong>\r\n pour r\u00e9seaux enterr\u00e9s et canalisations obstru\u00e9es.\r\n <strong>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong> en <strong>\u00cele-de-France et Paris<\/strong>,\r\n nous r\u00e9alisons <strong>curage pr\u00e9ventif<\/strong> et <strong>curage curatif<\/strong>\r\n pour <strong>copropri\u00e9t\u00e9s<\/strong>, <strong>restaurants<\/strong>, <strong>h\u00f4tels<\/strong>,\r\n <strong>immeubles<\/strong> et <strong>bureaux<\/strong>.\r\n <strong>Devis curage gratuit<\/strong> \u2013 <strong>curage urgence 24h\/24<\/strong>.\r\n <\/p>\r\n\r\n <div class=\"chips reveal d4\">\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg><strong>Curage pr\u00e9ventif<\/strong><\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg><strong>Curage curatif<\/strong><\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg><strong>Hydrocurage haute pression<\/strong><\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg><strong>Curage copropri\u00e9t\u00e9<\/strong><\/span>\r\n <\/div>\r\n\r\n <div class=\"trust reveal d5\">\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><strong>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong><\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><strong>Devis curage 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>Curage urgence 24h\/24<\/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>Curage haute pression<\/strong><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"visual reveal-r\">\r\n <div class=\"disc\">\r\n <img decoding=\"async\"\r\n src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/unnamed-3.jpg\"\r\n alt=\"Intervention curage canalisation haute pression\"\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 Curage en cours\r\n <\/span>\r\n <div class=\"big-number\">\r\n 24\/7 <span>urgence<\/span>\r\n <\/div>\r\n <div class=\"desc\"><strong>Curage canalisation<\/strong> en <strong>\u00cele-de-France<\/strong> \u2013 <strong>Hydrocurage<\/strong> 300 bars<\/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 200+<\/b><small>curatages \/ 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-77f79bf e-con-full e-flex e-con e-parent\" data-id=\"77f79bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff5bafd elementor-widget elementor-widget-html\" data-id=\"ff5bafd\" 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-curage {\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-curage *,.btp-curage *::before,.btp-curage *::after{box-sizing:border-box}\r\n.btp-curage h2,.btp-curage h3,.btp-curage h4,.btp-curage p{margin:0}\r\n.btp-curage .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-curage .hd{text-align:center;margin-bottom:48px}\r\n.btp-curage .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-curage .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-curage .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-curage .hd h2 em{font-style:normal;color:var(--or)}\r\n.btp-curage .hd .lead{margin-top:14px;font-size:1.05rem;color:var(--slate);max-width:620px;margin-left:auto;margin-right:auto}\r\n.btp-curage .hd .lead strong{color:var(--b700);font-weight:600}\r\n\r\n\/* ---------- KPI mini ---------- *\/\r\n.btp-curage .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-curage .kpi-row{grid-template-columns:1fr 1fr}}\r\n.btp-curage .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-curage .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-curage .kpi-item .num small{font-size:.9rem;font-weight:600;color:var(--slate)}\r\n.btp-curage .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-curage .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-curage .grid{grid-template-columns:1fr}}\r\n\r\n.btp-curage .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-curage .card:hover,\r\n.btp-curage .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-curage .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-curage .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-curage .card-badge.green{background:var(--green-bg);color:#065f46}\r\n.btp-curage .card-badge.red{background:var(--red-bg);color:#991b1b}\r\n.btp-curage .card-badge.orange{background:#fef3c7;color:#b45309}\r\n.btp-curage .card-badge.gray{background:#f3f4f6;color:#6b7280}\r\n\r\n.btp-curage .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-curage .card-desc strong{color:var(--b700);font-weight:600}\r\n\r\n.btp-curage .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-curage .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-curage .cta-red{\r\n display:flex;\r\n justify-content:center;\r\n margin-top:44px;\r\n}\r\n.btp-curage .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-curage .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-curage .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-curage .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-curage .waves svg{display:block;width:100%;height:90px}\r\n.btp-curage .w-back use{animation:srvWave 12s linear infinite;opacity:.5}\r\n.btp-curage .w-mid use{animation:srvWave 9s linear infinite reverse;opacity:.8}\r\n.btp-curage .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-curage .rv{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease)}\r\n.btp-curage .rv.shown{opacity:1;transform:none}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n .btp-curage *{animation:none!important;transition:none!important}\r\n .btp-curage .rv{opacity:1;transform:none}\r\n}\r\n<\/style>\r\n\r\n<section class=\"btp-curage\">\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>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong> Urgence 24h\/24<\/span>\r\n <h2 class=\"rv\"><strong>Curage canalisation<\/strong> & <strong>hydrocurage<\/strong> \u2013 <em>notre expertise<\/em><\/h2>\r\n <p class=\"lead rv\">\r\n <strong>Curage haute pression de canalisation<\/strong> et <strong>hydrocurage<\/strong>\r\n pour r\u00e9seaux enterr\u00e9s. <strong>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong> en <strong>\u00cele-de-France<\/strong>,\r\n nous r\u00e9alisons <strong>curage pr\u00e9ventif<\/strong> et <strong>curage curatif<\/strong>\r\n pour <strong>copropri\u00e9t\u00e9s<\/strong>, <strong>restaurants<\/strong>, <strong>h\u00f4tels<\/strong>,\r\n <strong>immeubles<\/strong> et <strong>bureaux<\/strong>.\r\n <strong>Devis curage gratuit<\/strong> \u2013 <strong>curage urgence 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\">D\u00e9placement 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 curage 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);\">curage canalisation<\/strong><\/div>\r\n <span class=\"card-badge green\">Hydrocurage<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Le r\u00f4le principal d'un curage<\/strong> est d'extraire les r\u00e9sidus accumul\u00e9s ou un bouchon qui se serait form\u00e9 au sein de vos canalisations et qui emp\u00eacherait le mauvais \u00e9coulement de vos eaux. Nos techniciens sp\u00e9cialis\u00e9s dans le <strong>curage de canalisations en \u00cele-de-France<\/strong> interviennent \u00e0 l'aide d'un <strong>camion hydrocureur<\/strong> et d'un <strong>jet haute pression<\/strong>. <strong>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong> \u2013 <strong>hydrocurage<\/strong> efficace et durable.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Hydrocurage<\/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\">R\u00e9sidus fr\u00e9quents \u2013 <strong style=\"color:var(--or);\">nettoyage r\u00e9seau assainissement<\/strong><\/div>\r\n <span class=\"card-badge red\">\u00c0 \u00e9liminer<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Les r\u00e9sidus qui obstruent vos canalisations :<\/strong> cheveux, lingettes, tartre, calcaire et produits hygi\u00e9niques. Ces \u00e9l\u00e9ments s'accumulent et finissent par former un bouchon qui bloque l'\u00e9coulement de vos eaux us\u00e9es. Un <strong>curage<\/strong> r\u00e9gulier assure un <strong>nettoyage r\u00e9seau d'assainissement<\/strong> optimal et pr\u00e9vient les mauvaises surprises.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span>Cheveux<\/span>\r\n <span>Lingettes<\/span>\r\n <span>Tartre<\/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);\">Curage curatif<\/strong> \u2013 urgence<\/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>Curage urgence IDF<\/strong> \u2013 intervention rapide sous 1h. <strong>Entreprise curage canalisation<\/strong> disponible <strong>24h\/24<\/strong>.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Curage 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);\">Curage 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>, le nettoyage et la vidange de la fosse septique sont importants pour votre syst\u00e8me d'assainissement collectif et non collectif. Id\u00e9al pour <strong>curage canalisation copropri\u00e9t\u00e9<\/strong>, <strong>restaurant<\/strong>, <strong>h\u00f4tel<\/strong>, <strong>immeuble<\/strong> ou <strong>bureaux<\/strong>. <strong>Curage canalisation maison \/ appartement<\/strong> \u00e9galement possible.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Curage pr\u00e9ventif<\/strong><\/span>\r\n <span><strong>Entretien r\u00e9seau<\/strong><\/span>\r\n <span>Fosse septique<\/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-curage');\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-c5c7194 e-con-full e-flex e-con e-parent\" data-id=\"c5c7194\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22f5167 elementor-widget elementor-widget-html\" data-id=\"22f5167\" 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>CURAGE<\/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-b823b6c e-con-full e-flex e-con e-parent\" data-id=\"b823b6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9dbabe elementor-widget elementor-widget-html\" data-id=\"e9dbabe\" 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 curage, 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 <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n D\u00e9bouchage\r\n <span class=\"sous-titre\">Intervention rapide<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage\/\" class=\"service-card actuel\">\r\n <span class=\"badge-service badge-actuel\">Page actuelle<\/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 pour le curage<\/span><\/div>\r\n\r\n <div class=\"grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-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\/curage-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\/curage-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\/curage-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\/curage-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\/curage-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\/curage-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\/curage-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-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>Curage canalisation & hydrocurage \u2013 BT Plus \u00cele-de-France<\/title>\r\n\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 TIMELINE CURAGE (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 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: 680px;\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 .btp-timeline .step:nth-child(4) .dot-wrap {\r\n border-color: #f4a61a;\r\n background: #fefaf5;\r\n }\r\n\r\n .btp-timeline .step:nth-child(4) .dot-wrap .step-num {\r\n color: #f4a61a;\r\n }\r\n\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 \/* Tags *\/\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 \/* Statistiques *\/\r\n .btp-timeline .stats-row {\r\n display: flex;\r\n justify-content: center;\r\n gap: 40px;\r\n margin: 10px 0;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btp-timeline .stats-row .stat-item {\r\n text-align: center;\r\n }\r\n\r\n .btp-timeline .stats-row .stat-item .number {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.6rem;\r\n font-weight: 800;\r\n color: #f4a61a;\r\n line-height: 1;\r\n }\r\n\r\n .btp-timeline .stats-row .stat-item .label {\r\n font-size: 0.7rem;\r\n color: #48637d;\r\n font-weight: 500;\r\n display: block;\r\n margin-top: 2px;\r\n }\r\n\r\n \/* ============================================================\r\n RAPPEL URGENCE + CTA ROUGE (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 \/* CTA ROUGE \u2014 NUM\u00c9RO EN BLANC (identique aux autres sections) *\/\r\n .btp-timeline .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: 'Sora', sans-serif;\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 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btp-timeline .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\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.4rem;\r\n letter-spacing: 0.02em;\r\n color: #ffffff;\r\n }\r\n\r\n .btp-timeline .btn-urgence .label {\r\n font-size: 0.65rem;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: rgba(255, 255, 255, 0.7);\r\n display: block;\r\n margin-top: -2px;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n @media (max-width: 992px) {\r\n .btp-timeline .container {\r\n padding: 0 30px;\r\n }\r\n\r\n .btp-timeline .timeline::before {\r\n left: 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 .stats-row {\r\n gap: 20px;\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 .stats-row .stat-item .number {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .btp-timeline .stats-row .stat-item .label {\r\n font-size: 0.6rem;\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 <strong>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong> \u2013 Urgence 24h\/24\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n <strong>Curage canalisation<\/strong> & <strong>hydrocurage<\/strong> \u2013 <span>l'importance d'un entretien<\/span>\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n <strong>Curage pr\u00e9ventif<\/strong> et <strong>curage curatif<\/strong> garantissent le bon fonctionnement\r\n de votre r\u00e9seau. <strong>Nettoyage r\u00e9seau assainissement<\/strong> par une\r\n <strong>soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong> en <strong>\u00cele-de-France<\/strong>.\r\n <strong>Devis curage gratuit<\/strong> et <strong>intervention rapide<\/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\">R\u00e9seau de <span>canalisation<\/span><\/div>\r\n <div class=\"step-desc\">\r\n Le <strong>curage canalisation en IDF<\/strong> assure le bon fonctionnement de l'ensemble du\r\n <strong>r\u00e9seau d'assainissement<\/strong>, g\u00e9rant <strong>l'\u00e9coulement des eaux us\u00e9es<\/strong>\r\n (sanitaire, WC, lave-linge, lave-vaisselle...) et des <strong>eaux de pluie<\/strong>.\r\n Un <strong>entretien canalisation<\/strong> r\u00e9gulier est essentiel.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Eaux us\u00e9es<\/strong><\/span>\r\n <span class=\"tag\"><strong>Eaux pluviales<\/strong><\/span>\r\n <span class=\"tag\">R\u00e9seau entier<\/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\"><span>Curage pr\u00e9ventif<\/span> \u2013 pr\u00e9vention des bouchons<\/div>\r\n <div class=\"step-desc\">\r\n Le <strong>curage pr\u00e9ventif<\/strong> permet d'\u00e9viter l'apparition de <strong>bouchons<\/strong>\r\n plus ou moins importants dans vos canalisations. Un <strong>entretien canalisation<\/strong>\r\n r\u00e9gulier est la cl\u00e9 d'un r\u00e9seau sain. Pour les <strong>curage canalisation copropri\u00e9t\u00e9<\/strong>,\r\n <strong>restaurant<\/strong> ou <strong>h\u00f4tel<\/strong>, nous proposons des contrats adapt\u00e9s.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Curage pr\u00e9ventif<\/strong><\/span>\r\n <span class=\"tag\"><strong>Entretien<\/strong><\/span>\r\n <span class=\"tag\">Durabilit\u00e9<\/span>\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\"><span>Curage curatif<\/span> \u2013 cons\u00e9quences d'un bouchon<\/div>\r\n <div class=\"step-desc\">\r\n Lorsque le <strong>bouchon se forme<\/strong>, cela provoque un mauvais \u00e9coulement de l'eau.\r\n Cela peut engendrer des <strong>odeurs<\/strong>, des <strong>remont\u00e9es<\/strong> ou bien un\r\n <strong>d\u00e9g\u00e2t des eaux<\/strong> beaucoup plus important. Le <strong>curage curatif<\/strong>\r\n est alors n\u00e9cessaire. <strong>Curage urgence IDF<\/strong> disponible <strong>24h\/24<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Curage curatif<\/strong><\/span>\r\n <span class=\"tag\"><strong>Curage urgence<\/strong><\/span>\r\n <span class=\"tag\">D\u00e9g\u00e2t des eaux<\/span>\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 Recommandations<\/div>\r\n <div class=\"step-title\">Fr\u00e9quence de <span>curage<\/span><\/div>\r\n <div class=\"step-desc\">\r\n Il est recommand\u00e9 de r\u00e9aliser un <strong>curage<\/strong> de vos canalisations\r\n <strong>tous les 3 \u00e0 4 ans<\/strong> pour pr\u00e9venir l'apparition de bouchons.\r\n Pour les <strong>copropri\u00e9t\u00e9s<\/strong>, <strong>restaurants<\/strong> et <strong>h\u00f4tels<\/strong>,\r\n une fr\u00e9quence plus rapproch\u00e9e est conseill\u00e9e.\r\n <strong>Curage canalisation maison \/ appartement<\/strong> possible.\r\n <strong>Devis curage gratuit<\/strong> sur demande.\r\n <\/div>\r\n <div class=\"stats-row\">\r\n <div class=\"stat-item\">\r\n <span class=\"number\">3 \u00e0 4 ans<\/span>\r\n <span class=\"label\"><strong>Curage pr\u00e9ventif<\/strong> recommand\u00e9<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"number\">24h\/24<\/span>\r\n <span class=\"label\"><strong>Curage curatif<\/strong> urgence<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"number\">100%<\/span>\r\n <span class=\"label\">Techniciens qualifi\u00e9s<\/span>\r\n <\/div>\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\">Faire appel \u00e0 <span>BT PLUS<\/span><\/div>\r\n <div class=\"step-desc\">\r\n Il est n\u00e9cessaire de faire entretenir ses canalisations par une\r\n <strong>soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong>, professionnelle et exp\u00e9riment\u00e9e,\r\n telle que <strong>BT PLUS<\/strong>. Notre <strong>entreprise curage canalisation<\/strong>\r\n intervient en <strong>\u00cele-de-France et Paris<\/strong> avec du\r\n <strong>mat\u00e9riel haute pression<\/strong> (hydrocurage) pour chaque intervention.\r\n <strong>Devis curage gratuit<\/strong> et <strong>intervention rapide<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Entreprise agr\u00e9\u00e9e<\/strong><\/span>\r\n <span class=\"tag\"><strong>Hydrocurage<\/strong><\/span>\r\n <span class=\"tag\"><strong>Mat\u00e9riel haute pression<\/strong><\/span>\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\">Nettoyage <span>en profondeur<\/span><\/div>\r\n <div class=\"step-desc\">\r\n Le <strong>curage<\/strong> va permettre de <strong>nettoyer en profondeur<\/strong>\r\n vos canalisations. <strong>Hydrocurage canalisation<\/strong> et\r\n <strong>curage haute pression<\/strong> pour \u00e9liminer tous les r\u00e9sidus.\r\n <strong>Nettoyage r\u00e9seau assainissement<\/strong> complet.\r\n Nos techniciens adaptent leurs prestations en fonction de vos besoins.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Hydrocurage<\/strong><\/span>\r\n <span class=\"tag\"><strong>Haute pression<\/strong><\/span>\r\n <span class=\"tag\">R\u00e9seau sain<\/span>\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'<strong>urgence curage<\/strong>, coupez votre arriv\u00e9e d'eau\r\n et appelez notre <strong>soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong>\r\n <span class=\"highlight\">imm\u00e9diatement<\/span>.\r\n <strong>Curage urgence IDF<\/strong> \u2013 <strong>intervention 24h\/24<\/strong>.\r\n <strong>Devis curage 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\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-1f6c0a2 e-con-full e-flex e-con e-parent\" data-id=\"1f6c0a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50698bc elementor-widget elementor-widget-html\" data-id=\"50698bc\" 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>Curage canalisation & assainissement \u2013 BT Plus \u00cele-de-France<\/title>\r\n\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 DIAGNOSTIC CURAGE (SEO optimis\u00e9)\r\n Adapt\u00e9 pour \"Assainissement Pros & Particuliers\"\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\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: 680px;\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 \/* ============================================================\r\n GRILLE 2 COLONNES \u2014 PROFESSIONNELS \/ PARTICULIERS (SEO)\r\n ============================================================ *\/\r\n .btp-diagnostic .pros-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btp-diagnostic .pros-card {\r\n background: #fff;\r\n border-radius: 20px;\r\n padding: 28px 30px;\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 .pros-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 .pros-card .card-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: 16px;\r\n padding-bottom: 12px;\r\n border-bottom: 2px solid #eef2f5;\r\n }\r\n\r\n .btp-diagnostic .pros-card .card-title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 8px 0;\r\n border-bottom: 1px solid #f5f7fa;\r\n font-size: 0.85rem;\r\n color: #48637d;\r\n transition: all 0.2s;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li:hover {\r\n transform: translateX(4px);\r\n color: #07294a;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li .check {\r\n color: #f4a61a;\r\n font-weight: 700;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ============================================================\r\n ORDONNANCE \u2014 Tous les services (SEO enrichi)\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 + CTA ROUGE (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: 20px;\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 \/* CTA ROUGE \u2014 NUM\u00c9RO EN BLANC (identique aux autres sections) *\/\r\n .btp-diagnostic .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: 'Sora', sans-serif;\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 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btp-diagnostic .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\r\n .btp-diagnostic .btn-urgence .number {\r\n font-size: 1.4rem;\r\n letter-spacing: 0.02em;\r\n color: #ffffff;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .label {\r\n font-size: 0.65rem;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: rgba(255, 255, 255, 0.7);\r\n display: block;\r\n margin-top: -2px;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\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 .pros-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\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 .pros-card {\r\n padding: 20px 18px;\r\n }\r\n\r\n .btp-diagnostic .pros-card .card-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li {\r\n font-size: 0.8rem;\r\n padding: 6px 0;\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 <\/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 <strong>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong> \u2013 Urgence 24h\/24\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n <strong>Curage canalisation<\/strong> & <strong>hydrocurage<\/strong> \u2013 <span>assainissement pros et particuliers<\/span>\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n <strong>Curage pr\u00e9ventif<\/strong> et <strong>curage curatif<\/strong> pour tous vos r\u00e9seaux.\r\n <strong>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong> en <strong>\u00cele-de-France<\/strong>, nous proposons\r\n <strong>devis curage gratuit<\/strong> et <strong>nettoyage r\u00e9seau assainissement<\/strong>\r\n complet. <strong>Entreprise curage canalisation<\/strong> pour <strong>copropri\u00e9t\u00e9s<\/strong>,\r\n <strong>restaurants<\/strong>, <strong>h\u00f4tels<\/strong> et <strong>particuliers<\/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\"><strong>Curage canalisation<\/strong> \u2013 Pros & Particuliers<\/span>\r\n <span class=\"dossier-id\">R\u00e9f. #A-2024-001<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"pros-grid\">\r\n\r\n \r\n <div class=\"pros-card\">\r\n <div class=\"card-title\">PROFESSIONNELS \u2013 <span>curage canalisation<\/span><\/div>\r\n <ul class=\"services-list\">\r\n <li><span class=\"check\">\u2713<\/span> <strong>Curage canalisation restaurant<\/strong> \u2013 h\u00f4tel<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Curage canalisation copropri\u00e9t\u00e9<\/strong> \u2013 immeuble<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Curage canalisation bureaux<\/strong> \u2013 locaux pros<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Curage haute pression<\/strong> \u2013 hydrocurage<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Soci\u00e9t\u00e9 curage canalisation IDF<\/strong> \u2013 agr\u00e9\u00e9e<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"pros-card\">\r\n <div class=\"card-title\">PARTICULIERS \u2013 <span>d\u00e9pannage assainissement<\/span><\/div>\r\n <ul class=\"services-list\">\r\n <li><span class=\"check\">\u2713<\/span> <strong>Curage canalisation maison<\/strong> \u2013 villa<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Curage canalisation appartement<\/strong> \u2013 copro<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Hydrocurage canalisation<\/strong> \u2013 300 bars<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Nettoyage canalisation eaux us\u00e9es<\/strong> \u2013 r\u00e9seau<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Devis curage gratuit<\/strong> \u2013 sans engagement<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\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 Tous nos services d'assainissement\r\n <\/div>\r\n <div class=\"ord-desc\">\r\n <strong>Curage pr\u00e9ventif<\/strong> et <strong>curage curatif<\/strong> pour l'entretien\r\n et la mise en conformit\u00e9 de vos r\u00e9seaux. <strong>Hydrocurage<\/strong> et\r\n <strong>curage haute pression<\/strong> par une <strong>soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong>.\r\n <\/div>\r\n <div class=\"ord-list\">\r\n <span class=\"ord-item\"><strong>Curage pr\u00e9ventif<\/strong> \u2013 entretien<\/span>\r\n <span class=\"ord-item\"><strong>Curage curatif<\/strong> \u2013 urgence<\/span>\r\n <span class=\"ord-item\"><strong>Hydrocurage canalisation<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Curage haute pression<\/strong> \u2013 300 bars<\/span>\r\n <span class=\"ord-item\">Raccordement tout-\u00e0-l'\u00e9gout<\/span>\r\n <span class=\"ord-item\">Mise en conformit\u00e9 non-collectif<\/span>\r\n <span class=\"ord-item\">S\u00e9paration EU-EP<\/span>\r\n <span class=\"ord-item\">Installation regards \/ puisards<\/span>\r\n <span class=\"ord-item\">Installation bac \u00e0 graisse<\/span>\r\n <span class=\"ord-item\"><strong>Nettoyage r\u00e9seau assainissement<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Entretien canalisation<\/strong> \u2013 copropri\u00e9t\u00e9<\/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> <strong>Curage urgence IDF<\/strong> \u2013 intervention\r\n <span class=\"highlight\">24h\/24 \u2014 7j\/7<\/span>, d\u00e9placement sous 1h en \u00cele-de-France.\r\n <strong>Devis curage gratuit<\/strong> \u2013 <strong>soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/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\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 });\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-0f487a0 e-con-full e-flex e-con e-parent\" data-id=\"0f487a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4aa00a4 elementor-widget elementor-widget-html\" data-id=\"4aa00a4\" 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\">curage<\/span><\/h2>\r\n <p class=\"bt-faq__subtitle\">\r\n <strong>Curage<\/strong> professionnel, <strong>hydrocurage<\/strong>, <strong>entretien pr\u00e9ventif<\/strong>, <strong>inspection cam\u00e9ra<\/strong>\u2026 Retrouvez les r\u00e9ponses \u00e0 vos interrogations sur nos <strong>prestations de curage<\/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>\u00c0 quoi sert le curage d'une canalisation ?<\/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 <strong>curage canalisation<\/strong> permet de <strong>nettoyer en profondeur<\/strong> les r\u00e9seaux d'assainissement, d'\u00e9liminer les d\u00e9p\u00f4ts de graisses, calcaire, racines et autres obstructions. C'est une <strong>op\u00e9ration pr\u00e9ventive ou curative<\/strong> qui garantit le bon \u00e9coulement des eaux us\u00e9es.<\/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>Quelle est la diff\u00e9rence entre curage et 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 <strong>d\u00e9bouchage<\/strong> intervient pour r\u00e9soudre un <strong>bouchon ponctuel<\/strong> (WC, \u00e9vier, douche). Le <strong>curage<\/strong> est une op\u00e9ration plus <strong>profonde et compl\u00e8te<\/strong> sur les r\u00e9seaux enterr\u00e9s, les colonnes d'immeuble ou les canalisations principales. Il nettoie les <strong>d\u00e9p\u00f4ts accumul\u00e9s<\/strong> sur les parois.<\/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 le curage ?<\/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 des techniques de <strong>curage haute pression<\/strong> (hydrocurage jusqu'\u00e0 300 bars) pour d\u00e9coller les d\u00e9p\u00f4ts, associ\u00e9es \u00e0 des <strong>turbines de curage<\/strong> et des <strong>t\u00eates de lavage rotatives<\/strong>. Ces m\u00e9thodes sont <strong>sans produit chimique<\/strong> et respectueuses de l'environnement.<\/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>\u00c0 quelle fr\u00e9quence faut\u2011il curer ses canalisations ?<\/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>La fr\u00e9quence d\u00e9pend du type de r\u00e9seau et de l'usage. Pour les <strong>particuliers<\/strong>, un <strong>curage pr\u00e9ventif<\/strong> tous les 3 \u00e0 5 ans est recommand\u00e9. Pour les <strong>professionnels<\/strong> (restaurants, h\u00f4tels), un <strong>entretien annuel<\/strong> voire semestriel est n\u00e9cessaire pour \u00e9viter les <strong>d\u00e9p\u00f4ts de graisses<\/strong> et les obstructions.<\/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'un curage de canalisation ?<\/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 varie selon la longueur de canalisation, le diam\u00e8tre et la complexit\u00e9 de l'acc\u00e8s. Comptez en moyenne entre <strong>150\u20ac et 450\u20ac<\/strong> pour un <strong>curage haute pression<\/strong> en \u00cele\u2011de\u2011France. Nous fournissons un <strong>devis gratuit<\/strong> et d\u00e9taill\u00e9 avant toute intervention.<\/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 des contrats d'entretien pr\u00e9ventif ?<\/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'entretien pr\u00e9ventif<\/strong> pour les <strong>copropri\u00e9t\u00e9s<\/strong>, les <strong>restaurants<\/strong>, les <strong>h\u00f4tels<\/strong> et les <strong>collectivit\u00e9s<\/strong>. Ces contrats incluent des <strong>visites r\u00e9guli\u00e8res de curage<\/strong> et d'<strong>inspection cam\u00e9ra<\/strong> pour garantir le bon fonctionnement de vos r\u00e9seaux.<\/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>R\u00e9alisez\u2011vous l'inspection cam\u00e9ra avant un curage ?<\/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'<strong>inspection cam\u00e9ra<\/strong> est syst\u00e9matiquement r\u00e9alis\u00e9e en amont pour <strong>diagnostiquer l'\u00e9tat des canalisations<\/strong>, localiser pr\u00e9cis\u00e9ment les d\u00e9p\u00f4ts et d\u00e9tecter d'\u00e9ventuelles <strong>fissures<\/strong> ou <strong>racines<\/strong>. Cela permet d'<strong>adapter la technique de curage<\/strong> et de fournir un <strong>rapport d\u00e9taill\u00e9<\/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 en urgence pour un curage ?<\/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 curage 24h\/24 et 7j\/7<\/strong> en <strong>\u00cele\u2011de\u2011France<\/strong>. En cas d'obstruction s\u00e9v\u00e8re ou de <strong>d\u00e9bordement<\/strong>, notre \u00e9quipe se d\u00e9place <strong>rapidement<\/strong> pour r\u00e9soudre le probl\u00e8me et r\u00e9tablir la circulation des eaux us\u00e9es.<\/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 rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n.contact { padding: 5rem 5% 6rem; position: relative; min-height: 100vh; display: flex; align-items: center;\r\n background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%), linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden; box-sizing: border-box; }\r\n.contact *, .contact *::before, .contact *::after { box-sizing: border-box; }\r\n.contact__waves { position: absolute; left: 0; right: 0; bottom: 0; line-height: 0; z-index: 0; pointer-events: none; }\r\n.contact__waves svg { display: block; width: 100%; height: 80px; }\r\n.contact__waves .wave-back use { animation: wavemove 11s linear infinite; opacity: 0.55; }\r\n.contact__waves .wave-mid use { animation: wavemove 8s linear infinite reverse; opacity: 0.8; }\r\n.contact__waves .wave-front use { animation: wavemove 6s linear infinite; }\r\n@keyframes wavemove { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n.contact__container { max-width: 1280px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\r\n.contact__header { text-align: center; max-width: 780px; margin: 0 auto 3.5rem; }\r\n.contact__badge { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.4rem 1.4rem 0.4rem 1rem; border-radius: 2rem; background: rgba(28, 126, 201, 0.07); color: #1c7ec9; border: 1px solid rgba(28, 126, 201, 0.12); margin-bottom: 1.2rem; }\r\n.contact__badge .dot { width: 6px; height: 6px; border-radius: 50%; background: #1c7ec9; animation: pulseDot 2s ease-in-out infinite; }\r\n@keyframes pulseDot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.6); } }\r\n.contact__title { font-family: 'Sora', sans-serif; font-weight: 800; font-size: clamp(2rem, 3.6vw, 3.2rem); letter-spacing: -0.03em; color: #07294a; line-height: 1.1; margin-bottom: 0.8rem; }\r\n.contact__title .highlight { background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n.contact__subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: clamp(1rem, 1.1vw, 1.15rem); color: #6b7f94; max-width: 600px; margin: 0 auto; line-height: 1.7; }\r\n.contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }\r\n.contact__form { background: #ffffff; border-radius: 24px; padding: 2.5rem; border: 1px solid #eef2f6; box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04); transition: all 0.4s ease; position: relative; }\r\n.contact__form:hover { box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08); border-color: #d6ebfb; }\r\n.contact__form-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 1.3rem; color: #07294a; margin-bottom: 0.3rem; }\r\n.contact__form-subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; margin-bottom: 1.5rem; }\r\n.contact__form-group { margin-bottom: 1.2rem; }\r\n.contact__form-group label { display: block; font-family: 'Sora', sans-serif; font-weight: 600; font-size: 0.7rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.3rem; }\r\n.contact__form-group label .required { color: #dc2626; }\r\n.contact__form-group input, .contact__form-group select, .contact__form-group textarea { width: 100%; padding: 0.8rem 1rem; border-radius: 12px; border: 1px solid #eef2f6; background: #f8fafc; font-family: 'Inter', sans-serif; font-size: 0.9rem; color: #07294a; transition: all 0.3s ease; outline: none; }\r\n.contact__form-group input:focus, .contact__form-group select:focus, .contact__form-group textarea:focus { border-color: #1c7ec9; background: #ffffff; box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06); }\r\n.contact__form-group input::placeholder, .contact__form-group textarea::placeholder { color: #b0c0d0; }\r\n.contact__form-group select option { background: #ffffff; color: #07294a; }\r\n.contact__form-group textarea { resize: vertical; min-height: 100px; }\r\n.contact__form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n.contact__form-group--file { position: relative; }\r\n.contact__form-group--file .file-drop-zone { border: 2px dashed #eef2f6; border-radius: 12px; padding: 1.5rem 1rem; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #f8fafc; }\r\n.contact__form-group--file .file-drop-zone:hover { border-color: #1c7ec9; background: #eef6fc; }\r\n.contact__form-group--file .file-drop-zone.dragover { border-color: #f4a61a; background: rgba(244, 166, 26, 0.04); }\r\n.contact__form-group--file .file-drop-zone i { font-size: 2rem; color: #1c7ec9; display: block; margin-bottom: 0.5rem; }\r\n.contact__form-group--file .file-drop-zone p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.85rem; color: #6b7f94; margin: 0; }\r\n.contact__form-group--file .file-drop-zone .file-types { font-size: 0.7rem; color: #b0c0d0; margin-top: 0.3rem; }\r\n.contact__form-group--file input[type=\"file\"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }\r\n.contact__form-group--file .file-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }\r\n.contact__form-group--file .file-item { display: inline-flex; align-items: center; gap: 0.5rem; background: #eef6fc; padding: 0.3rem 0.8rem 0.3rem 0.6rem; border-radius: 20px; font-family: 'Inter', sans-serif; font-size: 0.75rem; color: #1c7ec9; border: 1px solid #d6ebfb; }\r\n.contact__form-group--file .file-item i { font-size: 0.8rem; color: #1c7ec9; }\r\n.contact__form-group--file .file-item .file-remove { cursor: pointer; color: #6b7f94; transition: color 0.3s ease; font-size: 0.7rem; }\r\n.contact__form-group--file .file-item .file-remove:hover { color: #dc2626; }\r\n\r\n\/* ---- Consentement RGPD ---- *\/\r\n.contact__consent { display: flex; align-items: flex-start; gap: 0.7rem; margin-bottom: 1.5rem; }\r\n.contact__consent input[type=\"checkbox\"] { width: 18px; height: 18px; min-width: 18px; margin-top: 0.15rem; accent-color: #1c7ec9; cursor: pointer; flex-shrink: 0; }\r\n.contact__consent label { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.8rem; line-height: 1.5; color: #6b7f94; text-transform: none; letter-spacing: 0; margin-bottom: 0; cursor: pointer; }\r\n.contact__consent label .required { color: #dc2626; }\r\n.contact__consent label a { color: #1c7ec9; text-decoration: underline; }\r\n.contact__consent label a:hover { color: #07294a; }\r\n\r\n.btn--contact { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.02em; text-decoration: none; padding: 0.9rem 2.4rem; border-radius: 3rem; transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; border: none; text-align: center; background: linear-gradient(135deg, #f4a61a 0%, #e0960e 100%); box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25); color: #07294a; width: 100%; }\r\n.btn--contact:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40); color: #07294a; }\r\n.btn--contact .btn__icon { transition: transform 0.3s ease; }\r\n.btn--contact:hover .btn__icon { transform: translateX(4px); }\r\n.contact__info { display: flex; flex-direction: column; gap: 1.2rem; }\r\n.contact__info-card { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; transition: all 0.4s ease; display: flex; align-items: center; gap: 1.2rem; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); }\r\n.contact__info-card:hover { transform: translateX(6px); border-color: #1c7ec9; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.08); }\r\n.contact__info-icon { width: 50px; height: 50px; border-radius: 14px; background: #f0f4f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s ease; }\r\n.contact__info-card:hover .contact__info-icon { background: #eef6fc; }\r\n.contact__info-icon i { font-size: 1.3rem; color: #1c7ec9; }\r\n.contact__info-content h4 { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #07294a; margin-bottom: 0.1rem; }\r\n.contact__info-content p, .contact__info-content a { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; text-decoration: none; transition: color 0.3s ease; }\r\n.contact__info-content a:hover { color: #1c7ec9; }\r\n.contact__hours { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); transition: all 0.4s ease; }\r\n.contact__hours:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__hours-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.8rem; }\r\n.contact__hours-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem 1rem; }\r\n.contact__hours-day { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #6b7f94; }\r\n.contact__hours-time { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #07294a; text-align: right; }\r\n.contact__hours-time .urgent { color: #1c7ec9; font-weight: 700; }\r\n.contact__map { border-radius: 16px; overflow: hidden; border: 1px solid #eef2f6; height: 200px; background: #f8fafc; transition: all 0.4s ease; }\r\n.contact__map:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__map iframe { width: 100%; height: 100%; border: none; }\r\n@media (max-width: 992px) {\r\n .contact__grid { grid-template-columns: 1fr; gap: 2rem; }\r\n .contact__form { padding: 2rem; }\r\n .contact__info { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; }\r\n .contact__map { height: 180px; }\r\n}\r\n@media (max-width: 768px) {\r\n .contact { padding: 3.5rem 1.5rem 4rem; min-height: auto; }\r\n .contact__form { padding: 1.5rem; border-radius: 16px; }\r\n .contact__form-row { grid-template-columns: 1fr; gap: 0; }\r\n .contact__info { grid-template-columns: 1fr; gap: 1rem; }\r\n .contact__info-card { padding: 1.2rem 1.5rem; }\r\n .contact__hours { padding: 1.2rem 1.5rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; gap: 0.3rem 0.8rem; }\r\n .contact__hours-day { font-size: 0.75rem; }\r\n .contact__hours-time { font-size: 0.75rem; }\r\n .contact__map { height: 150px; }\r\n .btn--contact { padding: 0.7rem 1.8rem; font-size: 0.75rem; }\r\n .contact__form-group--file .file-drop-zone { padding: 1rem; }\r\n .contact__form-group--file .file-drop-zone i { font-size: 1.5rem; }\r\n .contact__waves svg { height: 40px; }\r\n}\r\n@media (max-width: 480px) {\r\n .contact__form { padding: 1rem; }\r\n .contact__info-card { padding: 1rem; }\r\n .contact__info-icon { width: 40px; height: 40px; }\r\n .contact__info-icon i { font-size: 1rem; }\r\n .contact__hours { padding: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact\">\r\n <div class=\"contact__container\">\r\n\r\n <div class=\"contact__header\">\r\n <span class=\"contact__badge\"><span class=\"dot\"><\/span> Contactez-nous<\/span>\r\n <h2 class=\"contact__title\">Pret a <span class=\"highlight\">securiser<\/span> vos reseaux ?<\/h2>\r\n <p class=\"contact__subtitle\">Une question, un devis, une urgence ? Notre equipe est a votre ecoute 24h\/24 et 7j\/7.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact__grid\">\r\n\r\n \r\n <div class=\"contact__form\">\r\n <h3 class=\"contact__form-title\">Demandez un diagnostic<\/h3>\r\n <p class=\"contact__form-subtitle\">Remplissez le formulaire et nous vous recontacterons sous 24h.<\/p>\r\n\r\n \r\n <form id=\"contactForm\"\r\n action=\"https:\/\/formsubmit.co\/info-contact@btplus.fr\"\r\n method=\"POST\"\r\n enctype=\"multipart\/form-data\">\r\n\r\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de diagnostic - Site BT Plus\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n \r\n <input type=\"hidden\" name=\"_cc\" value=\"marketing@btgroup-france.com\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n \r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"nom\">Nom complet <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"nom\" name=\"Nom complet\" placeholder=\"Jean Dupont\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"email\">Email <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jean@exemple.fr\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"telephone\">Telephone <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"Telephone\" placeholder=\"01 23 45 67 89\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"cp\">Code postal<\/label>\r\n <input type=\"text\" id=\"cp\" name=\"Code postal\" placeholder=\"75000\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_batiment\">Type de batiment<\/label>\r\n <select id=\"type_batiment\" name=\"Type de batiment\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"copropriete\">Copropriete<\/option>\r\n <option value=\"syndic\">Syndic<\/option>\r\n <option value=\"bailleur\">Bailleur social<\/option>\r\n <option value=\"erp\">ERP (Etablissement recevant du public)<\/option>\r\n <option value=\"tertiaire\">Tertiaire (bureau, commerce)<\/option>\r\n <option value=\"collectivite\">Collectivite<\/option>\r\n <option value=\"particulier\">Particulier<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_besoin\">Type de besoin<\/label>\r\n <select id=\"type_besoin\" name=\"Type de besoin\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"urgence\">Urgence (debouchage, curage)<\/option>\r\n <option value=\"entretien\">Entretien preventif<\/option>\r\n <option value=\"diagnostic\">Diagnostic \/ Inspection<\/option>\r\n <option value=\"travaux\">Travaux \/ Renovation<\/option>\r\n <option value=\"contrat\">Contrat d'entretien<\/option>\r\n <option value=\"devis\">Demande de devis<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"Message\" placeholder=\"Decrivez votre situation...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group contact__form-group--file\">\r\n <label>Ajouter une photo <span style=\"font-weight:400;text-transform:none;color:#b0c0d0;\">(optionnel - une seule)<\/span><\/label>\r\n <div class=\"file-drop-zone\" id=\"fileDropZone\">\r\n <i class=\"fas fa-cloud-upload-alt\"><\/i>\r\n <p>Glissez une photo ici ou cliquez pour la selectionner<\/p>\r\n <div class=\"file-types\">JPG, PNG, GIF - une seule photo, 5MB max<\/div>\r\n <input type=\"file\" id=\"fileInput\" name=\"attachment\" accept=\"image\/*\" \/>\r\n <\/div>\r\n <div class=\"file-list\" id=\"fileList\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__consent\">\r\n <input type=\"checkbox\" id=\"consent\" name=\"Consentement RGPD\" value=\"J'accepte\" required \/>\r\n <label for=\"consent\">\r\n J'accepte que les informations saisies dans ce formulaire soient utilisees par BT Plus\r\n afin de traiter ma demande et de me recontacter. Conformement au RGPD, je dispose d'un\r\n droit d'acces, de rectification et de suppression de mes donnees, que je peux exercer en\r\n ecrivant a <a href=\"mailto:info-contact@btplus.fr\">info-contact@btplus.fr<\/a>.\r\n <a href=\"\/politique-de-confidentialite\" target=\"_blank\" rel=\"noopener\">En savoir plus<\/a>.\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn--contact\">\r\n Envoyer <span class=\"btn__icon\">→<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__info\">\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Telephone<\/h4><p><a href=\"tel:+331 86 95 77 77\">01 86 95 77 77<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Email<\/h4><p><a href=\"mailto:contact@btplus-intervention.fr\">info-contact@btplus.fr<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Adresse<\/h4><p>13 Rue Camille Desmoulins,\r\n92130 Issy-les-Moulineaux<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__hours\">\r\n <div class=\"contact__hours-title\">Horaires d'ouverture<\/div>\r\n <div class=\"contact__hours-grid\">\r\n <span class=\"contact__hours-day\">Lundi - Vendredi<\/span><span class=\"contact__hours-time\">08:00 - 20:00<\/span>\r\n <span class=\"contact__hours-day\">Samedi<\/span><span class=\"contact__hours-time\">09:00 - 18:00<\/span>\r\n <span class=\"contact__hours-day\">Dimanche & jours feries<\/span><span class=\"contact__hours-time\"><span class=\"urgent\">Urgence 24\/7<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__map\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2623.5!2d2.366!3d48.916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2f8e5c8b3d%3A0x8e5c8b3d47e66e2f!2sAubervilliers!5e0!3m2!1sfr!2sfr!4v1700000000000\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"w9\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs>\r\n <g class=\"wave-back\"><use href=\"#w9\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w9\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w9\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w9\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w9\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w9\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var fileInput = document.getElementById('fileInput');\r\n var fileList = document.getElementById('fileList');\r\n var dropZone = document.getElementById('fileDropZone');\r\n if (!fileInput || !dropZone) return;\r\n var perFileMax = 5 * 1024 * 1024;\r\n var totalMax = 10 * 1024 * 1024;\r\n\r\n function updateFileList(files) {\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach(function (file, index) {\r\n var item = document.createElement('span');\r\n item.className = 'file-item';\r\n var icon = file.type.indexOf('image\/') === 0 ? 'fa-image' : 'fa-file';\r\n item.innerHTML = '<i class=\"fas ' + icon + '\"><\/i><span>' + file.name + '<\/span><span class=\"file-remove\" data-index=\"' + index + '\"><i class=\"fas fa-times\"><\/i><\/span>';\r\n fileList.appendChild(item);\r\n });\r\n document.querySelectorAll('.file-remove').forEach(function (btn) {\r\n btn.addEventListener('click', function (e) {\r\n e.stopPropagation();\r\n var idx = parseInt(this.dataset.index);\r\n var dt = new DataTransfer();\r\n Array.from(fileInput.files).filter(function (_, i) { return i !== idx; }).forEach(function (f) { dt.items.add(f); });\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n });\r\n });\r\n }\r\n\r\n function applyFiles(candidate) {\r\n var valid = candidate.filter(function (f) { return f.type.indexOf('image\/') === 0 && f.size <= perFileMax; });\r\n if (candidate.length > 1) alert('Une seule photo peut etre envoyee. Seule la premiere a ete conservee.');\r\n else if (valid.length !== candidate.length) alert('Fichier ignore (image uniquement, 5MB max).');\r\n var dt = new DataTransfer();\r\n if (valid.length > 0) dt.items.add(valid[0]);\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n }\r\n\r\n dropZone.addEventListener('click', function (e) { if (e.target === this || e.target.closest('.file-drop-zone')) fileInput.click(); });\r\n fileInput.addEventListener('change', function () { applyFiles(Array.from(this.files)); });\r\n dropZone.addEventListener('dragover', function (e) { e.preventDefault(); this.classList.add('dragover'); });\r\n dropZone.addEventListener('dragleave', function (e) { e.preventDefault(); this.classList.remove('dragover'); });\r\n dropZone.addEventListener('drop', function (e) {\r\n e.preventDefault(); this.classList.remove('dragover');\r\n applyFiles(Array.from(e.dataTransfer.files));\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BT Plus \u2014 Curage canalisation & hydrocurage \u00cele-de-France Entreprise curage canalisation IDF Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e Curage de canalisatione en Ile-de-France Curage haute pression de canalisation et hydrocurage pour r\u00e9seaux enterr\u00e9s et canalisations obstru\u00e9es. Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e en \u00cele-de-France et Paris, nous r\u00e9alisons curage pr\u00e9ventif et curage curatif pour copropri\u00e9t\u00e9s, restaurants, h\u00f4tels, immeubles et […]<\/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-430","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/430","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=430"}],"version-history":[{"count":83,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/430\/revisions"}],"predecessor-version":[{"id":2856,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/430\/revisions\/2856"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nBT Plus \u2014 Curage canalisation & hydrocurage \u00cele-de-France<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<style>\r\n :root{\r\n --blue-900:#07294a;\r\n --blue-800:#0a3666;\r\n --blue-700:#0d4f8b;\r\n --blue-500:#1c7ec9;\r\n --blue-300:#7cc0ee;\r\n --blue-100:#d6ebfb;\r\n --blue-50:#eef6fc;\r\n --orange:#f4a61a;\r\n --orange-dark:#d98a0c;\r\n --ink:#0c2238;\r\n --slate:#48637d;\r\n --paper:#ffffff;\r\n\r\n --font-display:\"Sora\",sans-serif;\r\n --font-body:\"Inter\",sans-serif;\r\n\r\n --shadow-sm:0 2px 10px rgba(7,41,74,.06);\r\n --shadow-md:0 18px 40px -16px rgba(7,41,74,.30);\r\n }\r\n\r\n *{box-sizing:border-box;margin:0;padding:0}\r\n html{scroll-behavior:smooth}\r\n body{\r\n font-family:var(--font-body);\r\n color:var(--ink);\r\n background:var(--paper);\r\n -webkit-font-smoothing:antialiased;\r\n line-height:1.6;\r\n }\r\n\r\n \/* ---------- Hero ---------- *\/\r\n .hero{\r\n position:relative;\r\n overflow:hidden;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, var(--blue-100), transparent 60%),\r\n linear-gradient(180deg,#fbfdff 0%,var(--blue-50) 100%);\r\n }\r\n .hero-inner{\r\n max-width:1200px;margin:0 auto;\r\n padding:40px 24px 150px;\r\n display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;\r\n position:relative;\r\n }\r\n @media(max-width:940px){\r\n .hero-inner{grid-template-columns:1fr;padding:28px 24px 130px;gap:34px}\r\n }\r\n\r\n \/* ============================================\r\n BADGE 24\/24 \u2014 CURAGE\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 CURAGE (SEO)\r\n ============================================ *\/\r\n h1{\r\n font-family:var(--font-display);font-weight:800;\r\n font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.06;\r\n letter-spacing:-.025em;color:var(--blue-900);margin:18px 0 0;\r\n }\r\n h1 .accent{\r\n color:var(--orange);position:relative;white-space:nowrap;\r\n }\r\n h1 .accent::after{\r\n content:\"\";position:absolute;left:0;right:0;bottom:.06em;height:.16em;\r\n background:rgba(244,166,26,.28);border-radius:4px;z-index:-1;\r\n transform:scaleX(0);transform-origin:left;animation:underline 1s .8s ease forwards;\r\n }\r\n @keyframes underline{to{transform:scaleX(1)}}\r\n\r\n .lead{\r\n margin-top:18px;font-size:1.08rem;color:var(--slate);max-width:550px;\r\n }\r\n .lead strong{\r\n color:var(--blue-800);\r\n font-weight:600;\r\n }\r\n\r\n \/* service chips \u2014 CURAGE UNIQUEMENT *\/\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 \u2014 ADAPT\u00c9ES CURAGE\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>Entreprise curage canalisation IDF<\/b>\r\n <small>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/small>\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n <h1 class=\"reveal d2\">\r\n <strong>\r\nCurage de canalisatione en<\/strong><strong><\/strong><br>\r\n <span class=\"accent\">Ile-de-France<\/span>\r\n <\/h1>\r\n\r\n <p class=\"lead reveal d3\">\r\n <strong>Curage haute pression de canalisation<\/strong> et <strong>hydrocurage<\/strong>\r\n pour r\u00e9seaux enterr\u00e9s et canalisations obstru\u00e9es.\r\n <strong>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong> en <strong>\u00cele-de-France et Paris<\/strong>,\r\n nous r\u00e9alisons <strong>curage pr\u00e9ventif<\/strong> et <strong>curage curatif<\/strong>\r\n pour <strong>copropri\u00e9t\u00e9s<\/strong>, <strong>restaurants<\/strong>, <strong>h\u00f4tels<\/strong>,\r\n <strong>immeubles<\/strong> et <strong>bureaux<\/strong>.\r\n <strong>Devis curage gratuit<\/strong> \u2013 <strong>curage urgence 24h\/24<\/strong>.\r\n <\/p>\r\n\r\n <div class=\"chips reveal d4\">\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg><strong>Curage pr\u00e9ventif<\/strong><\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg><strong>Curage curatif<\/strong><\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg><strong>Hydrocurage haute pression<\/strong><\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg><strong>Curage copropri\u00e9t\u00e9<\/strong><\/span>\r\n <\/div>\r\n\r\n <div class=\"trust reveal d5\">\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><strong>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong><\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><strong>Devis curage 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>Curage urgence 24h\/24<\/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>Curage haute pression<\/strong><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"visual reveal-r\">\r\n <div class=\"disc\">\r\n <img decoding=\"async\"\r\n src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/unnamed-3.jpg\"\r\n alt=\"Intervention curage canalisation haute pression\"\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 Curage en cours\r\n <\/span>\r\n <div class=\"big-number\">\r\n 24\/7 <span>urgence<\/span>\r\n <\/div>\r\n <div class=\"desc\"><strong>Curage canalisation<\/strong> en <strong>\u00cele-de-France<\/strong> \u2013 <strong>Hydrocurage<\/strong> 300 bars<\/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 200+<\/b><small>curatages \/ 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-77f79bf e-con-full e-flex e-con e-parent\" data-id=\"77f79bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff5bafd elementor-widget elementor-widget-html\" data-id=\"ff5bafd\" 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-curage {\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-curage *,.btp-curage *::before,.btp-curage *::after{box-sizing:border-box}\r\n.btp-curage h2,.btp-curage h3,.btp-curage h4,.btp-curage p{margin:0}\r\n.btp-curage .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-curage .hd{text-align:center;margin-bottom:48px}\r\n.btp-curage .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-curage .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-curage .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-curage .hd h2 em{font-style:normal;color:var(--or)}\r\n.btp-curage .hd .lead{margin-top:14px;font-size:1.05rem;color:var(--slate);max-width:620px;margin-left:auto;margin-right:auto}\r\n.btp-curage .hd .lead strong{color:var(--b700);font-weight:600}\r\n\r\n\/* ---------- KPI mini ---------- *\/\r\n.btp-curage .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-curage .kpi-row{grid-template-columns:1fr 1fr}}\r\n.btp-curage .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-curage .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-curage .kpi-item .num small{font-size:.9rem;font-weight:600;color:var(--slate)}\r\n.btp-curage .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-curage .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-curage .grid{grid-template-columns:1fr}}\r\n\r\n.btp-curage .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-curage .card:hover,\r\n.btp-curage .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-curage .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-curage .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-curage .card-badge.green{background:var(--green-bg);color:#065f46}\r\n.btp-curage .card-badge.red{background:var(--red-bg);color:#991b1b}\r\n.btp-curage .card-badge.orange{background:#fef3c7;color:#b45309}\r\n.btp-curage .card-badge.gray{background:#f3f4f6;color:#6b7280}\r\n\r\n.btp-curage .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-curage .card-desc strong{color:var(--b700);font-weight:600}\r\n\r\n.btp-curage .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-curage .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-curage .cta-red{\r\n display:flex;\r\n justify-content:center;\r\n margin-top:44px;\r\n}\r\n.btp-curage .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-curage .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-curage .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-curage .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-curage .waves svg{display:block;width:100%;height:90px}\r\n.btp-curage .w-back use{animation:srvWave 12s linear infinite;opacity:.5}\r\n.btp-curage .w-mid use{animation:srvWave 9s linear infinite reverse;opacity:.8}\r\n.btp-curage .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-curage .rv{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease)}\r\n.btp-curage .rv.shown{opacity:1;transform:none}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n .btp-curage *{animation:none!important;transition:none!important}\r\n .btp-curage .rv{opacity:1;transform:none}\r\n}\r\n<\/style>\r\n\r\n<section class=\"btp-curage\">\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>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong> Urgence 24h\/24<\/span>\r\n <h2 class=\"rv\"><strong>Curage canalisation<\/strong> & <strong>hydrocurage<\/strong> \u2013 <em>notre expertise<\/em><\/h2>\r\n <p class=\"lead rv\">\r\n <strong>Curage haute pression de canalisation<\/strong> et <strong>hydrocurage<\/strong>\r\n pour r\u00e9seaux enterr\u00e9s. <strong>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong> en <strong>\u00cele-de-France<\/strong>,\r\n nous r\u00e9alisons <strong>curage pr\u00e9ventif<\/strong> et <strong>curage curatif<\/strong>\r\n pour <strong>copropri\u00e9t\u00e9s<\/strong>, <strong>restaurants<\/strong>, <strong>h\u00f4tels<\/strong>,\r\n <strong>immeubles<\/strong> et <strong>bureaux<\/strong>.\r\n <strong>Devis curage gratuit<\/strong> \u2013 <strong>curage urgence 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\">D\u00e9placement 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 curage 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);\">curage canalisation<\/strong><\/div>\r\n <span class=\"card-badge green\">Hydrocurage<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Le r\u00f4le principal d'un curage<\/strong> est d'extraire les r\u00e9sidus accumul\u00e9s ou un bouchon qui se serait form\u00e9 au sein de vos canalisations et qui emp\u00eacherait le mauvais \u00e9coulement de vos eaux. Nos techniciens sp\u00e9cialis\u00e9s dans le <strong>curage de canalisations en \u00cele-de-France<\/strong> interviennent \u00e0 l'aide d'un <strong>camion hydrocureur<\/strong> et d'un <strong>jet haute pression<\/strong>. <strong>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong> \u2013 <strong>hydrocurage<\/strong> efficace et durable.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Hydrocurage<\/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\">R\u00e9sidus fr\u00e9quents \u2013 <strong style=\"color:var(--or);\">nettoyage r\u00e9seau assainissement<\/strong><\/div>\r\n <span class=\"card-badge red\">\u00c0 \u00e9liminer<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Les r\u00e9sidus qui obstruent vos canalisations :<\/strong> cheveux, lingettes, tartre, calcaire et produits hygi\u00e9niques. Ces \u00e9l\u00e9ments s'accumulent et finissent par former un bouchon qui bloque l'\u00e9coulement de vos eaux us\u00e9es. Un <strong>curage<\/strong> r\u00e9gulier assure un <strong>nettoyage r\u00e9seau d'assainissement<\/strong> optimal et pr\u00e9vient les mauvaises surprises.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span>Cheveux<\/span>\r\n <span>Lingettes<\/span>\r\n <span>Tartre<\/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);\">Curage curatif<\/strong> \u2013 urgence<\/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>Curage urgence IDF<\/strong> \u2013 intervention rapide sous 1h. <strong>Entreprise curage canalisation<\/strong> disponible <strong>24h\/24<\/strong>.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Curage 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);\">Curage 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>, le nettoyage et la vidange de la fosse septique sont importants pour votre syst\u00e8me d'assainissement collectif et non collectif. Id\u00e9al pour <strong>curage canalisation copropri\u00e9t\u00e9<\/strong>, <strong>restaurant<\/strong>, <strong>h\u00f4tel<\/strong>, <strong>immeuble<\/strong> ou <strong>bureaux<\/strong>. <strong>Curage canalisation maison \/ appartement<\/strong> \u00e9galement possible.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Curage pr\u00e9ventif<\/strong><\/span>\r\n <span><strong>Entretien r\u00e9seau<\/strong><\/span>\r\n <span>Fosse septique<\/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-curage');\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-c5c7194 e-con-full e-flex e-con e-parent\" data-id=\"c5c7194\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22f5167 elementor-widget elementor-widget-html\" data-id=\"22f5167\" 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>CURAGE<\/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-b823b6c e-con-full e-flex e-con e-parent\" data-id=\"b823b6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9dbabe elementor-widget elementor-widget-html\" data-id=\"e9dbabe\" 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 curage, 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 <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n D\u00e9bouchage\r\n <span class=\"sous-titre\">Intervention rapide<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage\/\" class=\"service-card actuel\">\r\n <span class=\"badge-service badge-actuel\">Page actuelle<\/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 pour le curage<\/span><\/div>\r\n\r\n <div class=\"grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-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\/curage-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\/curage-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\/curage-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\/curage-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\/curage-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\/curage-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\/curage-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-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>Curage canalisation & hydrocurage \u2013 BT Plus \u00cele-de-France<\/title>\r\n\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 TIMELINE CURAGE (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 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: 680px;\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 .btp-timeline .step:nth-child(4) .dot-wrap {\r\n border-color: #f4a61a;\r\n background: #fefaf5;\r\n }\r\n\r\n .btp-timeline .step:nth-child(4) .dot-wrap .step-num {\r\n color: #f4a61a;\r\n }\r\n\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 \/* Tags *\/\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 \/* Statistiques *\/\r\n .btp-timeline .stats-row {\r\n display: flex;\r\n justify-content: center;\r\n gap: 40px;\r\n margin: 10px 0;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btp-timeline .stats-row .stat-item {\r\n text-align: center;\r\n }\r\n\r\n .btp-timeline .stats-row .stat-item .number {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.6rem;\r\n font-weight: 800;\r\n color: #f4a61a;\r\n line-height: 1;\r\n }\r\n\r\n .btp-timeline .stats-row .stat-item .label {\r\n font-size: 0.7rem;\r\n color: #48637d;\r\n font-weight: 500;\r\n display: block;\r\n margin-top: 2px;\r\n }\r\n\r\n \/* ============================================================\r\n RAPPEL URGENCE + CTA ROUGE (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 \/* CTA ROUGE \u2014 NUM\u00c9RO EN BLANC (identique aux autres sections) *\/\r\n .btp-timeline .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: 'Sora', sans-serif;\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 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btp-timeline .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\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.4rem;\r\n letter-spacing: 0.02em;\r\n color: #ffffff;\r\n }\r\n\r\n .btp-timeline .btn-urgence .label {\r\n font-size: 0.65rem;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: rgba(255, 255, 255, 0.7);\r\n display: block;\r\n margin-top: -2px;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n @media (max-width: 992px) {\r\n .btp-timeline .container {\r\n padding: 0 30px;\r\n }\r\n\r\n .btp-timeline .timeline::before {\r\n left: 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 .stats-row {\r\n gap: 20px;\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 .stats-row .stat-item .number {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .btp-timeline .stats-row .stat-item .label {\r\n font-size: 0.6rem;\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 <strong>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong> \u2013 Urgence 24h\/24\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n <strong>Curage canalisation<\/strong> & <strong>hydrocurage<\/strong> \u2013 <span>l'importance d'un entretien<\/span>\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n <strong>Curage pr\u00e9ventif<\/strong> et <strong>curage curatif<\/strong> garantissent le bon fonctionnement\r\n de votre r\u00e9seau. <strong>Nettoyage r\u00e9seau assainissement<\/strong> par une\r\n <strong>soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong> en <strong>\u00cele-de-France<\/strong>.\r\n <strong>Devis curage gratuit<\/strong> et <strong>intervention rapide<\/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\">R\u00e9seau de <span>canalisation<\/span><\/div>\r\n <div class=\"step-desc\">\r\n Le <strong>curage canalisation en IDF<\/strong> assure le bon fonctionnement de l'ensemble du\r\n <strong>r\u00e9seau d'assainissement<\/strong>, g\u00e9rant <strong>l'\u00e9coulement des eaux us\u00e9es<\/strong>\r\n (sanitaire, WC, lave-linge, lave-vaisselle...) et des <strong>eaux de pluie<\/strong>.\r\n Un <strong>entretien canalisation<\/strong> r\u00e9gulier est essentiel.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Eaux us\u00e9es<\/strong><\/span>\r\n <span class=\"tag\"><strong>Eaux pluviales<\/strong><\/span>\r\n <span class=\"tag\">R\u00e9seau entier<\/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\"><span>Curage pr\u00e9ventif<\/span> \u2013 pr\u00e9vention des bouchons<\/div>\r\n <div class=\"step-desc\">\r\n Le <strong>curage pr\u00e9ventif<\/strong> permet d'\u00e9viter l'apparition de <strong>bouchons<\/strong>\r\n plus ou moins importants dans vos canalisations. Un <strong>entretien canalisation<\/strong>\r\n r\u00e9gulier est la cl\u00e9 d'un r\u00e9seau sain. Pour les <strong>curage canalisation copropri\u00e9t\u00e9<\/strong>,\r\n <strong>restaurant<\/strong> ou <strong>h\u00f4tel<\/strong>, nous proposons des contrats adapt\u00e9s.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Curage pr\u00e9ventif<\/strong><\/span>\r\n <span class=\"tag\"><strong>Entretien<\/strong><\/span>\r\n <span class=\"tag\">Durabilit\u00e9<\/span>\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\"><span>Curage curatif<\/span> \u2013 cons\u00e9quences d'un bouchon<\/div>\r\n <div class=\"step-desc\">\r\n Lorsque le <strong>bouchon se forme<\/strong>, cela provoque un mauvais \u00e9coulement de l'eau.\r\n Cela peut engendrer des <strong>odeurs<\/strong>, des <strong>remont\u00e9es<\/strong> ou bien un\r\n <strong>d\u00e9g\u00e2t des eaux<\/strong> beaucoup plus important. Le <strong>curage curatif<\/strong>\r\n est alors n\u00e9cessaire. <strong>Curage urgence IDF<\/strong> disponible <strong>24h\/24<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Curage curatif<\/strong><\/span>\r\n <span class=\"tag\"><strong>Curage urgence<\/strong><\/span>\r\n <span class=\"tag\">D\u00e9g\u00e2t des eaux<\/span>\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 Recommandations<\/div>\r\n <div class=\"step-title\">Fr\u00e9quence de <span>curage<\/span><\/div>\r\n <div class=\"step-desc\">\r\n Il est recommand\u00e9 de r\u00e9aliser un <strong>curage<\/strong> de vos canalisations\r\n <strong>tous les 3 \u00e0 4 ans<\/strong> pour pr\u00e9venir l'apparition de bouchons.\r\n Pour les <strong>copropri\u00e9t\u00e9s<\/strong>, <strong>restaurants<\/strong> et <strong>h\u00f4tels<\/strong>,\r\n une fr\u00e9quence plus rapproch\u00e9e est conseill\u00e9e.\r\n <strong>Curage canalisation maison \/ appartement<\/strong> possible.\r\n <strong>Devis curage gratuit<\/strong> sur demande.\r\n <\/div>\r\n <div class=\"stats-row\">\r\n <div class=\"stat-item\">\r\n <span class=\"number\">3 \u00e0 4 ans<\/span>\r\n <span class=\"label\"><strong>Curage pr\u00e9ventif<\/strong> recommand\u00e9<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"number\">24h\/24<\/span>\r\n <span class=\"label\"><strong>Curage curatif<\/strong> urgence<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"number\">100%<\/span>\r\n <span class=\"label\">Techniciens qualifi\u00e9s<\/span>\r\n <\/div>\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\">Faire appel \u00e0 <span>BT PLUS<\/span><\/div>\r\n <div class=\"step-desc\">\r\n Il est n\u00e9cessaire de faire entretenir ses canalisations par une\r\n <strong>soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong>, professionnelle et exp\u00e9riment\u00e9e,\r\n telle que <strong>BT PLUS<\/strong>. Notre <strong>entreprise curage canalisation<\/strong>\r\n intervient en <strong>\u00cele-de-France et Paris<\/strong> avec du\r\n <strong>mat\u00e9riel haute pression<\/strong> (hydrocurage) pour chaque intervention.\r\n <strong>Devis curage gratuit<\/strong> et <strong>intervention rapide<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Entreprise agr\u00e9\u00e9e<\/strong><\/span>\r\n <span class=\"tag\"><strong>Hydrocurage<\/strong><\/span>\r\n <span class=\"tag\"><strong>Mat\u00e9riel haute pression<\/strong><\/span>\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\">Nettoyage <span>en profondeur<\/span><\/div>\r\n <div class=\"step-desc\">\r\n Le <strong>curage<\/strong> va permettre de <strong>nettoyer en profondeur<\/strong>\r\n vos canalisations. <strong>Hydrocurage canalisation<\/strong> et\r\n <strong>curage haute pression<\/strong> pour \u00e9liminer tous les r\u00e9sidus.\r\n <strong>Nettoyage r\u00e9seau assainissement<\/strong> complet.\r\n Nos techniciens adaptent leurs prestations en fonction de vos besoins.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Hydrocurage<\/strong><\/span>\r\n <span class=\"tag\"><strong>Haute pression<\/strong><\/span>\r\n <span class=\"tag\">R\u00e9seau sain<\/span>\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'<strong>urgence curage<\/strong>, coupez votre arriv\u00e9e d'eau\r\n et appelez notre <strong>soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong>\r\n <span class=\"highlight\">imm\u00e9diatement<\/span>.\r\n <strong>Curage urgence IDF<\/strong> \u2013 <strong>intervention 24h\/24<\/strong>.\r\n <strong>Devis curage 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\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-1f6c0a2 e-con-full e-flex e-con e-parent\" data-id=\"1f6c0a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50698bc elementor-widget elementor-widget-html\" data-id=\"50698bc\" 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>Curage canalisation & assainissement \u2013 BT Plus \u00cele-de-France<\/title>\r\n\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 DIAGNOSTIC CURAGE (SEO optimis\u00e9)\r\n Adapt\u00e9 pour \"Assainissement Pros & Particuliers\"\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\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: 680px;\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 \/* ============================================================\r\n GRILLE 2 COLONNES \u2014 PROFESSIONNELS \/ PARTICULIERS (SEO)\r\n ============================================================ *\/\r\n .btp-diagnostic .pros-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btp-diagnostic .pros-card {\r\n background: #fff;\r\n border-radius: 20px;\r\n padding: 28px 30px;\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 .pros-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 .pros-card .card-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: 16px;\r\n padding-bottom: 12px;\r\n border-bottom: 2px solid #eef2f5;\r\n }\r\n\r\n .btp-diagnostic .pros-card .card-title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 8px 0;\r\n border-bottom: 1px solid #f5f7fa;\r\n font-size: 0.85rem;\r\n color: #48637d;\r\n transition: all 0.2s;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li:hover {\r\n transform: translateX(4px);\r\n color: #07294a;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li .check {\r\n color: #f4a61a;\r\n font-weight: 700;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ============================================================\r\n ORDONNANCE \u2014 Tous les services (SEO enrichi)\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 + CTA ROUGE (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: 20px;\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 \/* CTA ROUGE \u2014 NUM\u00c9RO EN BLANC (identique aux autres sections) *\/\r\n .btp-diagnostic .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: 'Sora', sans-serif;\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 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btp-diagnostic .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\r\n .btp-diagnostic .btn-urgence .number {\r\n font-size: 1.4rem;\r\n letter-spacing: 0.02em;\r\n color: #ffffff;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .label {\r\n font-size: 0.65rem;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: rgba(255, 255, 255, 0.7);\r\n display: block;\r\n margin-top: -2px;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\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 .pros-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\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 .pros-card {\r\n padding: 20px 18px;\r\n }\r\n\r\n .btp-diagnostic .pros-card .card-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li {\r\n font-size: 0.8rem;\r\n padding: 6px 0;\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 <\/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 <strong>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong> \u2013 Urgence 24h\/24\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n <strong>Curage canalisation<\/strong> & <strong>hydrocurage<\/strong> \u2013 <span>assainissement pros et particuliers<\/span>\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n <strong>Curage pr\u00e9ventif<\/strong> et <strong>curage curatif<\/strong> pour tous vos r\u00e9seaux.\r\n <strong>Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong> en <strong>\u00cele-de-France<\/strong>, nous proposons\r\n <strong>devis curage gratuit<\/strong> et <strong>nettoyage r\u00e9seau assainissement<\/strong>\r\n complet. <strong>Entreprise curage canalisation<\/strong> pour <strong>copropri\u00e9t\u00e9s<\/strong>,\r\n <strong>restaurants<\/strong>, <strong>h\u00f4tels<\/strong> et <strong>particuliers<\/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\"><strong>Curage canalisation<\/strong> \u2013 Pros & Particuliers<\/span>\r\n <span class=\"dossier-id\">R\u00e9f. #A-2024-001<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"pros-grid\">\r\n\r\n \r\n <div class=\"pros-card\">\r\n <div class=\"card-title\">PROFESSIONNELS \u2013 <span>curage canalisation<\/span><\/div>\r\n <ul class=\"services-list\">\r\n <li><span class=\"check\">\u2713<\/span> <strong>Curage canalisation restaurant<\/strong> \u2013 h\u00f4tel<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Curage canalisation copropri\u00e9t\u00e9<\/strong> \u2013 immeuble<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Curage canalisation bureaux<\/strong> \u2013 locaux pros<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Curage haute pression<\/strong> \u2013 hydrocurage<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Soci\u00e9t\u00e9 curage canalisation IDF<\/strong> \u2013 agr\u00e9\u00e9e<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"pros-card\">\r\n <div class=\"card-title\">PARTICULIERS \u2013 <span>d\u00e9pannage assainissement<\/span><\/div>\r\n <ul class=\"services-list\">\r\n <li><span class=\"check\">\u2713<\/span> <strong>Curage canalisation maison<\/strong> \u2013 villa<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Curage canalisation appartement<\/strong> \u2013 copro<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Hydrocurage canalisation<\/strong> \u2013 300 bars<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Nettoyage canalisation eaux us\u00e9es<\/strong> \u2013 r\u00e9seau<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Devis curage gratuit<\/strong> \u2013 sans engagement<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\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 Tous nos services d'assainissement\r\n <\/div>\r\n <div class=\"ord-desc\">\r\n <strong>Curage pr\u00e9ventif<\/strong> et <strong>curage curatif<\/strong> pour l'entretien\r\n et la mise en conformit\u00e9 de vos r\u00e9seaux. <strong>Hydrocurage<\/strong> et\r\n <strong>curage haute pression<\/strong> par une <strong>soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/strong>.\r\n <\/div>\r\n <div class=\"ord-list\">\r\n <span class=\"ord-item\"><strong>Curage pr\u00e9ventif<\/strong> \u2013 entretien<\/span>\r\n <span class=\"ord-item\"><strong>Curage curatif<\/strong> \u2013 urgence<\/span>\r\n <span class=\"ord-item\"><strong>Hydrocurage canalisation<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Curage haute pression<\/strong> \u2013 300 bars<\/span>\r\n <span class=\"ord-item\">Raccordement tout-\u00e0-l'\u00e9gout<\/span>\r\n <span class=\"ord-item\">Mise en conformit\u00e9 non-collectif<\/span>\r\n <span class=\"ord-item\">S\u00e9paration EU-EP<\/span>\r\n <span class=\"ord-item\">Installation regards \/ puisards<\/span>\r\n <span class=\"ord-item\">Installation bac \u00e0 graisse<\/span>\r\n <span class=\"ord-item\"><strong>Nettoyage r\u00e9seau assainissement<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Entretien canalisation<\/strong> \u2013 copropri\u00e9t\u00e9<\/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> <strong>Curage urgence IDF<\/strong> \u2013 intervention\r\n <span class=\"highlight\">24h\/24 \u2014 7j\/7<\/span>, d\u00e9placement sous 1h en \u00cele-de-France.\r\n <strong>Devis curage gratuit<\/strong> \u2013 <strong>soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e<\/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\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 });\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-0f487a0 e-con-full e-flex e-con e-parent\" data-id=\"0f487a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4aa00a4 elementor-widget elementor-widget-html\" data-id=\"4aa00a4\" 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\">curage<\/span><\/h2>\r\n <p class=\"bt-faq__subtitle\">\r\n <strong>Curage<\/strong> professionnel, <strong>hydrocurage<\/strong>, <strong>entretien pr\u00e9ventif<\/strong>, <strong>inspection cam\u00e9ra<\/strong>\u2026 Retrouvez les r\u00e9ponses \u00e0 vos interrogations sur nos <strong>prestations de curage<\/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>\u00c0 quoi sert le curage d'une canalisation ?<\/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 <strong>curage canalisation<\/strong> permet de <strong>nettoyer en profondeur<\/strong> les r\u00e9seaux d'assainissement, d'\u00e9liminer les d\u00e9p\u00f4ts de graisses, calcaire, racines et autres obstructions. C'est une <strong>op\u00e9ration pr\u00e9ventive ou curative<\/strong> qui garantit le bon \u00e9coulement des eaux us\u00e9es.<\/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>Quelle est la diff\u00e9rence entre curage et 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 <strong>d\u00e9bouchage<\/strong> intervient pour r\u00e9soudre un <strong>bouchon ponctuel<\/strong> (WC, \u00e9vier, douche). Le <strong>curage<\/strong> est une op\u00e9ration plus <strong>profonde et compl\u00e8te<\/strong> sur les r\u00e9seaux enterr\u00e9s, les colonnes d'immeuble ou les canalisations principales. Il nettoie les <strong>d\u00e9p\u00f4ts accumul\u00e9s<\/strong> sur les parois.<\/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 le curage ?<\/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 des techniques de <strong>curage haute pression<\/strong> (hydrocurage jusqu'\u00e0 300 bars) pour d\u00e9coller les d\u00e9p\u00f4ts, associ\u00e9es \u00e0 des <strong>turbines de curage<\/strong> et des <strong>t\u00eates de lavage rotatives<\/strong>. Ces m\u00e9thodes sont <strong>sans produit chimique<\/strong> et respectueuses de l'environnement.<\/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>\u00c0 quelle fr\u00e9quence faut\u2011il curer ses canalisations ?<\/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>La fr\u00e9quence d\u00e9pend du type de r\u00e9seau et de l'usage. Pour les <strong>particuliers<\/strong>, un <strong>curage pr\u00e9ventif<\/strong> tous les 3 \u00e0 5 ans est recommand\u00e9. Pour les <strong>professionnels<\/strong> (restaurants, h\u00f4tels), un <strong>entretien annuel<\/strong> voire semestriel est n\u00e9cessaire pour \u00e9viter les <strong>d\u00e9p\u00f4ts de graisses<\/strong> et les obstructions.<\/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'un curage de canalisation ?<\/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 varie selon la longueur de canalisation, le diam\u00e8tre et la complexit\u00e9 de l'acc\u00e8s. Comptez en moyenne entre <strong>150\u20ac et 450\u20ac<\/strong> pour un <strong>curage haute pression<\/strong> en \u00cele\u2011de\u2011France. Nous fournissons un <strong>devis gratuit<\/strong> et d\u00e9taill\u00e9 avant toute intervention.<\/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 des contrats d'entretien pr\u00e9ventif ?<\/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'entretien pr\u00e9ventif<\/strong> pour les <strong>copropri\u00e9t\u00e9s<\/strong>, les <strong>restaurants<\/strong>, les <strong>h\u00f4tels<\/strong> et les <strong>collectivit\u00e9s<\/strong>. Ces contrats incluent des <strong>visites r\u00e9guli\u00e8res de curage<\/strong> et d'<strong>inspection cam\u00e9ra<\/strong> pour garantir le bon fonctionnement de vos r\u00e9seaux.<\/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>R\u00e9alisez\u2011vous l'inspection cam\u00e9ra avant un curage ?<\/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'<strong>inspection cam\u00e9ra<\/strong> est syst\u00e9matiquement r\u00e9alis\u00e9e en amont pour <strong>diagnostiquer l'\u00e9tat des canalisations<\/strong>, localiser pr\u00e9cis\u00e9ment les d\u00e9p\u00f4ts et d\u00e9tecter d'\u00e9ventuelles <strong>fissures<\/strong> ou <strong>racines<\/strong>. Cela permet d'<strong>adapter la technique de curage<\/strong> et de fournir un <strong>rapport d\u00e9taill\u00e9<\/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 en urgence pour un curage ?<\/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 curage 24h\/24 et 7j\/7<\/strong> en <strong>\u00cele\u2011de\u2011France<\/strong>. En cas d'obstruction s\u00e9v\u00e8re ou de <strong>d\u00e9bordement<\/strong>, notre \u00e9quipe se d\u00e9place <strong>rapidement<\/strong> pour r\u00e9soudre le probl\u00e8me et r\u00e9tablir la circulation des eaux us\u00e9es.<\/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 rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n.contact { padding: 5rem 5% 6rem; position: relative; min-height: 100vh; display: flex; align-items: center;\r\n background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%), linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden; box-sizing: border-box; }\r\n.contact *, .contact *::before, .contact *::after { box-sizing: border-box; }\r\n.contact__waves { position: absolute; left: 0; right: 0; bottom: 0; line-height: 0; z-index: 0; pointer-events: none; }\r\n.contact__waves svg { display: block; width: 100%; height: 80px; }\r\n.contact__waves .wave-back use { animation: wavemove 11s linear infinite; opacity: 0.55; }\r\n.contact__waves .wave-mid use { animation: wavemove 8s linear infinite reverse; opacity: 0.8; }\r\n.contact__waves .wave-front use { animation: wavemove 6s linear infinite; }\r\n@keyframes wavemove { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n.contact__container { max-width: 1280px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\r\n.contact__header { text-align: center; max-width: 780px; margin: 0 auto 3.5rem; }\r\n.contact__badge { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.4rem 1.4rem 0.4rem 1rem; border-radius: 2rem; background: rgba(28, 126, 201, 0.07); color: #1c7ec9; border: 1px solid rgba(28, 126, 201, 0.12); margin-bottom: 1.2rem; }\r\n.contact__badge .dot { width: 6px; height: 6px; border-radius: 50%; background: #1c7ec9; animation: pulseDot 2s ease-in-out infinite; }\r\n@keyframes pulseDot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.6); } }\r\n.contact__title { font-family: 'Sora', sans-serif; font-weight: 800; font-size: clamp(2rem, 3.6vw, 3.2rem); letter-spacing: -0.03em; color: #07294a; line-height: 1.1; margin-bottom: 0.8rem; }\r\n.contact__title .highlight { background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n.contact__subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: clamp(1rem, 1.1vw, 1.15rem); color: #6b7f94; max-width: 600px; margin: 0 auto; line-height: 1.7; }\r\n.contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }\r\n.contact__form { background: #ffffff; border-radius: 24px; padding: 2.5rem; border: 1px solid #eef2f6; box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04); transition: all 0.4s ease; position: relative; }\r\n.contact__form:hover { box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08); border-color: #d6ebfb; }\r\n.contact__form-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 1.3rem; color: #07294a; margin-bottom: 0.3rem; }\r\n.contact__form-subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; margin-bottom: 1.5rem; }\r\n.contact__form-group { margin-bottom: 1.2rem; }\r\n.contact__form-group label { display: block; font-family: 'Sora', sans-serif; font-weight: 600; font-size: 0.7rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.3rem; }\r\n.contact__form-group label .required { color: #dc2626; }\r\n.contact__form-group input, .contact__form-group select, .contact__form-group textarea { width: 100%; padding: 0.8rem 1rem; border-radius: 12px; border: 1px solid #eef2f6; background: #f8fafc; font-family: 'Inter', sans-serif; font-size: 0.9rem; color: #07294a; transition: all 0.3s ease; outline: none; }\r\n.contact__form-group input:focus, .contact__form-group select:focus, .contact__form-group textarea:focus { border-color: #1c7ec9; background: #ffffff; box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06); }\r\n.contact__form-group input::placeholder, .contact__form-group textarea::placeholder { color: #b0c0d0; }\r\n.contact__form-group select option { background: #ffffff; color: #07294a; }\r\n.contact__form-group textarea { resize: vertical; min-height: 100px; }\r\n.contact__form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n.contact__form-group--file { position: relative; }\r\n.contact__form-group--file .file-drop-zone { border: 2px dashed #eef2f6; border-radius: 12px; padding: 1.5rem 1rem; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #f8fafc; }\r\n.contact__form-group--file .file-drop-zone:hover { border-color: #1c7ec9; background: #eef6fc; }\r\n.contact__form-group--file .file-drop-zone.dragover { border-color: #f4a61a; background: rgba(244, 166, 26, 0.04); }\r\n.contact__form-group--file .file-drop-zone i { font-size: 2rem; color: #1c7ec9; display: block; margin-bottom: 0.5rem; }\r\n.contact__form-group--file .file-drop-zone p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.85rem; color: #6b7f94; margin: 0; }\r\n.contact__form-group--file .file-drop-zone .file-types { font-size: 0.7rem; color: #b0c0d0; margin-top: 0.3rem; }\r\n.contact__form-group--file input[type=\"file\"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }\r\n.contact__form-group--file .file-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }\r\n.contact__form-group--file .file-item { display: inline-flex; align-items: center; gap: 0.5rem; background: #eef6fc; padding: 0.3rem 0.8rem 0.3rem 0.6rem; border-radius: 20px; font-family: 'Inter', sans-serif; font-size: 0.75rem; color: #1c7ec9; border: 1px solid #d6ebfb; }\r\n.contact__form-group--file .file-item i { font-size: 0.8rem; color: #1c7ec9; }\r\n.contact__form-group--file .file-item .file-remove { cursor: pointer; color: #6b7f94; transition: color 0.3s ease; font-size: 0.7rem; }\r\n.contact__form-group--file .file-item .file-remove:hover { color: #dc2626; }\r\n\r\n\/* ---- Consentement RGPD ---- *\/\r\n.contact__consent { display: flex; align-items: flex-start; gap: 0.7rem; margin-bottom: 1.5rem; }\r\n.contact__consent input[type=\"checkbox\"] { width: 18px; height: 18px; min-width: 18px; margin-top: 0.15rem; accent-color: #1c7ec9; cursor: pointer; flex-shrink: 0; }\r\n.contact__consent label { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.8rem; line-height: 1.5; color: #6b7f94; text-transform: none; letter-spacing: 0; margin-bottom: 0; cursor: pointer; }\r\n.contact__consent label .required { color: #dc2626; }\r\n.contact__consent label a { color: #1c7ec9; text-decoration: underline; }\r\n.contact__consent label a:hover { color: #07294a; }\r\n\r\n.btn--contact { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.02em; text-decoration: none; padding: 0.9rem 2.4rem; border-radius: 3rem; transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; border: none; text-align: center; background: linear-gradient(135deg, #f4a61a 0%, #e0960e 100%); box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25); color: #07294a; width: 100%; }\r\n.btn--contact:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40); color: #07294a; }\r\n.btn--contact .btn__icon { transition: transform 0.3s ease; }\r\n.btn--contact:hover .btn__icon { transform: translateX(4px); }\r\n.contact__info { display: flex; flex-direction: column; gap: 1.2rem; }\r\n.contact__info-card { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; transition: all 0.4s ease; display: flex; align-items: center; gap: 1.2rem; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); }\r\n.contact__info-card:hover { transform: translateX(6px); border-color: #1c7ec9; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.08); }\r\n.contact__info-icon { width: 50px; height: 50px; border-radius: 14px; background: #f0f4f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s ease; }\r\n.contact__info-card:hover .contact__info-icon { background: #eef6fc; }\r\n.contact__info-icon i { font-size: 1.3rem; color: #1c7ec9; }\r\n.contact__info-content h4 { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #07294a; margin-bottom: 0.1rem; }\r\n.contact__info-content p, .contact__info-content a { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; text-decoration: none; transition: color 0.3s ease; }\r\n.contact__info-content a:hover { color: #1c7ec9; }\r\n.contact__hours { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); transition: all 0.4s ease; }\r\n.contact__hours:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__hours-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.8rem; }\r\n.contact__hours-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem 1rem; }\r\n.contact__hours-day { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #6b7f94; }\r\n.contact__hours-time { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #07294a; text-align: right; }\r\n.contact__hours-time .urgent { color: #1c7ec9; font-weight: 700; }\r\n.contact__map { border-radius: 16px; overflow: hidden; border: 1px solid #eef2f6; height: 200px; background: #f8fafc; transition: all 0.4s ease; }\r\n.contact__map:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__map iframe { width: 100%; height: 100%; border: none; }\r\n@media (max-width: 992px) {\r\n .contact__grid { grid-template-columns: 1fr; gap: 2rem; }\r\n .contact__form { padding: 2rem; }\r\n .contact__info { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; }\r\n .contact__map { height: 180px; }\r\n}\r\n@media (max-width: 768px) {\r\n .contact { padding: 3.5rem 1.5rem 4rem; min-height: auto; }\r\n .contact__form { padding: 1.5rem; border-radius: 16px; }\r\n .contact__form-row { grid-template-columns: 1fr; gap: 0; }\r\n .contact__info { grid-template-columns: 1fr; gap: 1rem; }\r\n .contact__info-card { padding: 1.2rem 1.5rem; }\r\n .contact__hours { padding: 1.2rem 1.5rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; gap: 0.3rem 0.8rem; }\r\n .contact__hours-day { font-size: 0.75rem; }\r\n .contact__hours-time { font-size: 0.75rem; }\r\n .contact__map { height: 150px; }\r\n .btn--contact { padding: 0.7rem 1.8rem; font-size: 0.75rem; }\r\n .contact__form-group--file .file-drop-zone { padding: 1rem; }\r\n .contact__form-group--file .file-drop-zone i { font-size: 1.5rem; }\r\n .contact__waves svg { height: 40px; }\r\n}\r\n@media (max-width: 480px) {\r\n .contact__form { padding: 1rem; }\r\n .contact__info-card { padding: 1rem; }\r\n .contact__info-icon { width: 40px; height: 40px; }\r\n .contact__info-icon i { font-size: 1rem; }\r\n .contact__hours { padding: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact\">\r\n <div class=\"contact__container\">\r\n\r\n <div class=\"contact__header\">\r\n <span class=\"contact__badge\"><span class=\"dot\"><\/span> Contactez-nous<\/span>\r\n <h2 class=\"contact__title\">Pret a <span class=\"highlight\">securiser<\/span> vos reseaux ?<\/h2>\r\n <p class=\"contact__subtitle\">Une question, un devis, une urgence ? Notre equipe est a votre ecoute 24h\/24 et 7j\/7.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact__grid\">\r\n\r\n \r\n <div class=\"contact__form\">\r\n <h3 class=\"contact__form-title\">Demandez un diagnostic<\/h3>\r\n <p class=\"contact__form-subtitle\">Remplissez le formulaire et nous vous recontacterons sous 24h.<\/p>\r\n\r\n \r\n <form id=\"contactForm\"\r\n action=\"https:\/\/formsubmit.co\/info-contact@btplus.fr\"\r\n method=\"POST\"\r\n enctype=\"multipart\/form-data\">\r\n\r\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de diagnostic - Site BT Plus\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n \r\n <input type=\"hidden\" name=\"_cc\" value=\"marketing@btgroup-france.com\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n \r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"nom\">Nom complet <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"nom\" name=\"Nom complet\" placeholder=\"Jean Dupont\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"email\">Email <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jean@exemple.fr\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"telephone\">Telephone <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"Telephone\" placeholder=\"01 23 45 67 89\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"cp\">Code postal<\/label>\r\n <input type=\"text\" id=\"cp\" name=\"Code postal\" placeholder=\"75000\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_batiment\">Type de batiment<\/label>\r\n <select id=\"type_batiment\" name=\"Type de batiment\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"copropriete\">Copropriete<\/option>\r\n <option value=\"syndic\">Syndic<\/option>\r\n <option value=\"bailleur\">Bailleur social<\/option>\r\n <option value=\"erp\">ERP (Etablissement recevant du public)<\/option>\r\n <option value=\"tertiaire\">Tertiaire (bureau, commerce)<\/option>\r\n <option value=\"collectivite\">Collectivite<\/option>\r\n <option value=\"particulier\">Particulier<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_besoin\">Type de besoin<\/label>\r\n <select id=\"type_besoin\" name=\"Type de besoin\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"urgence\">Urgence (debouchage, curage)<\/option>\r\n <option value=\"entretien\">Entretien preventif<\/option>\r\n <option value=\"diagnostic\">Diagnostic \/ Inspection<\/option>\r\n <option value=\"travaux\">Travaux \/ Renovation<\/option>\r\n <option value=\"contrat\">Contrat d'entretien<\/option>\r\n <option value=\"devis\">Demande de devis<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"Message\" placeholder=\"Decrivez votre situation...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group contact__form-group--file\">\r\n <label>Ajouter une photo <span style=\"font-weight:400;text-transform:none;color:#b0c0d0;\">(optionnel - une seule)<\/span><\/label>\r\n <div class=\"file-drop-zone\" id=\"fileDropZone\">\r\n <i class=\"fas fa-cloud-upload-alt\"><\/i>\r\n <p>Glissez une photo ici ou cliquez pour la selectionner<\/p>\r\n <div class=\"file-types\">JPG, PNG, GIF - une seule photo, 5MB max<\/div>\r\n <input type=\"file\" id=\"fileInput\" name=\"attachment\" accept=\"image\/*\" \/>\r\n <\/div>\r\n <div class=\"file-list\" id=\"fileList\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__consent\">\r\n <input type=\"checkbox\" id=\"consent\" name=\"Consentement RGPD\" value=\"J'accepte\" required \/>\r\n <label for=\"consent\">\r\n J'accepte que les informations saisies dans ce formulaire soient utilisees par BT Plus\r\n afin de traiter ma demande et de me recontacter. Conformement au RGPD, je dispose d'un\r\n droit d'acces, de rectification et de suppression de mes donnees, que je peux exercer en\r\n ecrivant a <a href=\"mailto:info-contact@btplus.fr\">info-contact@btplus.fr<\/a>.\r\n <a href=\"\/politique-de-confidentialite\" target=\"_blank\" rel=\"noopener\">En savoir plus<\/a>.\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn--contact\">\r\n Envoyer <span class=\"btn__icon\">→<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__info\">\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Telephone<\/h4><p><a href=\"tel:+331 86 95 77 77\">01 86 95 77 77<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Email<\/h4><p><a href=\"mailto:contact@btplus-intervention.fr\">info-contact@btplus.fr<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Adresse<\/h4><p>13 Rue Camille Desmoulins,\r\n92130 Issy-les-Moulineaux<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__hours\">\r\n <div class=\"contact__hours-title\">Horaires d'ouverture<\/div>\r\n <div class=\"contact__hours-grid\">\r\n <span class=\"contact__hours-day\">Lundi - Vendredi<\/span><span class=\"contact__hours-time\">08:00 - 20:00<\/span>\r\n <span class=\"contact__hours-day\">Samedi<\/span><span class=\"contact__hours-time\">09:00 - 18:00<\/span>\r\n <span class=\"contact__hours-day\">Dimanche & jours feries<\/span><span class=\"contact__hours-time\"><span class=\"urgent\">Urgence 24\/7<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__map\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2623.5!2d2.366!3d48.916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2f8e5c8b3d%3A0x8e5c8b3d47e66e2f!2sAubervilliers!5e0!3m2!1sfr!2sfr!4v1700000000000\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"w9\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs>\r\n <g class=\"wave-back\"><use href=\"#w9\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w9\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w9\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w9\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w9\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w9\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var fileInput = document.getElementById('fileInput');\r\n var fileList = document.getElementById('fileList');\r\n var dropZone = document.getElementById('fileDropZone');\r\n if (!fileInput || !dropZone) return;\r\n var perFileMax = 5 * 1024 * 1024;\r\n var totalMax = 10 * 1024 * 1024;\r\n\r\n function updateFileList(files) {\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach(function (file, index) {\r\n var item = document.createElement('span');\r\n item.className = 'file-item';\r\n var icon = file.type.indexOf('image\/') === 0 ? 'fa-image' : 'fa-file';\r\n item.innerHTML = '<i class=\"fas ' + icon + '\"><\/i><span>' + file.name + '<\/span><span class=\"file-remove\" data-index=\"' + index + '\"><i class=\"fas fa-times\"><\/i><\/span>';\r\n fileList.appendChild(item);\r\n });\r\n document.querySelectorAll('.file-remove').forEach(function (btn) {\r\n btn.addEventListener('click', function (e) {\r\n e.stopPropagation();\r\n var idx = parseInt(this.dataset.index);\r\n var dt = new DataTransfer();\r\n Array.from(fileInput.files).filter(function (_, i) { return i !== idx; }).forEach(function (f) { dt.items.add(f); });\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n });\r\n });\r\n }\r\n\r\n function applyFiles(candidate) {\r\n var valid = candidate.filter(function (f) { return f.type.indexOf('image\/') === 0 && f.size <= perFileMax; });\r\n if (candidate.length > 1) alert('Une seule photo peut etre envoyee. Seule la premiere a ete conservee.');\r\n else if (valid.length !== candidate.length) alert('Fichier ignore (image uniquement, 5MB max).');\r\n var dt = new DataTransfer();\r\n if (valid.length > 0) dt.items.add(valid[0]);\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n }\r\n\r\n dropZone.addEventListener('click', function (e) { if (e.target === this || e.target.closest('.file-drop-zone')) fileInput.click(); });\r\n fileInput.addEventListener('change', function () { applyFiles(Array.from(this.files)); });\r\n dropZone.addEventListener('dragover', function (e) { e.preventDefault(); this.classList.add('dragover'); });\r\n dropZone.addEventListener('dragleave', function (e) { e.preventDefault(); this.classList.remove('dragover'); });\r\n dropZone.addEventListener('drop', function (e) {\r\n e.preventDefault(); this.classList.remove('dragover');\r\n applyFiles(Array.from(e.dataTransfer.files));\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BT Plus \u2014 Curage canalisation & hydrocurage \u00cele-de-France Entreprise curage canalisation IDF Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e Curage de canalisatione en Ile-de-France Curage haute pression de canalisation et hydrocurage pour r\u00e9seaux enterr\u00e9s et canalisations obstru\u00e9es. Soci\u00e9t\u00e9 de curage agr\u00e9\u00e9e en \u00cele-de-France et Paris, nous r\u00e9alisons curage pr\u00e9ventif et curage curatif pour copropri\u00e9t\u00e9s, restaurants, h\u00f4tels, immeubles et […]<\/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-430","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/430","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=430"}],"version-history":[{"count":83,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/430\/revisions"}],"predecessor-version":[{"id":2856,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/430\/revisions\/2856"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}