Pompage & vidange \u2013 BT Plus \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 POMPAGE\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 POMPAGE (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:560px;\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 POMPAGE 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 POMPAGE\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 de pompage assainissement<\/b>\r\n <small>Urgence 24h\/24 \u2013 Devis gratuit<\/small>\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n <h1 class=\"reveal d2\">\r\n <strong>Pompage<\/strong> & <strong>vidange en<\/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>Pompage canalisation en IDF et Paris<\/strong> \u2013 <strong>service de pompage canalisation<\/strong>\r\n pour <strong>fosse septique<\/strong>, <strong>bac \u00e0 graisse<\/strong>, <strong>puisard<\/strong> et\r\n <strong>regard<\/strong>. <strong>Installation de pompe de relevage<\/strong> et\r\n <strong>entretien pompe de relevage<\/strong>. <strong>Vidange bac \u00e0 graisse<\/strong>,\r\n <strong>nettoyage bac \u00e0 graisse<\/strong> et <strong>entretien bac \u00e0 graisse<\/strong>\r\n pour <strong>restaurants<\/strong>, <strong>h\u00f4tels<\/strong> et <strong>bureaux<\/strong>.\r\n <strong>Nettoyage bac \u00e0 graisse IDF et Paris<\/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>Vidange bac \u00e0 graisse<\/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>Installation pompe relevage<\/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>Entretien pompe relevage<\/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>Pompage fosse septique<\/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>Nettoyage bac \u00e0 graisse<\/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>Pompage puisard<\/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>Entreprise de pompage assainissement<\/strong><\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><strong>Devis gratuit<\/strong><\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><strong>Pompage canalisation IDF<\/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>Service pompage 24h\/24<\/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=\"https:\/\/btplus.fr\/wp-content\/uploads\/2021\/08\/pompage-egout-bouchze.jpg\"\r\n alt=\"Pompage \u00e9gout bouch\u00e9 - Intervention BT Plus\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"overlay\"><\/div>\r\n\r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n\r\n <div class=\"disc-content\">\r\n <span class=\"icon-badge\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;margin-right:6px;\">\r\n <path d=\"M12 2v4M12 22v-4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/>\r\n <\/svg>\r\n Intervention 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>Pompage canalisation<\/strong> en <strong>\u00cele-de-France<\/strong> \u2013 <strong>vidange bac \u00e0 graisse<\/strong><\/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 1h<\/b><small><strong>service de pompage canalisation<\/strong><\/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>pompages \/ 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-pompage {\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-pompage *,.btp-pompage *::before,.btp-pompage *::after{box-sizing:border-box}\r\n.btp-pompage h2,.btp-pompage h3,.btp-pompage h4,.btp-pompage p{margin:0}\r\n.btp-pompage .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-pompage .hd{text-align:center;margin-bottom:48px}\r\n.btp-pompage .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-pompage .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-pompage .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-pompage .hd h2 em{font-style:normal;color:var(--or)}\r\n.btp-pompage .hd .lead{margin-top:14px;font-size:1.05rem;color:var(--slate);max-width:620px;margin-left:auto;margin-right:auto}\r\n.btp-pompage .hd .lead strong{color:var(--b700);font-weight:600}\r\n\r\n\/* ---------- KPI mini ---------- *\/\r\n.btp-pompage .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-pompage .kpi-row{grid-template-columns:1fr 1fr}}\r\n.btp-pompage .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-pompage .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-pompage .kpi-item .num small{font-size:.9rem;font-weight:600;color:var(--slate)}\r\n.btp-pompage .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-pompage .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-pompage .grid{grid-template-columns:1fr}}\r\n\r\n.btp-pompage .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-pompage .card:hover,\r\n.btp-pompage .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-pompage .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-pompage .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-pompage .card-badge.green{background:var(--green-bg);color:#065f46}\r\n.btp-pompage .card-badge.red{background:var(--red-bg);color:#991b1b}\r\n.btp-pompage .card-badge.orange{background:#fef3c7;color:#b45309}\r\n.btp-pompage .card-badge.gray{background:#f3f4f6;color:#6b7280}\r\n\r\n.btp-pompage .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-pompage .card-desc strong{color:var(--b700);font-weight:600}\r\n\r\n.btp-pompage .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-pompage .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-pompage .cta-red{\r\n display:flex;\r\n justify-content:center;\r\n margin-top:44px;\r\n}\r\n.btp-pompage .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-pompage .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-pompage .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-pompage .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-pompage .waves svg{display:block;width:100%;height:90px}\r\n.btp-pompage .w-back use{animation:srvWave 12s linear infinite;opacity:.5}\r\n.btp-pompage .w-mid use{animation:srvWave 9s linear infinite reverse;opacity:.8}\r\n.btp-pompage .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-pompage .rv{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease)}\r\n.btp-pompage .rv.shown{opacity:1;transform:none}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n .btp-pompage *{animation:none!important;transition:none!important}\r\n .btp-pompage .rv{opacity:1;transform:none}\r\n}\r\n<\/style>\r\n\r\n<section class=\"btp-pompage\">\r\n <div class=\"wrap\">\r\n\r\n \r\n <header class=\"hd\">\r\n <span class=\"pill rv\"><span class=\"dot\"><\/span><strong>Entreprise de pompage assainissement<\/strong> \u2013 Urgence 24h\/24<\/span>\r\n <h2 class=\"rv\"><strong>Pompage canalisation<\/strong> & <strong>vidange<\/strong> \u2013 <em>notre expertise<\/em><\/h2>\r\n <p class=\"lead rv\">\r\n <strong>Pompage canalisation en IDF et Paris<\/strong> \u2013 <strong>service de pompage canalisation<\/strong>\r\n pour <strong>fosse septique<\/strong>, <strong>bac \u00e0 graisse<\/strong>, <strong>puisard<\/strong> et\r\n <strong>regard<\/strong>. <strong>Installation de pompe de relevage<\/strong> et\r\n <strong>entretien pompe de relevage<\/strong>. <strong>Vidange bac \u00e0 graisse<\/strong>,\r\n <strong>nettoyage bac \u00e0 graisse<\/strong> et <strong>entretien bac \u00e0 graisse<\/strong>\r\n pour <strong>restaurants<\/strong>, <strong>h\u00f4tels<\/strong> et <strong>bureaux<\/strong>.\r\n <strong>Nettoyage bac \u00e0 graisse IDF et Paris<\/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\"><strong>Pompage canalisation<\/strong><\/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\"><strong>Devis gratuit<\/strong><\/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\"><strong>Garantie<\/strong><\/div>\r\n <\/div>\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">1 200+ <small><\/small><\/div>\r\n <div class=\"label\"><strong>Pompages \/ an<\/strong><\/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\"><strong style=\"color:var(--or);\">Vidange bac \u00e0 graisse<\/strong> \u2013 pompage restaurant \/ h\u00f4tel \/ bureaux<\/div>\r\n <span class=\"card-badge green\">Intervention<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Nettoyage et vidange complets<\/strong> des <strong>bacs \u00e0 graisse<\/strong> pour\r\n <strong>restaurants<\/strong>, <strong>h\u00f4tels<\/strong>, <strong>bureaux<\/strong> et collectivit\u00e9s.\r\n <strong>Pompage bac \u00e0 graisse<\/strong> conforme aux normes environnementales.\r\n <strong>Entretien bac \u00e0 graisse<\/strong> r\u00e9gulier. <strong>Nettoyage bac \u00e0 graisse IDF et Paris<\/strong>.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Vidange bac \u00e0 graisse<\/strong><\/span>\r\n <span><strong>Restaurant \/ H\u00f4tel<\/strong><\/span>\r\n <span><strong>Nettoyage<\/strong><\/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);\">Installation pompe de relevage<\/strong> \u2013 entretien et d\u00e9pannage<\/div>\r\n <span class=\"card-badge red\">Urgence<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Installation de pompe de relevage<\/strong> pour vos eaux us\u00e9es et eaux pluviales.\r\n <strong>Entretien pompe de relevage<\/strong> et <strong>d\u00e9pannage<\/strong> rapide.\r\n Intervention <strong>24h\/24<\/strong> pour remettre en \u00e9tat votre syst\u00e8me d'\u00e9vacuation\r\n et \u00e9viter les d\u00e9bordements. <strong>Service pompage<\/strong> complet.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Pompe de relevage<\/strong><\/span>\r\n <span><strong>Entretien<\/strong><\/span>\r\n <span><strong>D\u00e9pannage<\/strong><\/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);\">Pompage regard<\/strong> \u2013 nettoyage et aspiration<\/div>\r\n <span class=\"card-badge orange\">Entretien<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Pompage regard<\/strong> \u2013 nettoyage et aspiration des <strong>regards<\/strong> de visite,\r\n regards d'\u00e9gout et regards de branchement. <strong>Entretien pr\u00e9ventif<\/strong> ou curatif\r\n de vos installations. <strong>Pompage canalisation<\/strong> complet.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Pompage regard<\/strong><\/span>\r\n <span><strong>Nettoyage<\/strong><\/span>\r\n <span><strong>Entretien pr\u00e9ventif<\/strong><\/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);\">Pompage puisard<\/strong> \u2013 vidange et nettoyage<\/div>\r\n <span class=\"card-badge gray\">Sur devis<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Pompage puisard<\/strong> et bassins de r\u00e9tention d'eau.\r\n <strong>Vidange<\/strong> et <strong>nettoyage<\/strong> de <strong>puisards<\/strong>.\r\n Intervention sur sites ext\u00e9rieurs, parkings, zones commerciales.\r\n <strong>Entreprise de pompage assainissement<\/strong> agr\u00e9\u00e9e.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Pompage puisard<\/strong><\/span>\r\n <span><strong>Vidange<\/strong><\/span>\r\n <span><strong>Ext\u00e9rieur<\/strong><\/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-pompage');\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-18abf1c e-con-full e-flex e-con e-parent\" data-id=\"18abf1c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e15173 elementor-widget elementor-widget-html\" data-id=\"9e15173\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800;900&family=Sora:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n\r\n<style>\r\n.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>POMPAGE<\/span><br>EN IMAGES\r\n <\/h2>\r\n <p class=\"subtitle\">\r\n D\u00e9couvrez nos chantiers r\u00e9cents : fosses septiques, bacs \u00e0 graisse, hydrocurage et pompage de relevage.\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 \/ 6<\/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 pompage\">\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 de pompage (6 nouvelles photos)\r\n \/\/ ============================================================\r\n const photos = [\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2021\/08\/pompage-egout-bouchze.jpg',\r\n ville: 'Pompage \u00e9gout bouch\u00e9 - Intervention'\r\n },\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2021\/08\/technicien-avec-tuyaux-debouchage.jpg',\r\n ville: 'Technicien d\u00e9bouchage - Mat\u00e9riel haute pression'\r\n },\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2021\/06\/pompage.jpg',\r\n ville: 'Pompage de fosse - \u00c9quipe BT Plus'\r\n },\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2022\/03\/camion-pompage-fossebtg.jpg',\r\n ville: 'Camion pompage fosse - Vidange'\r\n },\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2022\/03\/camion-pompage-btg.jpg',\r\n ville: 'Camion pompage - Intervention rapide'\r\n },\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2021\/08\/pompage-montage-bvtplus-1.jpg',\r\n ville: 'Pompage en montage - Chantier BT Plus'\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=\"${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 = 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\r\n \/\/ ============================================================\r\n function syncWithScroll() {\r\n const slideWidth = 220 + 16;\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-2f4d691 e-con-full e-flex e-con e-parent\" data-id=\"2f4d691\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e52e701 elementor-widget elementor-widget-html\" data-id=\"e52e701\" 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 pompage, 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 <a href=\"https:\/\/sci-bme.fr\/index.php\/curage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Curage\r\n <span class=\"sous-titre\">Hydrocurage haute pression<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Inspection cam\u00e9ra\r\n <span class=\"sous-titre\">Diagnostic HD 4K<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage\/\" class=\"service-card actuel\">\r\n <span class=\"badge-service badge-actuel\">Page actuelle<\/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 pompage<\/span><\/div>\r\n\r\n <div class=\"grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-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\/pompage-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\/pompage-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\/pompage-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\/pompage-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\/pompage-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\/pompage-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\/pompage-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>Pompage canalisation & vidange \u2013 BT Plus \u00cele-de-France<\/title>\r\n\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 TIMELINE POMPAGE (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 \u2014 Structure informative\r\n ============================================================ *\/\r\n .btp-timeline .timeline {\r\n position: relative;\r\n padding: 0 0 20px 0;\r\n }\r\n\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 .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 .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 .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 .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 .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 .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 .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 .btp-timeline .products-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-top: 10px;\r\n justify-content: flex-start;\r\n }\r\n\r\n .btp-timeline .step .content-right .products-tags {\r\n justify-content: flex-start;\r\n }\r\n\r\n .btp-timeline .step .content-left .products-tags {\r\n justify-content: flex-end;\r\n }\r\n\r\n .btp-timeline .products-tags .tag {\r\n display: inline-block;\r\n font-size: 0.65rem;\r\n font-weight: 500;\r\n color: #48637d;\r\n background: #fff;\r\n padding: 3px 14px;\r\n border-radius: 999px;\r\n border: 1px solid #eef2f5;\r\n transition: all 0.2s;\r\n }\r\n\r\n .btp-timeline .products-tags .tag:hover {\r\n border-color: #f4a61a;\r\n background: #fefaf5;\r\n }\r\n\r\n \/* ============================================================\r\n RAPPEL URGENCE + 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 .btn-urgence {\r\n padding: 14px 30px;\r\n font-size: 1rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-timeline {\r\n padding: 60px 0 80px;\r\n }\r\n\r\n .btp-timeline .container {\r\n padding: 0 20px;\r\n }\r\n\r\n .btp-timeline .timeline::before {\r\n left: 14px;\r\n }\r\n\r\n .btp-timeline .step {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap {\r\n left: 14px;\r\n width: 34px;\r\n height: 34px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .step .content-left,\r\n .btp-timeline .step .content-right {\r\n padding-left: 48px;\r\n }\r\n\r\n .btp-timeline .step .step-title {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .btp-timeline .products-tags .tag {\r\n font-size: 0.55rem;\r\n padding: 2px 10px;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence {\r\n padding: 12px 24px;\r\n font-size: 0.9rem;\r\n flex-direction: column;\r\n gap: 4px;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence .label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence:hover {\r\n gap: 6px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"btp-timeline\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"header\">\r\n <span class=\"pill init-hidden\">\r\n <span class=\"dot\"><\/span>\r\n <strong>Entreprise de pompage assainissement<\/strong> \u2013 Urgence 24h\/24\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n <strong>Pompage canalisation<\/strong> & <strong>vidange<\/strong> \u2013 <span>sp\u00e9cialistes \u00cele-de-France<\/span>\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n <strong>Pompage canalisation en IDF et Paris<\/strong> \u2013 <strong>service de pompage fosse septique<\/strong>,\r\n <strong>vidange bac \u00e0 graisse<\/strong>, <strong>pompage restaurant \/ h\u00f4tel \/ bureaux<\/strong>,\r\n <strong>pompage regard<\/strong> et <strong>pompage puisard<\/strong>.\r\n <strong>Installation de pompe de relevage<\/strong> et <strong>entretien pompe de relevage<\/strong>.\r\n <strong>Nettoyage bac \u00e0 graisse IDF et Paris<\/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\">Camion hydrocureur<\/div>\r\n <div class=\"step-title\"><strong>Pompage canalisation IDF<\/strong> \u2013 technologie de pointe<\/div>\r\n <div class=\"step-desc\">\r\n Pour se faire, nos techniciens sp\u00e9cialis\u00e9s dans le <strong>pompage en \u00cele-de-France<\/strong>\r\n utilisent un <strong>camion hydrocureur<\/strong>, compos\u00e9 d'un ch\u00e2ssis porteur,\r\n d'une citerne \u00e0 eau et d'une pompe haute pression. Cet outil permet d'aspirer le contenu\r\n des r\u00e9servoirs. <strong>Entreprise de pompage assainissement<\/strong> \u00e9quip\u00e9e.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Pompage IDF<\/strong><\/span>\r\n <span class=\"tag\">Camion hydrocureur<\/span>\r\n <span class=\"tag\">Haute pression<\/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\">Jets haute pression<\/div>\r\n <div class=\"step-title\"><strong>Installation pompe de relevage<\/strong> \u2013 d\u00e9loger et d\u00e9sint\u00e9grer<\/div>\r\n <div class=\"step-desc\">\r\n \u00c0 l'aide de ce camion, nos sp\u00e9cialistes envoient des <strong>jets d'eau \u00e0 forte pression<\/strong>,\r\n ce qui permet de d\u00e9loger les d\u00e9chets qui forment les bouchons, mais \u00e9galement de les d\u00e9sint\u00e9grer.\r\n Cette m\u00e9thode marche aussi bien sur les <strong>amas de graisse<\/strong> que sur l'\r\n <strong>accumulation de calcaire<\/strong>. <strong>Service de pompage canalisation<\/strong> efficace.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Pompage canalisation<\/strong><\/span>\r\n <span class=\"tag\">Graisses<\/span>\r\n <span class=\"tag\">Calcaire<\/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\">Pompage puisard<\/div>\r\n <div class=\"step-title\"><strong>Pompage puisard<\/strong> \u2013 \u00e9limination de l'eau accumul\u00e9e<\/div>\r\n <div class=\"step-desc\">\r\n \u00c9limine l'eau accumul\u00e9e dans les bassins de collecte d'eau, que l'on retrouve fr\u00e9quemment\r\n dans les <strong>sous-sols des maisons<\/strong> ou les <strong>parkings de logements<\/strong>.\r\n <strong>Pompage puisard<\/strong> par une <strong>entreprise de pompage assainissement<\/strong> agr\u00e9\u00e9e.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Pompage puisard<\/strong><\/span>\r\n <span class=\"tag\">Sous-sol<\/span>\r\n <span class=\"tag\">Parking<\/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\">Service pompage fosse septique<\/div>\r\n <div class=\"step-title\"><strong>Service pompage fosse septique<\/strong> \u2013 vidange compl\u00e8te<\/div>\r\n <div class=\"step-desc\">\r\n Vidange compl\u00e8te du contenu avec des outils adapt\u00e9s, afin que le contenu ne se d\u00e9verse pas\r\n dans la nature, ce qui pourrait s'av\u00e9rer <strong>tr\u00e8s dangereux<\/strong>.\r\n <strong>Pompage fosse septique<\/strong> par des professionnels agr\u00e9\u00e9s.\r\n <strong>Entretien pompe de relevage<\/strong> \u00e9galement disponible.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Pompage fosse septique<\/strong><\/span>\r\n <span class=\"tag\">Vidange<\/span>\r\n <span class=\"tag\">S\u00e9curit\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\">Pompage bac \u00e0 graisse<\/div>\r\n <div class=\"step-title\"><strong>Vidange bac \u00e0 graisse<\/strong> \u2013 pompage restaurant \/ h\u00f4tel \/ bureaux<\/div>\r\n <div class=\"step-desc\">\r\n <strong>Pompage bac \u00e0 graisse<\/strong> \u2013 absorption des graisses qui flottent en surface\r\n et s\u00e9paration de l'eau r\u00e9colt\u00e9e. <strong>Vidange bac \u00e0 graisse<\/strong>, \u00e9vacuation des boues\r\n et remplissage \u00e0 l'eau claire. <strong>Nettoyage bac \u00e0 graisse IDF et Paris<\/strong>.\r\n Id\u00e9al pour <strong>restaurants<\/strong>, <strong>h\u00f4tels<\/strong> et <strong>bureaux<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Vidange bac \u00e0 graisse<\/strong><\/span>\r\n <span class=\"tag\"><strong>Nettoyage bac \u00e0 graisse<\/strong><\/span>\r\n <span class=\"tag\"><strong>Restaurant \/ H\u00f4tel \/ Bureaux<\/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\">Entreprise agr\u00e9\u00e9e<\/div>\r\n <div class=\"step-title\"><span>Entreprise de pompage assainissement<\/span> \u2013 intervention obligatoire<\/div>\r\n <div class=\"step-desc\">\r\n <strong>Interdit de proc\u00e9der soi-m\u00eame !<\/strong> Le pompage du bac \u00e0 graisse, de la fosse septique\r\n ou des puisards doit \u00eatre r\u00e9alis\u00e9 par un professionnel agr\u00e9\u00e9 tel que <strong>BT PLUS<\/strong>.\r\n Les d\u00e9chets r\u00e9cup\u00e9r\u00e9s sont ensuite transf\u00e9r\u00e9s dans un <strong>centre de traitement sp\u00e9cialis\u00e9<\/strong>\r\n (station d'\u00e9puration) conform\u00e9ment \u00e0 la r\u00e9glementation.\r\n <strong>Devis gratuit<\/strong> et <strong>intervention 24h\/24<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Entreprise de pompage assainissement<\/strong><\/span>\r\n <span class=\"tag\">Agr\u00e9\u00e9<\/span>\r\n <span class=\"tag\">Station d'\u00e9puration<\/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 pompage<\/strong>, coupez votre arriv\u00e9e d'eau\r\n et appelez notre <strong>entreprise de pompage assainissement<\/strong>\r\n <span class=\"highlight\">imm\u00e9diatement<\/span>.\r\n <strong>Pompage canalisation IDF<\/strong> \u2013 <strong>intervention 24h\/24<\/strong> \u2013\r\n <strong>devis gratuit<\/strong>.\r\n <\/p>\r\n <a href=\"tel:0186957777\" class=\"btn-urgence\">\r\n <span>\r\n <span class=\"number\">01 86 95 77 77<\/span>\r\n <span class=\"label\">Appel gratuit \u00b7 Urgence 24h\/24 \u00b7 7j\/7<\/span>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n\r\n const elements = document.querySelectorAll('.init-hidden, .init-left, .init-right');\r\n\r\n if (elements.length > 0 && 'IntersectionObserver' in window) {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n if (entry.target.classList.contains('init-hidden')) {\r\n entry.target.classList.add('anim-up');\r\n } else if (entry.target.classList.contains('init-left')) {\r\n entry.target.classList.add('anim-left');\r\n } else if (entry.target.classList.contains('init-right')) {\r\n entry.target.classList.add('anim-right');\r\n }\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.15,\r\n rootMargin: '0px 0px -40px 0px'\r\n });\r\n\r\n elements.forEach(el => observer.observe(el));\r\n } else {\r\n \/\/ Fallback\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-e3f182b e-con-full e-flex e-con e-parent\" data-id=\"e3f182b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-509b8dd elementor-widget elementor-widget-html\" data-id=\"509b8dd\" 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>Pompage canalisation & vidange \u2013 BT Plus \u00cele-de-France<\/title>\r\n\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 DIAGNOSTIC POMPAGE (SEO optimis\u00e9)\r\n Adapt\u00e9 pour \"Pompage 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\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: 30px;\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 Prestations sp\u00e9cifiques (SEO)\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>Entreprise de pompage assainissement<\/strong> \u2013 Urgence 24h\/24\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n <strong>Pompage canalisation<\/strong> & <strong>vidange<\/strong> \u2013 <span>sp\u00e9cialistes pros et particuliers<\/span>\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n <strong>Pompage canalisation en IDF et Paris<\/strong> \u2013 <strong>service de pompage fosse septique<\/strong>,\r\n <strong>vidange bac \u00e0 graisse<\/strong>, <strong>pompage restaurant \/ h\u00f4tel \/ bureaux<\/strong>,\r\n <strong>pompage regard<\/strong> et <strong>pompage puisard<\/strong>.\r\n <strong>Installation de pompe de relevage<\/strong> et <strong>entretien pompe de relevage<\/strong>.\r\n <strong>Nettoyage bac \u00e0 graisse IDF et Paris<\/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>Pompage<\/strong> \u2013 Pros & Particuliers<\/span>\r\n <span class=\"dossier-id\">R\u00e9f. #P-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>vidange bac \u00e0 graisse<\/span><\/div>\r\n <ul class=\"services-list\">\r\n <li><span class=\"check\">\u2713<\/span> <strong>Pompage bac \u00e0 graisse<\/strong> \u2013 restaurant \/ h\u00f4tel \/ bureaux<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Pompage fosse septique<\/strong> \u2013 copropri\u00e9t\u00e9 \/ r\u00e9sidence<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Nettoyage bac \u00e0 graisse<\/strong> \u2013 entretien r\u00e9gulier<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Pompage regard<\/strong> \u2013 \u00e9gouts et branchements<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Installation pompe de relevage<\/strong> \u2013 professionnels<\/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>service pompage fosse septique<\/span><\/div>\r\n <ul class=\"services-list\">\r\n <li><span class=\"check\">\u2713<\/span> <strong>Service pompage fosse septique<\/strong> \u2013 maison \/ villa<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Pompage puisard<\/strong> \u2013 sous-sol et jardin<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Entretien pompe de relevage<\/strong> \u2013 appartement<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Pompage regard<\/strong> \u2013 contr\u00f4le et nettoyage<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Devis pompage gratuit<\/strong> \u2013 sans engagement<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"ordonnance\">\r\n <div class=\"ord-title\">\r\n <span>Ordonnance<\/span> \u00b7 Prestations sp\u00e9cifiques\r\n <\/div>\r\n <div class=\"ord-desc\">\r\n <strong>Entreprise de pompage assainissement<\/strong> agr\u00e9\u00e9e \u2013 nous intervenons \u00e9galement sur tous vos ouvrages d'assainissement.\r\n <strong>Nettoyage bac \u00e0 graisse IDF et Paris<\/strong> \u2013 <strong>installation de pompe de relevage<\/strong>.\r\n <\/div>\r\n <div class=\"ord-list\">\r\n <span class=\"ord-item\"><strong>Pompage fosse septique<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Pompage regard<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Pompage puisard<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Installation pompe de relevage<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Entretien pompe de relevage<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Vidange bac \u00e0 graisse<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Nettoyage bac \u00e0 graisse<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Pompage restaurant \/ h\u00f4tel \/ bureaux<\/strong><\/span>\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> Urgence <strong>pompage canalisation<\/strong>\r\n <span class=\"highlight\">24h\/24 \u2014 7j\/7<\/span>, d\u00e9placement sous 1h en \u00cele-de-France.\r\n <strong>Devis pompage gratuit<\/strong> \u2013 <strong>entreprise de pompage assainissement<\/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-19730e5 e-con-full e-flex e-con e-parent\" data-id=\"19730e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e407a9 elementor-widget elementor-widget-html\" data-id=\"0e407a9\" 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}@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\">pompage<\/span><\/h2>\r\n <p class=\"bt-faq__subtitle\">\r\n <strong>Pompage<\/strong> de fosses septiques, <strong>bacs \u00e0 graisse<\/strong>, <strong>puisards<\/strong>, <strong>vidange<\/strong> et <strong>entretien de pompes de relevage<\/strong>\u2026 Retrouvez les r\u00e9ponses \u00e0 vos interrogations sur nos <strong>prestations de pompage<\/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>Qu'est-ce qu'une prestation de pompage ?<\/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>pompage<\/strong> consiste \u00e0 <strong>vider et nettoyer<\/strong> les installations d'assainissement non collectif : <strong>fosses septiques<\/strong>, <strong>bacs \u00e0 graisse<\/strong>, <strong>puisards<\/strong> ou <strong>caves<\/strong>. Notre <strong>camion de pompage<\/strong> aspire les d\u00e9chets et boues, puis les transporte vers une <strong>station de traitement agr\u00e9\u00e9e<\/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>\u00c0 quelle fr\u00e9quence faut\u2011il pomper sa fosse septique ?<\/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 <strong>vidange d'une fosse septique<\/strong> est recommand\u00e9e <strong>tous les 2 \u00e0 4 ans<\/strong> selon la taille de l'installation et le nombre d'occupants. Un <strong>entretien r\u00e9gulier<\/strong> \u00e9vite le colmatage du sol, les remont\u00e9es d'odeurs et les probl\u00e8mes de <strong>mise en conformit\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>Quels types de pompage r\u00e9alisez\u2011vous ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Nous intervenons pour : <strong>pompage de fosses septiques<\/strong>, <strong>vidange de bacs \u00e0 graisse<\/strong> (restaurants, h\u00f4tels), <strong>pompage de puisards<\/strong>, <strong>vidange de caves<\/strong>, <strong>entretien de pompes de relevage<\/strong> et <strong>d\u00e9shumidification<\/strong>. Nous assurons \u00e9galement le <strong>remplissage<\/strong> et le <strong>lavage<\/strong> de vos installations.<\/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 pompage de fosse septique ?<\/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 le <strong>volume<\/strong> de la fosse et la <strong>distance<\/strong> de transport des d\u00e9chets. Comptez en moyenne entre <strong>250\u20ac et 600\u20ac<\/strong> pour un <strong>pompage standard<\/strong> en \u00cele\u2011de\u2011France. Nous vous fournissons un <strong>devis gratuit<\/strong> avant toute intervention, sans engagement.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Proposez\u2011vous l'entretien des pompes de relevage ?<\/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<\/strong> pour les <strong>pompes de relevage<\/strong> et les <strong>postes de relevage<\/strong>. Cela comprend : <strong>v\u00e9rification du fonctionnement<\/strong>, <strong>nettoyage des flotteurs<\/strong>, <strong>contr\u00f4le de l'\u00e9tanch\u00e9it\u00e9<\/strong> et <strong>remplacement des pi\u00e8ces us\u00e9es<\/strong> si n\u00e9cessaire.<\/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 d\u00e9bordement de fosse ?<\/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 d'urgence 24h\/24 et 7j\/7<\/strong> en <strong>\u00cele\u2011de\u2011France<\/strong>. En cas de <strong>d\u00e9bordement<\/strong> ou de <strong>remont\u00e9e d'effluents<\/strong>, notre \u00e9quipe se d\u00e9place <strong>rapidement<\/strong> pour r\u00e9aliser un <strong>pompage d'urgence<\/strong> et s\u00e9curiser votre installation.<\/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>Que deviennent les d\u00e9chets pomp\u00e9s ?<\/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>Les <strong>d\u00e9chets pomp\u00e9s<\/strong> (boues, graisses, eaux us\u00e9es) sont <strong>transport\u00e9s<\/strong> vers des <strong>stations de traitement agr\u00e9\u00e9es<\/strong> o\u00f9 ils subissent un processus de <strong>d\u00e9pollution<\/strong> conforme aux <strong>normes environnementales<\/strong>. Nous vous remettons un <strong>bordereau de suivi<\/strong> pour justifier de l'\u00e9limination.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Intervenez\u2011vous chez les professionnels (restaurants, h\u00f4tels) ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Oui<\/strong>, nous sommes sp\u00e9cialistes du <strong>pompage pour les professionnels<\/strong> : <strong>restaurants<\/strong> (bacs \u00e0 graisse), <strong>h\u00f4tels<\/strong>, <strong>campings<\/strong>, <strong>industries<\/strong> et <strong>collectivit\u00e9s<\/strong>. Nous proposons des <strong>contrats d'entretien adapt\u00e9s<\/strong> pour garantir la <strong>conformit\u00e9<\/strong> de vos installations et \u00e9viter les interruptions d'activit\u00e9.<\/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>Pompage & vidange \u2013 BT Plus \u00cele-de-France Entreprise de pompage assainissement Urgence 24h\/24 \u2013 Devis gratuit Pompage & vidange en Ile-de-France Pompage canalisation en IDF et Paris \u2013 service de pompage canalisation pour fosse septique, bac \u00e0 graisse, puisard et regard. Installation de pompe de relevage et entretien pompe de relevage. Vidange bac \u00e0 graisse, […]<\/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-471","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/471","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=471"}],"version-history":[{"count":73,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/471\/revisions"}],"predecessor-version":[{"id":2998,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/471\/revisions\/2998"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=471"}],"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\nPompage & vidange \u2013 BT Plus \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 POMPAGE\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 POMPAGE (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:560px;\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 POMPAGE 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 POMPAGE\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 de pompage assainissement<\/b>\r\n <small>Urgence 24h\/24 \u2013 Devis gratuit<\/small>\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n <h1 class=\"reveal d2\">\r\n <strong>Pompage<\/strong> & <strong>vidange en<\/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>Pompage canalisation en IDF et Paris<\/strong> \u2013 <strong>service de pompage canalisation<\/strong>\r\n pour <strong>fosse septique<\/strong>, <strong>bac \u00e0 graisse<\/strong>, <strong>puisard<\/strong> et\r\n <strong>regard<\/strong>. <strong>Installation de pompe de relevage<\/strong> et\r\n <strong>entretien pompe de relevage<\/strong>. <strong>Vidange bac \u00e0 graisse<\/strong>,\r\n <strong>nettoyage bac \u00e0 graisse<\/strong> et <strong>entretien bac \u00e0 graisse<\/strong>\r\n pour <strong>restaurants<\/strong>, <strong>h\u00f4tels<\/strong> et <strong>bureaux<\/strong>.\r\n <strong>Nettoyage bac \u00e0 graisse IDF et Paris<\/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>Vidange bac \u00e0 graisse<\/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>Installation pompe relevage<\/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>Entretien pompe relevage<\/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>Pompage fosse septique<\/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>Nettoyage bac \u00e0 graisse<\/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>Pompage puisard<\/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>Entreprise de pompage assainissement<\/strong><\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><strong>Devis gratuit<\/strong><\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><strong>Pompage canalisation IDF<\/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>Service pompage 24h\/24<\/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=\"https:\/\/btplus.fr\/wp-content\/uploads\/2021\/08\/pompage-egout-bouchze.jpg\"\r\n alt=\"Pompage \u00e9gout bouch\u00e9 - Intervention BT Plus\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"overlay\"><\/div>\r\n\r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n\r\n <div class=\"disc-content\">\r\n <span class=\"icon-badge\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;margin-right:6px;\">\r\n <path d=\"M12 2v4M12 22v-4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/>\r\n <\/svg>\r\n Intervention 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>Pompage canalisation<\/strong> en <strong>\u00cele-de-France<\/strong> \u2013 <strong>vidange bac \u00e0 graisse<\/strong><\/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 1h<\/b><small><strong>service de pompage canalisation<\/strong><\/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>pompages \/ 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-pompage {\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-pompage *,.btp-pompage *::before,.btp-pompage *::after{box-sizing:border-box}\r\n.btp-pompage h2,.btp-pompage h3,.btp-pompage h4,.btp-pompage p{margin:0}\r\n.btp-pompage .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-pompage .hd{text-align:center;margin-bottom:48px}\r\n.btp-pompage .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-pompage .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-pompage .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-pompage .hd h2 em{font-style:normal;color:var(--or)}\r\n.btp-pompage .hd .lead{margin-top:14px;font-size:1.05rem;color:var(--slate);max-width:620px;margin-left:auto;margin-right:auto}\r\n.btp-pompage .hd .lead strong{color:var(--b700);font-weight:600}\r\n\r\n\/* ---------- KPI mini ---------- *\/\r\n.btp-pompage .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-pompage .kpi-row{grid-template-columns:1fr 1fr}}\r\n.btp-pompage .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-pompage .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-pompage .kpi-item .num small{font-size:.9rem;font-weight:600;color:var(--slate)}\r\n.btp-pompage .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-pompage .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-pompage .grid{grid-template-columns:1fr}}\r\n\r\n.btp-pompage .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-pompage .card:hover,\r\n.btp-pompage .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-pompage .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-pompage .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-pompage .card-badge.green{background:var(--green-bg);color:#065f46}\r\n.btp-pompage .card-badge.red{background:var(--red-bg);color:#991b1b}\r\n.btp-pompage .card-badge.orange{background:#fef3c7;color:#b45309}\r\n.btp-pompage .card-badge.gray{background:#f3f4f6;color:#6b7280}\r\n\r\n.btp-pompage .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-pompage .card-desc strong{color:var(--b700);font-weight:600}\r\n\r\n.btp-pompage .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-pompage .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-pompage .cta-red{\r\n display:flex;\r\n justify-content:center;\r\n margin-top:44px;\r\n}\r\n.btp-pompage .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-pompage .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-pompage .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-pompage .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-pompage .waves svg{display:block;width:100%;height:90px}\r\n.btp-pompage .w-back use{animation:srvWave 12s linear infinite;opacity:.5}\r\n.btp-pompage .w-mid use{animation:srvWave 9s linear infinite reverse;opacity:.8}\r\n.btp-pompage .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-pompage .rv{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease)}\r\n.btp-pompage .rv.shown{opacity:1;transform:none}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n .btp-pompage *{animation:none!important;transition:none!important}\r\n .btp-pompage .rv{opacity:1;transform:none}\r\n}\r\n<\/style>\r\n\r\n<section class=\"btp-pompage\">\r\n <div class=\"wrap\">\r\n\r\n \r\n <header class=\"hd\">\r\n <span class=\"pill rv\"><span class=\"dot\"><\/span><strong>Entreprise de pompage assainissement<\/strong> \u2013 Urgence 24h\/24<\/span>\r\n <h2 class=\"rv\"><strong>Pompage canalisation<\/strong> & <strong>vidange<\/strong> \u2013 <em>notre expertise<\/em><\/h2>\r\n <p class=\"lead rv\">\r\n <strong>Pompage canalisation en IDF et Paris<\/strong> \u2013 <strong>service de pompage canalisation<\/strong>\r\n pour <strong>fosse septique<\/strong>, <strong>bac \u00e0 graisse<\/strong>, <strong>puisard<\/strong> et\r\n <strong>regard<\/strong>. <strong>Installation de pompe de relevage<\/strong> et\r\n <strong>entretien pompe de relevage<\/strong>. <strong>Vidange bac \u00e0 graisse<\/strong>,\r\n <strong>nettoyage bac \u00e0 graisse<\/strong> et <strong>entretien bac \u00e0 graisse<\/strong>\r\n pour <strong>restaurants<\/strong>, <strong>h\u00f4tels<\/strong> et <strong>bureaux<\/strong>.\r\n <strong>Nettoyage bac \u00e0 graisse IDF et Paris<\/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\"><strong>Pompage canalisation<\/strong><\/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\"><strong>Devis gratuit<\/strong><\/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\"><strong>Garantie<\/strong><\/div>\r\n <\/div>\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">1 200+ <small><\/small><\/div>\r\n <div class=\"label\"><strong>Pompages \/ an<\/strong><\/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\"><strong style=\"color:var(--or);\">Vidange bac \u00e0 graisse<\/strong> \u2013 pompage restaurant \/ h\u00f4tel \/ bureaux<\/div>\r\n <span class=\"card-badge green\">Intervention<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Nettoyage et vidange complets<\/strong> des <strong>bacs \u00e0 graisse<\/strong> pour\r\n <strong>restaurants<\/strong>, <strong>h\u00f4tels<\/strong>, <strong>bureaux<\/strong> et collectivit\u00e9s.\r\n <strong>Pompage bac \u00e0 graisse<\/strong> conforme aux normes environnementales.\r\n <strong>Entretien bac \u00e0 graisse<\/strong> r\u00e9gulier. <strong>Nettoyage bac \u00e0 graisse IDF et Paris<\/strong>.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Vidange bac \u00e0 graisse<\/strong><\/span>\r\n <span><strong>Restaurant \/ H\u00f4tel<\/strong><\/span>\r\n <span><strong>Nettoyage<\/strong><\/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);\">Installation pompe de relevage<\/strong> \u2013 entretien et d\u00e9pannage<\/div>\r\n <span class=\"card-badge red\">Urgence<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Installation de pompe de relevage<\/strong> pour vos eaux us\u00e9es et eaux pluviales.\r\n <strong>Entretien pompe de relevage<\/strong> et <strong>d\u00e9pannage<\/strong> rapide.\r\n Intervention <strong>24h\/24<\/strong> pour remettre en \u00e9tat votre syst\u00e8me d'\u00e9vacuation\r\n et \u00e9viter les d\u00e9bordements. <strong>Service pompage<\/strong> complet.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Pompe de relevage<\/strong><\/span>\r\n <span><strong>Entretien<\/strong><\/span>\r\n <span><strong>D\u00e9pannage<\/strong><\/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);\">Pompage regard<\/strong> \u2013 nettoyage et aspiration<\/div>\r\n <span class=\"card-badge orange\">Entretien<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Pompage regard<\/strong> \u2013 nettoyage et aspiration des <strong>regards<\/strong> de visite,\r\n regards d'\u00e9gout et regards de branchement. <strong>Entretien pr\u00e9ventif<\/strong> ou curatif\r\n de vos installations. <strong>Pompage canalisation<\/strong> complet.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Pompage regard<\/strong><\/span>\r\n <span><strong>Nettoyage<\/strong><\/span>\r\n <span><strong>Entretien pr\u00e9ventif<\/strong><\/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);\">Pompage puisard<\/strong> \u2013 vidange et nettoyage<\/div>\r\n <span class=\"card-badge gray\">Sur devis<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Pompage puisard<\/strong> et bassins de r\u00e9tention d'eau.\r\n <strong>Vidange<\/strong> et <strong>nettoyage<\/strong> de <strong>puisards<\/strong>.\r\n Intervention sur sites ext\u00e9rieurs, parkings, zones commerciales.\r\n <strong>Entreprise de pompage assainissement<\/strong> agr\u00e9\u00e9e.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Pompage puisard<\/strong><\/span>\r\n <span><strong>Vidange<\/strong><\/span>\r\n <span><strong>Ext\u00e9rieur<\/strong><\/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-pompage');\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-18abf1c e-con-full e-flex e-con e-parent\" data-id=\"18abf1c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e15173 elementor-widget elementor-widget-html\" data-id=\"9e15173\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800;900&family=Sora:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n\r\n<style>\r\n.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>POMPAGE<\/span><br>EN IMAGES\r\n <\/h2>\r\n <p class=\"subtitle\">\r\n D\u00e9couvrez nos chantiers r\u00e9cents : fosses septiques, bacs \u00e0 graisse, hydrocurage et pompage de relevage.\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 \/ 6<\/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 pompage\">\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 de pompage (6 nouvelles photos)\r\n \/\/ ============================================================\r\n const photos = [\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2021\/08\/pompage-egout-bouchze.jpg',\r\n ville: 'Pompage \u00e9gout bouch\u00e9 - Intervention'\r\n },\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2021\/08\/technicien-avec-tuyaux-debouchage.jpg',\r\n ville: 'Technicien d\u00e9bouchage - Mat\u00e9riel haute pression'\r\n },\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2021\/06\/pompage.jpg',\r\n ville: 'Pompage de fosse - \u00c9quipe BT Plus'\r\n },\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2022\/03\/camion-pompage-fossebtg.jpg',\r\n ville: 'Camion pompage fosse - Vidange'\r\n },\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2022\/03\/camion-pompage-btg.jpg',\r\n ville: 'Camion pompage - Intervention rapide'\r\n },\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2021\/08\/pompage-montage-bvtplus-1.jpg',\r\n ville: 'Pompage en montage - Chantier BT Plus'\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=\"${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 = 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\r\n \/\/ ============================================================\r\n function syncWithScroll() {\r\n const slideWidth = 220 + 16;\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-2f4d691 e-con-full e-flex e-con e-parent\" data-id=\"2f4d691\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e52e701 elementor-widget elementor-widget-html\" data-id=\"e52e701\" 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 pompage, 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 <a href=\"https:\/\/sci-bme.fr\/index.php\/curage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Curage\r\n <span class=\"sous-titre\">Hydrocurage haute pression<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Inspection cam\u00e9ra\r\n <span class=\"sous-titre\">Diagnostic HD 4K<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage\/\" class=\"service-card actuel\">\r\n <span class=\"badge-service badge-actuel\">Page actuelle<\/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 pompage<\/span><\/div>\r\n\r\n <div class=\"grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-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\/pompage-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\/pompage-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\/pompage-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\/pompage-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\/pompage-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\/pompage-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\/pompage-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>Pompage canalisation & vidange \u2013 BT Plus \u00cele-de-France<\/title>\r\n\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 TIMELINE POMPAGE (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 \u2014 Structure informative\r\n ============================================================ *\/\r\n .btp-timeline .timeline {\r\n position: relative;\r\n padding: 0 0 20px 0;\r\n }\r\n\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 .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 .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 .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 .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 .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 .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 .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 .btp-timeline .products-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-top: 10px;\r\n justify-content: flex-start;\r\n }\r\n\r\n .btp-timeline .step .content-right .products-tags {\r\n justify-content: flex-start;\r\n }\r\n\r\n .btp-timeline .step .content-left .products-tags {\r\n justify-content: flex-end;\r\n }\r\n\r\n .btp-timeline .products-tags .tag {\r\n display: inline-block;\r\n font-size: 0.65rem;\r\n font-weight: 500;\r\n color: #48637d;\r\n background: #fff;\r\n padding: 3px 14px;\r\n border-radius: 999px;\r\n border: 1px solid #eef2f5;\r\n transition: all 0.2s;\r\n }\r\n\r\n .btp-timeline .products-tags .tag:hover {\r\n border-color: #f4a61a;\r\n background: #fefaf5;\r\n }\r\n\r\n \/* ============================================================\r\n RAPPEL URGENCE + 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 .btn-urgence {\r\n padding: 14px 30px;\r\n font-size: 1rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-timeline {\r\n padding: 60px 0 80px;\r\n }\r\n\r\n .btp-timeline .container {\r\n padding: 0 20px;\r\n }\r\n\r\n .btp-timeline .timeline::before {\r\n left: 14px;\r\n }\r\n\r\n .btp-timeline .step {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap {\r\n left: 14px;\r\n width: 34px;\r\n height: 34px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .step .content-left,\r\n .btp-timeline .step .content-right {\r\n padding-left: 48px;\r\n }\r\n\r\n .btp-timeline .step .step-title {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .btp-timeline .products-tags .tag {\r\n font-size: 0.55rem;\r\n padding: 2px 10px;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence {\r\n padding: 12px 24px;\r\n font-size: 0.9rem;\r\n flex-direction: column;\r\n gap: 4px;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence .label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence:hover {\r\n gap: 6px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"btp-timeline\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"header\">\r\n <span class=\"pill init-hidden\">\r\n <span class=\"dot\"><\/span>\r\n <strong>Entreprise de pompage assainissement<\/strong> \u2013 Urgence 24h\/24\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n <strong>Pompage canalisation<\/strong> & <strong>vidange<\/strong> \u2013 <span>sp\u00e9cialistes \u00cele-de-France<\/span>\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n <strong>Pompage canalisation en IDF et Paris<\/strong> \u2013 <strong>service de pompage fosse septique<\/strong>,\r\n <strong>vidange bac \u00e0 graisse<\/strong>, <strong>pompage restaurant \/ h\u00f4tel \/ bureaux<\/strong>,\r\n <strong>pompage regard<\/strong> et <strong>pompage puisard<\/strong>.\r\n <strong>Installation de pompe de relevage<\/strong> et <strong>entretien pompe de relevage<\/strong>.\r\n <strong>Nettoyage bac \u00e0 graisse IDF et Paris<\/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\">Camion hydrocureur<\/div>\r\n <div class=\"step-title\"><strong>Pompage canalisation IDF<\/strong> \u2013 technologie de pointe<\/div>\r\n <div class=\"step-desc\">\r\n Pour se faire, nos techniciens sp\u00e9cialis\u00e9s dans le <strong>pompage en \u00cele-de-France<\/strong>\r\n utilisent un <strong>camion hydrocureur<\/strong>, compos\u00e9 d'un ch\u00e2ssis porteur,\r\n d'une citerne \u00e0 eau et d'une pompe haute pression. Cet outil permet d'aspirer le contenu\r\n des r\u00e9servoirs. <strong>Entreprise de pompage assainissement<\/strong> \u00e9quip\u00e9e.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Pompage IDF<\/strong><\/span>\r\n <span class=\"tag\">Camion hydrocureur<\/span>\r\n <span class=\"tag\">Haute pression<\/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\">Jets haute pression<\/div>\r\n <div class=\"step-title\"><strong>Installation pompe de relevage<\/strong> \u2013 d\u00e9loger et d\u00e9sint\u00e9grer<\/div>\r\n <div class=\"step-desc\">\r\n \u00c0 l'aide de ce camion, nos sp\u00e9cialistes envoient des <strong>jets d'eau \u00e0 forte pression<\/strong>,\r\n ce qui permet de d\u00e9loger les d\u00e9chets qui forment les bouchons, mais \u00e9galement de les d\u00e9sint\u00e9grer.\r\n Cette m\u00e9thode marche aussi bien sur les <strong>amas de graisse<\/strong> que sur l'\r\n <strong>accumulation de calcaire<\/strong>. <strong>Service de pompage canalisation<\/strong> efficace.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Pompage canalisation<\/strong><\/span>\r\n <span class=\"tag\">Graisses<\/span>\r\n <span class=\"tag\">Calcaire<\/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\">Pompage puisard<\/div>\r\n <div class=\"step-title\"><strong>Pompage puisard<\/strong> \u2013 \u00e9limination de l'eau accumul\u00e9e<\/div>\r\n <div class=\"step-desc\">\r\n \u00c9limine l'eau accumul\u00e9e dans les bassins de collecte d'eau, que l'on retrouve fr\u00e9quemment\r\n dans les <strong>sous-sols des maisons<\/strong> ou les <strong>parkings de logements<\/strong>.\r\n <strong>Pompage puisard<\/strong> par une <strong>entreprise de pompage assainissement<\/strong> agr\u00e9\u00e9e.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Pompage puisard<\/strong><\/span>\r\n <span class=\"tag\">Sous-sol<\/span>\r\n <span class=\"tag\">Parking<\/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\">Service pompage fosse septique<\/div>\r\n <div class=\"step-title\"><strong>Service pompage fosse septique<\/strong> \u2013 vidange compl\u00e8te<\/div>\r\n <div class=\"step-desc\">\r\n Vidange compl\u00e8te du contenu avec des outils adapt\u00e9s, afin que le contenu ne se d\u00e9verse pas\r\n dans la nature, ce qui pourrait s'av\u00e9rer <strong>tr\u00e8s dangereux<\/strong>.\r\n <strong>Pompage fosse septique<\/strong> par des professionnels agr\u00e9\u00e9s.\r\n <strong>Entretien pompe de relevage<\/strong> \u00e9galement disponible.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Pompage fosse septique<\/strong><\/span>\r\n <span class=\"tag\">Vidange<\/span>\r\n <span class=\"tag\">S\u00e9curit\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\">Pompage bac \u00e0 graisse<\/div>\r\n <div class=\"step-title\"><strong>Vidange bac \u00e0 graisse<\/strong> \u2013 pompage restaurant \/ h\u00f4tel \/ bureaux<\/div>\r\n <div class=\"step-desc\">\r\n <strong>Pompage bac \u00e0 graisse<\/strong> \u2013 absorption des graisses qui flottent en surface\r\n et s\u00e9paration de l'eau r\u00e9colt\u00e9e. <strong>Vidange bac \u00e0 graisse<\/strong>, \u00e9vacuation des boues\r\n et remplissage \u00e0 l'eau claire. <strong>Nettoyage bac \u00e0 graisse IDF et Paris<\/strong>.\r\n Id\u00e9al pour <strong>restaurants<\/strong>, <strong>h\u00f4tels<\/strong> et <strong>bureaux<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Vidange bac \u00e0 graisse<\/strong><\/span>\r\n <span class=\"tag\"><strong>Nettoyage bac \u00e0 graisse<\/strong><\/span>\r\n <span class=\"tag\"><strong>Restaurant \/ H\u00f4tel \/ Bureaux<\/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\">Entreprise agr\u00e9\u00e9e<\/div>\r\n <div class=\"step-title\"><span>Entreprise de pompage assainissement<\/span> \u2013 intervention obligatoire<\/div>\r\n <div class=\"step-desc\">\r\n <strong>Interdit de proc\u00e9der soi-m\u00eame !<\/strong> Le pompage du bac \u00e0 graisse, de la fosse septique\r\n ou des puisards doit \u00eatre r\u00e9alis\u00e9 par un professionnel agr\u00e9\u00e9 tel que <strong>BT PLUS<\/strong>.\r\n Les d\u00e9chets r\u00e9cup\u00e9r\u00e9s sont ensuite transf\u00e9r\u00e9s dans un <strong>centre de traitement sp\u00e9cialis\u00e9<\/strong>\r\n (station d'\u00e9puration) conform\u00e9ment \u00e0 la r\u00e9glementation.\r\n <strong>Devis gratuit<\/strong> et <strong>intervention 24h\/24<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Entreprise de pompage assainissement<\/strong><\/span>\r\n <span class=\"tag\">Agr\u00e9\u00e9<\/span>\r\n <span class=\"tag\">Station d'\u00e9puration<\/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 pompage<\/strong>, coupez votre arriv\u00e9e d'eau\r\n et appelez notre <strong>entreprise de pompage assainissement<\/strong>\r\n <span class=\"highlight\">imm\u00e9diatement<\/span>.\r\n <strong>Pompage canalisation IDF<\/strong> \u2013 <strong>intervention 24h\/24<\/strong> \u2013\r\n <strong>devis gratuit<\/strong>.\r\n <\/p>\r\n <a href=\"tel:0186957777\" class=\"btn-urgence\">\r\n <span>\r\n <span class=\"number\">01 86 95 77 77<\/span>\r\n <span class=\"label\">Appel gratuit \u00b7 Urgence 24h\/24 \u00b7 7j\/7<\/span>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n\r\n const elements = document.querySelectorAll('.init-hidden, .init-left, .init-right');\r\n\r\n if (elements.length > 0 && 'IntersectionObserver' in window) {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n if (entry.target.classList.contains('init-hidden')) {\r\n entry.target.classList.add('anim-up');\r\n } else if (entry.target.classList.contains('init-left')) {\r\n entry.target.classList.add('anim-left');\r\n } else if (entry.target.classList.contains('init-right')) {\r\n entry.target.classList.add('anim-right');\r\n }\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.15,\r\n rootMargin: '0px 0px -40px 0px'\r\n });\r\n\r\n elements.forEach(el => observer.observe(el));\r\n } else {\r\n \/\/ Fallback\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-e3f182b e-con-full e-flex e-con e-parent\" data-id=\"e3f182b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-509b8dd elementor-widget elementor-widget-html\" data-id=\"509b8dd\" 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>Pompage canalisation & vidange \u2013 BT Plus \u00cele-de-France<\/title>\r\n\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 DIAGNOSTIC POMPAGE (SEO optimis\u00e9)\r\n Adapt\u00e9 pour \"Pompage 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\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: 30px;\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 Prestations sp\u00e9cifiques (SEO)\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>Entreprise de pompage assainissement<\/strong> \u2013 Urgence 24h\/24\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n <strong>Pompage canalisation<\/strong> & <strong>vidange<\/strong> \u2013 <span>sp\u00e9cialistes pros et particuliers<\/span>\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n <strong>Pompage canalisation en IDF et Paris<\/strong> \u2013 <strong>service de pompage fosse septique<\/strong>,\r\n <strong>vidange bac \u00e0 graisse<\/strong>, <strong>pompage restaurant \/ h\u00f4tel \/ bureaux<\/strong>,\r\n <strong>pompage regard<\/strong> et <strong>pompage puisard<\/strong>.\r\n <strong>Installation de pompe de relevage<\/strong> et <strong>entretien pompe de relevage<\/strong>.\r\n <strong>Nettoyage bac \u00e0 graisse IDF et Paris<\/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>Pompage<\/strong> \u2013 Pros & Particuliers<\/span>\r\n <span class=\"dossier-id\">R\u00e9f. #P-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>vidange bac \u00e0 graisse<\/span><\/div>\r\n <ul class=\"services-list\">\r\n <li><span class=\"check\">\u2713<\/span> <strong>Pompage bac \u00e0 graisse<\/strong> \u2013 restaurant \/ h\u00f4tel \/ bureaux<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Pompage fosse septique<\/strong> \u2013 copropri\u00e9t\u00e9 \/ r\u00e9sidence<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Nettoyage bac \u00e0 graisse<\/strong> \u2013 entretien r\u00e9gulier<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Pompage regard<\/strong> \u2013 \u00e9gouts et branchements<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Installation pompe de relevage<\/strong> \u2013 professionnels<\/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>service pompage fosse septique<\/span><\/div>\r\n <ul class=\"services-list\">\r\n <li><span class=\"check\">\u2713<\/span> <strong>Service pompage fosse septique<\/strong> \u2013 maison \/ villa<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Pompage puisard<\/strong> \u2013 sous-sol et jardin<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Entretien pompe de relevage<\/strong> \u2013 appartement<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Pompage regard<\/strong> \u2013 contr\u00f4le et nettoyage<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Devis pompage gratuit<\/strong> \u2013 sans engagement<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"ordonnance\">\r\n <div class=\"ord-title\">\r\n <span>Ordonnance<\/span> \u00b7 Prestations sp\u00e9cifiques\r\n <\/div>\r\n <div class=\"ord-desc\">\r\n <strong>Entreprise de pompage assainissement<\/strong> agr\u00e9\u00e9e \u2013 nous intervenons \u00e9galement sur tous vos ouvrages d'assainissement.\r\n <strong>Nettoyage bac \u00e0 graisse IDF et Paris<\/strong> \u2013 <strong>installation de pompe de relevage<\/strong>.\r\n <\/div>\r\n <div class=\"ord-list\">\r\n <span class=\"ord-item\"><strong>Pompage fosse septique<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Pompage regard<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Pompage puisard<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Installation pompe de relevage<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Entretien pompe de relevage<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Vidange bac \u00e0 graisse<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Nettoyage bac \u00e0 graisse<\/strong><\/span>\r\n <span class=\"ord-item\"><strong>Pompage restaurant \/ h\u00f4tel \/ bureaux<\/strong><\/span>\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> Urgence <strong>pompage canalisation<\/strong>\r\n <span class=\"highlight\">24h\/24 \u2014 7j\/7<\/span>, d\u00e9placement sous 1h en \u00cele-de-France.\r\n <strong>Devis pompage gratuit<\/strong> \u2013 <strong>entreprise de pompage assainissement<\/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-19730e5 e-con-full e-flex e-con e-parent\" data-id=\"19730e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e407a9 elementor-widget elementor-widget-html\" data-id=\"0e407a9\" 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}@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\">pompage<\/span><\/h2>\r\n <p class=\"bt-faq__subtitle\">\r\n <strong>Pompage<\/strong> de fosses septiques, <strong>bacs \u00e0 graisse<\/strong>, <strong>puisards<\/strong>, <strong>vidange<\/strong> et <strong>entretien de pompes de relevage<\/strong>\u2026 Retrouvez les r\u00e9ponses \u00e0 vos interrogations sur nos <strong>prestations de pompage<\/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>Qu'est-ce qu'une prestation de pompage ?<\/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>pompage<\/strong> consiste \u00e0 <strong>vider et nettoyer<\/strong> les installations d'assainissement non collectif : <strong>fosses septiques<\/strong>, <strong>bacs \u00e0 graisse<\/strong>, <strong>puisards<\/strong> ou <strong>caves<\/strong>. Notre <strong>camion de pompage<\/strong> aspire les d\u00e9chets et boues, puis les transporte vers une <strong>station de traitement agr\u00e9\u00e9e<\/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>\u00c0 quelle fr\u00e9quence faut\u2011il pomper sa fosse septique ?<\/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 <strong>vidange d'une fosse septique<\/strong> est recommand\u00e9e <strong>tous les 2 \u00e0 4 ans<\/strong> selon la taille de l'installation et le nombre d'occupants. Un <strong>entretien r\u00e9gulier<\/strong> \u00e9vite le colmatage du sol, les remont\u00e9es d'odeurs et les probl\u00e8mes de <strong>mise en conformit\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>Quels types de pompage r\u00e9alisez\u2011vous ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Nous intervenons pour : <strong>pompage de fosses septiques<\/strong>, <strong>vidange de bacs \u00e0 graisse<\/strong> (restaurants, h\u00f4tels), <strong>pompage de puisards<\/strong>, <strong>vidange de caves<\/strong>, <strong>entretien de pompes de relevage<\/strong> et <strong>d\u00e9shumidification<\/strong>. Nous assurons \u00e9galement le <strong>remplissage<\/strong> et le <strong>lavage<\/strong> de vos installations.<\/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 pompage de fosse septique ?<\/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 le <strong>volume<\/strong> de la fosse et la <strong>distance<\/strong> de transport des d\u00e9chets. Comptez en moyenne entre <strong>250\u20ac et 600\u20ac<\/strong> pour un <strong>pompage standard<\/strong> en \u00cele\u2011de\u2011France. Nous vous fournissons un <strong>devis gratuit<\/strong> avant toute intervention, sans engagement.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Proposez\u2011vous l'entretien des pompes de relevage ?<\/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<\/strong> pour les <strong>pompes de relevage<\/strong> et les <strong>postes de relevage<\/strong>. Cela comprend : <strong>v\u00e9rification du fonctionnement<\/strong>, <strong>nettoyage des flotteurs<\/strong>, <strong>contr\u00f4le de l'\u00e9tanch\u00e9it\u00e9<\/strong> et <strong>remplacement des pi\u00e8ces us\u00e9es<\/strong> si n\u00e9cessaire.<\/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 d\u00e9bordement de fosse ?<\/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 d'urgence 24h\/24 et 7j\/7<\/strong> en <strong>\u00cele\u2011de\u2011France<\/strong>. En cas de <strong>d\u00e9bordement<\/strong> ou de <strong>remont\u00e9e d'effluents<\/strong>, notre \u00e9quipe se d\u00e9place <strong>rapidement<\/strong> pour r\u00e9aliser un <strong>pompage d'urgence<\/strong> et s\u00e9curiser votre installation.<\/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>Que deviennent les d\u00e9chets pomp\u00e9s ?<\/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>Les <strong>d\u00e9chets pomp\u00e9s<\/strong> (boues, graisses, eaux us\u00e9es) sont <strong>transport\u00e9s<\/strong> vers des <strong>stations de traitement agr\u00e9\u00e9es<\/strong> o\u00f9 ils subissent un processus de <strong>d\u00e9pollution<\/strong> conforme aux <strong>normes environnementales<\/strong>. Nous vous remettons un <strong>bordereau de suivi<\/strong> pour justifier de l'\u00e9limination.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Intervenez\u2011vous chez les professionnels (restaurants, h\u00f4tels) ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Oui<\/strong>, nous sommes sp\u00e9cialistes du <strong>pompage pour les professionnels<\/strong> : <strong>restaurants<\/strong> (bacs \u00e0 graisse), <strong>h\u00f4tels<\/strong>, <strong>campings<\/strong>, <strong>industries<\/strong> et <strong>collectivit\u00e9s<\/strong>. Nous proposons des <strong>contrats d'entretien adapt\u00e9s<\/strong> pour garantir la <strong>conformit\u00e9<\/strong> de vos installations et \u00e9viter les interruptions d'activit\u00e9.<\/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>Pompage & vidange \u2013 BT Plus \u00cele-de-France Entreprise de pompage assainissement Urgence 24h\/24 \u2013 Devis gratuit Pompage & vidange en Ile-de-France Pompage canalisation en IDF et Paris \u2013 service de pompage canalisation pour fosse septique, bac \u00e0 graisse, puisard et regard. Installation de pompe de relevage et entretien pompe de relevage. Vidange bac \u00e0 graisse, […]<\/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-471","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/471","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=471"}],"version-history":[{"count":73,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/471\/revisions"}],"predecessor-version":[{"id":2998,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/471\/revisions\/2998"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}