Curage Seine-Saint-Denis 93 | BT PLUS Intervention Urgence 24h\/24<\/title>\r\n <meta name=\"description\" content=\"Curage Seine-Saint-Denis 93 : nettoyage en profondeur de vos canalisations et r\u00e9seaux. Intervention rapide \u00e0 Saint-Denis, Montreuil, Aubervilliers. Devis gratuit.\" \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n \/* ============================================================\r\n CHARTE BT PLUS \u2014 SECTION HERO CURAGE SEINE-SAINT-DENIS\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 font-family: 'Inter', sans-serif;\r\n background: #ffffff;\r\n color: #0a1a2b;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n\r\n .hero-curage-93 {\r\n position: relative;\r\n padding: 60px 0 120px;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%),\r\n linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden;\r\n isolation: isolate;\r\n }\r\n\r\n .hero-curage-93 .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\r\n .hero-curage-93 .waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 100px;\r\n }\r\n\r\n .hero-curage-93 .waves .wave-back use {\r\n animation: wavemove 11s linear infinite;\r\n opacity: .55;\r\n }\r\n .hero-curage-93 .waves .wave-mid use {\r\n animation: wavemove 8s linear infinite reverse;\r\n opacity: .8;\r\n }\r\n .hero-curage-93 .waves .wave-front use {\r\n animation: wavemove 6s linear infinite;\r\n }\r\n\r\n @keyframes wavemove {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n\r\n .hero-curage-93 .container {\r\n max-width: 1200px;\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 BREADCRUMB SIMPLIFI\u00c9 (SEO)\r\n ============================================================ *\/\r\n .hero-curage-93 .breadcrumb {\r\n font-size: 0.75rem;\r\n color: #9aaeb8;\r\n margin-bottom: 20px;\r\n font-weight: 500;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .hero-curage-93 .breadcrumb .sep {\r\n color: #d6ebfb;\r\n font-weight: 300;\r\n }\r\n\r\n .hero-curage-93 .breadcrumb .current {\r\n color: #1c7ec9;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n BADGE LOCAL\r\n ============================================================ *\/\r\n .hero-curage-93 .badge-local {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(28, 126, 201, 0.06);\r\n padding: 6px 18px;\r\n border-radius: 60px;\r\n border: 1px solid rgba(28, 126, 201, 0.10);\r\n margin-bottom: 18px;\r\n }\r\n\r\n .hero-curage-93 .badge-local .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #10b981;\r\n animation: pulse-dot 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-dot {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.4; transform: scale(0.7); }\r\n }\r\n\r\n .hero-curage-93 .badge-local span {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n }\r\n\r\n \/* ============================================================\r\n TITRE H1 (SEO)\r\n ============================================================ *\/\r\n .hero-curage-93 h1 {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(2.2rem, 4.5vw, 3.8rem);\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.08;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .hero-curage-93 h1 .accent {\r\n color: #f4a61a;\r\n position: relative;\r\n }\r\n\r\n .hero-curage-93 h1 .accent::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 2px;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: rgba(244, 166, 26, 0.25);\r\n border-radius: 4px;\r\n }\r\n\r\n \/* ============================================================\r\n SOUS-TITRE (SEO)\r\n ============================================================ *\/\r\n .hero-curage-93 .subtitle {\r\n font-size: 1.1rem;\r\n color: #48637d;\r\n max-width: 580px;\r\n line-height: 1.7;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hero-curage-93 .subtitle strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n CHIPS SERVICES (SEO \u2014 mots-cl\u00e9s)\r\n ============================================================ *\/\r\n .hero-curage-93 .chips {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .hero-curage-93 .chips .chip {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #ffffff;\r\n border: 1px solid #eef2f5;\r\n padding: 8px 16px;\r\n border-radius: 50px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: #07294a;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.04);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .hero-curage-93 .chips .chip:hover {\r\n border-color: #f4a61a;\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(244, 166, 26, 0.10);\r\n }\r\n\r\n .hero-curage-93 .chips .chip .chip-icon {\r\n color: #f4a61a;\r\n font-size: 0.7rem;\r\n }\r\n\r\n \/* ============================================================\r\n CTA\r\n ============================================================ *\/\r\n .hero-curage-93 .cta-group {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 16px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .hero-curage-93 .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 14px 32px;\r\n border: none;\r\n border-radius: 50px;\r\n background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%);\r\n color: #ffffff;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25);\r\n text-decoration: none;\r\n }\r\n\r\n .hero-curage-93 .btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 30px rgba(244, 166, 26, 0.35);\r\n }\r\n\r\n .hero-curage-93 .btn-secondary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 14px 28px;\r\n border: 2px solid #eef2f5;\r\n border-radius: 50px;\r\n background: #ffffff;\r\n color: #07294a;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.9rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n }\r\n\r\n .hero-curage-93 .btn-secondary:hover {\r\n border-color: #f4a61a;\r\n transform: translateY(-3px);\r\n box-shadow: 0 4px 16px rgba(7, 41, 74, 0.06);\r\n }\r\n\r\n \/* ============================================================\r\n TRUST STRIP (SEO \u2014 signaux de confiance)\r\n ============================================================ *\/\r\n .hero-curage-93 .trust {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 24px;\r\n }\r\n\r\n .hero-curage-93 .trust .item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.85rem;\r\n color: #48637d;\r\n font-weight: 500;\r\n }\r\n\r\n .hero-curage-93 .trust .item .trust-icon {\r\n color: #10b981;\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* ============================================================\r\n VISUAL\r\n ============================================================ *\/\r\n .hero-curage-93 .visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .hero-curage-93 .visual .disc {\r\n position: relative;\r\n width: min(420px, 90%);\r\n aspect-ratio: 1\/1;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n box-shadow: 0 40px 70px -25px rgba(13, 79, 139, 0.6);\r\n }\r\n\r\n .hero-curage-93 .visual .disc img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .hero-curage-93 .visual .disc .overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(7, 41, 74, 0.25);\r\n border-radius: 50%;\r\n }\r\n\r\n .hero-curage-93 .visual .disc .disc-content {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n color: #ffffff;\r\n text-align: center;\r\n padding: 20px;\r\n z-index: 2;\r\n }\r\n\r\n .hero-curage-93 .visual .disc .disc-content .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: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\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 .hero-curage-93 .visual .disc .disc-content .big-number {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: 3.2rem;\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 .hero-curage-93 .visual .disc .disc-content .big-number span {\r\n font-size: 1.2rem;\r\n font-weight: 500;\r\n opacity: 0.8;\r\n }\r\n\r\n .hero-curage-93 .visual .disc .disc-content .desc {\r\n font-size: 0.9rem;\r\n color: rgba(255, 255, 255, 0.9);\r\n margin-top: 4px;\r\n }\r\n\r\n \/* ============================================================\r\n LAYOUT\r\n ============================================================ *\/\r\n .hero-curage-93 .layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: center;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .hero-curage-93 .layout {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .hero-curage-93 .subtitle {\r\n max-width: 100%;\r\n }\r\n .hero-curage-93 .chips {\r\n justify-content: center;\r\n }\r\n .hero-curage-93 .cta-group {\r\n justify-content: center;\r\n }\r\n .hero-curage-93 .trust {\r\n justify-content: center;\r\n }\r\n .hero-curage-93 .visual .disc {\r\n width: min(320px, 80%);\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .hero-curage-93 {\r\n padding: 40px 0 100px;\r\n }\r\n .hero-curage-93 .container {\r\n padding: 0 20px;\r\n }\r\n .hero-curage-93 h1 {\r\n font-size: 1.8rem;\r\n }\r\n .hero-curage-93 .subtitle {\r\n font-size: 0.95rem;\r\n }\r\n .hero-curage-93 .cta-group {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n .hero-curage-93 .btn-primary,\r\n .hero-curage-93 .btn-secondary {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n .hero-curage-93 .visual .disc {\r\n width: min(260px, 80%);\r\n }\r\n .hero-curage-93 .visual .disc .disc-content .big-number {\r\n font-size: 2.4rem;\r\n }\r\n }\r\n\r\n \/* ============================================================\r\n R\u00c9V\u00c9LATION\r\n ============================================================ *\/\r\n .hero-curage-93 .reveal {\r\n opacity: 0;\r\n transform: translateY(24px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n\r\n .hero-curage-93 .reveal.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .hero-curage-93 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"hero-curage-93\">\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-curage-93\" 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-curage-93\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w-curage-93\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w-curage-93\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w-curage-93\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w-curage-93\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w-curage-93\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"breadcrumb reveal\">\r\n <span class=\"current\">Curage<\/span>\r\n <span class=\"sep\">\/<\/span>\r\n <span class=\"current\">Seine-Saint-Denis 93<\/span>\r\n <\/div>\r\n\r\n <div class=\"layout\">\r\n\r\n \r\n <div class=\"content\">\r\n\r\n \r\n <div class=\"badge-local reveal\">\r\n <span class=\"dot\"><\/span>\r\n <span>Curage professionnel en Seine-Saint-Denis<\/span>\r\n <\/div>\r\n\r\n \r\n <h1 class=\"reveal\">\r\n Curage <span class=\"accent\">Seine-Saint-Denis 93<\/span>\r\n <\/h1>\r\n\r\n \r\n <p class=\"subtitle reveal\">\r\n <strong>Curage de canalisations en Seine-Saint-Denis<\/strong> : nettoyage en profondeur, hydrocurage\r\n et entretien de vos r\u00e9seaux. Intervention <strong>sous 1h<\/strong> \u00e0 Saint-Denis, Montreuil,\r\n Aubervilliers et dans tout le d\u00e9partement.\r\n <\/p>\r\n\r\n \r\n <div class=\"chips reveal\">\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Curage Saint-Denis<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Curage Montreuil<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Curage Aubervilliers<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Hydrocurage 93<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Nettoyage r\u00e9seaux 93<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-group reveal\">\r\n <a href=\"tel:0185421970\" class=\"btn-primary\">\r\n 01 85 42 19 70\r\n <\/a>\r\n <a href=\"#\" class=\"btn-secondary\">\r\n Devis gratuit \u2192\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"trust reveal\">\r\n <span class=\"item\"><span class=\"trust-icon\">\u2713<\/span> Intervention sous 1h<\/span>\r\n <span class=\"item\"><span class=\"trust-icon\">\u2713<\/span> Devis gratuit<\/span>\r\n <span class=\"item\"><span class=\"trust-icon\">\u2713<\/span> Garantie 48h<\/span>\r\n <span class=\"item\"><span class=\"trust-icon\">\u2713<\/span> 24h\/24<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"visual reveal\">\r\n <div class=\"disc\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/unnamed-3.jpg\"\r\n alt=\"Curage Seine-Saint-Denis 93 - Camion hydrocureur BT PLUS\"\r\n loading=\"lazy\" \/>\r\n <div class=\"overlay\"><\/div>\r\n <div class=\"disc-content\">\r\n <span class=\"badge\">Curage Seine-Saint-Denis 93<\/span>\r\n <div class=\"big-number\">\r\n 24\/7 <span>urgence<\/span>\r\n <\/div>\r\n <div class=\"desc\">Nettoyage en profondeur dans le 93<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const reveal = document.querySelectorAll('.hero-curage-93 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n reveal.forEach(function(el) { io.observe(el); });\r\n } else {\r\n reveal.forEach(function(el) { el.classList.add('shown'); });\r\n }\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-770602a e-con-full e-flex e-con e-parent\" data-id=\"770602a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f865200 elementor-widget elementor-widget-html\" data-id=\"f865200\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n \/* ============================================================\r\n SECTION AVANTAGES \u2014 CURAGE SEINE-SAINT-DENIS 93\r\n ============================================================ *\/\r\n\r\n .advantages-curage-93 {\r\n width: 100%;\r\n padding: 60px 0 80px;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%),\r\n linear-gradient(180deg, #ffffff 0%, #eef6fc 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .advantages-curage-93 .container {\r\n max-width: 1200px;\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 EN-T\u00caTE DE SECTION\r\n ============================================================ *\/\r\n .advantages-curage-93 .section-header {\r\n text-align: center;\r\n max-width: 720px;\r\n margin: 0 auto 40px;\r\n }\r\n\r\n .advantages-curage-93 .section-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(28, 126, 201, 0.06);\r\n padding: 6px 18px;\r\n border-radius: 60px;\r\n border: 1px solid rgba(28, 126, 201, 0.10);\r\n margin-bottom: 14px;\r\n }\r\n\r\n .advantages-curage-93 .section-badge .dot {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-adv-curage-93 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-adv-curage-93 {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.4; transform: scale(0.7); }\r\n }\r\n\r\n .advantages-curage-93 .section-badge span {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n }\r\n\r\n .advantages-curage-93 .section-title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(1.8rem, 3.2vw, 2.8rem);\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .advantages-curage-93 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .advantages-curage-93 .section-subtitle {\r\n font-size: 1rem;\r\n color: #48637d;\r\n line-height: 1.7;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .advantages-curage-93 .section-subtitle strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n GRILLE DES AVANTAGES\r\n ============================================================ *\/\r\n .advantages-curage-93 .grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 18px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .advantages-curage-93 .grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .advantages-curage-93 .grid {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n .advantages-curage-93 .section-title {\r\n font-size: 1.6rem;\r\n }\r\n }\r\n\r\n .advantages-curage-93 .card {\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 24px 20px;\r\n border: 1px solid #eef2f5;\r\n transition: all 0.3s ease;\r\n text-align: center;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.02);\r\n }\r\n\r\n .advantages-curage-93 .card:hover {\r\n transform: translateY(-4px);\r\n border-color: #f4a61a;\r\n box-shadow: 0 8px 24px rgba(7, 41, 74, 0.06);\r\n }\r\n\r\n .advantages-curage-93 .card .card-icon {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n background: rgba(244, 166, 26, 0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 12px;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: 1.2rem;\r\n color: #f4a61a;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .advantages-curage-93 .card:hover .card-icon {\r\n background: #f4a61a;\r\n color: #ffffff;\r\n }\r\n\r\n .advantages-curage-93 .card .card-title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1rem;\r\n color: #07294a;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .advantages-curage-93 .card .card-desc {\r\n font-size: 0.85rem;\r\n color: #48637d;\r\n line-height: 1.6;\r\n }\r\n\r\n .advantages-curage-93 .card .card-tag {\r\n display: inline-block;\r\n margin-top: 10px;\r\n font-size: 0.6rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: #f4a61a;\r\n background: rgba(244, 166, 26, 0.06);\r\n padding: 2px 14px;\r\n border-radius: 999px;\r\n }\r\n\r\n \/* ============================================================\r\n R\u00c9V\u00c9LATION\r\n ============================================================ *\/\r\n .advantages-curage-93 .reveal {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.6s ease, transform 0.6s ease;\r\n }\r\n\r\n .advantages-curage-93 .reveal.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .advantages-curage-93 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<section class=\"advantages-curage-93\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"section-header\">\r\n <div class=\"section-badge reveal\">\r\n <span class=\"dot\"><\/span>\r\n <span>L'expert du curage dans le 93<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Le sp\u00e9cialiste du <span class=\"accent\">curage<\/span> en Seine-Saint-Denis\r\n <\/h2>\r\n <p class=\"section-subtitle reveal\">\r\n <strong>4 bonnes raisons<\/strong> de faire confiance \u00e0 BT PLUS pour votre curage en Seine-Saint-Denis.\r\n Des techniciens professionnels \u00e0 votre service \u00e0 Saint-Denis, Montreuil, Aubervilliers et partout dans le d\u00e9partement.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid\">\r\n\r\n \r\n <div class=\"card reveal\">\r\n <div class=\"card-icon\">1<\/div>\r\n <div class=\"card-title\">Intervention sous 1h<\/div>\r\n <div class=\"card-desc\">\r\n Un technicien pr\u00e8s de chez vous dans toute la Seine-Saint-Denis.\r\n D\u00e9placement rapide pour vos urgences de curage.\r\n <\/div>\r\n <span class=\"card-tag\">Rapidit\u00e9<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"card reveal\">\r\n <div class=\"card-icon\">2<\/div>\r\n <div class=\"card-title\">Devis gratuit<\/div>\r\n <div class=\"card-desc\">\r\n Estimation pr\u00e9cise avant toute intervention.\r\n Transparence totale sur nos tarifs de curage en Seine-Saint-Denis.\r\n <\/div>\r\n <span class=\"card-tag\">Transparence<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"card reveal\">\r\n <div class=\"card-icon\">3<\/div>\r\n <div class=\"card-title\">Techniciens agr\u00e9\u00e9s<\/div>\r\n <div class=\"card-desc\">\r\n \u00c9quipe qualifi\u00e9e et exp\u00e9riment\u00e9e dans le curage\r\n de canalisations en Seine-Saint-Denis 93.\r\n <\/div>\r\n <span class=\"card-tag\">Expertise<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"card reveal\">\r\n <div class=\"card-icon\">4<\/div>\r\n <div class=\"card-title\">Urgence 24h\/24<\/div>\r\n <div class=\"card-desc\">\r\n Intervention disponible 7j\/7, m\u00eame les jours f\u00e9ri\u00e9s.\r\n Service d'astreinte pour vos urgences en Seine-Saint-Denis.\r\n <\/div>\r\n <span class=\"card-tag\">Disponibilit\u00e9<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const reveal = document.querySelectorAll('.advantages-curage-93 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n reveal.forEach(function(el) { io.observe(el); });\r\n } else {\r\n reveal.forEach(function(el) { el.classList.add('shown'); });\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-8ca0afd e-con-full e-flex e-con e-parent\" data-id=\"8ca0afd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40b2942 elementor-widget elementor-widget-html\" data-id=\"40b2942\" 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>CURAGE<\/span><br>EN IMAGES\r\n <\/h2>\r\n <p class=\"subtitle\">\r\n D\u00e9couvrez nos chantiers r\u00e9cents : curage, d\u00e9bouchage, pompage, inspection cam\u00e9ra.\r\n Cliquez sur une photo pour l'agrandir.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-wrapper\">\r\n <div class=\"carousel-track\" id=\"carouselTrack\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"indicators\">\r\n <div class=\"dots\" id=\"dotsContainer\"><\/div>\r\n <span class=\"counter\" id=\"counter\">1 \/ 9<\/span>\r\n <button class=\"pause-btn\" id=\"pauseBtn\" aria-label=\"Pause \/ Play\">\r\n <i class=\"fas fa-pause\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"modal\" id=\"modal\">\r\n <div class=\"modal-content\">\r\n <button class=\"modal-close\" id=\"modalClose\">×<\/button>\r\n <img decoding=\"async\" id=\"modalImg\" src=\"\" alt=\"Intervention assainissement\">\r\n <div class=\"modal-ville\" id=\"modalVille\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n\r\n \/\/ ============================================================\r\n \/\/ DONN\u00c9ES \u2014 Photos avec villes\r\n \/\/ ============================================================\r\n const photos = [\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-29-at-17.45.08-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Paris 15e'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-29-at-17.45.06-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Boulogne-Billancourt'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-29-at-17.45.05-1-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Nanterre'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-23.33.07-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Saint-Denis'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-16.51.17-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E-2.jpeg',\r\n ville: 'Montreuil'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-16.40.26.jpeg',\r\n ville: 'Vincennes'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-14.47.29-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E-2.jpeg',\r\n ville: 'Asni\u00e8res'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-27-at-14.45.13-2-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Levallois-Perret'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-24-at-18.54.26-10-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Yvelines'\r\n }\r\n ];\r\n\r\n \/\/ ============================================================\r\n \/\/ \u00c9L\u00c9MENTS\r\n \/\/ ============================================================\r\n const track = document.getElementById('carouselTrack');\r\n const dotsContainer = document.getElementById('dotsContainer');\r\n const counter = document.getElementById('counter');\r\n const pauseBtn = document.getElementById('pauseBtn');\r\n const modal = document.getElementById('modal');\r\n const modalImg = document.getElementById('modalImg');\r\n const modalVille = document.getElementById('modalVille');\r\n const modalClose = document.getElementById('modalClose');\r\n\r\n let isPaused = false;\r\n let currentIndex = 0;\r\n const totalSlides = photos.length;\r\n const slidesPerView = 5;\r\n\r\n \/\/ ============================================================\r\n \/\/ G\u00c9N\u00c9RER LES SLIDES (doubl\u00e9es pour l'effet infini)\r\n \/\/ ============================================================\r\n function renderSlides() {\r\n track.innerHTML = '';\r\n \/\/ Doubler les photos pour l'effet continu\r\n const allPhotos = [...photos, ...photos];\r\n allPhotos.forEach((photo, index) => {\r\n const slide = document.createElement('div');\r\n slide.className = 'slide';\r\n slide.setAttribute('data-index', index % photos.length);\r\n \r\n slide.innerHTML = `\r\n <img decoding=\"async\" src=\"${photo.src}\" alt=\"Intervention assainissement ${photo.ville}\" loading=\"lazy\">\r\n <div class=\"ville\">${photo.ville}<\/div>\r\n <div class=\"zoom-icon\"><i class=\"fas fa-expand\"><\/i><\/div>\r\n `;\r\n \r\n slide.addEventListener('click', function() {\r\n const idx = parseInt(this.getAttribute('data-index'));\r\n openModal(idx);\r\n });\r\n \r\n track.appendChild(slide);\r\n });\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ G\u00c9N\u00c9RER LES DOTS\r\n \/\/ ============================================================\r\n function renderDots() {\r\n dotsContainer.innerHTML = '';\r\n for (let i = 0; i < totalSlides; i++) {\r\n const dot = document.createElement('span');\r\n dot.className = 'dot' + (i === 0 ? ' active' : '');\r\n dot.setAttribute('data-index', i);\r\n dot.addEventListener('click', function() {\r\n const idx = parseInt(this.getAttribute('data-index'));\r\n goToSlide(idx);\r\n });\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ NAVIGATION VERS UNE PHOTO SP\u00c9CIFIQUE\r\n \/\/ ============================================================\r\n function goToSlide(index) {\r\n currentIndex = index;\r\n const slideWidth = 220 + 16; \/\/ largeur + gap\r\n const offset = -(index * slideWidth);\r\n \/\/ Animation manuelle\r\n track.style.animation = 'none';\r\n track.style.transform = `translateX(${offset}px)`;\r\n \/\/ R\u00e9activer l'animation apr\u00e8s un d\u00e9lai\r\n setTimeout(() => {\r\n track.style.animation = '';\r\n track.style.transform = '';\r\n }, 50);\r\n updateDots();\r\n updateCounter();\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ MISE \u00c0 JOUR DES INDICATEURS\r\n \/\/ ============================================================\r\n function updateDots() {\r\n const dots = dotsContainer.querySelectorAll('.dot');\r\n dots.forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentIndex);\r\n });\r\n }\r\n\r\n function updateCounter() {\r\n counter.textContent = `${currentIndex + 1} \/ ${totalSlides}`;\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ PAUSE \/ PLAY\r\n \/\/ ============================================================\r\n function togglePause() {\r\n isPaused = !isPaused;\r\n if (isPaused) {\r\n track.style.animationPlayState = 'paused';\r\n pauseBtn.innerHTML = '<i class=\"fas fa-play\"><\/i>';\r\n } else {\r\n track.style.animationPlayState = 'running';\r\n pauseBtn.innerHTML = '<i class=\"fas fa-pause\"><\/i>';\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ MODALE\r\n \/\/ ============================================================\r\n function openModal(index) {\r\n const photo = photos[index];\r\n modalImg.src = photo.src;\r\n modalImg.alt = `Intervention assainissement ${photo.ville}`;\r\n modalVille.textContent = photo.ville;\r\n modal.classList.add('open');\r\n document.body.style.overflow = 'hidden';\r\n track.style.animationPlayState = 'paused';\r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('open');\r\n document.body.style.overflow = '';\r\n if (!isPaused) {\r\n track.style.animationPlayState = 'running';\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ SYNC DOTS AVEC L'ANIMATION (bas\u00e9 sur la position)\r\n \/\/ ============================================================\r\n function syncWithScroll() {\r\n \/\/ Cette fonction est appel\u00e9e p\u00e9riodiquement pour synchroniser les dots\r\n \/\/ avec la position actuelle du carrousel\r\n const slideWidth = 220 + 16;\r\n const totalWidth = track.scrollWidth \/ 2;\r\n const scrollPosition = Math.abs(parseFloat(track.style.transform.replace('translateX(', '').replace('px)', ''))) || 0;\r\n const approxIndex = Math.round(scrollPosition \/ slideWidth) % totalSlides;\r\n if (approxIndex !== currentIndex) {\r\n currentIndex = approxIndex;\r\n updateDots();\r\n updateCounter();\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ \u00c9V\u00c9NEMENTS\r\n \/\/ ============================================================\r\n pauseBtn.addEventListener('click', togglePause);\r\n modalClose.addEventListener('click', closeModal);\r\n modal.addEventListener('click', function(e) {\r\n if (e.target === this) closeModal();\r\n });\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') closeModal();\r\n });\r\n\r\n \/\/ Synchro p\u00e9riodique\r\n setInterval(syncWithScroll, 2000);\r\n\r\n \/\/ ============================================================\r\n \/\/ INITIALISATION\r\n \/\/ ============================================================\r\n renderSlides();\r\n renderDots();\r\n updateCounter();\r\n\r\n \/\/ Fallback images\r\n document.querySelectorAll('img').forEach(img => {\r\n img.addEventListener('error', function() {\r\n if (!this.hasAttribute('data-fallback')) {\r\n this.setAttribute('data-fallback', 'true');\r\n this.src = 'data:image\/svg+xml,%3Csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"400\" height=\"400\"%3E%3Crect fill=\"%2307294a\" width=\"400\" height=\"400\"\/%3E%3Ctext x=\"200\" y=\"200\" text-anchor=\"middle\" font-family=\"Sora\" font-size=\"24\" fill=\"%23f4a61a\"%3EBT Plus%3C\/text%3E%3C\/svg%3E';\r\n }\r\n });\r\n });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-815c474 e-con-full e-flex e-con e-parent\" data-id=\"815c474\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2863b54 elementor-widget elementor-widget-html\" data-id=\"2863b54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n \/* ============================================================\r\n SECTION VILLES \u2014 CURAGE SEINE-SAINT-DENIS 93\r\n ============================================================ *\/\r\n\r\n .cities-curage-93 {\r\n width: 100%;\r\n padding: 60px 0 80px;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%),\r\n linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cities-curage-93 .container {\r\n max-width: 1200px;\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 EN-T\u00caTE DE SECTION\r\n ============================================================ *\/\r\n .cities-curage-93 .section-header {\r\n text-align: center;\r\n max-width: 720px;\r\n margin: 0 auto 36px;\r\n }\r\n\r\n .cities-curage-93 .section-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(28, 126, 201, 0.06);\r\n padding: 6px 18px;\r\n border-radius: 60px;\r\n border: 1px solid rgba(28, 126, 201, 0.10);\r\n margin-bottom: 14px;\r\n }\r\n\r\n .cities-curage-93 .section-badge .dot {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-city-curage-93 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-city-curage-93 {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.4; transform: scale(0.7); }\r\n }\r\n\r\n .cities-curage-93 .section-badge span {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n }\r\n\r\n .cities-curage-93 .section-title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(1.8rem, 3.2vw, 2.8rem);\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .cities-curage-93 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .cities-curage-93 .section-subtitle {\r\n font-size: 1rem;\r\n color: #48637d;\r\n line-height: 1.7;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .cities-curage-93 .section-subtitle strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n GRILLE DES VILLES\r\n ============================================================ *\/\r\n .cities-curage-93 .grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 14px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .cities-curage-93 .grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .cities-curage-93 .grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 10px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .cities-curage-93 .grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n }\r\n .cities-curage-93 .section-title {\r\n font-size: 1.6rem;\r\n }\r\n }\r\n\r\n .cities-curage-93 .city-card {\r\n background: #ffffff;\r\n border-radius: 14px;\r\n padding: 16px 12px;\r\n text-align: center;\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 .cities-curage-93 .city-card:hover {\r\n transform: translateY(-4px);\r\n border-color: #f4a61a;\r\n box-shadow: 0 8px 24px rgba(7, 41, 74, 0.06);\r\n }\r\n\r\n .cities-curage-93 .city-card .city-name {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.9rem;\r\n color: #07294a;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .cities-curage-93 .city-card .city-code {\r\n font-size: 0.6rem;\r\n font-weight: 600;\r\n color: #1c7ec9;\r\n background: rgba(28, 126, 201, 0.06);\r\n padding: 1px 10px;\r\n border-radius: 999px;\r\n display: inline-block;\r\n }\r\n\r\n .cities-curage-93 .city-card .city-desc {\r\n font-size: 0.7rem;\r\n color: #48637d;\r\n margin-top: 4px;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* ============================================================\r\n BANDEAU STATISTIQUES\r\n ============================================================ *\/\r\n .cities-curage-93 .stats-bar {\r\n margin-top: 32px;\r\n padding: 24px 28px;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n border: 1px solid #eef2f5;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n text-align: center;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.02);\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .cities-curage-93 .stats-bar {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n padding: 18px 16px;\r\n }\r\n }\r\n\r\n .cities-curage-93 .stats-bar .stat-item .stat-number {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: 2rem;\r\n color: #f4a61a;\r\n line-height: 1;\r\n }\r\n\r\n .cities-curage-93 .stats-bar .stat-item .stat-label {\r\n font-size: 0.75rem;\r\n color: #48637d;\r\n font-weight: 500;\r\n margin-top: 4px;\r\n }\r\n\r\n .cities-curage-93 .stats-bar .stat-divider {\r\n width: 1px;\r\n background: #eef2f5;\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .cities-curage-93 .stats-bar .stat-divider {\r\n display: none;\r\n }\r\n }\r\n\r\n \/* ============================================================\r\n R\u00c9V\u00c9LATION\r\n ============================================================ *\/\r\n .cities-curage-93 .reveal {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.6s ease, transform 0.6s ease;\r\n }\r\n\r\n .cities-curage-93 .reveal.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .cities-curage-93 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<section class=\"cities-curage-93\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"section-header\">\r\n <div class=\"section-badge reveal\">\r\n <span class=\"dot\"><\/span>\r\n <span>Curage en Seine-Saint-Denis<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Les villes du 93 o\u00f9 nous intervenons <span class=\"accent\">en curage<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle reveal\">\r\n <strong>Curage en Seine-Saint-Denis<\/strong> : nous couvrons l'ensemble des communes du 93.\r\n Intervention rapide \u00e0 <strong>Saint-Denis, Montreuil, Aulnay-sous-Bois, Bobigny<\/strong> et dans tout le d\u00e9partement.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid\">\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Saint-Denis<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Curage urgent \u00e0 Saint-Denis<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Montreuil<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Intervention rapide \u00e0 Montreuil<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Aulnay-sous-Bois<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Curage canalisations \u00e0 Aulnay<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Bobigny<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Technicien pr\u00e8s de Bobigny<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Pantin<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Curage d'urgence \u00e0 Pantin<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Aubervilliers<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Intervention \u00e0 Aubervilliers<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Drancy<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Curage rapide \u00e0 Drancy<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Noisy-le-Sec<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Technicien \u00e0 Noisy-le-Sec<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Sevran<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Curage canalisations \u00e0 Sevran<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Livry-Gargan<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Intervention rapide \u00e0 Livry-Gargan<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Gagny<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Curage \u00e0 Gagny<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Rosny-sous-Bois<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Technicien pr\u00e8s de Rosny<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"stats-bar reveal\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">40<\/div>\r\n <div class=\"stat-label\">Communes en Seine-Saint-Denis<\/div>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">24\/7<\/div>\r\n <div class=\"stat-label\">Service d'astreinte permanent<\/div>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">35 min<\/div>\r\n <div class=\"stat-label\">D\u00e9lai moyen d'intervention<\/div>\r\n <\/div>\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 const reveal = document.querySelectorAll('.cities-curage-93 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n reveal.forEach(function(el) { io.observe(el); });\r\n } else {\r\n reveal.forEach(function(el) { el.classList.add('shown'); });\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-a1cb5da e-con-full e-flex e-con e-parent\" data-id=\"a1cb5da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-720596f elementor-widget elementor-widget-html\" data-id=\"720596f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n \/* ============================================================\r\n SECTION TEXTE SEO \u2014 VERSION FLUIDE\r\n CURAGE SEINE-SAINT-DENIS 93\r\n ============================================================ *\/\r\n\r\n .seo-text-curage-93 {\r\n width: 100%;\r\n padding: 60px 0 80px;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%),\r\n linear-gradient(180deg, #ffffff 0%, #eef6fc 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .seo-text-curage-93 .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 EN-T\u00caTE ALL\u00c9G\u00c9\r\n ============================================================ *\/\r\n .seo-text-curage-93 .section-header {\r\n text-align: center;\r\n max-width: 720px;\r\n margin: 0 auto 36px;\r\n }\r\n\r\n .seo-text-curage-93 .section-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(28, 126, 201, 0.06);\r\n padding: 4px 16px;\r\n border-radius: 60px;\r\n border: 1px solid rgba(28, 126, 201, 0.10);\r\n margin-bottom: 14px;\r\n }\r\n\r\n .seo-text-curage-93 .section-badge .dot {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-seo-curage-93 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-seo-curage-93 {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.4; transform: scale(0.7); }\r\n }\r\n\r\n .seo-text-curage-93 .section-badge span {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.65rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n }\r\n\r\n .seo-text-curage-93 .section-title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(1.8rem, 3.2vw, 2.8rem);\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .seo-text-curage-93 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .seo-text-curage-93 .section-subtitle {\r\n font-size: 1rem;\r\n color: #48637d;\r\n line-height: 1.6;\r\n max-width: 580px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ============================================================\r\n CONTENU EN COLONNES\r\n ============================================================ *\/\r\n .seo-text-curage-93 .seo-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px 32px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .seo-text-curage-93 .seo-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n }\r\n\r\n .seo-text-curage-93 .seo-item {\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 22px 24px;\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 .seo-text-curage-93 .seo-item:hover {\r\n border-color: #d6ebfb;\r\n box-shadow: 0 4px 16px rgba(7, 41, 74, 0.04);\r\n }\r\n\r\n .seo-text-curage-93 .seo-item .seo-icon {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: 1.1rem;\r\n color: #f4a61a;\r\n width: 34px;\r\n height: 34px;\r\n background: rgba(244, 166, 26, 0.08);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .seo-text-curage-93 .seo-item h4 {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1rem;\r\n color: #07294a;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .seo-text-curage-93 .seo-item p {\r\n font-size: 0.88rem;\r\n color: #48637d;\r\n line-height: 1.7;\r\n margin-bottom: 0;\r\n }\r\n\r\n .seo-text-curage-93 .seo-item p strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n .seo-text-curage-93 .seo-item .tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n margin-top: 10px;\r\n }\r\n\r\n .seo-text-curage-93 .seo-item .tags .tag {\r\n font-size: 0.6rem;\r\n font-weight: 500;\r\n color: #1c7ec9;\r\n background: rgba(28, 126, 201, 0.06);\r\n padding: 2px 12px;\r\n border-radius: 999px;\r\n border: 1px solid rgba(28, 126, 201, 0.06);\r\n }\r\n\r\n \/* ============================================================\r\n R\u00c9V\u00c9LATION\r\n ============================================================ *\/\r\n .seo-text-curage-93 .reveal {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.6s ease, transform 0.6s ease;\r\n }\r\n\r\n .seo-text-curage-93 .reveal.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .seo-text-curage-93 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<section class=\"seo-text-curage-93\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"section-header\">\r\n <div class=\"section-badge reveal\">\r\n <span class=\"dot\"><\/span>\r\n <span>Le curage en Seine-Saint-Denis<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Curage Seine-Saint-Denis : <span class=\"accent\">des r\u00e9seaux performants pour une r\u00e9gion en mouvement<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle reveal\">\r\n Un curage \u00e0 <strong>Saint-Denis, Montreuil, Aulnay-sous-Bois<\/strong> ou ailleurs en Seine-Saint-Denis ?\r\n BT PLUS intervient dans tout le d\u00e9partement avec des techniciens aguerris et un \u00e9quipement dernier cri.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"seo-grid\">\r\n\r\n \r\n <div class=\"seo-item reveal\">\r\n <div class=\"seo-icon\">\u2713<\/div>\r\n <h4>L'importance du curage en Seine-Saint-Denis<\/h4>\r\n <p>\r\n La Seine-Saint-Denis est un d\u00e9partement dynamique avec une <strong>forte densit\u00e9 urbaine<\/strong>\r\n et des infrastructures vari\u00e9es. Un <strong>curage r\u00e9gulier<\/strong> de vos canalisations\r\n garantit le bon fonctionnement de vos r\u00e9seaux d'assainissement, pr\u00e9vient les <strong>bouchons<\/strong>\r\n et limite les risques de <strong>d\u00e9g\u00e2ts des eaux<\/strong>. C'est un acte essentiel pour\r\n <strong>pr\u00e9server la durabilit\u00e9<\/strong> de vos installations.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Entretien pr\u00e9ventif<\/span>\r\n <span class=\"tag\">Durabilit\u00e9<\/span>\r\n <span class=\"tag\">R\u00e9seaux performants<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"seo-item reveal\">\r\n <div class=\"seo-icon\">\u2713<\/div>\r\n <h4>Nos m\u00e9thodes de curage dans le 93<\/h4>\r\n <p>\r\n Nous intervenons avec des <strong>techniques de curage avanc\u00e9es<\/strong> : <strong>hydrocurage\r\n haute pression<\/strong> pour \u00e9liminer les d\u00e9p\u00f4ts r\u00e9sistants, <strong>curage par outils\r\n m\u00e9caniques<\/strong> pour les obstructions tenaces et <strong>inspection vid\u00e9o<\/strong>\r\n pour v\u00e9rifier l'\u00e9tat de vos canalisations. Une prestation <strong>compl\u00e8te et professionnelle<\/strong>\r\n adapt\u00e9e \u00e0 chaque situation en Seine-Saint-Denis.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Hydrocurage<\/span>\r\n <span class=\"tag\">Haute pression<\/span>\r\n <span class=\"tag\">Inspection cam\u00e9ra<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"seo-item reveal\">\r\n <div class=\"seo-icon\">\u2713<\/div>\r\n <h4>Pr\u00e9vention ou intervention curative dans le 93<\/h4>\r\n <p>\r\n Le curage peut \u00eatre r\u00e9alis\u00e9 \u00e0 titre <strong>pr\u00e9ventif<\/strong> pour maintenir vos r\u00e9seaux\r\n en parfait \u00e9tat et anticiper tout dysfonctionnement, ou <strong>curatif<\/strong> pour\r\n r\u00e9soudre une urgence (bouchon, \u00e9coulement lent). En Seine-Saint-Denis, nous conseillons\r\n un <strong>curage tous les 2 \u00e0 3 ans<\/strong> et une <strong>intervention imm\u00e9diate<\/strong>\r\n d\u00e8s les premiers signes d'usure (mauvaises odeurs, bruits de gargouillement).\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Pr\u00e9ventif<\/span>\r\n <span class=\"tag\">Curatif<\/span>\r\n <span class=\"tag\">R\u00e9activit\u00e9<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"seo-item reveal\">\r\n <div class=\"seo-icon\">\u2713<\/div>\r\n <h4>BT PLUS : l'expert curage en Seine-Saint-Denis<\/h4>\r\n <p>\r\n Fort d'une <strong>exp\u00e9rience solide<\/strong> en Seine-Saint-Denis, BT PLUS met \u00e0 votre\r\n disposition des <strong>techniciens qualifi\u00e9s<\/strong> et un <strong>mat\u00e9riel de pointe<\/strong>\r\n pour vos op\u00e9rations de curage. Nous vous garantissons un travail <strong>soign\u00e9, efficace\r\n et transparent<\/strong>, avec un devis clair avant toute intervention.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Curage 93<\/span>\r\n <span class=\"tag\">BT PLUS<\/span>\r\n <span class=\"tag\">Devis gratuit<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const reveal = document.querySelectorAll('.seo-text-curage-93 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n reveal.forEach(function(el) { io.observe(el); });\r\n } else {\r\n reveal.forEach(function(el) { el.classList.add('shown'); });\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-fffc0c0 e-con-full e-flex e-con e-parent\" data-id=\"fffc0c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a143d77 elementor-widget elementor-widget-html\" data-id=\"a143d77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n \/* ============================================================\r\n SECTION SERVICES CONNEXES \u2014 CURAGE SEINE-SAINT-DENIS 93\r\n ============================================================ *\/\r\n\r\n .services-connexes-curage-93 {\r\n width: 100%;\r\n padding: 60px 0 80px;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%),\r\n linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .services-connexes-curage-93 .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 EN-T\u00caTE\r\n ============================================================ *\/\r\n .services-connexes-curage-93 .section-header {\r\n text-align: center;\r\n max-width: 720px;\r\n margin: 0 auto 36px;\r\n }\r\n\r\n .services-connexes-curage-93 .section-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(28, 126, 201, 0.06);\r\n padding: 4px 16px;\r\n border-radius: 60px;\r\n border: 1px solid rgba(28, 126, 201, 0.10);\r\n margin-bottom: 14px;\r\n }\r\n\r\n .services-connexes-curage-93 .section-badge .dot {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-serv-curage-93 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-serv-curage-93 {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.4; transform: scale(0.7); }\r\n }\r\n\r\n .services-connexes-curage-93 .section-badge span {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.65rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n }\r\n\r\n .services-connexes-curage-93 .section-title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(1.8rem, 3.2vw, 2.8rem);\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .services-connexes-curage-93 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .services-connexes-curage-93 .section-subtitle {\r\n font-size: 1rem;\r\n color: #48637d;\r\n line-height: 1.6;\r\n max-width: 580px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ============================================================\r\n GRILLE DES SERVICES\r\n ============================================================ *\/\r\n .services-connexes-curage-93 .serv-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .services-connexes-curage-93 .serv-grid {\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n }\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n background: #ffffff;\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n border: 1px solid #eef2f5;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.02);\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card:hover {\r\n transform: translateY(-4px);\r\n border-color: #f4a61a;\r\n box-shadow: 0 8px 24px rgba(7, 41, 74, 0.08);\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card .serv-icon {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background: rgba(244, 166, 26, 0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: 1rem;\r\n color: #f4a61a;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card:hover .serv-icon {\r\n background: #f4a61a;\r\n color: #ffffff;\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card .serv-text {\r\n flex: 1;\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card .serv-text .serv-name {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n color: #07294a;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card .serv-text .serv-desc {\r\n font-size: 0.8rem;\r\n color: #48637d;\r\n line-height: 1.4;\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card .serv-arrow {\r\n color: #9aaeb8;\r\n font-size: 1rem;\r\n transition: all 0.3s ease;\r\n flex-shrink: 0;\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card:hover .serv-arrow {\r\n color: #f4a61a;\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================================\r\n R\u00c9V\u00c9LATION\r\n ============================================================ *\/\r\n .services-connexes-curage-93 .reveal {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.6s ease, transform 0.6s ease;\r\n }\r\n\r\n .services-connexes-curage-93 .reveal.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .services-connexes-curage-93 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<section class=\"services-connexes-curage-93\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"section-header\">\r\n <div class=\"section-badge reveal\">\r\n <span class=\"dot\"><\/span>\r\n <span>Prestations associ\u00e9es<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Tous nos services <span class=\"accent\">d'assainissement en Seine-Saint-Denis<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle reveal\">\r\n Au-del\u00e0 du curage, BT PLUS vous accompagne dans tous vos besoins\r\n d'assainissement dans le d\u00e9partement 93. D\u00e9couvrez nos autres prestations.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"serv-grid\">\r\n\r\n \r\n <a href=\"#\" class=\"serv-card reveal\">\r\n <div class=\"serv-icon\">\u2713<\/div>\r\n <div class=\"serv-text\">\r\n <div class=\"serv-name\">D\u00e9bouchage Seine-Saint-Denis 93<\/div>\r\n <div class=\"serv-desc\">Intervention rapide pour vos canalisations bouch\u00e9es.<\/div>\r\n <\/div>\r\n <span class=\"serv-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"serv-card reveal\">\r\n <div class=\"serv-icon\">\u2713<\/div>\r\n <div class=\"serv-text\">\r\n <div class=\"serv-name\">Pompage 93<\/div>\r\n <div class=\"serv-desc\">Vidange de fosses et bacs \u00e0 graisse en Seine-Saint-Denis.<\/div>\r\n <\/div>\r\n <span class=\"serv-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"serv-card reveal\">\r\n <div class=\"serv-icon\">\u2713<\/div>\r\n <div class=\"serv-text\">\r\n <div class=\"serv-name\">Inspection cam\u00e9ra 93<\/div>\r\n <div class=\"serv-desc\">Diagnostic pr\u00e9cis de vos canalisations dans le 93.<\/div>\r\n <\/div>\r\n <span class=\"serv-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"serv-card reveal\">\r\n <div class=\"serv-icon\">\u2713<\/div>\r\n <div class=\"serv-text\">\r\n <div class=\"serv-name\">Urgence curage 93<\/div>\r\n <div class=\"serv-desc\">Service d'astreinte 24h\/24 en Seine-Saint-Denis.<\/div>\r\n <\/div>\r\n <span class=\"serv-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const reveal = document.querySelectorAll('.services-connexes-curage-93 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n reveal.forEach(function(el) { io.observe(el); });\r\n } else {\r\n reveal.forEach(function(el) { el.classList.add('shown'); });\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-90bb9d0 e-con-full e-flex e-con e-parent\" data-id=\"90bb9d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb9f73a elementor-widget elementor-widget-html\" data-id=\"bb9f73a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n.contact { padding: 5rem 5% 6rem; position: relative; min-height: 100vh; display: flex; align-items: center;\r\n background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%), linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden; box-sizing: border-box; }\r\n.contact *, .contact *::before, .contact *::after { box-sizing: border-box; }\r\n.contact__waves { position: absolute; left: 0; right: 0; bottom: 0; line-height: 0; z-index: 0; pointer-events: none; }\r\n.contact__waves svg { display: block; width: 100%; height: 80px; }\r\n.contact__waves .wave-back use { animation: wavemove 11s linear infinite; opacity: 0.55; }\r\n.contact__waves .wave-mid use { animation: wavemove 8s linear infinite reverse; opacity: 0.8; }\r\n.contact__waves .wave-front use { animation: wavemove 6s linear infinite; }\r\n@keyframes wavemove { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n.contact__container { max-width: 1280px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\r\n.contact__header { text-align: center; max-width: 780px; margin: 0 auto 3.5rem; }\r\n.contact__badge { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.4rem 1.4rem 0.4rem 1rem; border-radius: 2rem; background: rgba(28, 126, 201, 0.07); color: #1c7ec9; border: 1px solid rgba(28, 126, 201, 0.12); margin-bottom: 1.2rem; }\r\n.contact__badge .dot { width: 6px; height: 6px; border-radius: 50%; background: #1c7ec9; animation: pulseDot 2s ease-in-out infinite; }\r\n@keyframes pulseDot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.6); } }\r\n.contact__title { font-family: 'Sora', sans-serif; font-weight: 800; font-size: clamp(2rem, 3.6vw, 3.2rem); letter-spacing: -0.03em; color: #07294a; line-height: 1.1; margin-bottom: 0.8rem; }\r\n.contact__title .highlight { background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n.contact__subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: clamp(1rem, 1.1vw, 1.15rem); color: #6b7f94; max-width: 600px; margin: 0 auto; line-height: 1.7; }\r\n.contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }\r\n.contact__form { background: #ffffff; border-radius: 24px; padding: 2.5rem; border: 1px solid #eef2f6; box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04); transition: all 0.4s ease; position: relative; }\r\n.contact__form:hover { box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08); border-color: #d6ebfb; }\r\n.contact__form-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 1.3rem; color: #07294a; margin-bottom: 0.3rem; }\r\n.contact__form-subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; margin-bottom: 1.5rem; }\r\n.contact__form-group { margin-bottom: 1.2rem; }\r\n.contact__form-group label { display: block; font-family: 'Sora', sans-serif; font-weight: 600; font-size: 0.7rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.3rem; }\r\n.contact__form-group label .required { color: #dc2626; }\r\n.contact__form-group input, .contact__form-group select, .contact__form-group textarea { width: 100%; padding: 0.8rem 1rem; border-radius: 12px; border: 1px solid #eef2f6; background: #f8fafc; font-family: 'Inter', sans-serif; font-size: 0.9rem; color: #07294a; transition: all 0.3s ease; outline: none; }\r\n.contact__form-group input:focus, .contact__form-group select:focus, .contact__form-group textarea:focus { border-color: #1c7ec9; background: #ffffff; box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06); }\r\n.contact__form-group input::placeholder, .contact__form-group textarea::placeholder { color: #b0c0d0; }\r\n.contact__form-group select option { background: #ffffff; color: #07294a; }\r\n.contact__form-group textarea { resize: vertical; min-height: 100px; }\r\n.contact__form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n.contact__form-group--file { position: relative; }\r\n.contact__form-group--file .file-drop-zone { border: 2px dashed #eef2f6; border-radius: 12px; padding: 1.5rem 1rem; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #f8fafc; }\r\n.contact__form-group--file .file-drop-zone:hover { border-color: #1c7ec9; background: #eef6fc; }\r\n.contact__form-group--file .file-drop-zone.dragover { border-color: #f4a61a; background: rgba(244, 166, 26, 0.04); }\r\n.contact__form-group--file .file-drop-zone i { font-size: 2rem; color: #1c7ec9; display: block; margin-bottom: 0.5rem; }\r\n.contact__form-group--file .file-drop-zone p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.85rem; color: #6b7f94; margin: 0; }\r\n.contact__form-group--file .file-drop-zone .file-types { font-size: 0.7rem; color: #b0c0d0; margin-top: 0.3rem; }\r\n.contact__form-group--file input[type=\"file\"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }\r\n.contact__form-group--file .file-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }\r\n.contact__form-group--file .file-item { display: inline-flex; align-items: center; gap: 0.5rem; background: #eef6fc; padding: 0.3rem 0.8rem 0.3rem 0.6rem; border-radius: 20px; font-family: 'Inter', sans-serif; font-size: 0.75rem; color: #1c7ec9; border: 1px solid #d6ebfb; }\r\n.contact__form-group--file .file-item i { font-size: 0.8rem; color: #1c7ec9; }\r\n.contact__form-group--file .file-item .file-remove { cursor: pointer; color: #6b7f94; transition: color 0.3s ease; font-size: 0.7rem; }\r\n.contact__form-group--file .file-item .file-remove:hover { color: #dc2626; }\r\n\r\n\/* ---- Consentement RGPD ---- *\/\r\n.contact__consent { display: flex; align-items: flex-start; gap: 0.7rem; margin-bottom: 1.5rem; }\r\n.contact__consent input[type=\"checkbox\"] { width: 18px; height: 18px; min-width: 18px; margin-top: 0.15rem; accent-color: #1c7ec9; cursor: pointer; flex-shrink: 0; }\r\n.contact__consent label { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.8rem; line-height: 1.5; color: #6b7f94; text-transform: none; letter-spacing: 0; margin-bottom: 0; cursor: pointer; }\r\n.contact__consent label .required { color: #dc2626; }\r\n.contact__consent label a { color: #1c7ec9; text-decoration: underline; }\r\n.contact__consent label a:hover { color: #07294a; }\r\n\r\n.btn--contact { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.02em; text-decoration: none; padding: 0.9rem 2.4rem; border-radius: 3rem; transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; border: none; text-align: center; background: linear-gradient(135deg, #f4a61a 0%, #e0960e 100%); box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25); color: #07294a; width: 100%; }\r\n.btn--contact:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40); color: #07294a; }\r\n.btn--contact .btn__icon { transition: transform 0.3s ease; }\r\n.btn--contact:hover .btn__icon { transform: translateX(4px); }\r\n.contact__info { display: flex; flex-direction: column; gap: 1.2rem; }\r\n.contact__info-card { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; transition: all 0.4s ease; display: flex; align-items: center; gap: 1.2rem; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); }\r\n.contact__info-card:hover { transform: translateX(6px); border-color: #1c7ec9; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.08); }\r\n.contact__info-icon { width: 50px; height: 50px; border-radius: 14px; background: #f0f4f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s ease; }\r\n.contact__info-card:hover .contact__info-icon { background: #eef6fc; }\r\n.contact__info-icon i { font-size: 1.3rem; color: #1c7ec9; }\r\n.contact__info-content h4 { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #07294a; margin-bottom: 0.1rem; }\r\n.contact__info-content p, .contact__info-content a { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; text-decoration: none; transition: color 0.3s ease; }\r\n.contact__info-content a:hover { color: #1c7ec9; }\r\n.contact__hours { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); transition: all 0.4s ease; }\r\n.contact__hours:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__hours-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.8rem; }\r\n.contact__hours-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem 1rem; }\r\n.contact__hours-day { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #6b7f94; }\r\n.contact__hours-time { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #07294a; text-align: right; }\r\n.contact__hours-time .urgent { color: #1c7ec9; font-weight: 700; }\r\n.contact__map { border-radius: 16px; overflow: hidden; border: 1px solid #eef2f6; height: 200px; background: #f8fafc; transition: all 0.4s ease; }\r\n.contact__map:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__map iframe { width: 100%; height: 100%; border: none; }\r\n@media (max-width: 992px) {\r\n .contact__grid { grid-template-columns: 1fr; gap: 2rem; }\r\n .contact__form { padding: 2rem; }\r\n .contact__info { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; }\r\n .contact__map { height: 180px; }\r\n}\r\n@media (max-width: 768px) {\r\n .contact { padding: 3.5rem 1.5rem 4rem; min-height: auto; }\r\n .contact__form { padding: 1.5rem; border-radius: 16px; }\r\n .contact__form-row { grid-template-columns: 1fr; gap: 0; }\r\n .contact__info { grid-template-columns: 1fr; gap: 1rem; }\r\n .contact__info-card { padding: 1.2rem 1.5rem; }\r\n .contact__hours { padding: 1.2rem 1.5rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; gap: 0.3rem 0.8rem; }\r\n .contact__hours-day { font-size: 0.75rem; }\r\n .contact__hours-time { font-size: 0.75rem; }\r\n .contact__map { height: 150px; }\r\n .btn--contact { padding: 0.7rem 1.8rem; font-size: 0.75rem; }\r\n .contact__form-group--file .file-drop-zone { padding: 1rem; }\r\n .contact__form-group--file .file-drop-zone i { font-size: 1.5rem; }\r\n .contact__waves svg { height: 40px; }\r\n}\r\n@media (max-width: 480px) {\r\n .contact__form { padding: 1rem; }\r\n .contact__info-card { padding: 1rem; }\r\n .contact__info-icon { width: 40px; height: 40px; }\r\n .contact__info-icon i { font-size: 1rem; }\r\n .contact__hours { padding: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact\">\r\n <div class=\"contact__container\">\r\n\r\n <div class=\"contact__header\">\r\n <span class=\"contact__badge\"><span class=\"dot\"><\/span> Contactez-nous<\/span>\r\n <h2 class=\"contact__title\">Pret a <span class=\"highlight\">securiser<\/span> vos reseaux ?<\/h2>\r\n <p class=\"contact__subtitle\">Une question, un devis, une urgence ? Notre equipe est a votre ecoute 24h\/24 et 7j\/7.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact__grid\">\r\n\r\n \r\n <div class=\"contact__form\">\r\n <h3 class=\"contact__form-title\">Demandez un diagnostic<\/h3>\r\n <p class=\"contact__form-subtitle\">Remplissez le formulaire et nous vous recontacterons sous 24h.<\/p>\r\n\r\n \r\n <form id=\"contactForm\"\r\n action=\"https:\/\/formsubmit.co\/info-contact@btplus.fr\"\r\n method=\"POST\"\r\n enctype=\"multipart\/form-data\">\r\n\r\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de diagnostic - Site BT Plus\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n \r\n <input type=\"hidden\" name=\"_cc\" value=\"marketing@btgroup-france.com\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n \r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"nom\">Nom complet <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"nom\" name=\"Nom complet\" placeholder=\"Jean Dupont\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"email\">Email <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jean@exemple.fr\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"telephone\">Telephone <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"Telephone\" placeholder=\"01 23 45 67 89\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"cp\">Code postal<\/label>\r\n <input type=\"text\" id=\"cp\" name=\"Code postal\" placeholder=\"75000\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_batiment\">Type de batiment<\/label>\r\n <select id=\"type_batiment\" name=\"Type de batiment\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"copropriete\">Copropriete<\/option>\r\n <option value=\"syndic\">Syndic<\/option>\r\n <option value=\"bailleur\">Bailleur social<\/option>\r\n <option value=\"erp\">ERP (Etablissement recevant du public)<\/option>\r\n <option value=\"tertiaire\">Tertiaire (bureau, commerce)<\/option>\r\n <option value=\"collectivite\">Collectivite<\/option>\r\n <option value=\"particulier\">Particulier<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_besoin\">Type de besoin<\/label>\r\n <select id=\"type_besoin\" name=\"Type de besoin\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"urgence\">Urgence (debouchage, curage)<\/option>\r\n <option value=\"entretien\">Entretien preventif<\/option>\r\n <option value=\"diagnostic\">Diagnostic \/ Inspection<\/option>\r\n <option value=\"travaux\">Travaux \/ Renovation<\/option>\r\n <option value=\"contrat\">Contrat d'entretien<\/option>\r\n <option value=\"devis\">Demande de devis<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"Message\" placeholder=\"Decrivez votre situation...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group contact__form-group--file\">\r\n <label>Ajouter une photo <span style=\"font-weight:400;text-transform:none;color:#b0c0d0;\">(optionnel - une seule)<\/span><\/label>\r\n <div class=\"file-drop-zone\" id=\"fileDropZone\">\r\n <i class=\"fas fa-cloud-upload-alt\"><\/i>\r\n <p>Glissez une photo ici ou cliquez pour la selectionner<\/p>\r\n <div class=\"file-types\">JPG, PNG, GIF - une seule photo, 5MB max<\/div>\r\n <input type=\"file\" id=\"fileInput\" name=\"attachment\" accept=\"image\/*\" \/>\r\n <\/div>\r\n <div class=\"file-list\" id=\"fileList\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__consent\">\r\n <input type=\"checkbox\" id=\"consent\" name=\"Consentement RGPD\" value=\"J'accepte\" required \/>\r\n <label for=\"consent\">\r\n J'accepte que les informations saisies dans ce formulaire soient utilisees par BT Plus\r\n afin de traiter ma demande et de me recontacter. Conformement au RGPD, je dispose d'un\r\n droit d'acces, de rectification et de suppression de mes donnees, que je peux exercer en\r\n ecrivant a <a href=\"mailto:info-contact@btplus.fr\">info-contact@btplus.fr<\/a>.\r\n <a href=\"\/politique-de-confidentialite\" target=\"_blank\" rel=\"noopener\">En savoir plus<\/a>.\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn--contact\">\r\n Envoyer <span class=\"btn__icon\">→<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__info\">\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Telephone<\/h4><p><a href=\"tel:+331 86 95 77 77\">01 86 95 77 77<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Email<\/h4><p><a href=\"mailto:contact@btplus-intervention.fr\">info-contact@btplus.fr<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Adresse<\/h4><p>13 Rue Camille Desmoulins,\r\n92130 Issy-les-Moulineaux<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__hours\">\r\n <div class=\"contact__hours-title\">Horaires d'ouverture<\/div>\r\n <div class=\"contact__hours-grid\">\r\n <span class=\"contact__hours-day\">Lundi - Vendredi<\/span><span class=\"contact__hours-time\">08:00 - 20:00<\/span>\r\n <span class=\"contact__hours-day\">Samedi<\/span><span class=\"contact__hours-time\">09:00 - 18:00<\/span>\r\n <span class=\"contact__hours-day\">Dimanche & jours feries<\/span><span class=\"contact__hours-time\"><span class=\"urgent\">Urgence 24\/7<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__map\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2623.5!2d2.366!3d48.916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2f8e5c8b3d%3A0x8e5c8b3d47e66e2f!2sAubervilliers!5e0!3m2!1sfr!2sfr!4v1700000000000\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"w9\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs>\r\n <g class=\"wave-back\"><use href=\"#w9\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w9\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w9\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w9\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w9\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w9\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var fileInput = document.getElementById('fileInput');\r\n var fileList = document.getElementById('fileList');\r\n var dropZone = document.getElementById('fileDropZone');\r\n if (!fileInput || !dropZone) return;\r\n var perFileMax = 5 * 1024 * 1024;\r\n var totalMax = 10 * 1024 * 1024;\r\n\r\n function updateFileList(files) {\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach(function (file, index) {\r\n var item = document.createElement('span');\r\n item.className = 'file-item';\r\n var icon = file.type.indexOf('image\/') === 0 ? 'fa-image' : 'fa-file';\r\n item.innerHTML = '<i class=\"fas ' + icon + '\"><\/i><span>' + file.name + '<\/span><span class=\"file-remove\" data-index=\"' + index + '\"><i class=\"fas fa-times\"><\/i><\/span>';\r\n fileList.appendChild(item);\r\n });\r\n document.querySelectorAll('.file-remove').forEach(function (btn) {\r\n btn.addEventListener('click', function (e) {\r\n e.stopPropagation();\r\n var idx = parseInt(this.dataset.index);\r\n var dt = new DataTransfer();\r\n Array.from(fileInput.files).filter(function (_, i) { return i !== idx; }).forEach(function (f) { dt.items.add(f); });\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n });\r\n });\r\n }\r\n\r\n function applyFiles(candidate) {\r\n var valid = candidate.filter(function (f) { return f.type.indexOf('image\/') === 0 && f.size <= perFileMax; });\r\n if (candidate.length > 1) alert('Une seule photo peut etre envoyee. Seule la premiere a ete conservee.');\r\n else if (valid.length !== candidate.length) alert('Fichier ignore (image uniquement, 5MB max).');\r\n var dt = new DataTransfer();\r\n if (valid.length > 0) dt.items.add(valid[0]);\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n }\r\n\r\n dropZone.addEventListener('click', function (e) { if (e.target === this || e.target.closest('.file-drop-zone')) fileInput.click(); });\r\n fileInput.addEventListener('change', function () { applyFiles(Array.from(this.files)); });\r\n dropZone.addEventListener('dragover', function (e) { e.preventDefault(); this.classList.add('dragover'); });\r\n dropZone.addEventListener('dragleave', function (e) { e.preventDefault(); this.classList.remove('dragover'); });\r\n dropZone.addEventListener('drop', function (e) {\r\n e.preventDefault(); this.classList.remove('dragover');\r\n applyFiles(Array.from(e.dataTransfer.files));\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Curage Seine-Saint-Denis 93 | BT PLUS Intervention Urgence 24h\/24 Curage \/ Seine-Saint-Denis 93 Curage professionnel en Seine-Saint-Denis Curage Seine-Saint-Denis 93 Curage de canalisations en Seine-Saint-Denis : nettoyage en profondeur, hydrocurage et entretien de vos r\u00e9seaux. Intervention sous 1h \u00e0 Saint-Denis, Montreuil, Aubervilliers et dans tout le d\u00e9partement. + Curage Saint-Denis + Curage Montreuil + Curage […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-719","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/719","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=719"}],"version-history":[{"count":10,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/719\/revisions"}],"predecessor-version":[{"id":1732,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/719\/revisions\/1732"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=719"}],"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\n \r\n \r\n Curage Seine-Saint-Denis 93 | BT PLUS Intervention Urgence 24h\/24<\/title>\r\n <meta name=\"description\" content=\"Curage Seine-Saint-Denis 93 : nettoyage en profondeur de vos canalisations et r\u00e9seaux. Intervention rapide \u00e0 Saint-Denis, Montreuil, Aubervilliers. Devis gratuit.\" \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n \/* ============================================================\r\n CHARTE BT PLUS \u2014 SECTION HERO CURAGE SEINE-SAINT-DENIS\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 font-family: 'Inter', sans-serif;\r\n background: #ffffff;\r\n color: #0a1a2b;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n\r\n .hero-curage-93 {\r\n position: relative;\r\n padding: 60px 0 120px;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%),\r\n linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden;\r\n isolation: isolate;\r\n }\r\n\r\n .hero-curage-93 .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\r\n .hero-curage-93 .waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 100px;\r\n }\r\n\r\n .hero-curage-93 .waves .wave-back use {\r\n animation: wavemove 11s linear infinite;\r\n opacity: .55;\r\n }\r\n .hero-curage-93 .waves .wave-mid use {\r\n animation: wavemove 8s linear infinite reverse;\r\n opacity: .8;\r\n }\r\n .hero-curage-93 .waves .wave-front use {\r\n animation: wavemove 6s linear infinite;\r\n }\r\n\r\n @keyframes wavemove {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n\r\n .hero-curage-93 .container {\r\n max-width: 1200px;\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 BREADCRUMB SIMPLIFI\u00c9 (SEO)\r\n ============================================================ *\/\r\n .hero-curage-93 .breadcrumb {\r\n font-size: 0.75rem;\r\n color: #9aaeb8;\r\n margin-bottom: 20px;\r\n font-weight: 500;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .hero-curage-93 .breadcrumb .sep {\r\n color: #d6ebfb;\r\n font-weight: 300;\r\n }\r\n\r\n .hero-curage-93 .breadcrumb .current {\r\n color: #1c7ec9;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n BADGE LOCAL\r\n ============================================================ *\/\r\n .hero-curage-93 .badge-local {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(28, 126, 201, 0.06);\r\n padding: 6px 18px;\r\n border-radius: 60px;\r\n border: 1px solid rgba(28, 126, 201, 0.10);\r\n margin-bottom: 18px;\r\n }\r\n\r\n .hero-curage-93 .badge-local .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #10b981;\r\n animation: pulse-dot 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-dot {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.4; transform: scale(0.7); }\r\n }\r\n\r\n .hero-curage-93 .badge-local span {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n }\r\n\r\n \/* ============================================================\r\n TITRE H1 (SEO)\r\n ============================================================ *\/\r\n .hero-curage-93 h1 {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(2.2rem, 4.5vw, 3.8rem);\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.08;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .hero-curage-93 h1 .accent {\r\n color: #f4a61a;\r\n position: relative;\r\n }\r\n\r\n .hero-curage-93 h1 .accent::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 2px;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: rgba(244, 166, 26, 0.25);\r\n border-radius: 4px;\r\n }\r\n\r\n \/* ============================================================\r\n SOUS-TITRE (SEO)\r\n ============================================================ *\/\r\n .hero-curage-93 .subtitle {\r\n font-size: 1.1rem;\r\n color: #48637d;\r\n max-width: 580px;\r\n line-height: 1.7;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hero-curage-93 .subtitle strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n CHIPS SERVICES (SEO \u2014 mots-cl\u00e9s)\r\n ============================================================ *\/\r\n .hero-curage-93 .chips {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .hero-curage-93 .chips .chip {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #ffffff;\r\n border: 1px solid #eef2f5;\r\n padding: 8px 16px;\r\n border-radius: 50px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: #07294a;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.04);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .hero-curage-93 .chips .chip:hover {\r\n border-color: #f4a61a;\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(244, 166, 26, 0.10);\r\n }\r\n\r\n .hero-curage-93 .chips .chip .chip-icon {\r\n color: #f4a61a;\r\n font-size: 0.7rem;\r\n }\r\n\r\n \/* ============================================================\r\n CTA\r\n ============================================================ *\/\r\n .hero-curage-93 .cta-group {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 16px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .hero-curage-93 .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 14px 32px;\r\n border: none;\r\n border-radius: 50px;\r\n background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%);\r\n color: #ffffff;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25);\r\n text-decoration: none;\r\n }\r\n\r\n .hero-curage-93 .btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 30px rgba(244, 166, 26, 0.35);\r\n }\r\n\r\n .hero-curage-93 .btn-secondary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 14px 28px;\r\n border: 2px solid #eef2f5;\r\n border-radius: 50px;\r\n background: #ffffff;\r\n color: #07294a;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.9rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n }\r\n\r\n .hero-curage-93 .btn-secondary:hover {\r\n border-color: #f4a61a;\r\n transform: translateY(-3px);\r\n box-shadow: 0 4px 16px rgba(7, 41, 74, 0.06);\r\n }\r\n\r\n \/* ============================================================\r\n TRUST STRIP (SEO \u2014 signaux de confiance)\r\n ============================================================ *\/\r\n .hero-curage-93 .trust {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 24px;\r\n }\r\n\r\n .hero-curage-93 .trust .item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.85rem;\r\n color: #48637d;\r\n font-weight: 500;\r\n }\r\n\r\n .hero-curage-93 .trust .item .trust-icon {\r\n color: #10b981;\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* ============================================================\r\n VISUAL\r\n ============================================================ *\/\r\n .hero-curage-93 .visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .hero-curage-93 .visual .disc {\r\n position: relative;\r\n width: min(420px, 90%);\r\n aspect-ratio: 1\/1;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n box-shadow: 0 40px 70px -25px rgba(13, 79, 139, 0.6);\r\n }\r\n\r\n .hero-curage-93 .visual .disc img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .hero-curage-93 .visual .disc .overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(7, 41, 74, 0.25);\r\n border-radius: 50%;\r\n }\r\n\r\n .hero-curage-93 .visual .disc .disc-content {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n color: #ffffff;\r\n text-align: center;\r\n padding: 20px;\r\n z-index: 2;\r\n }\r\n\r\n .hero-curage-93 .visual .disc .disc-content .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: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\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 .hero-curage-93 .visual .disc .disc-content .big-number {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: 3.2rem;\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 .hero-curage-93 .visual .disc .disc-content .big-number span {\r\n font-size: 1.2rem;\r\n font-weight: 500;\r\n opacity: 0.8;\r\n }\r\n\r\n .hero-curage-93 .visual .disc .disc-content .desc {\r\n font-size: 0.9rem;\r\n color: rgba(255, 255, 255, 0.9);\r\n margin-top: 4px;\r\n }\r\n\r\n \/* ============================================================\r\n LAYOUT\r\n ============================================================ *\/\r\n .hero-curage-93 .layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: center;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .hero-curage-93 .layout {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .hero-curage-93 .subtitle {\r\n max-width: 100%;\r\n }\r\n .hero-curage-93 .chips {\r\n justify-content: center;\r\n }\r\n .hero-curage-93 .cta-group {\r\n justify-content: center;\r\n }\r\n .hero-curage-93 .trust {\r\n justify-content: center;\r\n }\r\n .hero-curage-93 .visual .disc {\r\n width: min(320px, 80%);\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .hero-curage-93 {\r\n padding: 40px 0 100px;\r\n }\r\n .hero-curage-93 .container {\r\n padding: 0 20px;\r\n }\r\n .hero-curage-93 h1 {\r\n font-size: 1.8rem;\r\n }\r\n .hero-curage-93 .subtitle {\r\n font-size: 0.95rem;\r\n }\r\n .hero-curage-93 .cta-group {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n .hero-curage-93 .btn-primary,\r\n .hero-curage-93 .btn-secondary {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n .hero-curage-93 .visual .disc {\r\n width: min(260px, 80%);\r\n }\r\n .hero-curage-93 .visual .disc .disc-content .big-number {\r\n font-size: 2.4rem;\r\n }\r\n }\r\n\r\n \/* ============================================================\r\n R\u00c9V\u00c9LATION\r\n ============================================================ *\/\r\n .hero-curage-93 .reveal {\r\n opacity: 0;\r\n transform: translateY(24px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n\r\n .hero-curage-93 .reveal.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .hero-curage-93 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"hero-curage-93\">\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-curage-93\" 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-curage-93\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w-curage-93\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w-curage-93\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w-curage-93\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w-curage-93\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w-curage-93\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"breadcrumb reveal\">\r\n <span class=\"current\">Curage<\/span>\r\n <span class=\"sep\">\/<\/span>\r\n <span class=\"current\">Seine-Saint-Denis 93<\/span>\r\n <\/div>\r\n\r\n <div class=\"layout\">\r\n\r\n \r\n <div class=\"content\">\r\n\r\n \r\n <div class=\"badge-local reveal\">\r\n <span class=\"dot\"><\/span>\r\n <span>Curage professionnel en Seine-Saint-Denis<\/span>\r\n <\/div>\r\n\r\n \r\n <h1 class=\"reveal\">\r\n Curage <span class=\"accent\">Seine-Saint-Denis 93<\/span>\r\n <\/h1>\r\n\r\n \r\n <p class=\"subtitle reveal\">\r\n <strong>Curage de canalisations en Seine-Saint-Denis<\/strong> : nettoyage en profondeur, hydrocurage\r\n et entretien de vos r\u00e9seaux. Intervention <strong>sous 1h<\/strong> \u00e0 Saint-Denis, Montreuil,\r\n Aubervilliers et dans tout le d\u00e9partement.\r\n <\/p>\r\n\r\n \r\n <div class=\"chips reveal\">\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Curage Saint-Denis<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Curage Montreuil<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Curage Aubervilliers<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Hydrocurage 93<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Nettoyage r\u00e9seaux 93<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-group reveal\">\r\n <a href=\"tel:0185421970\" class=\"btn-primary\">\r\n 01 85 42 19 70\r\n <\/a>\r\n <a href=\"#\" class=\"btn-secondary\">\r\n Devis gratuit \u2192\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"trust reveal\">\r\n <span class=\"item\"><span class=\"trust-icon\">\u2713<\/span> Intervention sous 1h<\/span>\r\n <span class=\"item\"><span class=\"trust-icon\">\u2713<\/span> Devis gratuit<\/span>\r\n <span class=\"item\"><span class=\"trust-icon\">\u2713<\/span> Garantie 48h<\/span>\r\n <span class=\"item\"><span class=\"trust-icon\">\u2713<\/span> 24h\/24<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"visual reveal\">\r\n <div class=\"disc\">\r\n <img decoding=\"async\" src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/unnamed-3.jpg\"\r\n alt=\"Curage Seine-Saint-Denis 93 - Camion hydrocureur BT PLUS\"\r\n loading=\"lazy\" \/>\r\n <div class=\"overlay\"><\/div>\r\n <div class=\"disc-content\">\r\n <span class=\"badge\">Curage Seine-Saint-Denis 93<\/span>\r\n <div class=\"big-number\">\r\n 24\/7 <span>urgence<\/span>\r\n <\/div>\r\n <div class=\"desc\">Nettoyage en profondeur dans le 93<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const reveal = document.querySelectorAll('.hero-curage-93 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n reveal.forEach(function(el) { io.observe(el); });\r\n } else {\r\n reveal.forEach(function(el) { el.classList.add('shown'); });\r\n }\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-770602a e-con-full e-flex e-con e-parent\" data-id=\"770602a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f865200 elementor-widget elementor-widget-html\" data-id=\"f865200\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n \/* ============================================================\r\n SECTION AVANTAGES \u2014 CURAGE SEINE-SAINT-DENIS 93\r\n ============================================================ *\/\r\n\r\n .advantages-curage-93 {\r\n width: 100%;\r\n padding: 60px 0 80px;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%),\r\n linear-gradient(180deg, #ffffff 0%, #eef6fc 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .advantages-curage-93 .container {\r\n max-width: 1200px;\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 EN-T\u00caTE DE SECTION\r\n ============================================================ *\/\r\n .advantages-curage-93 .section-header {\r\n text-align: center;\r\n max-width: 720px;\r\n margin: 0 auto 40px;\r\n }\r\n\r\n .advantages-curage-93 .section-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(28, 126, 201, 0.06);\r\n padding: 6px 18px;\r\n border-radius: 60px;\r\n border: 1px solid rgba(28, 126, 201, 0.10);\r\n margin-bottom: 14px;\r\n }\r\n\r\n .advantages-curage-93 .section-badge .dot {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-adv-curage-93 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-adv-curage-93 {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.4; transform: scale(0.7); }\r\n }\r\n\r\n .advantages-curage-93 .section-badge span {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n }\r\n\r\n .advantages-curage-93 .section-title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(1.8rem, 3.2vw, 2.8rem);\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .advantages-curage-93 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .advantages-curage-93 .section-subtitle {\r\n font-size: 1rem;\r\n color: #48637d;\r\n line-height: 1.7;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .advantages-curage-93 .section-subtitle strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n GRILLE DES AVANTAGES\r\n ============================================================ *\/\r\n .advantages-curage-93 .grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 18px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .advantages-curage-93 .grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .advantages-curage-93 .grid {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n .advantages-curage-93 .section-title {\r\n font-size: 1.6rem;\r\n }\r\n }\r\n\r\n .advantages-curage-93 .card {\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 24px 20px;\r\n border: 1px solid #eef2f5;\r\n transition: all 0.3s ease;\r\n text-align: center;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.02);\r\n }\r\n\r\n .advantages-curage-93 .card:hover {\r\n transform: translateY(-4px);\r\n border-color: #f4a61a;\r\n box-shadow: 0 8px 24px rgba(7, 41, 74, 0.06);\r\n }\r\n\r\n .advantages-curage-93 .card .card-icon {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n background: rgba(244, 166, 26, 0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 12px;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: 1.2rem;\r\n color: #f4a61a;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .advantages-curage-93 .card:hover .card-icon {\r\n background: #f4a61a;\r\n color: #ffffff;\r\n }\r\n\r\n .advantages-curage-93 .card .card-title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1rem;\r\n color: #07294a;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .advantages-curage-93 .card .card-desc {\r\n font-size: 0.85rem;\r\n color: #48637d;\r\n line-height: 1.6;\r\n }\r\n\r\n .advantages-curage-93 .card .card-tag {\r\n display: inline-block;\r\n margin-top: 10px;\r\n font-size: 0.6rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: #f4a61a;\r\n background: rgba(244, 166, 26, 0.06);\r\n padding: 2px 14px;\r\n border-radius: 999px;\r\n }\r\n\r\n \/* ============================================================\r\n R\u00c9V\u00c9LATION\r\n ============================================================ *\/\r\n .advantages-curage-93 .reveal {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.6s ease, transform 0.6s ease;\r\n }\r\n\r\n .advantages-curage-93 .reveal.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .advantages-curage-93 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<section class=\"advantages-curage-93\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"section-header\">\r\n <div class=\"section-badge reveal\">\r\n <span class=\"dot\"><\/span>\r\n <span>L'expert du curage dans le 93<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Le sp\u00e9cialiste du <span class=\"accent\">curage<\/span> en Seine-Saint-Denis\r\n <\/h2>\r\n <p class=\"section-subtitle reveal\">\r\n <strong>4 bonnes raisons<\/strong> de faire confiance \u00e0 BT PLUS pour votre curage en Seine-Saint-Denis.\r\n Des techniciens professionnels \u00e0 votre service \u00e0 Saint-Denis, Montreuil, Aubervilliers et partout dans le d\u00e9partement.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid\">\r\n\r\n \r\n <div class=\"card reveal\">\r\n <div class=\"card-icon\">1<\/div>\r\n <div class=\"card-title\">Intervention sous 1h<\/div>\r\n <div class=\"card-desc\">\r\n Un technicien pr\u00e8s de chez vous dans toute la Seine-Saint-Denis.\r\n D\u00e9placement rapide pour vos urgences de curage.\r\n <\/div>\r\n <span class=\"card-tag\">Rapidit\u00e9<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"card reveal\">\r\n <div class=\"card-icon\">2<\/div>\r\n <div class=\"card-title\">Devis gratuit<\/div>\r\n <div class=\"card-desc\">\r\n Estimation pr\u00e9cise avant toute intervention.\r\n Transparence totale sur nos tarifs de curage en Seine-Saint-Denis.\r\n <\/div>\r\n <span class=\"card-tag\">Transparence<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"card reveal\">\r\n <div class=\"card-icon\">3<\/div>\r\n <div class=\"card-title\">Techniciens agr\u00e9\u00e9s<\/div>\r\n <div class=\"card-desc\">\r\n \u00c9quipe qualifi\u00e9e et exp\u00e9riment\u00e9e dans le curage\r\n de canalisations en Seine-Saint-Denis 93.\r\n <\/div>\r\n <span class=\"card-tag\">Expertise<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"card reveal\">\r\n <div class=\"card-icon\">4<\/div>\r\n <div class=\"card-title\">Urgence 24h\/24<\/div>\r\n <div class=\"card-desc\">\r\n Intervention disponible 7j\/7, m\u00eame les jours f\u00e9ri\u00e9s.\r\n Service d'astreinte pour vos urgences en Seine-Saint-Denis.\r\n <\/div>\r\n <span class=\"card-tag\">Disponibilit\u00e9<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const reveal = document.querySelectorAll('.advantages-curage-93 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n reveal.forEach(function(el) { io.observe(el); });\r\n } else {\r\n reveal.forEach(function(el) { el.classList.add('shown'); });\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-8ca0afd e-con-full e-flex e-con e-parent\" data-id=\"8ca0afd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40b2942 elementor-widget elementor-widget-html\" data-id=\"40b2942\" 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>CURAGE<\/span><br>EN IMAGES\r\n <\/h2>\r\n <p class=\"subtitle\">\r\n D\u00e9couvrez nos chantiers r\u00e9cents : curage, d\u00e9bouchage, pompage, inspection cam\u00e9ra.\r\n Cliquez sur une photo pour l'agrandir.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-wrapper\">\r\n <div class=\"carousel-track\" id=\"carouselTrack\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"indicators\">\r\n <div class=\"dots\" id=\"dotsContainer\"><\/div>\r\n <span class=\"counter\" id=\"counter\">1 \/ 9<\/span>\r\n <button class=\"pause-btn\" id=\"pauseBtn\" aria-label=\"Pause \/ Play\">\r\n <i class=\"fas fa-pause\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"modal\" id=\"modal\">\r\n <div class=\"modal-content\">\r\n <button class=\"modal-close\" id=\"modalClose\">×<\/button>\r\n <img decoding=\"async\" id=\"modalImg\" src=\"\" alt=\"Intervention assainissement\">\r\n <div class=\"modal-ville\" id=\"modalVille\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n\r\n \/\/ ============================================================\r\n \/\/ DONN\u00c9ES \u2014 Photos avec villes\r\n \/\/ ============================================================\r\n const photos = [\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-29-at-17.45.08-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Paris 15e'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-29-at-17.45.06-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Boulogne-Billancourt'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-29-at-17.45.05-1-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Nanterre'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-23.33.07-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Saint-Denis'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-16.51.17-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E-2.jpeg',\r\n ville: 'Montreuil'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-16.40.26.jpeg',\r\n ville: 'Vincennes'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-28-at-14.47.29-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E-2.jpeg',\r\n ville: 'Asni\u00e8res'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-27-at-14.45.13-2-LAPTOP-MF3UBE4E-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Levallois-Perret'\r\n },\r\n {\r\n src: 'http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2021-04-24-at-18.54.26-10-LAPTOP-MF3UBE4E-2-LAPTOP-MF3UBE4E.jpeg',\r\n ville: 'Yvelines'\r\n }\r\n ];\r\n\r\n \/\/ ============================================================\r\n \/\/ \u00c9L\u00c9MENTS\r\n \/\/ ============================================================\r\n const track = document.getElementById('carouselTrack');\r\n const dotsContainer = document.getElementById('dotsContainer');\r\n const counter = document.getElementById('counter');\r\n const pauseBtn = document.getElementById('pauseBtn');\r\n const modal = document.getElementById('modal');\r\n const modalImg = document.getElementById('modalImg');\r\n const modalVille = document.getElementById('modalVille');\r\n const modalClose = document.getElementById('modalClose');\r\n\r\n let isPaused = false;\r\n let currentIndex = 0;\r\n const totalSlides = photos.length;\r\n const slidesPerView = 5;\r\n\r\n \/\/ ============================================================\r\n \/\/ G\u00c9N\u00c9RER LES SLIDES (doubl\u00e9es pour l'effet infini)\r\n \/\/ ============================================================\r\n function renderSlides() {\r\n track.innerHTML = '';\r\n \/\/ Doubler les photos pour l'effet continu\r\n const allPhotos = [...photos, ...photos];\r\n allPhotos.forEach((photo, index) => {\r\n const slide = document.createElement('div');\r\n slide.className = 'slide';\r\n slide.setAttribute('data-index', index % photos.length);\r\n \r\n slide.innerHTML = `\r\n <img decoding=\"async\" src=\"${photo.src}\" alt=\"Intervention assainissement ${photo.ville}\" loading=\"lazy\">\r\n <div class=\"ville\">${photo.ville}<\/div>\r\n <div class=\"zoom-icon\"><i class=\"fas fa-expand\"><\/i><\/div>\r\n `;\r\n \r\n slide.addEventListener('click', function() {\r\n const idx = parseInt(this.getAttribute('data-index'));\r\n openModal(idx);\r\n });\r\n \r\n track.appendChild(slide);\r\n });\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ G\u00c9N\u00c9RER LES DOTS\r\n \/\/ ============================================================\r\n function renderDots() {\r\n dotsContainer.innerHTML = '';\r\n for (let i = 0; i < totalSlides; i++) {\r\n const dot = document.createElement('span');\r\n dot.className = 'dot' + (i === 0 ? ' active' : '');\r\n dot.setAttribute('data-index', i);\r\n dot.addEventListener('click', function() {\r\n const idx = parseInt(this.getAttribute('data-index'));\r\n goToSlide(idx);\r\n });\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ NAVIGATION VERS UNE PHOTO SP\u00c9CIFIQUE\r\n \/\/ ============================================================\r\n function goToSlide(index) {\r\n currentIndex = index;\r\n const slideWidth = 220 + 16; \/\/ largeur + gap\r\n const offset = -(index * slideWidth);\r\n \/\/ Animation manuelle\r\n track.style.animation = 'none';\r\n track.style.transform = `translateX(${offset}px)`;\r\n \/\/ R\u00e9activer l'animation apr\u00e8s un d\u00e9lai\r\n setTimeout(() => {\r\n track.style.animation = '';\r\n track.style.transform = '';\r\n }, 50);\r\n updateDots();\r\n updateCounter();\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ MISE \u00c0 JOUR DES INDICATEURS\r\n \/\/ ============================================================\r\n function updateDots() {\r\n const dots = dotsContainer.querySelectorAll('.dot');\r\n dots.forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentIndex);\r\n });\r\n }\r\n\r\n function updateCounter() {\r\n counter.textContent = `${currentIndex + 1} \/ ${totalSlides}`;\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ PAUSE \/ PLAY\r\n \/\/ ============================================================\r\n function togglePause() {\r\n isPaused = !isPaused;\r\n if (isPaused) {\r\n track.style.animationPlayState = 'paused';\r\n pauseBtn.innerHTML = '<i class=\"fas fa-play\"><\/i>';\r\n } else {\r\n track.style.animationPlayState = 'running';\r\n pauseBtn.innerHTML = '<i class=\"fas fa-pause\"><\/i>';\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ MODALE\r\n \/\/ ============================================================\r\n function openModal(index) {\r\n const photo = photos[index];\r\n modalImg.src = photo.src;\r\n modalImg.alt = `Intervention assainissement ${photo.ville}`;\r\n modalVille.textContent = photo.ville;\r\n modal.classList.add('open');\r\n document.body.style.overflow = 'hidden';\r\n track.style.animationPlayState = 'paused';\r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('open');\r\n document.body.style.overflow = '';\r\n if (!isPaused) {\r\n track.style.animationPlayState = 'running';\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ SYNC DOTS AVEC L'ANIMATION (bas\u00e9 sur la position)\r\n \/\/ ============================================================\r\n function syncWithScroll() {\r\n \/\/ Cette fonction est appel\u00e9e p\u00e9riodiquement pour synchroniser les dots\r\n \/\/ avec la position actuelle du carrousel\r\n const slideWidth = 220 + 16;\r\n const totalWidth = track.scrollWidth \/ 2;\r\n const scrollPosition = Math.abs(parseFloat(track.style.transform.replace('translateX(', '').replace('px)', ''))) || 0;\r\n const approxIndex = Math.round(scrollPosition \/ slideWidth) % totalSlides;\r\n if (approxIndex !== currentIndex) {\r\n currentIndex = approxIndex;\r\n updateDots();\r\n updateCounter();\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ \u00c9V\u00c9NEMENTS\r\n \/\/ ============================================================\r\n pauseBtn.addEventListener('click', togglePause);\r\n modalClose.addEventListener('click', closeModal);\r\n modal.addEventListener('click', function(e) {\r\n if (e.target === this) closeModal();\r\n });\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') closeModal();\r\n });\r\n\r\n \/\/ Synchro p\u00e9riodique\r\n setInterval(syncWithScroll, 2000);\r\n\r\n \/\/ ============================================================\r\n \/\/ INITIALISATION\r\n \/\/ ============================================================\r\n renderSlides();\r\n renderDots();\r\n updateCounter();\r\n\r\n \/\/ Fallback images\r\n document.querySelectorAll('img').forEach(img => {\r\n img.addEventListener('error', function() {\r\n if (!this.hasAttribute('data-fallback')) {\r\n this.setAttribute('data-fallback', 'true');\r\n this.src = 'data:image\/svg+xml,%3Csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"400\" height=\"400\"%3E%3Crect fill=\"%2307294a\" width=\"400\" height=\"400\"\/%3E%3Ctext x=\"200\" y=\"200\" text-anchor=\"middle\" font-family=\"Sora\" font-size=\"24\" fill=\"%23f4a61a\"%3EBT Plus%3C\/text%3E%3C\/svg%3E';\r\n }\r\n });\r\n });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-815c474 e-con-full e-flex e-con e-parent\" data-id=\"815c474\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2863b54 elementor-widget elementor-widget-html\" data-id=\"2863b54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n \/* ============================================================\r\n SECTION VILLES \u2014 CURAGE SEINE-SAINT-DENIS 93\r\n ============================================================ *\/\r\n\r\n .cities-curage-93 {\r\n width: 100%;\r\n padding: 60px 0 80px;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%),\r\n linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cities-curage-93 .container {\r\n max-width: 1200px;\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 EN-T\u00caTE DE SECTION\r\n ============================================================ *\/\r\n .cities-curage-93 .section-header {\r\n text-align: center;\r\n max-width: 720px;\r\n margin: 0 auto 36px;\r\n }\r\n\r\n .cities-curage-93 .section-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(28, 126, 201, 0.06);\r\n padding: 6px 18px;\r\n border-radius: 60px;\r\n border: 1px solid rgba(28, 126, 201, 0.10);\r\n margin-bottom: 14px;\r\n }\r\n\r\n .cities-curage-93 .section-badge .dot {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-city-curage-93 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-city-curage-93 {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.4; transform: scale(0.7); }\r\n }\r\n\r\n .cities-curage-93 .section-badge span {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n }\r\n\r\n .cities-curage-93 .section-title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(1.8rem, 3.2vw, 2.8rem);\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .cities-curage-93 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .cities-curage-93 .section-subtitle {\r\n font-size: 1rem;\r\n color: #48637d;\r\n line-height: 1.7;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .cities-curage-93 .section-subtitle strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n GRILLE DES VILLES\r\n ============================================================ *\/\r\n .cities-curage-93 .grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 14px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .cities-curage-93 .grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .cities-curage-93 .grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 10px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .cities-curage-93 .grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n }\r\n .cities-curage-93 .section-title {\r\n font-size: 1.6rem;\r\n }\r\n }\r\n\r\n .cities-curage-93 .city-card {\r\n background: #ffffff;\r\n border-radius: 14px;\r\n padding: 16px 12px;\r\n text-align: center;\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 .cities-curage-93 .city-card:hover {\r\n transform: translateY(-4px);\r\n border-color: #f4a61a;\r\n box-shadow: 0 8px 24px rgba(7, 41, 74, 0.06);\r\n }\r\n\r\n .cities-curage-93 .city-card .city-name {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.9rem;\r\n color: #07294a;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .cities-curage-93 .city-card .city-code {\r\n font-size: 0.6rem;\r\n font-weight: 600;\r\n color: #1c7ec9;\r\n background: rgba(28, 126, 201, 0.06);\r\n padding: 1px 10px;\r\n border-radius: 999px;\r\n display: inline-block;\r\n }\r\n\r\n .cities-curage-93 .city-card .city-desc {\r\n font-size: 0.7rem;\r\n color: #48637d;\r\n margin-top: 4px;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* ============================================================\r\n BANDEAU STATISTIQUES\r\n ============================================================ *\/\r\n .cities-curage-93 .stats-bar {\r\n margin-top: 32px;\r\n padding: 24px 28px;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n border: 1px solid #eef2f5;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n text-align: center;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.02);\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .cities-curage-93 .stats-bar {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n padding: 18px 16px;\r\n }\r\n }\r\n\r\n .cities-curage-93 .stats-bar .stat-item .stat-number {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: 2rem;\r\n color: #f4a61a;\r\n line-height: 1;\r\n }\r\n\r\n .cities-curage-93 .stats-bar .stat-item .stat-label {\r\n font-size: 0.75rem;\r\n color: #48637d;\r\n font-weight: 500;\r\n margin-top: 4px;\r\n }\r\n\r\n .cities-curage-93 .stats-bar .stat-divider {\r\n width: 1px;\r\n background: #eef2f5;\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .cities-curage-93 .stats-bar .stat-divider {\r\n display: none;\r\n }\r\n }\r\n\r\n \/* ============================================================\r\n R\u00c9V\u00c9LATION\r\n ============================================================ *\/\r\n .cities-curage-93 .reveal {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.6s ease, transform 0.6s ease;\r\n }\r\n\r\n .cities-curage-93 .reveal.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .cities-curage-93 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<section class=\"cities-curage-93\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"section-header\">\r\n <div class=\"section-badge reveal\">\r\n <span class=\"dot\"><\/span>\r\n <span>Curage en Seine-Saint-Denis<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Les villes du 93 o\u00f9 nous intervenons <span class=\"accent\">en curage<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle reveal\">\r\n <strong>Curage en Seine-Saint-Denis<\/strong> : nous couvrons l'ensemble des communes du 93.\r\n Intervention rapide \u00e0 <strong>Saint-Denis, Montreuil, Aulnay-sous-Bois, Bobigny<\/strong> et dans tout le d\u00e9partement.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid\">\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Saint-Denis<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Curage urgent \u00e0 Saint-Denis<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Montreuil<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Intervention rapide \u00e0 Montreuil<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Aulnay-sous-Bois<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Curage canalisations \u00e0 Aulnay<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Bobigny<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Technicien pr\u00e8s de Bobigny<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Pantin<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Curage d'urgence \u00e0 Pantin<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Aubervilliers<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Intervention \u00e0 Aubervilliers<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Drancy<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Curage rapide \u00e0 Drancy<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Noisy-le-Sec<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Technicien \u00e0 Noisy-le-Sec<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Sevran<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Curage canalisations \u00e0 Sevran<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Livry-Gargan<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Intervention rapide \u00e0 Livry-Gargan<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Gagny<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Curage \u00e0 Gagny<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Rosny-sous-Bois<\/div>\r\n <span class=\"city-code\">93<\/span>\r\n <div class=\"city-desc\">Technicien pr\u00e8s de Rosny<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"stats-bar reveal\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">40<\/div>\r\n <div class=\"stat-label\">Communes en Seine-Saint-Denis<\/div>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">24\/7<\/div>\r\n <div class=\"stat-label\">Service d'astreinte permanent<\/div>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">35 min<\/div>\r\n <div class=\"stat-label\">D\u00e9lai moyen d'intervention<\/div>\r\n <\/div>\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 const reveal = document.querySelectorAll('.cities-curage-93 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n reveal.forEach(function(el) { io.observe(el); });\r\n } else {\r\n reveal.forEach(function(el) { el.classList.add('shown'); });\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-a1cb5da e-con-full e-flex e-con e-parent\" data-id=\"a1cb5da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-720596f elementor-widget elementor-widget-html\" data-id=\"720596f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n \/* ============================================================\r\n SECTION TEXTE SEO \u2014 VERSION FLUIDE\r\n CURAGE SEINE-SAINT-DENIS 93\r\n ============================================================ *\/\r\n\r\n .seo-text-curage-93 {\r\n width: 100%;\r\n padding: 60px 0 80px;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%),\r\n linear-gradient(180deg, #ffffff 0%, #eef6fc 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .seo-text-curage-93 .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 EN-T\u00caTE ALL\u00c9G\u00c9\r\n ============================================================ *\/\r\n .seo-text-curage-93 .section-header {\r\n text-align: center;\r\n max-width: 720px;\r\n margin: 0 auto 36px;\r\n }\r\n\r\n .seo-text-curage-93 .section-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(28, 126, 201, 0.06);\r\n padding: 4px 16px;\r\n border-radius: 60px;\r\n border: 1px solid rgba(28, 126, 201, 0.10);\r\n margin-bottom: 14px;\r\n }\r\n\r\n .seo-text-curage-93 .section-badge .dot {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-seo-curage-93 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-seo-curage-93 {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.4; transform: scale(0.7); }\r\n }\r\n\r\n .seo-text-curage-93 .section-badge span {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.65rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n }\r\n\r\n .seo-text-curage-93 .section-title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(1.8rem, 3.2vw, 2.8rem);\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .seo-text-curage-93 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .seo-text-curage-93 .section-subtitle {\r\n font-size: 1rem;\r\n color: #48637d;\r\n line-height: 1.6;\r\n max-width: 580px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ============================================================\r\n CONTENU EN COLONNES\r\n ============================================================ *\/\r\n .seo-text-curage-93 .seo-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px 32px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .seo-text-curage-93 .seo-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n }\r\n\r\n .seo-text-curage-93 .seo-item {\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 22px 24px;\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 .seo-text-curage-93 .seo-item:hover {\r\n border-color: #d6ebfb;\r\n box-shadow: 0 4px 16px rgba(7, 41, 74, 0.04);\r\n }\r\n\r\n .seo-text-curage-93 .seo-item .seo-icon {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: 1.1rem;\r\n color: #f4a61a;\r\n width: 34px;\r\n height: 34px;\r\n background: rgba(244, 166, 26, 0.08);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .seo-text-curage-93 .seo-item h4 {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1rem;\r\n color: #07294a;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .seo-text-curage-93 .seo-item p {\r\n font-size: 0.88rem;\r\n color: #48637d;\r\n line-height: 1.7;\r\n margin-bottom: 0;\r\n }\r\n\r\n .seo-text-curage-93 .seo-item p strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n .seo-text-curage-93 .seo-item .tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n margin-top: 10px;\r\n }\r\n\r\n .seo-text-curage-93 .seo-item .tags .tag {\r\n font-size: 0.6rem;\r\n font-weight: 500;\r\n color: #1c7ec9;\r\n background: rgba(28, 126, 201, 0.06);\r\n padding: 2px 12px;\r\n border-radius: 999px;\r\n border: 1px solid rgba(28, 126, 201, 0.06);\r\n }\r\n\r\n \/* ============================================================\r\n R\u00c9V\u00c9LATION\r\n ============================================================ *\/\r\n .seo-text-curage-93 .reveal {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.6s ease, transform 0.6s ease;\r\n }\r\n\r\n .seo-text-curage-93 .reveal.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .seo-text-curage-93 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<section class=\"seo-text-curage-93\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"section-header\">\r\n <div class=\"section-badge reveal\">\r\n <span class=\"dot\"><\/span>\r\n <span>Le curage en Seine-Saint-Denis<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Curage Seine-Saint-Denis : <span class=\"accent\">des r\u00e9seaux performants pour une r\u00e9gion en mouvement<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle reveal\">\r\n Un curage \u00e0 <strong>Saint-Denis, Montreuil, Aulnay-sous-Bois<\/strong> ou ailleurs en Seine-Saint-Denis ?\r\n BT PLUS intervient dans tout le d\u00e9partement avec des techniciens aguerris et un \u00e9quipement dernier cri.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"seo-grid\">\r\n\r\n \r\n <div class=\"seo-item reveal\">\r\n <div class=\"seo-icon\">\u2713<\/div>\r\n <h4>L'importance du curage en Seine-Saint-Denis<\/h4>\r\n <p>\r\n La Seine-Saint-Denis est un d\u00e9partement dynamique avec une <strong>forte densit\u00e9 urbaine<\/strong>\r\n et des infrastructures vari\u00e9es. Un <strong>curage r\u00e9gulier<\/strong> de vos canalisations\r\n garantit le bon fonctionnement de vos r\u00e9seaux d'assainissement, pr\u00e9vient les <strong>bouchons<\/strong>\r\n et limite les risques de <strong>d\u00e9g\u00e2ts des eaux<\/strong>. C'est un acte essentiel pour\r\n <strong>pr\u00e9server la durabilit\u00e9<\/strong> de vos installations.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Entretien pr\u00e9ventif<\/span>\r\n <span class=\"tag\">Durabilit\u00e9<\/span>\r\n <span class=\"tag\">R\u00e9seaux performants<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"seo-item reveal\">\r\n <div class=\"seo-icon\">\u2713<\/div>\r\n <h4>Nos m\u00e9thodes de curage dans le 93<\/h4>\r\n <p>\r\n Nous intervenons avec des <strong>techniques de curage avanc\u00e9es<\/strong> : <strong>hydrocurage\r\n haute pression<\/strong> pour \u00e9liminer les d\u00e9p\u00f4ts r\u00e9sistants, <strong>curage par outils\r\n m\u00e9caniques<\/strong> pour les obstructions tenaces et <strong>inspection vid\u00e9o<\/strong>\r\n pour v\u00e9rifier l'\u00e9tat de vos canalisations. Une prestation <strong>compl\u00e8te et professionnelle<\/strong>\r\n adapt\u00e9e \u00e0 chaque situation en Seine-Saint-Denis.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Hydrocurage<\/span>\r\n <span class=\"tag\">Haute pression<\/span>\r\n <span class=\"tag\">Inspection cam\u00e9ra<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"seo-item reveal\">\r\n <div class=\"seo-icon\">\u2713<\/div>\r\n <h4>Pr\u00e9vention ou intervention curative dans le 93<\/h4>\r\n <p>\r\n Le curage peut \u00eatre r\u00e9alis\u00e9 \u00e0 titre <strong>pr\u00e9ventif<\/strong> pour maintenir vos r\u00e9seaux\r\n en parfait \u00e9tat et anticiper tout dysfonctionnement, ou <strong>curatif<\/strong> pour\r\n r\u00e9soudre une urgence (bouchon, \u00e9coulement lent). En Seine-Saint-Denis, nous conseillons\r\n un <strong>curage tous les 2 \u00e0 3 ans<\/strong> et une <strong>intervention imm\u00e9diate<\/strong>\r\n d\u00e8s les premiers signes d'usure (mauvaises odeurs, bruits de gargouillement).\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Pr\u00e9ventif<\/span>\r\n <span class=\"tag\">Curatif<\/span>\r\n <span class=\"tag\">R\u00e9activit\u00e9<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"seo-item reveal\">\r\n <div class=\"seo-icon\">\u2713<\/div>\r\n <h4>BT PLUS : l'expert curage en Seine-Saint-Denis<\/h4>\r\n <p>\r\n Fort d'une <strong>exp\u00e9rience solide<\/strong> en Seine-Saint-Denis, BT PLUS met \u00e0 votre\r\n disposition des <strong>techniciens qualifi\u00e9s<\/strong> et un <strong>mat\u00e9riel de pointe<\/strong>\r\n pour vos op\u00e9rations de curage. Nous vous garantissons un travail <strong>soign\u00e9, efficace\r\n et transparent<\/strong>, avec un devis clair avant toute intervention.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Curage 93<\/span>\r\n <span class=\"tag\">BT PLUS<\/span>\r\n <span class=\"tag\">Devis gratuit<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const reveal = document.querySelectorAll('.seo-text-curage-93 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n reveal.forEach(function(el) { io.observe(el); });\r\n } else {\r\n reveal.forEach(function(el) { el.classList.add('shown'); });\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-fffc0c0 e-con-full e-flex e-con e-parent\" data-id=\"fffc0c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a143d77 elementor-widget elementor-widget-html\" data-id=\"a143d77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n \/* ============================================================\r\n SECTION SERVICES CONNEXES \u2014 CURAGE SEINE-SAINT-DENIS 93\r\n ============================================================ *\/\r\n\r\n .services-connexes-curage-93 {\r\n width: 100%;\r\n padding: 60px 0 80px;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%),\r\n linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .services-connexes-curage-93 .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 EN-T\u00caTE\r\n ============================================================ *\/\r\n .services-connexes-curage-93 .section-header {\r\n text-align: center;\r\n max-width: 720px;\r\n margin: 0 auto 36px;\r\n }\r\n\r\n .services-connexes-curage-93 .section-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(28, 126, 201, 0.06);\r\n padding: 4px 16px;\r\n border-radius: 60px;\r\n border: 1px solid rgba(28, 126, 201, 0.10);\r\n margin-bottom: 14px;\r\n }\r\n\r\n .services-connexes-curage-93 .section-badge .dot {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-serv-curage-93 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-serv-curage-93 {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.4; transform: scale(0.7); }\r\n }\r\n\r\n .services-connexes-curage-93 .section-badge span {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.65rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n }\r\n\r\n .services-connexes-curage-93 .section-title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(1.8rem, 3.2vw, 2.8rem);\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .services-connexes-curage-93 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .services-connexes-curage-93 .section-subtitle {\r\n font-size: 1rem;\r\n color: #48637d;\r\n line-height: 1.6;\r\n max-width: 580px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ============================================================\r\n GRILLE DES SERVICES\r\n ============================================================ *\/\r\n .services-connexes-curage-93 .serv-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .services-connexes-curage-93 .serv-grid {\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n }\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n background: #ffffff;\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n border: 1px solid #eef2f5;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.02);\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card:hover {\r\n transform: translateY(-4px);\r\n border-color: #f4a61a;\r\n box-shadow: 0 8px 24px rgba(7, 41, 74, 0.08);\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card .serv-icon {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background: rgba(244, 166, 26, 0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: 1rem;\r\n color: #f4a61a;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card:hover .serv-icon {\r\n background: #f4a61a;\r\n color: #ffffff;\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card .serv-text {\r\n flex: 1;\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card .serv-text .serv-name {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n color: #07294a;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card .serv-text .serv-desc {\r\n font-size: 0.8rem;\r\n color: #48637d;\r\n line-height: 1.4;\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card .serv-arrow {\r\n color: #9aaeb8;\r\n font-size: 1rem;\r\n transition: all 0.3s ease;\r\n flex-shrink: 0;\r\n }\r\n\r\n .services-connexes-curage-93 .serv-card:hover .serv-arrow {\r\n color: #f4a61a;\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================================\r\n R\u00c9V\u00c9LATION\r\n ============================================================ *\/\r\n .services-connexes-curage-93 .reveal {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.6s ease, transform 0.6s ease;\r\n }\r\n\r\n .services-connexes-curage-93 .reveal.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .services-connexes-curage-93 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<section class=\"services-connexes-curage-93\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"section-header\">\r\n <div class=\"section-badge reveal\">\r\n <span class=\"dot\"><\/span>\r\n <span>Prestations associ\u00e9es<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Tous nos services <span class=\"accent\">d'assainissement en Seine-Saint-Denis<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle reveal\">\r\n Au-del\u00e0 du curage, BT PLUS vous accompagne dans tous vos besoins\r\n d'assainissement dans le d\u00e9partement 93. D\u00e9couvrez nos autres prestations.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"serv-grid\">\r\n\r\n \r\n <a href=\"#\" class=\"serv-card reveal\">\r\n <div class=\"serv-icon\">\u2713<\/div>\r\n <div class=\"serv-text\">\r\n <div class=\"serv-name\">D\u00e9bouchage Seine-Saint-Denis 93<\/div>\r\n <div class=\"serv-desc\">Intervention rapide pour vos canalisations bouch\u00e9es.<\/div>\r\n <\/div>\r\n <span class=\"serv-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"serv-card reveal\">\r\n <div class=\"serv-icon\">\u2713<\/div>\r\n <div class=\"serv-text\">\r\n <div class=\"serv-name\">Pompage 93<\/div>\r\n <div class=\"serv-desc\">Vidange de fosses et bacs \u00e0 graisse en Seine-Saint-Denis.<\/div>\r\n <\/div>\r\n <span class=\"serv-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"serv-card reveal\">\r\n <div class=\"serv-icon\">\u2713<\/div>\r\n <div class=\"serv-text\">\r\n <div class=\"serv-name\">Inspection cam\u00e9ra 93<\/div>\r\n <div class=\"serv-desc\">Diagnostic pr\u00e9cis de vos canalisations dans le 93.<\/div>\r\n <\/div>\r\n <span class=\"serv-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"serv-card reveal\">\r\n <div class=\"serv-icon\">\u2713<\/div>\r\n <div class=\"serv-text\">\r\n <div class=\"serv-name\">Urgence curage 93<\/div>\r\n <div class=\"serv-desc\">Service d'astreinte 24h\/24 en Seine-Saint-Denis.<\/div>\r\n <\/div>\r\n <span class=\"serv-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const reveal = document.querySelectorAll('.services-connexes-curage-93 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n reveal.forEach(function(el) { io.observe(el); });\r\n } else {\r\n reveal.forEach(function(el) { el.classList.add('shown'); });\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-90bb9d0 e-con-full e-flex e-con e-parent\" data-id=\"90bb9d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb9f73a elementor-widget elementor-widget-html\" data-id=\"bb9f73a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n.contact { padding: 5rem 5% 6rem; position: relative; min-height: 100vh; display: flex; align-items: center;\r\n background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%), linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden; box-sizing: border-box; }\r\n.contact *, .contact *::before, .contact *::after { box-sizing: border-box; }\r\n.contact__waves { position: absolute; left: 0; right: 0; bottom: 0; line-height: 0; z-index: 0; pointer-events: none; }\r\n.contact__waves svg { display: block; width: 100%; height: 80px; }\r\n.contact__waves .wave-back use { animation: wavemove 11s linear infinite; opacity: 0.55; }\r\n.contact__waves .wave-mid use { animation: wavemove 8s linear infinite reverse; opacity: 0.8; }\r\n.contact__waves .wave-front use { animation: wavemove 6s linear infinite; }\r\n@keyframes wavemove { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n.contact__container { max-width: 1280px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\r\n.contact__header { text-align: center; max-width: 780px; margin: 0 auto 3.5rem; }\r\n.contact__badge { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.4rem 1.4rem 0.4rem 1rem; border-radius: 2rem; background: rgba(28, 126, 201, 0.07); color: #1c7ec9; border: 1px solid rgba(28, 126, 201, 0.12); margin-bottom: 1.2rem; }\r\n.contact__badge .dot { width: 6px; height: 6px; border-radius: 50%; background: #1c7ec9; animation: pulseDot 2s ease-in-out infinite; }\r\n@keyframes pulseDot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.6); } }\r\n.contact__title { font-family: 'Sora', sans-serif; font-weight: 800; font-size: clamp(2rem, 3.6vw, 3.2rem); letter-spacing: -0.03em; color: #07294a; line-height: 1.1; margin-bottom: 0.8rem; }\r\n.contact__title .highlight { background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n.contact__subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: clamp(1rem, 1.1vw, 1.15rem); color: #6b7f94; max-width: 600px; margin: 0 auto; line-height: 1.7; }\r\n.contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }\r\n.contact__form { background: #ffffff; border-radius: 24px; padding: 2.5rem; border: 1px solid #eef2f6; box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04); transition: all 0.4s ease; position: relative; }\r\n.contact__form:hover { box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08); border-color: #d6ebfb; }\r\n.contact__form-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 1.3rem; color: #07294a; margin-bottom: 0.3rem; }\r\n.contact__form-subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; margin-bottom: 1.5rem; }\r\n.contact__form-group { margin-bottom: 1.2rem; }\r\n.contact__form-group label { display: block; font-family: 'Sora', sans-serif; font-weight: 600; font-size: 0.7rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.3rem; }\r\n.contact__form-group label .required { color: #dc2626; }\r\n.contact__form-group input, .contact__form-group select, .contact__form-group textarea { width: 100%; padding: 0.8rem 1rem; border-radius: 12px; border: 1px solid #eef2f6; background: #f8fafc; font-family: 'Inter', sans-serif; font-size: 0.9rem; color: #07294a; transition: all 0.3s ease; outline: none; }\r\n.contact__form-group input:focus, .contact__form-group select:focus, .contact__form-group textarea:focus { border-color: #1c7ec9; background: #ffffff; box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06); }\r\n.contact__form-group input::placeholder, .contact__form-group textarea::placeholder { color: #b0c0d0; }\r\n.contact__form-group select option { background: #ffffff; color: #07294a; }\r\n.contact__form-group textarea { resize: vertical; min-height: 100px; }\r\n.contact__form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n.contact__form-group--file { position: relative; }\r\n.contact__form-group--file .file-drop-zone { border: 2px dashed #eef2f6; border-radius: 12px; padding: 1.5rem 1rem; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #f8fafc; }\r\n.contact__form-group--file .file-drop-zone:hover { border-color: #1c7ec9; background: #eef6fc; }\r\n.contact__form-group--file .file-drop-zone.dragover { border-color: #f4a61a; background: rgba(244, 166, 26, 0.04); }\r\n.contact__form-group--file .file-drop-zone i { font-size: 2rem; color: #1c7ec9; display: block; margin-bottom: 0.5rem; }\r\n.contact__form-group--file .file-drop-zone p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.85rem; color: #6b7f94; margin: 0; }\r\n.contact__form-group--file .file-drop-zone .file-types { font-size: 0.7rem; color: #b0c0d0; margin-top: 0.3rem; }\r\n.contact__form-group--file input[type=\"file\"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }\r\n.contact__form-group--file .file-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }\r\n.contact__form-group--file .file-item { display: inline-flex; align-items: center; gap: 0.5rem; background: #eef6fc; padding: 0.3rem 0.8rem 0.3rem 0.6rem; border-radius: 20px; font-family: 'Inter', sans-serif; font-size: 0.75rem; color: #1c7ec9; border: 1px solid #d6ebfb; }\r\n.contact__form-group--file .file-item i { font-size: 0.8rem; color: #1c7ec9; }\r\n.contact__form-group--file .file-item .file-remove { cursor: pointer; color: #6b7f94; transition: color 0.3s ease; font-size: 0.7rem; }\r\n.contact__form-group--file .file-item .file-remove:hover { color: #dc2626; }\r\n\r\n\/* ---- Consentement RGPD ---- *\/\r\n.contact__consent { display: flex; align-items: flex-start; gap: 0.7rem; margin-bottom: 1.5rem; }\r\n.contact__consent input[type=\"checkbox\"] { width: 18px; height: 18px; min-width: 18px; margin-top: 0.15rem; accent-color: #1c7ec9; cursor: pointer; flex-shrink: 0; }\r\n.contact__consent label { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.8rem; line-height: 1.5; color: #6b7f94; text-transform: none; letter-spacing: 0; margin-bottom: 0; cursor: pointer; }\r\n.contact__consent label .required { color: #dc2626; }\r\n.contact__consent label a { color: #1c7ec9; text-decoration: underline; }\r\n.contact__consent label a:hover { color: #07294a; }\r\n\r\n.btn--contact { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.02em; text-decoration: none; padding: 0.9rem 2.4rem; border-radius: 3rem; transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; border: none; text-align: center; background: linear-gradient(135deg, #f4a61a 0%, #e0960e 100%); box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25); color: #07294a; width: 100%; }\r\n.btn--contact:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40); color: #07294a; }\r\n.btn--contact .btn__icon { transition: transform 0.3s ease; }\r\n.btn--contact:hover .btn__icon { transform: translateX(4px); }\r\n.contact__info { display: flex; flex-direction: column; gap: 1.2rem; }\r\n.contact__info-card { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; transition: all 0.4s ease; display: flex; align-items: center; gap: 1.2rem; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); }\r\n.contact__info-card:hover { transform: translateX(6px); border-color: #1c7ec9; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.08); }\r\n.contact__info-icon { width: 50px; height: 50px; border-radius: 14px; background: #f0f4f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s ease; }\r\n.contact__info-card:hover .contact__info-icon { background: #eef6fc; }\r\n.contact__info-icon i { font-size: 1.3rem; color: #1c7ec9; }\r\n.contact__info-content h4 { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #07294a; margin-bottom: 0.1rem; }\r\n.contact__info-content p, .contact__info-content a { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; text-decoration: none; transition: color 0.3s ease; }\r\n.contact__info-content a:hover { color: #1c7ec9; }\r\n.contact__hours { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); transition: all 0.4s ease; }\r\n.contact__hours:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__hours-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.8rem; }\r\n.contact__hours-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem 1rem; }\r\n.contact__hours-day { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #6b7f94; }\r\n.contact__hours-time { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #07294a; text-align: right; }\r\n.contact__hours-time .urgent { color: #1c7ec9; font-weight: 700; }\r\n.contact__map { border-radius: 16px; overflow: hidden; border: 1px solid #eef2f6; height: 200px; background: #f8fafc; transition: all 0.4s ease; }\r\n.contact__map:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__map iframe { width: 100%; height: 100%; border: none; }\r\n@media (max-width: 992px) {\r\n .contact__grid { grid-template-columns: 1fr; gap: 2rem; }\r\n .contact__form { padding: 2rem; }\r\n .contact__info { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; }\r\n .contact__map { height: 180px; }\r\n}\r\n@media (max-width: 768px) {\r\n .contact { padding: 3.5rem 1.5rem 4rem; min-height: auto; }\r\n .contact__form { padding: 1.5rem; border-radius: 16px; }\r\n .contact__form-row { grid-template-columns: 1fr; gap: 0; }\r\n .contact__info { grid-template-columns: 1fr; gap: 1rem; }\r\n .contact__info-card { padding: 1.2rem 1.5rem; }\r\n .contact__hours { padding: 1.2rem 1.5rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; gap: 0.3rem 0.8rem; }\r\n .contact__hours-day { font-size: 0.75rem; }\r\n .contact__hours-time { font-size: 0.75rem; }\r\n .contact__map { height: 150px; }\r\n .btn--contact { padding: 0.7rem 1.8rem; font-size: 0.75rem; }\r\n .contact__form-group--file .file-drop-zone { padding: 1rem; }\r\n .contact__form-group--file .file-drop-zone i { font-size: 1.5rem; }\r\n .contact__waves svg { height: 40px; }\r\n}\r\n@media (max-width: 480px) {\r\n .contact__form { padding: 1rem; }\r\n .contact__info-card { padding: 1rem; }\r\n .contact__info-icon { width: 40px; height: 40px; }\r\n .contact__info-icon i { font-size: 1rem; }\r\n .contact__hours { padding: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact\">\r\n <div class=\"contact__container\">\r\n\r\n <div class=\"contact__header\">\r\n <span class=\"contact__badge\"><span class=\"dot\"><\/span> Contactez-nous<\/span>\r\n <h2 class=\"contact__title\">Pret a <span class=\"highlight\">securiser<\/span> vos reseaux ?<\/h2>\r\n <p class=\"contact__subtitle\">Une question, un devis, une urgence ? Notre equipe est a votre ecoute 24h\/24 et 7j\/7.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact__grid\">\r\n\r\n \r\n <div class=\"contact__form\">\r\n <h3 class=\"contact__form-title\">Demandez un diagnostic<\/h3>\r\n <p class=\"contact__form-subtitle\">Remplissez le formulaire et nous vous recontacterons sous 24h.<\/p>\r\n\r\n \r\n <form id=\"contactForm\"\r\n action=\"https:\/\/formsubmit.co\/info-contact@btplus.fr\"\r\n method=\"POST\"\r\n enctype=\"multipart\/form-data\">\r\n\r\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de diagnostic - Site BT Plus\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n \r\n <input type=\"hidden\" name=\"_cc\" value=\"marketing@btgroup-france.com\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n \r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"nom\">Nom complet <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"nom\" name=\"Nom complet\" placeholder=\"Jean Dupont\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"email\">Email <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jean@exemple.fr\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"telephone\">Telephone <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"Telephone\" placeholder=\"01 23 45 67 89\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"cp\">Code postal<\/label>\r\n <input type=\"text\" id=\"cp\" name=\"Code postal\" placeholder=\"75000\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_batiment\">Type de batiment<\/label>\r\n <select id=\"type_batiment\" name=\"Type de batiment\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"copropriete\">Copropriete<\/option>\r\n <option value=\"syndic\">Syndic<\/option>\r\n <option value=\"bailleur\">Bailleur social<\/option>\r\n <option value=\"erp\">ERP (Etablissement recevant du public)<\/option>\r\n <option value=\"tertiaire\">Tertiaire (bureau, commerce)<\/option>\r\n <option value=\"collectivite\">Collectivite<\/option>\r\n <option value=\"particulier\">Particulier<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_besoin\">Type de besoin<\/label>\r\n <select id=\"type_besoin\" name=\"Type de besoin\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"urgence\">Urgence (debouchage, curage)<\/option>\r\n <option value=\"entretien\">Entretien preventif<\/option>\r\n <option value=\"diagnostic\">Diagnostic \/ Inspection<\/option>\r\n <option value=\"travaux\">Travaux \/ Renovation<\/option>\r\n <option value=\"contrat\">Contrat d'entretien<\/option>\r\n <option value=\"devis\">Demande de devis<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"Message\" placeholder=\"Decrivez votre situation...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group contact__form-group--file\">\r\n <label>Ajouter une photo <span style=\"font-weight:400;text-transform:none;color:#b0c0d0;\">(optionnel - une seule)<\/span><\/label>\r\n <div class=\"file-drop-zone\" id=\"fileDropZone\">\r\n <i class=\"fas fa-cloud-upload-alt\"><\/i>\r\n <p>Glissez une photo ici ou cliquez pour la selectionner<\/p>\r\n <div class=\"file-types\">JPG, PNG, GIF - une seule photo, 5MB max<\/div>\r\n <input type=\"file\" id=\"fileInput\" name=\"attachment\" accept=\"image\/*\" \/>\r\n <\/div>\r\n <div class=\"file-list\" id=\"fileList\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__consent\">\r\n <input type=\"checkbox\" id=\"consent\" name=\"Consentement RGPD\" value=\"J'accepte\" required \/>\r\n <label for=\"consent\">\r\n J'accepte que les informations saisies dans ce formulaire soient utilisees par BT Plus\r\n afin de traiter ma demande et de me recontacter. Conformement au RGPD, je dispose d'un\r\n droit d'acces, de rectification et de suppression de mes donnees, que je peux exercer en\r\n ecrivant a <a href=\"mailto:info-contact@btplus.fr\">info-contact@btplus.fr<\/a>.\r\n <a href=\"\/politique-de-confidentialite\" target=\"_blank\" rel=\"noopener\">En savoir plus<\/a>.\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn--contact\">\r\n Envoyer <span class=\"btn__icon\">→<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__info\">\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Telephone<\/h4><p><a href=\"tel:+331 86 95 77 77\">01 86 95 77 77<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Email<\/h4><p><a href=\"mailto:contact@btplus-intervention.fr\">info-contact@btplus.fr<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Adresse<\/h4><p>13 Rue Camille Desmoulins,\r\n92130 Issy-les-Moulineaux<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__hours\">\r\n <div class=\"contact__hours-title\">Horaires d'ouverture<\/div>\r\n <div class=\"contact__hours-grid\">\r\n <span class=\"contact__hours-day\">Lundi - Vendredi<\/span><span class=\"contact__hours-time\">08:00 - 20:00<\/span>\r\n <span class=\"contact__hours-day\">Samedi<\/span><span class=\"contact__hours-time\">09:00 - 18:00<\/span>\r\n <span class=\"contact__hours-day\">Dimanche & jours feries<\/span><span class=\"contact__hours-time\"><span class=\"urgent\">Urgence 24\/7<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__map\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2623.5!2d2.366!3d48.916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2f8e5c8b3d%3A0x8e5c8b3d47e66e2f!2sAubervilliers!5e0!3m2!1sfr!2sfr!4v1700000000000\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"w9\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs>\r\n <g class=\"wave-back\"><use href=\"#w9\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w9\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w9\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w9\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w9\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w9\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var fileInput = document.getElementById('fileInput');\r\n var fileList = document.getElementById('fileList');\r\n var dropZone = document.getElementById('fileDropZone');\r\n if (!fileInput || !dropZone) return;\r\n var perFileMax = 5 * 1024 * 1024;\r\n var totalMax = 10 * 1024 * 1024;\r\n\r\n function updateFileList(files) {\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach(function (file, index) {\r\n var item = document.createElement('span');\r\n item.className = 'file-item';\r\n var icon = file.type.indexOf('image\/') === 0 ? 'fa-image' : 'fa-file';\r\n item.innerHTML = '<i class=\"fas ' + icon + '\"><\/i><span>' + file.name + '<\/span><span class=\"file-remove\" data-index=\"' + index + '\"><i class=\"fas fa-times\"><\/i><\/span>';\r\n fileList.appendChild(item);\r\n });\r\n document.querySelectorAll('.file-remove').forEach(function (btn) {\r\n btn.addEventListener('click', function (e) {\r\n e.stopPropagation();\r\n var idx = parseInt(this.dataset.index);\r\n var dt = new DataTransfer();\r\n Array.from(fileInput.files).filter(function (_, i) { return i !== idx; }).forEach(function (f) { dt.items.add(f); });\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n });\r\n });\r\n }\r\n\r\n function applyFiles(candidate) {\r\n var valid = candidate.filter(function (f) { return f.type.indexOf('image\/') === 0 && f.size <= perFileMax; });\r\n if (candidate.length > 1) alert('Une seule photo peut etre envoyee. Seule la premiere a ete conservee.');\r\n else if (valid.length !== candidate.length) alert('Fichier ignore (image uniquement, 5MB max).');\r\n var dt = new DataTransfer();\r\n if (valid.length > 0) dt.items.add(valid[0]);\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n }\r\n\r\n dropZone.addEventListener('click', function (e) { if (e.target === this || e.target.closest('.file-drop-zone')) fileInput.click(); });\r\n fileInput.addEventListener('change', function () { applyFiles(Array.from(this.files)); });\r\n dropZone.addEventListener('dragover', function (e) { e.preventDefault(); this.classList.add('dragover'); });\r\n dropZone.addEventListener('dragleave', function (e) { e.preventDefault(); this.classList.remove('dragover'); });\r\n dropZone.addEventListener('drop', function (e) {\r\n e.preventDefault(); this.classList.remove('dragover');\r\n applyFiles(Array.from(e.dataTransfer.files));\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Curage Seine-Saint-Denis 93 | BT PLUS Intervention Urgence 24h\/24 Curage \/ Seine-Saint-Denis 93 Curage professionnel en Seine-Saint-Denis Curage Seine-Saint-Denis 93 Curage de canalisations en Seine-Saint-Denis : nettoyage en profondeur, hydrocurage et entretien de vos r\u00e9seaux. Intervention sous 1h \u00e0 Saint-Denis, Montreuil, Aubervilliers et dans tout le d\u00e9partement. + Curage Saint-Denis + Curage Montreuil + Curage […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-719","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/719","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=719"}],"version-history":[{"count":10,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/719\/revisions"}],"predecessor-version":[{"id":1732,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/719\/revisions\/1732"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}