Curage Seine-et-Marne 77 | BT PLUS Intervention Urgence 24h\/24<\/title>\r\n <meta name=\"description\" content=\"Curage Seine-et-Marne 77 : nettoyage en profondeur de vos canalisations et r\u00e9seaux. Intervention rapide \u00e0 Meaux, Chelles, Melun, Fontainebleau. 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-ET-MARNE\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-77 {\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-77 .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-77 .waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 100px;\r\n }\r\n\r\n .hero-curage-77 .waves .wave-back use {\r\n animation: wavemove 11s linear infinite;\r\n opacity: .55;\r\n }\r\n .hero-curage-77 .waves .wave-mid use {\r\n animation: wavemove 8s linear infinite reverse;\r\n opacity: .8;\r\n }\r\n .hero-curage-77 .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-77 .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-77 .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-77 .breadcrumb .sep {\r\n color: #d6ebfb;\r\n font-weight: 300;\r\n }\r\n\r\n .hero-curage-77 .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-77 .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-77 .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-77 .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-77 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-77 h1 .accent {\r\n color: #f4a61a;\r\n position: relative;\r\n }\r\n\r\n .hero-curage-77 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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .trust {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 24px;\r\n }\r\n\r\n .hero-curage-77 .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-77 .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-77 .visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .hero-curage-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .layout {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .hero-curage-77 .subtitle {\r\n max-width: 100%;\r\n }\r\n .hero-curage-77 .chips {\r\n justify-content: center;\r\n }\r\n .hero-curage-77 .cta-group {\r\n justify-content: center;\r\n }\r\n .hero-curage-77 .trust {\r\n justify-content: center;\r\n }\r\n .hero-curage-77 .visual .disc {\r\n width: min(320px, 80%);\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .hero-curage-77 {\r\n padding: 40px 0 100px;\r\n }\r\n .hero-curage-77 .container {\r\n padding: 0 20px;\r\n }\r\n .hero-curage-77 h1 {\r\n font-size: 1.8rem;\r\n }\r\n .hero-curage-77 .subtitle {\r\n font-size: 0.95rem;\r\n }\r\n .hero-curage-77 .cta-group {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n .hero-curage-77 .btn-primary,\r\n .hero-curage-77 .btn-secondary {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n .hero-curage-77 .visual .disc {\r\n width: min(260px, 80%);\r\n }\r\n .hero-curage-77 .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-77 .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-77 .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-77 .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-77\">\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-77\" 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-77\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w-curage-77\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w-curage-77\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w-curage-77\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w-curage-77\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w-curage-77\" 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-et-Marne 77<\/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-et-Marne<\/span>\r\n <\/div>\r\n\r\n \r\n <h1 class=\"reveal\">\r\n Curage <span class=\"accent\">Seine-et-Marne 77<\/span>\r\n <\/h1>\r\n\r\n \r\n <p class=\"subtitle reveal\">\r\n <strong>Curage de canalisations en Seine-et-Marne<\/strong> : nettoyage en profondeur, hydrocurage\r\n et entretien de vos r\u00e9seaux. Intervention <strong>sous 1h<\/strong> \u00e0 Meaux, Chelles,\r\n Melun, Fontainebleau 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 Meaux<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Curage Chelles<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Curage Melun<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Hydrocurage 77<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Nettoyage r\u00e9seaux 77<\/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-et-Marne 77 - 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-et-Marne 77<\/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 77<\/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-77 .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-890d627 e-con-full e-flex e-con e-parent\" data-id=\"890d627\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-624bb47 elementor-widget elementor-widget-html\" data-id=\"624bb47\" 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-ET-MARNE 77\r\n ============================================================ *\/\r\n\r\n .advantages-curage-77 {\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-77 .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-77 .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-77 .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-77 .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-77 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-adv-curage-77 {\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-77 .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-77 .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-77 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .advantages-curage-77 .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-77 .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-77 .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-77 .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-77 .grid {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n .advantages-curage-77 .section-title {\r\n font-size: 1.6rem;\r\n }\r\n }\r\n\r\n .advantages-curage-77 .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-77 .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-77 .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-77 .card:hover .card-icon {\r\n background: #f4a61a;\r\n color: #ffffff;\r\n }\r\n\r\n .advantages-curage-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77\">\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 77<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Le sp\u00e9cialiste du <span class=\"accent\">curage<\/span> en Seine-et-Marne\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-et-Marne.\r\n Des techniciens professionnels \u00e0 votre service \u00e0 Meaux, Chelles, Melun, Fontainebleau 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 tout le 77.\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-et-Marne.\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-et-Marne 77.\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 dans le 77.\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-77 .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-0f4692b e-con-full e-flex e-con e-parent\" data-id=\"0f4692b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da5bc48 elementor-widget elementor-widget-html\" data-id=\"da5bc48\" 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-3841c88 e-con-full e-flex e-con e-parent\" data-id=\"3841c88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-395173e elementor-widget elementor-widget-html\" data-id=\"395173e\" 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-ET-MARNE 77\r\n ============================================================ *\/\r\n\r\n .cities-curage-77 {\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-77 .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-77 .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-77 .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-77 .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-77 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-city-curage-77 {\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-77 .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-77 .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-77 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .cities-curage-77 .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-77 .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-77 .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-77 .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-77 .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-77 .grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n }\r\n .cities-curage-77 .section-title {\r\n font-size: 1.6rem;\r\n }\r\n }\r\n\r\n .cities-curage-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77\">\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-et-Marne<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Les villes du 77 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-et-Marne<\/strong> : nous couvrons l'ensemble des communes du 77.\r\n Intervention rapide \u00e0 <strong>Meaux, Chelles, Melun, Fontainebleau<\/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\">Meaux<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Curage urgent \u00e0 Meaux<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Chelles<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Intervention rapide \u00e0 Chelles<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Melun<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Curage canalisations \u00e0 Melun<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Fontainebleau<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Technicien pr\u00e8s de Fontainebleau<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Bussy-Saint-Georges<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Curage d'urgence \u00e0 Bussy<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Lognes<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Intervention \u00e0 Lognes<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Savigny-le-Temple<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Curage rapide \u00e0 Savigny<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Pontault-Combault<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Technicien \u00e0 Pontault<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Coulommiers<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Curage canalisations \u00e0 Coulommiers<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Nemours<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Intervention rapide \u00e0 Nemours<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Ozoir-la-Ferri\u00e8re<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Curage \u00e0 Ozoir<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Montereau-Fault-Yonne<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Technicien pr\u00e8s de Montereau<\/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\">514<\/div>\r\n <div class=\"stat-label\">Communes en Seine-et-Marne<\/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\">45 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-77 .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-f79b4fc e-con-full e-flex e-con e-parent\" data-id=\"f79b4fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7871ddf elementor-widget elementor-widget-html\" data-id=\"7871ddf\" 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-ET-MARNE 77\r\n ============================================================ *\/\r\n\r\n .seo-text-curage-77 {\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-77 .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-77 .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-77 .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-77 .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-77 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-seo-curage-77 {\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-77 .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-77 .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-77 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .seo-text-curage-77 .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-77 .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-77 .seo-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n }\r\n\r\n .seo-text-curage-77 .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-77 .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-77 .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-77 .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-77 .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-77 .seo-item p strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n .seo-text-curage-77 .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-77 .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-77 .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-77 .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-77 .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-77\">\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-et-Marne<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Curage Seine-et-Marne : <span class=\"accent\">un entretien essentiel pour vos r\u00e9seaux<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle reveal\">\r\n Un curage \u00e0 <strong>Meaux, Chelles, Melun, Fontainebleau<\/strong> ou ailleurs en Seine-et-Marne ?\r\n BT PLUS intervient dans tout le d\u00e9partement avec des techniciens chevronn\u00e9s et du mat\u00e9riel haute performance.\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>Pourquoi le curage est crucial en Seine-et-Marne ?<\/h4>\r\n <p>\r\n La Seine-et-Marne est un d\u00e9partement aux <strong>caract\u00e9ristiques vari\u00e9es<\/strong> : zones urbaines\r\n denses autour de Meaux et Chelles, communes pavillonnaires, vastes espaces ruraux et agricoles.\r\n Un <strong>curage r\u00e9gulier<\/strong> de vos canalisations garantit la <strong>p\u00e9rennit\u00e9<\/strong> de vos\r\n r\u00e9seaux, pr\u00e9vient les <strong>obstructions<\/strong> et limite les risques de <strong>d\u00e9g\u00e2ts des eaux<\/strong>.\r\n C'est une <strong>d\u00e9marche pr\u00e9ventive<\/strong> indispensable pour tous les types de propri\u00e9t\u00e9s.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Pr\u00e9vention<\/span>\r\n <span class=\"tag\">P\u00e9rennit\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>Les techniques de curage dans le 77<\/h4>\r\n <p>\r\n Nous utilisons des <strong>technologies de pointe<\/strong> pour vos op\u00e9rations de curage en Seine-et-Marne :\r\n <strong>hydrocurage haute pression<\/strong> pour d\u00e9loger les d\u00e9p\u00f4ts les plus tenaces,\r\n <strong>curage m\u00e9canique<\/strong> avec des outils rotatifs pour les obstructions r\u00e9sistantes,\r\n et <strong>inspection cam\u00e9ra<\/strong> pour un contr\u00f4le complet de l'\u00e9tat de vos canalisations.\r\n Une <strong>approche m\u00e9thodique et professionnelle<\/strong>.\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 vid\u00e9o<\/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>Un curage pr\u00e9ventif ou curatif en Seine-et-Marne<\/h4>\r\n <p>\r\n Le curage peut \u00eatre <strong>pr\u00e9ventif<\/strong> pour maintenir vos r\u00e9seaux en parfait \u00e9tat et\r\n anticiper les dysfonctionnements, ou <strong>curatif<\/strong> pour r\u00e9soudre une urgence.\r\n En Seine-et-Marne, nous recommandons un <strong>curage r\u00e9gulier<\/strong> tous les 2 \u00e0 3 ans,\r\n avec une <strong>intervention rapide<\/strong> d\u00e8s les premiers signes (\u00e9coulement ralenti,\r\n remont\u00e9es d'odeurs, gargouillements). Une <strong>gestion proactive<\/strong> de vos r\u00e9seaux.\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\">Intervention rapide<\/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 : votre partenaire curage en Seine-et-Marne<\/h4>\r\n <p>\r\n Fort d'une <strong>expertise reconnue<\/strong> en Seine-et-Marne, BT PLUS met \u00e0 votre disposition\r\n des <strong>techniciens qualifi\u00e9s<\/strong> et un <strong>\u00e9quipement dernier cri<\/strong>.\r\n Nous vous accompagnons avec <strong>transparence, efficacit\u00e9 et professionnalisme<\/strong>,\r\n pour des r\u00e9seaux d'assainissement en parfait \u00e9tat de fonctionnement.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Curage 77<\/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-77 .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-3bf82f1 e-con-full e-flex e-con e-parent\" data-id=\"3bf82f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc4ff44 elementor-widget elementor-widget-html\" data-id=\"bc4ff44\" 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-ET-MARNE 77\r\n ============================================================ *\/\r\n\r\n .services-connexes-curage-77 {\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-77 .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-77 .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-77 .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-77 .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-77 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-serv-curage-77 {\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-77 .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-77 .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-77 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .services-connexes-curage-77 .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-77 .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-77 .serv-grid {\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n }\r\n }\r\n\r\n .services-connexes-curage-77 .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-77 .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-77 .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-77 .serv-card:hover .serv-icon {\r\n background: #f4a61a;\r\n color: #ffffff;\r\n }\r\n\r\n .services-connexes-curage-77 .serv-card .serv-text {\r\n flex: 1;\r\n }\r\n\r\n .services-connexes-curage-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77\">\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-et-Marne<\/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 77. 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-et-Marne 77<\/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 77<\/div>\r\n <div class=\"serv-desc\">Vidange de fosses et bacs \u00e0 graisse en Seine-et-Marne.<\/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 77<\/div>\r\n <div class=\"serv-desc\">Diagnostic pr\u00e9cis de vos canalisations dans le 77.<\/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 77<\/div>\r\n <div class=\"serv-desc\">Service d'astreinte 24h\/24 en Seine-et-Marne.<\/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-77 .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-1810b35 e-con-full e-flex e-con e-parent\" data-id=\"1810b35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27ea981 elementor-widget elementor-widget-html\" data-id=\"27ea981\" 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-et-Marne 77 | BT PLUS Intervention Urgence 24h\/24 Curage \/ Seine-et-Marne 77 Curage professionnel en Seine-et-Marne Curage Seine-et-Marne 77 Curage de canalisations en Seine-et-Marne : nettoyage en profondeur, hydrocurage et entretien de vos r\u00e9seaux. Intervention sous 1h \u00e0 Meaux, Chelles, Melun, Fontainebleau et dans tout le d\u00e9partement. + Curage Meaux + Curage Chelles + […]<\/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-716","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/716","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=716"}],"version-history":[{"count":7,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/716\/revisions"}],"predecessor-version":[{"id":1729,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/716\/revisions\/1729"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=716"}],"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-et-Marne 77 | BT PLUS Intervention Urgence 24h\/24<\/title>\r\n <meta name=\"description\" content=\"Curage Seine-et-Marne 77 : nettoyage en profondeur de vos canalisations et r\u00e9seaux. Intervention rapide \u00e0 Meaux, Chelles, Melun, Fontainebleau. 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-ET-MARNE\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-77 {\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-77 .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-77 .waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 100px;\r\n }\r\n\r\n .hero-curage-77 .waves .wave-back use {\r\n animation: wavemove 11s linear infinite;\r\n opacity: .55;\r\n }\r\n .hero-curage-77 .waves .wave-mid use {\r\n animation: wavemove 8s linear infinite reverse;\r\n opacity: .8;\r\n }\r\n .hero-curage-77 .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-77 .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-77 .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-77 .breadcrumb .sep {\r\n color: #d6ebfb;\r\n font-weight: 300;\r\n }\r\n\r\n .hero-curage-77 .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-77 .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-77 .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-77 .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-77 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-77 h1 .accent {\r\n color: #f4a61a;\r\n position: relative;\r\n }\r\n\r\n .hero-curage-77 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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .trust {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 24px;\r\n }\r\n\r\n .hero-curage-77 .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-77 .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-77 .visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .hero-curage-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .layout {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .hero-curage-77 .subtitle {\r\n max-width: 100%;\r\n }\r\n .hero-curage-77 .chips {\r\n justify-content: center;\r\n }\r\n .hero-curage-77 .cta-group {\r\n justify-content: center;\r\n }\r\n .hero-curage-77 .trust {\r\n justify-content: center;\r\n }\r\n .hero-curage-77 .visual .disc {\r\n width: min(320px, 80%);\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .hero-curage-77 {\r\n padding: 40px 0 100px;\r\n }\r\n .hero-curage-77 .container {\r\n padding: 0 20px;\r\n }\r\n .hero-curage-77 h1 {\r\n font-size: 1.8rem;\r\n }\r\n .hero-curage-77 .subtitle {\r\n font-size: 0.95rem;\r\n }\r\n .hero-curage-77 .cta-group {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n .hero-curage-77 .btn-primary,\r\n .hero-curage-77 .btn-secondary {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n .hero-curage-77 .visual .disc {\r\n width: min(260px, 80%);\r\n }\r\n .hero-curage-77 .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-77 .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-77 .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-77 .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-77\">\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-77\" 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-77\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w-curage-77\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w-curage-77\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w-curage-77\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w-curage-77\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w-curage-77\" 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-et-Marne 77<\/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-et-Marne<\/span>\r\n <\/div>\r\n\r\n \r\n <h1 class=\"reveal\">\r\n Curage <span class=\"accent\">Seine-et-Marne 77<\/span>\r\n <\/h1>\r\n\r\n \r\n <p class=\"subtitle reveal\">\r\n <strong>Curage de canalisations en Seine-et-Marne<\/strong> : nettoyage en profondeur, hydrocurage\r\n et entretien de vos r\u00e9seaux. Intervention <strong>sous 1h<\/strong> \u00e0 Meaux, Chelles,\r\n Melun, Fontainebleau 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 Meaux<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Curage Chelles<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Curage Melun<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Hydrocurage 77<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Nettoyage r\u00e9seaux 77<\/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-et-Marne 77 - 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-et-Marne 77<\/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 77<\/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-77 .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-890d627 e-con-full e-flex e-con e-parent\" data-id=\"890d627\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-624bb47 elementor-widget elementor-widget-html\" data-id=\"624bb47\" 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-ET-MARNE 77\r\n ============================================================ *\/\r\n\r\n .advantages-curage-77 {\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-77 .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-77 .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-77 .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-77 .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-77 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-adv-curage-77 {\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-77 .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-77 .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-77 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .advantages-curage-77 .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-77 .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-77 .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-77 .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-77 .grid {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n .advantages-curage-77 .section-title {\r\n font-size: 1.6rem;\r\n }\r\n }\r\n\r\n .advantages-curage-77 .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-77 .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-77 .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-77 .card:hover .card-icon {\r\n background: #f4a61a;\r\n color: #ffffff;\r\n }\r\n\r\n .advantages-curage-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77\">\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 77<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Le sp\u00e9cialiste du <span class=\"accent\">curage<\/span> en Seine-et-Marne\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-et-Marne.\r\n Des techniciens professionnels \u00e0 votre service \u00e0 Meaux, Chelles, Melun, Fontainebleau 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 tout le 77.\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-et-Marne.\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-et-Marne 77.\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 dans le 77.\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-77 .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-0f4692b e-con-full e-flex e-con e-parent\" data-id=\"0f4692b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da5bc48 elementor-widget elementor-widget-html\" data-id=\"da5bc48\" 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-3841c88 e-con-full e-flex e-con e-parent\" data-id=\"3841c88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-395173e elementor-widget elementor-widget-html\" data-id=\"395173e\" 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-ET-MARNE 77\r\n ============================================================ *\/\r\n\r\n .cities-curage-77 {\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-77 .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-77 .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-77 .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-77 .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-77 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-city-curage-77 {\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-77 .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-77 .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-77 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .cities-curage-77 .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-77 .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-77 .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-77 .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-77 .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-77 .grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n }\r\n .cities-curage-77 .section-title {\r\n font-size: 1.6rem;\r\n }\r\n }\r\n\r\n .cities-curage-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77\">\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-et-Marne<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Les villes du 77 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-et-Marne<\/strong> : nous couvrons l'ensemble des communes du 77.\r\n Intervention rapide \u00e0 <strong>Meaux, Chelles, Melun, Fontainebleau<\/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\">Meaux<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Curage urgent \u00e0 Meaux<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Chelles<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Intervention rapide \u00e0 Chelles<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Melun<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Curage canalisations \u00e0 Melun<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Fontainebleau<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Technicien pr\u00e8s de Fontainebleau<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Bussy-Saint-Georges<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Curage d'urgence \u00e0 Bussy<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Lognes<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Intervention \u00e0 Lognes<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Savigny-le-Temple<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Curage rapide \u00e0 Savigny<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Pontault-Combault<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Technicien \u00e0 Pontault<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Coulommiers<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Curage canalisations \u00e0 Coulommiers<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Nemours<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Intervention rapide \u00e0 Nemours<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Ozoir-la-Ferri\u00e8re<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Curage \u00e0 Ozoir<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Montereau-Fault-Yonne<\/div>\r\n <span class=\"city-code\">77<\/span>\r\n <div class=\"city-desc\">Technicien pr\u00e8s de Montereau<\/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\">514<\/div>\r\n <div class=\"stat-label\">Communes en Seine-et-Marne<\/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\">45 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-77 .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-f79b4fc e-con-full e-flex e-con e-parent\" data-id=\"f79b4fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7871ddf elementor-widget elementor-widget-html\" data-id=\"7871ddf\" 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-ET-MARNE 77\r\n ============================================================ *\/\r\n\r\n .seo-text-curage-77 {\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-77 .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-77 .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-77 .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-77 .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-77 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-seo-curage-77 {\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-77 .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-77 .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-77 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .seo-text-curage-77 .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-77 .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-77 .seo-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n }\r\n\r\n .seo-text-curage-77 .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-77 .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-77 .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-77 .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-77 .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-77 .seo-item p strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n .seo-text-curage-77 .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-77 .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-77 .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-77 .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-77 .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-77\">\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-et-Marne<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Curage Seine-et-Marne : <span class=\"accent\">un entretien essentiel pour vos r\u00e9seaux<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle reveal\">\r\n Un curage \u00e0 <strong>Meaux, Chelles, Melun, Fontainebleau<\/strong> ou ailleurs en Seine-et-Marne ?\r\n BT PLUS intervient dans tout le d\u00e9partement avec des techniciens chevronn\u00e9s et du mat\u00e9riel haute performance.\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>Pourquoi le curage est crucial en Seine-et-Marne ?<\/h4>\r\n <p>\r\n La Seine-et-Marne est un d\u00e9partement aux <strong>caract\u00e9ristiques vari\u00e9es<\/strong> : zones urbaines\r\n denses autour de Meaux et Chelles, communes pavillonnaires, vastes espaces ruraux et agricoles.\r\n Un <strong>curage r\u00e9gulier<\/strong> de vos canalisations garantit la <strong>p\u00e9rennit\u00e9<\/strong> de vos\r\n r\u00e9seaux, pr\u00e9vient les <strong>obstructions<\/strong> et limite les risques de <strong>d\u00e9g\u00e2ts des eaux<\/strong>.\r\n C'est une <strong>d\u00e9marche pr\u00e9ventive<\/strong> indispensable pour tous les types de propri\u00e9t\u00e9s.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Pr\u00e9vention<\/span>\r\n <span class=\"tag\">P\u00e9rennit\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>Les techniques de curage dans le 77<\/h4>\r\n <p>\r\n Nous utilisons des <strong>technologies de pointe<\/strong> pour vos op\u00e9rations de curage en Seine-et-Marne :\r\n <strong>hydrocurage haute pression<\/strong> pour d\u00e9loger les d\u00e9p\u00f4ts les plus tenaces,\r\n <strong>curage m\u00e9canique<\/strong> avec des outils rotatifs pour les obstructions r\u00e9sistantes,\r\n et <strong>inspection cam\u00e9ra<\/strong> pour un contr\u00f4le complet de l'\u00e9tat de vos canalisations.\r\n Une <strong>approche m\u00e9thodique et professionnelle<\/strong>.\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 vid\u00e9o<\/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>Un curage pr\u00e9ventif ou curatif en Seine-et-Marne<\/h4>\r\n <p>\r\n Le curage peut \u00eatre <strong>pr\u00e9ventif<\/strong> pour maintenir vos r\u00e9seaux en parfait \u00e9tat et\r\n anticiper les dysfonctionnements, ou <strong>curatif<\/strong> pour r\u00e9soudre une urgence.\r\n En Seine-et-Marne, nous recommandons un <strong>curage r\u00e9gulier<\/strong> tous les 2 \u00e0 3 ans,\r\n avec une <strong>intervention rapide<\/strong> d\u00e8s les premiers signes (\u00e9coulement ralenti,\r\n remont\u00e9es d'odeurs, gargouillements). Une <strong>gestion proactive<\/strong> de vos r\u00e9seaux.\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\">Intervention rapide<\/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 : votre partenaire curage en Seine-et-Marne<\/h4>\r\n <p>\r\n Fort d'une <strong>expertise reconnue<\/strong> en Seine-et-Marne, BT PLUS met \u00e0 votre disposition\r\n des <strong>techniciens qualifi\u00e9s<\/strong> et un <strong>\u00e9quipement dernier cri<\/strong>.\r\n Nous vous accompagnons avec <strong>transparence, efficacit\u00e9 et professionnalisme<\/strong>,\r\n pour des r\u00e9seaux d'assainissement en parfait \u00e9tat de fonctionnement.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Curage 77<\/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-77 .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-3bf82f1 e-con-full e-flex e-con e-parent\" data-id=\"3bf82f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc4ff44 elementor-widget elementor-widget-html\" data-id=\"bc4ff44\" 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-ET-MARNE 77\r\n ============================================================ *\/\r\n\r\n .services-connexes-curage-77 {\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-77 .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-77 .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-77 .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-77 .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-77 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-serv-curage-77 {\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-77 .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-77 .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-77 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .services-connexes-curage-77 .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-77 .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-77 .serv-grid {\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n }\r\n }\r\n\r\n .services-connexes-curage-77 .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-77 .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-77 .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-77 .serv-card:hover .serv-icon {\r\n background: #f4a61a;\r\n color: #ffffff;\r\n }\r\n\r\n .services-connexes-curage-77 .serv-card .serv-text {\r\n flex: 1;\r\n }\r\n\r\n .services-connexes-curage-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77 .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-77\">\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-et-Marne<\/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 77. 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-et-Marne 77<\/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 77<\/div>\r\n <div class=\"serv-desc\">Vidange de fosses et bacs \u00e0 graisse en Seine-et-Marne.<\/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 77<\/div>\r\n <div class=\"serv-desc\">Diagnostic pr\u00e9cis de vos canalisations dans le 77.<\/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 77<\/div>\r\n <div class=\"serv-desc\">Service d'astreinte 24h\/24 en Seine-et-Marne.<\/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-77 .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-1810b35 e-con-full e-flex e-con e-parent\" data-id=\"1810b35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27ea981 elementor-widget elementor-widget-html\" data-id=\"27ea981\" 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-et-Marne 77 | BT PLUS Intervention Urgence 24h\/24 Curage \/ Seine-et-Marne 77 Curage professionnel en Seine-et-Marne Curage Seine-et-Marne 77 Curage de canalisations en Seine-et-Marne : nettoyage en profondeur, hydrocurage et entretien de vos r\u00e9seaux. Intervention sous 1h \u00e0 Meaux, Chelles, Melun, Fontainebleau et dans tout le d\u00e9partement. + Curage Meaux + Curage Chelles + […]<\/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-716","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/716","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=716"}],"version-history":[{"count":7,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/716\/revisions"}],"predecessor-version":[{"id":1729,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/716\/revisions\/1729"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}