Pompage Essonne 91 | BT PLUS Vidange Fosses & Bacs \u00e0 Graisse<\/title>\r\n <meta name=\"description\" content=\"Pompage Essonne 91 : vidange de fosses septiques, bacs \u00e0 graisse et curage de canalisations. Intervention rapide \u00e0 \u00c9vry-Courcouronnes, Massy, Savigny-sur-Orge, Sainte-Genevi\u00e8ve-des-Bois. 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 POMPAGE ESSONNE\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-pompage-91 {\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-pompage-91 .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-pompage-91 .waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 100px;\r\n }\r\n\r\n .hero-pompage-91 .waves .wave-back use {\r\n animation: wavemove 11s linear infinite;\r\n opacity: .55;\r\n }\r\n .hero-pompage-91 .waves .wave-mid use {\r\n animation: wavemove 8s linear infinite reverse;\r\n opacity: .8;\r\n }\r\n .hero-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .breadcrumb .sep {\r\n color: #d6ebfb;\r\n font-weight: 300;\r\n }\r\n\r\n .hero-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 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-pompage-91 h1 .accent {\r\n color: #f4a61a;\r\n position: relative;\r\n }\r\n\r\n .hero-pompage-91 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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .trust {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 24px;\r\n }\r\n\r\n .hero-pompage-91 .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-pompage-91 .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-pompage-91 .visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .hero-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .layout {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .hero-pompage-91 .subtitle {\r\n max-width: 100%;\r\n }\r\n .hero-pompage-91 .chips {\r\n justify-content: center;\r\n }\r\n .hero-pompage-91 .cta-group {\r\n justify-content: center;\r\n }\r\n .hero-pompage-91 .trust {\r\n justify-content: center;\r\n }\r\n .hero-pompage-91 .visual .disc {\r\n width: min(320px, 80%);\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .hero-pompage-91 {\r\n padding: 40px 0 100px;\r\n }\r\n .hero-pompage-91 .container {\r\n padding: 0 20px;\r\n }\r\n .hero-pompage-91 h1 {\r\n font-size: 1.8rem;\r\n }\r\n .hero-pompage-91 .subtitle {\r\n font-size: 0.95rem;\r\n }\r\n .hero-pompage-91 .cta-group {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n .hero-pompage-91 .btn-primary,\r\n .hero-pompage-91 .btn-secondary {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n .hero-pompage-91 .visual .disc {\r\n width: min(260px, 80%);\r\n }\r\n .hero-pompage-91 .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-pompage-91 .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-pompage-91 .reveal.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .hero-pompage-91 .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-pompage-91\">\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-pompage-91\" 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-pompage-91\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w-pompage-91\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w-pompage-91\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w-pompage-91\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w-pompage-91\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w-pompage-91\" 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\">Pompage<\/span>\r\n <span class=\"sep\">\/<\/span>\r\n <span class=\"current\">Essonne 91<\/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>Pompage professionnel dans l'Essonne<\/span>\r\n <\/div>\r\n\r\n \r\n <h1 class=\"reveal\">\r\n Pompage <span class=\"accent\">Essonne 91<\/span>\r\n <\/h1>\r\n\r\n \r\n <p class=\"subtitle reveal\">\r\n <strong>Pompage de fosses septiques et bacs \u00e0 graisse dans l'Essonne<\/strong> :\r\n vidange, nettoyage et entretien de vos installations. Intervention <strong>sous 1h<\/strong>\r\n \u00e0 \u00c9vry-Courcouronnes, Massy, Savigny-sur-Orge, Sainte-Genevi\u00e8ve-des-Bois 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> Pompage \u00c9vry-Courcouronnes<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Vidange fosses septiques 91<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Bacs \u00e0 graisse Essonne<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Pompage canalisations 91<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Vidange Essonne<\/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> \u00c9quipe certifi\u00e9e<\/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\/pompage-technicien-camion-2-300x200-1.jpg\"\r\n alt=\"Pompage Essonne 91 - Camion de pompage BT PLUS\"\r\n loading=\"lazy\" \/>\r\n <div class=\"overlay\"><\/div>\r\n <div class=\"disc-content\">\r\n <span class=\"badge\">Pompage 91<\/span>\r\n <div class=\"big-number\">\r\n 24\/7 <span>vidange<\/span>\r\n <\/div>\r\n <div class=\"desc\">Pompage dans l'Essonne<\/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-pompage-91 .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-cf5191f e-con-full e-flex e-con e-parent\" data-id=\"cf5191f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3329a39 elementor-widget elementor-widget-html\" data-id=\"3329a39\" 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 .advantages-pompage-91 {\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-pompage-91 .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 .advantages-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-adv-pompage-91 {\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-pompage-91 .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-pompage-91 .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-pompage-91 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .advantages-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .grid {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n .advantages-pompage-91 .section-title {\r\n font-size: 1.6rem;\r\n }\r\n }\r\n\r\n .advantages-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .card:hover .card-icon {\r\n background: #f4a61a;\r\n color: #ffffff;\r\n }\r\n\r\n .advantages-pompage-91 .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-pompage-91 .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-pompage-91 .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 .advantages-pompage-91 .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-pompage-91 .reveal.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .advantages-pompage-91 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section class=\"advantages-pompage-91\">\r\n <div class=\"container\">\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 pompage dans l'Essonne<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Le sp\u00e9cialiste de la <span class=\"accent\">vidange et du pompage<\/span> dans l'Essonne\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 pompage dans l'Essonne.\r\n Des techniciens sp\u00e9cialis\u00e9s \u00e0 votre service \u00e0 \u00c9vry-Courcouronnes, Massy, Savigny-sur-Orge, Sainte-Genevi\u00e8ve-des-Bois et partout dans le d\u00e9partement.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid\">\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 91.\r\n D\u00e9placement rapide pour vos vidanges et pompages.\r\n <\/div>\r\n <span class=\"card-tag\">Rapidit\u00e9<\/span>\r\n <\/div>\r\n\r\n <div class=\"card reveal\">\r\n <div class=\"card-icon\">2<\/div>\r\n <div class=\"card-title\">Mat\u00e9riel haute capacit\u00e9<\/div>\r\n <div class=\"card-desc\">\r\n Camions de pompage puissants adapt\u00e9s \u00e0 tous types\r\n d'installations (fosses, bacs, canalisations).\r\n <\/div>\r\n <span class=\"card-tag\">Performance<\/span>\r\n <\/div>\r\n\r\n <div class=\"card reveal\">\r\n <div class=\"card-icon\">3<\/div>\r\n <div class=\"card-title\">\u00c9quipe certifi\u00e9e<\/div>\r\n <div class=\"card-desc\">\r\n Techniciens qualifi\u00e9s et exp\u00e9riment\u00e9s dans le pompage\r\n et la vidange dans l'Essonne.\r\n <\/div>\r\n <span class=\"card-tag\">Expertise<\/span>\r\n <\/div>\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 pompages urgents.\r\n <\/div>\r\n <span class=\"card-tag\">Disponibilit\u00e9<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const reveal = document.querySelectorAll('.advantages-pompage-91 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\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-13a5c99 e-con-full e-flex e-con e-parent\" data-id=\"13a5c99\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6b045b elementor-widget elementor-widget-html\" data-id=\"e6b045b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800;900&family=Sora:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n\r\n<style>\r\n.galerie-carrousel {\r\n --b900: #07294a;\r\n --or: #f4a61a;\r\n --slate: #48637d;\r\n --line: #eef2f5;\r\n \r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n font-family: 'Inter', sans-serif;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Vague d\u00e9corative *\/\r\n.galerie-carrousel::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,80 600,0 900,40 C1050,60 1150,40 1200,40 L1200,80 L0,80 Z' fill='%23d6ebfb' opacity='0.3'\/%3E%3C\/svg%3E\") no-repeat bottom \/ 100% 100%;\r\n pointer-events: none;\r\n}\r\n\r\n.galerie-carrousel .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\/* HEADER *\/\r\n.galerie-carrousel .header {\r\n text-align: center;\r\n margin-bottom: 44px;\r\n}\r\n\r\n.galerie-carrousel .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.galerie-carrousel .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n}\r\n\r\n@keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n}\r\n\r\n.galerie-carrousel .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n}\r\n\r\n.galerie-carrousel .title span {\r\n color: #f4a61a;\r\n}\r\n\r\n.galerie-carrousel .subtitle {\r\n font-size: 1.05rem;\r\n color: #48637d;\r\n max-width: 620px;\r\n margin: 12px auto 0;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* ============================================================\r\n CARROUSEL CONTINU\r\n ============================================================ *\/\r\n.galerie-carrousel .carousel-wrapper {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 20px;\r\n}\r\n\r\n.galerie-carrousel .carousel-track {\r\n display: flex;\r\n gap: 16px;\r\n animation: scrollCarousel 30s linear infinite;\r\n will-change: transform;\r\n width: max-content;\r\n}\r\n\r\n.galerie-carrousel .carousel-track:hover {\r\n animation-play-state: paused;\r\n}\r\n\r\n@keyframes scrollCarousel {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 220px;\r\n aspect-ratio: 1\/1;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n position: relative;\r\n background: #07294a;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 16px rgba(7, 41, 74, 0.06);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 12px 40px rgba(7, 41, 74, 0.15);\r\n z-index: 2;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover img {\r\n transform: scale(1.05);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide .ville {\r\n position: absolute;\r\n bottom: 12px;\r\n left: 12px;\r\n right: 12px;\r\n background: rgba(7, 41, 74, 0.75);\r\n backdrop-filter: blur(4px);\r\n padding: 6px 14px;\r\n border-radius: 999px;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n color: #fff;\r\n text-align: center;\r\n opacity: 0;\r\n transform: translateY(10px);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover .ville {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide .zoom-icon {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n background: rgba(0, 0, 0, 0.5);\r\n backdrop-filter: blur(4px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fff;\r\n font-size: 0.7rem;\r\n opacity: 0;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover .zoom-icon {\r\n opacity: 1;\r\n}\r\n\r\n\/* ============================================================\r\n INDICATEURS\r\n ============================================================ *\/\r\n.galerie-carrousel .indicators {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 28px;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--line);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots .dot.active {\r\n background: var(--or);\r\n width: 24px;\r\n border-radius: 999px;\r\n}\r\n\r\n.galerie-carrousel .indicators .counter {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.8rem;\r\n color: var(--slate);\r\n font-weight: 500;\r\n}\r\n\r\n.galerie-carrousel .indicators .pause-btn {\r\n background: none;\r\n border: none;\r\n color: var(--slate);\r\n font-size: 1rem;\r\n cursor: pointer;\r\n transition: color 0.3s ease;\r\n padding: 4px 8px;\r\n}\r\n\r\n.galerie-carrousel .indicators .pause-btn:hover {\r\n color: var(--or);\r\n}\r\n\r\n\/* ============================================================\r\n MODALE\r\n ============================================================ *\/\r\n.galerie-carrousel .modal {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n z-index: 9999;\r\n background: rgba(7, 41, 74, 0.92);\r\n backdrop-filter: blur(8px);\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px;\r\n animation: modalFade 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .modal.open {\r\n display: flex;\r\n}\r\n\r\n@keyframes modalFade {\r\n from { opacity: 0; transform: scale(0.95); }\r\n to { opacity: 1; transform: scale(1); }\r\n}\r\n\r\n.galerie-carrousel .modal .modal-content {\r\n position: relative;\r\n max-width: 90vw;\r\n max-height: 85vh;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.galerie-carrousel .modal .modal-content img {\r\n width: 100%;\r\n height: auto;\r\n max-height: 85vh;\r\n object-fit: contain;\r\n display: block;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-close {\r\n position: absolute;\r\n top: -50px;\r\n right: 0;\r\n background: none;\r\n border: none;\r\n color: #fff;\r\n font-size: 2rem;\r\n cursor: pointer;\r\n transition: transform 0.3s ease;\r\n opacity: 0.7;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-close:hover {\r\n transform: rotate(90deg);\r\n opacity: 1;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-ville {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: rgba(0, 0, 0, 0.6);\r\n backdrop-filter: blur(4px);\r\n padding: 8px 24px;\r\n border-radius: 999px;\r\n color: #fff;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n}\r\n\r\n\/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n@media (max-width: 992px) {\r\n .galerie-carrousel .container {\r\n padding: 0 30px;\r\n }\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 180px;\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .galerie-carrousel {\r\n padding: 60px 0 80px;\r\n }\r\n .galerie-carrousel .container {\r\n padding: 0 16px;\r\n }\r\n .galerie-carrousel .carousel-track {\r\n gap: 10px;\r\n }\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 150px;\r\n border-radius: 12px;\r\n }\r\n .galerie-carrousel .carousel-track .slide .ville {\r\n font-size: 0.6rem;\r\n padding: 4px 10px;\r\n bottom: 8px;\r\n left: 8px;\r\n right: 8px;\r\n }\r\n .galerie-carrousel .carousel-track .slide .zoom-icon {\r\n display: none;\r\n }\r\n .galerie-carrousel .modal {\r\n padding: 16px;\r\n }\r\n .galerie-carrousel .modal .modal-close {\r\n top: -40px;\r\n font-size: 1.5rem;\r\n }\r\n .galerie-carrousel .modal .modal-ville {\r\n font-size: 0.7rem;\r\n padding: 4px 16px;\r\n bottom: 12px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 130px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"galerie-carrousel\">\r\n <div class=\"container\">\r\n \r\n \r\n <div class=\"header\">\r\n <span class=\"pill\">\r\n <span class=\"dot\"><\/span>\r\n Galerie BT Plus\r\n <\/span>\r\n <h2 class=\"title\">\r\n INTERVENTIONS <span>POMPAGE<\/span><br>EN IMAGES\r\n <\/h2>\r\n <p class=\"subtitle\">\r\n D\u00e9couvrez nos chantiers r\u00e9cents : fosses septiques, bacs \u00e0 graisse, hydrocurage et pompage de relevage.\r\n Cliquez sur une photo pour l'agrandir.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-wrapper\">\r\n <div class=\"carousel-track\" id=\"carouselTrack\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"indicators\">\r\n <div class=\"dots\" id=\"dotsContainer\"><\/div>\r\n <span class=\"counter\" id=\"counter\">1 \/ 5<\/span>\r\n <button class=\"pause-btn\" id=\"pauseBtn\" aria-label=\"Pause \/ Play\">\r\n <i class=\"fas fa-pause\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"modal\" id=\"modal\">\r\n <div class=\"modal-content\">\r\n <button class=\"modal-close\" id=\"modalClose\">×<\/button>\r\n <img decoding=\"async\" id=\"modalImg\" src=\"\" alt=\"Intervention pompage\">\r\n <div class=\"modal-ville\" id=\"modalVille\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n\r\n \/\/ ============================================================\r\n \/\/ DONN\u00c9ES \u2014 Photos de pompage (5 photos)\r\n \/\/ ============================================================\r\n const photos = [\r\n {\r\n src: 'https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2021\/09\/WhatsApp-Image-2021-07-20-at-22.01.25-3.jpeg',\r\n ville: 'Hydrocurage - Paris 15e'\r\n },\r\n {\r\n src: 'https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2021\/09\/WhatsApp-Image-2021-07-20-at-22.01.25-2.jpeg',\r\n ville: 'Vidange fosse - Boulogne'\r\n },\r\n {\r\n src: 'https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2021\/09\/Entretien-Pompage-Fosse-1.jpeg',\r\n ville: 'Entretien pompage - Nanterre'\r\n },\r\n {\r\n src: 'https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2021\/09\/Entretien-Pompage-Fosse-4.jpeg',\r\n ville: 'Pompage bac \u00e0 graisse - Boulogne'\r\n },\r\n {\r\n src: 'https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2021\/09\/WhatsApp-Image-2021-07-28-at-13.49.30.jpeg',\r\n ville: 'Pompage relevage - Levallois'\r\n }\r\n ];\r\n\r\n \/\/ ============================================================\r\n \/\/ \u00c9L\u00c9MENTS\r\n \/\/ ============================================================\r\n const track = document.getElementById('carouselTrack');\r\n const dotsContainer = document.getElementById('dotsContainer');\r\n const counter = document.getElementById('counter');\r\n const pauseBtn = document.getElementById('pauseBtn');\r\n const modal = document.getElementById('modal');\r\n const modalImg = document.getElementById('modalImg');\r\n const modalVille = document.getElementById('modalVille');\r\n const modalClose = document.getElementById('modalClose');\r\n\r\n let isPaused = false;\r\n let currentIndex = 0;\r\n const totalSlides = photos.length;\r\n const slidesPerView = 5;\r\n\r\n \/\/ ============================================================\r\n \/\/ G\u00c9N\u00c9RER LES SLIDES (doubl\u00e9es pour l'effet infini)\r\n \/\/ ============================================================\r\n function renderSlides() {\r\n track.innerHTML = '';\r\n \/\/ Doubler les photos pour l'effet continu\r\n const allPhotos = [...photos, ...photos];\r\n allPhotos.forEach((photo, index) => {\r\n const slide = document.createElement('div');\r\n slide.className = 'slide';\r\n slide.setAttribute('data-index', index % photos.length);\r\n \r\n slide.innerHTML = `\r\n <img decoding=\"async\" src=\"${photo.src}\" alt=\"${photo.ville}\" loading=\"lazy\">\r\n <div class=\"ville\">${photo.ville}<\/div>\r\n <div class=\"zoom-icon\"><i class=\"fas fa-expand\"><\/i><\/div>\r\n `;\r\n \r\n slide.addEventListener('click', function() {\r\n const idx = parseInt(this.getAttribute('data-index'));\r\n openModal(idx);\r\n });\r\n \r\n track.appendChild(slide);\r\n });\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ G\u00c9N\u00c9RER LES DOTS\r\n \/\/ ============================================================\r\n function renderDots() {\r\n dotsContainer.innerHTML = '';\r\n for (let i = 0; i < totalSlides; i++) {\r\n const dot = document.createElement('span');\r\n dot.className = 'dot' + (i === 0 ? ' active' : '');\r\n dot.setAttribute('data-index', i);\r\n dot.addEventListener('click', function() {\r\n const idx = parseInt(this.getAttribute('data-index'));\r\n goToSlide(idx);\r\n });\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ NAVIGATION VERS UNE PHOTO SP\u00c9CIFIQUE\r\n \/\/ ============================================================\r\n function goToSlide(index) {\r\n currentIndex = index;\r\n const slideWidth = 220 + 16; \/\/ largeur + gap\r\n const offset = -(index * slideWidth);\r\n \/\/ Animation manuelle\r\n track.style.animation = 'none';\r\n track.style.transform = `translateX(${offset}px)`;\r\n \/\/ R\u00e9activer l'animation apr\u00e8s un d\u00e9lai\r\n setTimeout(() => {\r\n track.style.animation = '';\r\n track.style.transform = '';\r\n }, 50);\r\n updateDots();\r\n updateCounter();\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ MISE \u00c0 JOUR DES INDICATEURS\r\n \/\/ ============================================================\r\n function updateDots() {\r\n const dots = dotsContainer.querySelectorAll('.dot');\r\n dots.forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentIndex);\r\n });\r\n }\r\n\r\n function updateCounter() {\r\n counter.textContent = `${currentIndex + 1} \/ ${totalSlides}`;\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ PAUSE \/ PLAY\r\n \/\/ ============================================================\r\n function togglePause() {\r\n isPaused = !isPaused;\r\n if (isPaused) {\r\n track.style.animationPlayState = 'paused';\r\n pauseBtn.innerHTML = '<i class=\"fas fa-play\"><\/i>';\r\n } else {\r\n track.style.animationPlayState = 'running';\r\n pauseBtn.innerHTML = '<i class=\"fas fa-pause\"><\/i>';\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ MODALE\r\n \/\/ ============================================================\r\n function openModal(index) {\r\n const photo = photos[index];\r\n modalImg.src = photo.src;\r\n modalImg.alt = photo.ville;\r\n modalVille.textContent = photo.ville;\r\n modal.classList.add('open');\r\n document.body.style.overflow = 'hidden';\r\n track.style.animationPlayState = 'paused';\r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('open');\r\n document.body.style.overflow = '';\r\n if (!isPaused) {\r\n track.style.animationPlayState = 'running';\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ SYNC DOTS AVEC L'ANIMATION\r\n \/\/ ============================================================\r\n function syncWithScroll() {\r\n const slideWidth = 220 + 16;\r\n const scrollPosition = Math.abs(parseFloat(track.style.transform.replace('translateX(', '').replace('px)', ''))) || 0;\r\n const approxIndex = Math.round(scrollPosition \/ slideWidth) % totalSlides;\r\n if (approxIndex !== currentIndex) {\r\n currentIndex = approxIndex;\r\n updateDots();\r\n updateCounter();\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ \u00c9V\u00c9NEMENTS\r\n \/\/ ============================================================\r\n pauseBtn.addEventListener('click', togglePause);\r\n modalClose.addEventListener('click', closeModal);\r\n modal.addEventListener('click', function(e) {\r\n if (e.target === this) closeModal();\r\n });\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') closeModal();\r\n });\r\n\r\n \/\/ Synchro p\u00e9riodique\r\n setInterval(syncWithScroll, 2000);\r\n\r\n \/\/ ============================================================\r\n \/\/ INITIALISATION\r\n \/\/ ============================================================\r\n renderSlides();\r\n renderDots();\r\n updateCounter();\r\n\r\n \/\/ Fallback images\r\n document.querySelectorAll('img').forEach(img => {\r\n img.addEventListener('error', function() {\r\n if (!this.hasAttribute('data-fallback')) {\r\n this.setAttribute('data-fallback', 'true');\r\n this.src = 'data:image\/svg+xml,%3Csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"400\" height=\"400\"%3E%3Crect fill=\"%2307294a\" width=\"400\" height=\"400\"\/%3E%3Ctext x=\"200\" y=\"200\" text-anchor=\"middle\" font-family=\"Sora\" font-size=\"24\" fill=\"%23f4a61a\"%3EBT Plus%3C\/text%3E%3C\/svg%3E';\r\n }\r\n });\r\n });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a256fa5 e-con-full e-flex e-con e-parent\" data-id=\"a256fa5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9905b38 elementor-widget elementor-widget-html\" data-id=\"9905b38\" 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 .cities-pompage-91 {\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-pompage-91 .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 .cities-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-city-pompage-91 {\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-pompage-91 .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-pompage-91 .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-pompage-91 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .cities-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n }\r\n .cities-pompage-91 .section-title {\r\n font-size: 1.6rem;\r\n }\r\n }\r\n\r\n .cities-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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 .cities-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .stats-bar .stat-divider {\r\n display: none;\r\n }\r\n }\r\n\r\n .cities-pompage-91 .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-pompage-91 .reveal.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .cities-pompage-91 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section class=\"cities-pompage-91\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <div class=\"section-badge reveal\">\r\n <span class=\"dot\"><\/span>\r\n <span>Pompage dans l'Essonne<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Les villes du 91 o\u00f9 nous r\u00e9alisons <span class=\"accent\">des pompages et vidanges<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle reveal\">\r\n <strong>Pompage dans l'Essonne<\/strong> : nous couvrons l'ensemble des communes du 91.\r\n Intervention rapide \u00e0 <strong>\u00c9vry-Courcouronnes, Massy, Savigny-sur-Orge, Sainte-Genevi\u00e8ve-des-Bois<\/strong> et dans tout le d\u00e9partement.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid\">\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">\u00c9vry-Courcouronnes<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Vidange \u00e0 \u00c9vry<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Massy<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Pompage \u00e0 Massy<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Savigny-sur-Orge<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Vidange \u00e0 Savigny<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Sainte-Genevi\u00e8ve-des-Bois<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Pompage \u00e0 Ste-Genevi\u00e8ve<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Palaiseau<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Vidange \u00e0 Palaiseau<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Vigneux-sur-Seine<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Pompage \u00e0 Vigneux<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Ris-Orangis<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Vidange \u00e0 Ris-Orangis<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Les Ulis<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Pompage aux Ulis<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Orsay<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Vidange \u00e0 Orsay<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Corbeil-Essonnes<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Pompage \u00e0 Corbeil<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Viry-Ch\u00e2tillon<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Vidange \u00e0 Viry-Ch\u00e2tillon<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Grigny<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Pompage \u00e0 Grigny<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stats-bar reveal\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">194<\/div>\r\n <div class=\"stat-label\">Communes dans l'Essonne<\/div>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">24\/7<\/div>\r\n <div class=\"stat-label\">Service d'astreinte permanent<\/div>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">35 min<\/div>\r\n <div class=\"stat-label\">D\u00e9lai moyen d'intervention<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const reveal = document.querySelectorAll('.cities-pompage-91 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\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-2fe1047 e-con-full e-flex e-con e-parent\" data-id=\"2fe1047\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63c5715 elementor-widget elementor-widget-html\" data-id=\"63c5715\" 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 .seo-text-pompage-91 {\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-pompage-91 .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 .seo-text-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-seo-pompage-91 {\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-pompage-91 .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-pompage-91 .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-pompage-91 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .seo-text-pompage-91 .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 .seo-text-pompage-91 .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-pompage-91 .seo-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n }\r\n\r\n .seo-text-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .seo-item p strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n .seo-text-pompage-91 .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-pompage-91 .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 .seo-text-pompage-91 .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-pompage-91 .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-pompage-91 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section class=\"seo-text-pompage-91\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <div class=\"section-badge reveal\">\r\n <span class=\"dot\"><\/span>\r\n <span>Le pompage dans l'Essonne<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Pompage Essonne : <span class=\"accent\">une vidange professionnelle pour un territoire en mutation<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle reveal\">\r\n Un pompage \u00e0 <strong>\u00c9vry-Courcouronnes, Massy, Savigny-sur-Orge, Sainte-Genevi\u00e8ve-des-Bois<\/strong> ou ailleurs dans l'Essonne ?\r\n BT PLUS intervient dans tout le d\u00e9partement avec des techniciens sp\u00e9cialis\u00e9s et du mat\u00e9riel haute capacit\u00e9.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"seo-grid\">\r\n <div class=\"seo-item reveal\">\r\n <div class=\"seo-icon\">\u2713<\/div>\r\n <h4>Pourquoi r\u00e9aliser un pompage dans l'Essonne ?<\/h4>\r\n <p>\r\n L'Essonne est un d\u00e9partement en <strong>pleine mutation<\/strong>, \u00e0 la crois\u00e9e des\r\n <strong>p\u00f4les technologiques<\/strong> de Saclay et des <strong>espaces ruraux<\/strong>\r\n du sud du d\u00e9partement. Cette <strong>diversit\u00e9 des territoires<\/strong> implique une\r\n <strong>grande vari\u00e9t\u00e9 de r\u00e9seaux d'assainissement<\/strong>, des zones urbaines denses\r\n aux secteurs plus agricoles. Un <strong>pompage r\u00e9gulier<\/strong> de vos fosses septiques\r\n et bacs \u00e0 graisse est <strong>indispensable<\/strong> pour garantir le bon fonctionnement\r\n de vos installations et <strong>pr\u00e9venir les d\u00e9sordres<\/strong>.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Territoire en mutation<\/span>\r\n <span class=\"tag\">Diversit\u00e9 des r\u00e9seaux<\/span>\r\n <span class=\"tag\">Pr\u00e9vention<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"seo-item reveal\">\r\n <div class=\"seo-icon\">\u2713<\/div>\r\n <h4>Comment se d\u00e9roule une intervention de pompage dans l'Essonne ?<\/h4>\r\n <p>\r\n Nos <strong>camions de pompage haute capacit\u00e9<\/strong> se d\u00e9placent chez vous pour\r\n <strong>vidanger<\/strong> vos fosses septiques, bacs \u00e0 graisse ou canalisations.\r\n Nous utilisons des <strong>\u00e9quipements professionnels<\/strong> pour assurer une\r\n <strong>vidange compl\u00e8te<\/strong> et conforme aux normes environnementales.\r\n Vous recevez un <strong>certificat de vidange<\/strong> pour justifier de l'entretien\r\n de vos installations aupr\u00e8s des autorit\u00e9s comp\u00e9tentes.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Haute capacit\u00e9<\/span>\r\n <span class=\"tag\">Certificat de vidange<\/span>\r\n <span class=\"tag\">Conformit\u00e9<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"seo-item reveal\">\r\n <div class=\"seo-icon\">\u2713<\/div>\r\n <h4>Quand faire appel \u00e0 un service de pompage dans l'Essonne ?<\/h4>\r\n <p>\r\n Dans l'Essonne, il est recommand\u00e9 de <strong>vidanger<\/strong> votre fosse septique\r\n tous les <strong>3 \u00e0 4 ans<\/strong> et vos bacs \u00e0 graisse <strong>tous les 6 mois<\/strong>\r\n \u00e0 1 an selon votre activit\u00e9. Un <strong>pompage pr\u00e9ventif<\/strong> permet d'\r\n <strong>\u00e9viter les obstructions<\/strong> et les <strong>d\u00e9bordements<\/strong>\r\n qui peuvent causer des <strong>d\u00e9g\u00e2ts<\/strong> importants et des <strong>sanctions<\/strong>\r\n en cas de non-conformit\u00e9 avec la r\u00e9glementation.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Pr\u00e9ventif<\/span>\r\n <span class=\"tag\">R\u00e9glementation<\/span>\r\n <span class=\"tag\">P\u00e9rennit\u00e9<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"seo-item reveal\">\r\n <div class=\"seo-icon\">\u2713<\/div>\r\n <h4>BT PLUS : votre expert pompage dans l'Essonne<\/h4>\r\n <p>\r\n BT PLUS est un <strong>acteur de r\u00e9f\u00e9rence<\/strong> du pompage dans l'Essonne.\r\n Nos <strong>techniciens exp\u00e9riment\u00e9s<\/strong> connaissent parfaitement les sp\u00e9cificit\u00e9s\r\n des r\u00e9seaux du 91 et interviennent avec <strong>r\u00e9activit\u00e9<\/strong> sur l'ensemble\r\n du territoire. Nous vous offrons un service <strong>transparent<\/strong> et des\r\n <strong>vidanges conformes<\/strong> pour l'entretien de vos installations.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Pompage 91<\/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 <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const reveal = document.querySelectorAll('.seo-text-pompage-91 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\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-ddb0a68 e-con-full e-flex e-con e-parent\" data-id=\"ddb0a68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e042311 elementor-widget elementor-widget-html\" data-id=\"e042311\" 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 .services-connexes-pompage-91 {\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-pompage-91 .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 .services-connexes-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-serv-pompage-91 {\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-pompage-91 .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-pompage-91 .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-pompage-91 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .services-connexes-pompage-91 .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 .services-connexes-pompage-91 .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-pompage-91 .serv-grid {\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n }\r\n }\r\n\r\n .services-connexes-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .serv-card:hover .serv-icon {\r\n background: #f4a61a;\r\n color: #ffffff;\r\n }\r\n\r\n .services-connexes-pompage-91 .serv-card .serv-text {\r\n flex: 1;\r\n }\r\n\r\n .services-connexes-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .serv-card:hover .serv-arrow {\r\n color: #f4a61a;\r\n transform: translateX(4px);\r\n }\r\n\r\n .services-connexes-pompage-91 .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-pompage-91 .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-pompage-91 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section class=\"services-connexes-pompage-91\">\r\n <div class=\"container\">\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 dans l'Essonne<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle reveal\">\r\n Au-del\u00e0 du pompage, BT PLUS vous accompagne dans tous vos besoins\r\n d'assainissement dans le d\u00e9partement 91. D\u00e9couvrez nos autres prestations.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"serv-grid\">\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 Essonne 91<\/div>\r\n <div class=\"serv-desc\">Diagnostic vid\u00e9o de vos canalisations.<\/div>\r\n <\/div>\r\n <span class=\"serv-arrow\">\u2192<\/span>\r\n <\/a>\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 Essonne 91<\/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 <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\">Curage Essonne 91<\/div>\r\n <div class=\"serv-desc\">Nettoyage en profondeur de vos canalisations.<\/div>\r\n <\/div>\r\n <span class=\"serv-arrow\">\u2192<\/span>\r\n <\/a>\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 assainissement 91<\/div>\r\n <div class=\"serv-desc\">Service d'astreinte 24h\/24 dans l'Essonne.<\/div>\r\n <\/div>\r\n <span class=\"serv-arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const reveal = document.querySelectorAll('.services-connexes-pompage-91 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\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-9a1336f e-con-full e-flex e-con e-parent\" data-id=\"9a1336f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f05cb9a elementor-widget elementor-widget-html\" data-id=\"f05cb9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>BT Plus \u2014 Contact<\/title>\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 <style>\r\n \/* ============================================\r\n RESET & BASE\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-color: #ffffff;\r\n color: #0a1a2b;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ============================================\r\n SECTION CONTACT - AVEC LE FOND HERO\r\n ============================================ *\/\r\n .contact {\r\n padding: 5rem 5% 6rem;\r\n position: relative;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n \/* ===== M\u00caME FOND QUE LA HERO ===== *\/\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 \/* ================================== *\/\r\n overflow: hidden;\r\n }\r\n\r\n \/* Vagues anim\u00e9es en bas *\/\r\n .contact__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: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .contact__waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 80px;\r\n }\r\n\r\n .contact__waves .wave-back use {\r\n animation: wavemove 11s linear infinite;\r\n opacity: 0.55;\r\n }\r\n .contact__waves .wave-mid use {\r\n animation: wavemove 8s linear infinite reverse;\r\n opacity: 0.8;\r\n }\r\n .contact__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 .contact__container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n width: 100%;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ============================================\r\n EN-T\u00caTE\r\n ============================================ *\/\r\n .contact__header {\r\n text-align: center;\r\n max-width: 780px;\r\n margin: 0 auto 3.5rem;\r\n }\r\n\r\n .contact__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n padding: 0.4rem 1.4rem 0.4rem 1rem;\r\n border-radius: 2rem;\r\n background: rgba(28, 126, 201, 0.07);\r\n color: #1c7ec9;\r\n border: 1px solid rgba(28, 126, 201, 0.12);\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .contact__badge .dot {\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: #1c7ec9;\r\n animation: pulseDot 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulseDot {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.3; transform: scale(0.6); }\r\n }\r\n\r\n .contact__title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(2rem, 3.6vw, 3.2rem);\r\n letter-spacing: -0.03em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .contact__title .highlight {\r\n background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .contact__subtitle {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.1vw, 1.15rem);\r\n color: #6b7f94;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ============================================\r\n GRILLE PRINCIPALE\r\n ============================================ *\/\r\n .contact__grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 3rem;\r\n align-items: start;\r\n }\r\n\r\n \/* ============================================\r\n FORMULAIRE - CARTE BLANCHE\r\n ============================================ *\/\r\n .contact__form {\r\n background: #ffffff;\r\n border-radius: 24px;\r\n padding: 2.5rem;\r\n border: 1px solid #eef2f6;\r\n box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04);\r\n transition: all 0.4s ease;\r\n position: relative;\r\n }\r\n\r\n .contact__form:hover {\r\n box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08);\r\n border-color: #d6ebfb;\r\n }\r\n\r\n .contact__form-title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.3rem;\r\n color: #07294a;\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .contact__form-subtitle {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 400;\r\n font-size: 0.9rem;\r\n color: #6b7f94;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .contact__form-group {\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .contact__form-group label {\r\n display: block;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 600;\r\n font-size: 0.7rem;\r\n color: #6b7f94;\r\n text-transform: uppercase;\r\n letter-spacing: 0.04em;\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .contact__form-group label .required {\r\n color: #dc2626;\r\n }\r\n\r\n .contact__form-group input,\r\n .contact__form-group select,\r\n .contact__form-group textarea {\r\n width: 100%;\r\n padding: 0.8rem 1rem;\r\n border-radius: 12px;\r\n border: 1px solid #eef2f6;\r\n background: #f8fafc;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.9rem;\r\n color: #07294a;\r\n transition: all 0.3s ease;\r\n outline: none;\r\n }\r\n\r\n .contact__form-group input:focus,\r\n .contact__form-group select:focus,\r\n .contact__form-group textarea:focus {\r\n border-color: #1c7ec9;\r\n background: #ffffff;\r\n box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06);\r\n }\r\n\r\n .contact__form-group input::placeholder,\r\n .contact__form-group textarea::placeholder {\r\n color: #b0c0d0;\r\n }\r\n\r\n .contact__form-group select option {\r\n background: #ffffff;\r\n color: #07294a;\r\n }\r\n\r\n .contact__form-group textarea {\r\n resize: vertical;\r\n min-height: 100px;\r\n }\r\n\r\n .contact__form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1rem;\r\n }\r\n\r\n \/* ============================================\r\n CHAMP DE T\u00c9L\u00c9CHARGEMENT DE PHOTOS\r\n ============================================ *\/\r\n .contact__form-group--file {\r\n position: relative;\r\n }\r\n\r\n .contact__form-group--file .file-drop-zone {\r\n border: 2px dashed #eef2f6;\r\n border-radius: 12px;\r\n padding: 1.5rem 1rem;\r\n text-align: center;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n background: #f8fafc;\r\n }\r\n\r\n .contact__form-group--file .file-drop-zone:hover {\r\n border-color: #1c7ec9;\r\n background: #eef6fc;\r\n }\r\n\r\n .contact__form-group--file .file-drop-zone.dragover {\r\n border-color: #f4a61a;\r\n background: rgba(244, 166, 26, 0.04);\r\n }\r\n\r\n .contact__form-group--file .file-drop-zone i {\r\n font-size: 2rem;\r\n color: #1c7ec9;\r\n display: block;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .contact__form-group--file .file-drop-zone p {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 400;\r\n font-size: 0.85rem;\r\n color: #6b7f94;\r\n margin: 0;\r\n }\r\n\r\n .contact__form-group--file .file-drop-zone .file-types {\r\n font-size: 0.7rem;\r\n color: #b0c0d0;\r\n margin-top: 0.3rem;\r\n }\r\n\r\n .contact__form-group--file input[type=\"file\"] {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n opacity: 0;\r\n cursor: pointer;\r\n }\r\n\r\n .contact__form-group--file .file-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n margin-top: 0.8rem;\r\n }\r\n\r\n .contact__form-group--file .file-item {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: #eef6fc;\r\n padding: 0.3rem 0.8rem 0.3rem 0.6rem;\r\n border-radius: 20px;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.75rem;\r\n color: #1c7ec9;\r\n border: 1px solid #d6ebfb;\r\n }\r\n\r\n .contact__form-group--file .file-item i {\r\n font-size: 0.8rem;\r\n color: #1c7ec9;\r\n }\r\n\r\n .contact__form-group--file .file-item .file-remove {\r\n cursor: pointer;\r\n color: #6b7f94;\r\n transition: color 0.3s ease;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .contact__form-group--file .file-item .file-remove:hover {\r\n color: #dc2626;\r\n }\r\n\r\n \/* ============================================\r\n BOUTON\r\n ============================================ *\/\r\n .btn--contact {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.75rem;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.85rem;\r\n letter-spacing: 0.02em;\r\n text-decoration: none;\r\n padding: 0.9rem 2.4rem;\r\n border-radius: 3rem;\r\n transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n cursor: pointer;\r\n border: none;\r\n text-align: center;\r\n background: linear-gradient(135deg, #f4a61a 0%, #e0960e 100%);\r\n box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25);\r\n color: #07294a;\r\n width: 100%;\r\n }\r\n\r\n .btn--contact:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40);\r\n color: #07294a;\r\n }\r\n\r\n .btn--contact .btn__icon {\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .btn--contact:hover .btn__icon {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================\r\n INFORMATIONS - CARTES BLANCHES\r\n ============================================ *\/\r\n .contact__info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.2rem;\r\n }\r\n\r\n .contact__info-card {\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 1.5rem 1.8rem;\r\n border: 1px solid #eef2f6;\r\n transition: all 0.4s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 1.2rem;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03);\r\n }\r\n\r\n .contact__info-card:hover {\r\n transform: translateX(6px);\r\n border-color: #1c7ec9;\r\n box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.08);\r\n }\r\n\r\n .contact__info-icon {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 14px;\r\n background: #f0f4f8;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .contact__info-card:hover .contact__info-icon {\r\n background: #eef6fc;\r\n }\r\n\r\n .contact__info-icon i {\r\n font-size: 1.3rem;\r\n color: #1c7ec9;\r\n }\r\n\r\n .contact__info-content h4 {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.85rem;\r\n color: #07294a;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .contact__info-content p,\r\n .contact__info-content a {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 400;\r\n font-size: 0.9rem;\r\n color: #6b7f94;\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .contact__info-content a:hover {\r\n color: #1c7ec9;\r\n }\r\n\r\n \/* ============================================\r\n HORAIRES - CARTE BLANCHE\r\n ============================================ *\/\r\n .contact__hours {\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 1.5rem 1.8rem;\r\n border: 1px solid #eef2f6;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .contact__hours:hover {\r\n border-color: #d6ebfb;\r\n box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06);\r\n }\r\n\r\n .contact__hours-title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.85rem;\r\n color: #6b7f94;\r\n text-transform: uppercase;\r\n letter-spacing: 0.04em;\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .contact__hours-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.3rem 1rem;\r\n }\r\n\r\n .contact__hours-day {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 500;\r\n font-size: 0.85rem;\r\n color: #6b7f94;\r\n }\r\n\r\n .contact__hours-time {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 500;\r\n font-size: 0.85rem;\r\n color: #07294a;\r\n text-align: right;\r\n }\r\n\r\n .contact__hours-time .urgent {\r\n color: #1c7ec9;\r\n font-weight: 700;\r\n }\r\n\r\n \/* ============================================\r\n CARTE\r\n ============================================ *\/\r\n .contact__map {\r\n border-radius: 16px;\r\n overflow: hidden;\r\n border: 1px solid #eef2f6;\r\n height: 200px;\r\n background: #f8fafc;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .contact__map:hover {\r\n border-color: #d6ebfb;\r\n box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06);\r\n }\r\n\r\n .contact__map iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n }\r\n\r\n \/* ============================================\r\n ANIMATIONS\r\n ============================================ *\/\r\n .contact__form,\r\n .contact__info-card,\r\n .contact__hours,\r\n .contact__map {\r\n opacity: 0;\r\n animation: fadeInUp 0.6s ease-out forwards;\r\n }\r\n\r\n .contact__form { animation-delay: 0.05s; }\r\n .contact__info-card:nth-child(1) { animation-delay: 0.10s; }\r\n .contact__info-card:nth-child(2) { animation-delay: 0.15s; }\r\n .contact__info-card:nth-child(3) { animation-delay: 0.20s; }\r\n .contact__hours { animation-delay: 0.25s; }\r\n .contact__map { animation-delay: 0.30s; }\r\n\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .contact__form,\r\n .contact__info-card,\r\n .contact__hours,\r\n .contact__map {\r\n opacity: 1;\r\n animation: none;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media (max-width: 992px) {\r\n .contact__grid {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .contact__form {\r\n padding: 2rem;\r\n }\r\n\r\n .contact__info {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1rem;\r\n }\r\n\r\n .contact__hours-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .contact__map {\r\n height: 180px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .contact {\r\n padding: 3.5rem 1.5rem 4rem;\r\n min-height: auto;\r\n }\r\n\r\n .contact__form {\r\n padding: 1.5rem;\r\n border-radius: 16px;\r\n }\r\n\r\n .contact__form-row {\r\n grid-template-columns: 1fr;\r\n gap: 0;\r\n }\r\n\r\n .contact__info {\r\n grid-template-columns: 1fr;\r\n gap: 1rem;\r\n }\r\n\r\n .contact__info-card {\r\n padding: 1.2rem 1.5rem;\r\n }\r\n\r\n .contact__hours {\r\n padding: 1.2rem 1.5rem;\r\n }\r\n\r\n .contact__hours-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.3rem 0.8rem;\r\n }\r\n\r\n .contact__hours-day {\r\n font-size: 0.75rem;\r\n }\r\n .contact__hours-time {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .contact__map {\r\n height: 150px;\r\n }\r\n\r\n .btn--contact {\r\n padding: 0.7rem 1.8rem;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .contact__form-group--file .file-drop-zone {\r\n padding: 1rem;\r\n }\r\n\r\n .contact__form-group--file .file-drop-zone i {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .contact__waves svg {\r\n height: 40px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .contact__form {\r\n padding: 1rem;\r\n }\r\n\r\n .contact__info-card {\r\n padding: 1rem;\r\n }\r\n\r\n .contact__info-icon {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .contact__info-icon i {\r\n font-size: 1rem;\r\n }\r\n\r\n .contact__hours {\r\n padding: 1rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"contact\">\r\n <div class=\"contact__container\">\r\n\r\n \r\n <div class=\"contact__header\">\r\n <span class=\"contact__badge\">\r\n <span class=\"dot\"><\/span>\r\n Contactez-nous\r\n <\/span>\r\n <h2 class=\"contact__title\">\r\n Pret a <span class=\"highlight\">securiser<\/span> vos reseaux ?\r\n <\/h2>\r\n <p class=\"contact__subtitle\">\r\n Une question, un devis, une urgence ? Notre equipe est a votre ecoute 24h\/24 et 7j\/7.\r\n <\/p>\r\n <\/div>\r\n\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 <form id=\"contactForm\" onsubmit=\"event.preventDefault(); alert('Merci ! Nous vous contacterons sous 24h.');\">\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\" 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\" 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\" 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\" 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\">\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\">\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\" placeholder=\"Decrivez votre situation...\"><\/textarea>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__form-group contact__form-group--file\">\r\n <label>Ajouter des photos <span style=\"font-weight:400;text-transform:none;color:#b0c0d0;\">(optionnel)<\/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 vos photos ici ou cliquez pour selectionner<\/p>\r\n <div class=\"file-types\">JPG, PNG, GIF - Max 5MB<\/div>\r\n <input type=\"file\" id=\"fileInput\" multiple accept=\"image\/*\" \/>\r\n <\/div>\r\n <div class=\"file-list\" id=\"fileList\"><\/div>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn--contact\">\r\n Planifier un diagnostic\r\n <span class=\"btn__icon\">\u2192<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__info\">\r\n\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/div>\r\n <div class=\"contact__info-content\">\r\n <h4>Telephone<\/h4>\r\n <p><a href=\"tel:+33185421970\">01 85 42 19 70<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"contact__info-content\">\r\n <h4>Email<\/h4>\r\n <p><a href=\"mailto:contact@btplus-intervention.fr\">contact@btplus-intervention.fr<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div class=\"contact__info-content\">\r\n <h4>Adresse<\/h4>\r\n <p>15 rue de l'Industrie, 93300 Aubervilliers<\/p>\r\n <\/div>\r\n <\/div>\r\n\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>\r\n <span class=\"contact__hours-time\">08:00 - 20:00<\/span>\r\n <span class=\"contact__hours-day\">Samedi<\/span>\r\n <span class=\"contact__hours-time\">09:00 - 18:00<\/span>\r\n <span class=\"contact__hours-day\">Dimanche & jours feries<\/span>\r\n <span class=\"contact__hours-time\"><span class=\"urgent\">Urgence 24\/7<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\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\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <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\" \/>\r\n <\/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 \r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n\r\n const fileInput = document.getElementById('fileInput');\r\n const fileList = document.getElementById('fileList');\r\n const dropZone = document.getElementById('fileDropZone');\r\n const maxSize = 5 * 1024 * 1024;\r\n\r\n function updateFileList(files) {\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach((file, index) => {\r\n const item = document.createElement('span');\r\n item.className = 'file-item';\r\n const icon = file.type.startsWith('image\/') ? 'fa-image' : 'fa-file';\r\n item.innerHTML = `\r\n <i class=\"fas ${icon}\"><\/i>\r\n <span>${file.name}<\/span>\r\n <span class=\"file-remove\" data-index=\"${index}\">\r\n <i class=\"fas fa-times\"><\/i>\r\n <\/span>\r\n `;\r\n fileList.appendChild(item);\r\n });\r\n\r\n document.querySelectorAll('.file-remove').forEach(btn => {\r\n btn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n const index = parseInt(this.dataset.index);\r\n const dt = new DataTransfer();\r\n const remainingFiles = Array.from(fileInput.files).filter((_, i) => i !== index);\r\n remainingFiles.forEach(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 dropZone.addEventListener('click', function(e) {\r\n if (e.target === this || e.target.closest('.file-drop-zone')) {\r\n fileInput.click();\r\n }\r\n });\r\n\r\n fileInput.addEventListener('change', function() {\r\n const files = Array.from(this.files);\r\n const oversized = files.filter(f => f.size > maxSize);\r\n if (oversized.length > 0) {\r\n alert('Certains fichiers depassent 5MB. Veuillez reduire leur taille.');\r\n const validFiles = files.filter(f => f.size <= maxSize);\r\n const dt = new DataTransfer();\r\n validFiles.forEach(f => dt.items.add(f));\r\n this.files = dt.files;\r\n }\r\n updateFileList(this.files);\r\n });\r\n\r\n dropZone.addEventListener('dragover', function(e) {\r\n e.preventDefault();\r\n this.classList.add('dragover');\r\n });\r\n\r\n dropZone.addEventListener('dragleave', function(e) {\r\n e.preventDefault();\r\n this.classList.remove('dragover');\r\n });\r\n\r\n dropZone.addEventListener('drop', function(e) {\r\n e.preventDefault();\r\n this.classList.remove('dragover');\r\n const files = Array.from(e.dataTransfer.files).filter(f => f.type.startsWith('image\/'));\r\n if (files.length === 0) {\r\n alert('Veuillez deposer uniquement des images.');\r\n return;\r\n }\r\n const oversized = files.filter(f => f.size > maxSize);\r\n if (oversized.length > 0) {\r\n alert('Certains fichiers depassent 5MB. Veuillez reduire leur taille.');\r\n const validFiles = files.filter(f => f.size <= maxSize);\r\n const dt = new DataTransfer();\r\n const existing = Array.from(fileInput.files);\r\n existing.forEach(f => dt.items.add(f));\r\n validFiles.forEach(f => dt.items.add(f));\r\n fileInput.files = dt.files;\r\n } else {\r\n const dt = new DataTransfer();\r\n const existing = Array.from(fileInput.files);\r\n existing.forEach(f => dt.items.add(f));\r\n files.forEach(f => dt.items.add(f));\r\n fileInput.files = dt.files;\r\n }\r\n updateFileList(fileInput.files);\r\n });\r\n\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pompage Essonne 91 | BT PLUS Vidange Fosses & Bacs \u00e0 Graisse Pompage \/ Essonne 91 Pompage professionnel dans l’Essonne Pompage Essonne 91 Pompage de fosses septiques et bacs \u00e0 graisse dans l’Essonne : vidange, nettoyage et entretien de vos installations. Intervention sous 1h \u00e0 \u00c9vry-Courcouronnes, Massy, Savigny-sur-Orge, Sainte-Genevi\u00e8ve-des-Bois et dans tout le d\u00e9partement. + […]<\/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-755","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/755","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=755"}],"version-history":[{"count":7,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/755\/revisions"}],"predecessor-version":[{"id":1376,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/755\/revisions\/1376"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=755"}],"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 Pompage Essonne 91 | BT PLUS Vidange Fosses & Bacs \u00e0 Graisse<\/title>\r\n <meta name=\"description\" content=\"Pompage Essonne 91 : vidange de fosses septiques, bacs \u00e0 graisse et curage de canalisations. Intervention rapide \u00e0 \u00c9vry-Courcouronnes, Massy, Savigny-sur-Orge, Sainte-Genevi\u00e8ve-des-Bois. 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 POMPAGE ESSONNE\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-pompage-91 {\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-pompage-91 .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-pompage-91 .waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 100px;\r\n }\r\n\r\n .hero-pompage-91 .waves .wave-back use {\r\n animation: wavemove 11s linear infinite;\r\n opacity: .55;\r\n }\r\n .hero-pompage-91 .waves .wave-mid use {\r\n animation: wavemove 8s linear infinite reverse;\r\n opacity: .8;\r\n }\r\n .hero-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .breadcrumb .sep {\r\n color: #d6ebfb;\r\n font-weight: 300;\r\n }\r\n\r\n .hero-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 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-pompage-91 h1 .accent {\r\n color: #f4a61a;\r\n position: relative;\r\n }\r\n\r\n .hero-pompage-91 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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .trust {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 24px;\r\n }\r\n\r\n .hero-pompage-91 .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-pompage-91 .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-pompage-91 .visual {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .hero-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .layout {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n .hero-pompage-91 .subtitle {\r\n max-width: 100%;\r\n }\r\n .hero-pompage-91 .chips {\r\n justify-content: center;\r\n }\r\n .hero-pompage-91 .cta-group {\r\n justify-content: center;\r\n }\r\n .hero-pompage-91 .trust {\r\n justify-content: center;\r\n }\r\n .hero-pompage-91 .visual .disc {\r\n width: min(320px, 80%);\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .hero-pompage-91 {\r\n padding: 40px 0 100px;\r\n }\r\n .hero-pompage-91 .container {\r\n padding: 0 20px;\r\n }\r\n .hero-pompage-91 h1 {\r\n font-size: 1.8rem;\r\n }\r\n .hero-pompage-91 .subtitle {\r\n font-size: 0.95rem;\r\n }\r\n .hero-pompage-91 .cta-group {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n .hero-pompage-91 .btn-primary,\r\n .hero-pompage-91 .btn-secondary {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n .hero-pompage-91 .visual .disc {\r\n width: min(260px, 80%);\r\n }\r\n .hero-pompage-91 .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-pompage-91 .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-pompage-91 .reveal.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .hero-pompage-91 .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-pompage-91\">\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-pompage-91\" 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-pompage-91\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w-pompage-91\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w-pompage-91\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w-pompage-91\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w-pompage-91\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w-pompage-91\" 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\">Pompage<\/span>\r\n <span class=\"sep\">\/<\/span>\r\n <span class=\"current\">Essonne 91<\/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>Pompage professionnel dans l'Essonne<\/span>\r\n <\/div>\r\n\r\n \r\n <h1 class=\"reveal\">\r\n Pompage <span class=\"accent\">Essonne 91<\/span>\r\n <\/h1>\r\n\r\n \r\n <p class=\"subtitle reveal\">\r\n <strong>Pompage de fosses septiques et bacs \u00e0 graisse dans l'Essonne<\/strong> :\r\n vidange, nettoyage et entretien de vos installations. Intervention <strong>sous 1h<\/strong>\r\n \u00e0 \u00c9vry-Courcouronnes, Massy, Savigny-sur-Orge, Sainte-Genevi\u00e8ve-des-Bois 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> Pompage \u00c9vry-Courcouronnes<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Vidange fosses septiques 91<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Bacs \u00e0 graisse Essonne<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Pompage canalisations 91<\/span>\r\n <span class=\"chip\"><span class=\"chip-icon\">+<\/span> Vidange Essonne<\/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> \u00c9quipe certifi\u00e9e<\/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\/pompage-technicien-camion-2-300x200-1.jpg\"\r\n alt=\"Pompage Essonne 91 - Camion de pompage BT PLUS\"\r\n loading=\"lazy\" \/>\r\n <div class=\"overlay\"><\/div>\r\n <div class=\"disc-content\">\r\n <span class=\"badge\">Pompage 91<\/span>\r\n <div class=\"big-number\">\r\n 24\/7 <span>vidange<\/span>\r\n <\/div>\r\n <div class=\"desc\">Pompage dans l'Essonne<\/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-pompage-91 .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-cf5191f e-con-full e-flex e-con e-parent\" data-id=\"cf5191f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3329a39 elementor-widget elementor-widget-html\" data-id=\"3329a39\" 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 .advantages-pompage-91 {\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-pompage-91 .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 .advantages-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-adv-pompage-91 {\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-pompage-91 .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-pompage-91 .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-pompage-91 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .advantages-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .grid {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n .advantages-pompage-91 .section-title {\r\n font-size: 1.6rem;\r\n }\r\n }\r\n\r\n .advantages-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .card:hover .card-icon {\r\n background: #f4a61a;\r\n color: #ffffff;\r\n }\r\n\r\n .advantages-pompage-91 .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-pompage-91 .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-pompage-91 .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 .advantages-pompage-91 .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-pompage-91 .reveal.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .advantages-pompage-91 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section class=\"advantages-pompage-91\">\r\n <div class=\"container\">\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 pompage dans l'Essonne<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Le sp\u00e9cialiste de la <span class=\"accent\">vidange et du pompage<\/span> dans l'Essonne\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 pompage dans l'Essonne.\r\n Des techniciens sp\u00e9cialis\u00e9s \u00e0 votre service \u00e0 \u00c9vry-Courcouronnes, Massy, Savigny-sur-Orge, Sainte-Genevi\u00e8ve-des-Bois et partout dans le d\u00e9partement.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid\">\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 91.\r\n D\u00e9placement rapide pour vos vidanges et pompages.\r\n <\/div>\r\n <span class=\"card-tag\">Rapidit\u00e9<\/span>\r\n <\/div>\r\n\r\n <div class=\"card reveal\">\r\n <div class=\"card-icon\">2<\/div>\r\n <div class=\"card-title\">Mat\u00e9riel haute capacit\u00e9<\/div>\r\n <div class=\"card-desc\">\r\n Camions de pompage puissants adapt\u00e9s \u00e0 tous types\r\n d'installations (fosses, bacs, canalisations).\r\n <\/div>\r\n <span class=\"card-tag\">Performance<\/span>\r\n <\/div>\r\n\r\n <div class=\"card reveal\">\r\n <div class=\"card-icon\">3<\/div>\r\n <div class=\"card-title\">\u00c9quipe certifi\u00e9e<\/div>\r\n <div class=\"card-desc\">\r\n Techniciens qualifi\u00e9s et exp\u00e9riment\u00e9s dans le pompage\r\n et la vidange dans l'Essonne.\r\n <\/div>\r\n <span class=\"card-tag\">Expertise<\/span>\r\n <\/div>\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 pompages urgents.\r\n <\/div>\r\n <span class=\"card-tag\">Disponibilit\u00e9<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const reveal = document.querySelectorAll('.advantages-pompage-91 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\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-13a5c99 e-con-full e-flex e-con e-parent\" data-id=\"13a5c99\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6b045b elementor-widget elementor-widget-html\" data-id=\"e6b045b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800;900&family=Sora:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n\r\n<style>\r\n.galerie-carrousel {\r\n --b900: #07294a;\r\n --or: #f4a61a;\r\n --slate: #48637d;\r\n --line: #eef2f5;\r\n \r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n font-family: 'Inter', sans-serif;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Vague d\u00e9corative *\/\r\n.galerie-carrousel::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,80 600,0 900,40 C1050,60 1150,40 1200,40 L1200,80 L0,80 Z' fill='%23d6ebfb' opacity='0.3'\/%3E%3C\/svg%3E\") no-repeat bottom \/ 100% 100%;\r\n pointer-events: none;\r\n}\r\n\r\n.galerie-carrousel .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\/* HEADER *\/\r\n.galerie-carrousel .header {\r\n text-align: center;\r\n margin-bottom: 44px;\r\n}\r\n\r\n.galerie-carrousel .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.galerie-carrousel .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n}\r\n\r\n@keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n}\r\n\r\n.galerie-carrousel .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n}\r\n\r\n.galerie-carrousel .title span {\r\n color: #f4a61a;\r\n}\r\n\r\n.galerie-carrousel .subtitle {\r\n font-size: 1.05rem;\r\n color: #48637d;\r\n max-width: 620px;\r\n margin: 12px auto 0;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* ============================================================\r\n CARROUSEL CONTINU\r\n ============================================================ *\/\r\n.galerie-carrousel .carousel-wrapper {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 20px;\r\n}\r\n\r\n.galerie-carrousel .carousel-track {\r\n display: flex;\r\n gap: 16px;\r\n animation: scrollCarousel 30s linear infinite;\r\n will-change: transform;\r\n width: max-content;\r\n}\r\n\r\n.galerie-carrousel .carousel-track:hover {\r\n animation-play-state: paused;\r\n}\r\n\r\n@keyframes scrollCarousel {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 220px;\r\n aspect-ratio: 1\/1;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n position: relative;\r\n background: #07294a;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 16px rgba(7, 41, 74, 0.06);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 12px 40px rgba(7, 41, 74, 0.15);\r\n z-index: 2;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover img {\r\n transform: scale(1.05);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide .ville {\r\n position: absolute;\r\n bottom: 12px;\r\n left: 12px;\r\n right: 12px;\r\n background: rgba(7, 41, 74, 0.75);\r\n backdrop-filter: blur(4px);\r\n padding: 6px 14px;\r\n border-radius: 999px;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n color: #fff;\r\n text-align: center;\r\n opacity: 0;\r\n transform: translateY(10px);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover .ville {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide .zoom-icon {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n background: rgba(0, 0, 0, 0.5);\r\n backdrop-filter: blur(4px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fff;\r\n font-size: 0.7rem;\r\n opacity: 0;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover .zoom-icon {\r\n opacity: 1;\r\n}\r\n\r\n\/* ============================================================\r\n INDICATEURS\r\n ============================================================ *\/\r\n.galerie-carrousel .indicators {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 28px;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--line);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots .dot.active {\r\n background: var(--or);\r\n width: 24px;\r\n border-radius: 999px;\r\n}\r\n\r\n.galerie-carrousel .indicators .counter {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.8rem;\r\n color: var(--slate);\r\n font-weight: 500;\r\n}\r\n\r\n.galerie-carrousel .indicators .pause-btn {\r\n background: none;\r\n border: none;\r\n color: var(--slate);\r\n font-size: 1rem;\r\n cursor: pointer;\r\n transition: color 0.3s ease;\r\n padding: 4px 8px;\r\n}\r\n\r\n.galerie-carrousel .indicators .pause-btn:hover {\r\n color: var(--or);\r\n}\r\n\r\n\/* ============================================================\r\n MODALE\r\n ============================================================ *\/\r\n.galerie-carrousel .modal {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n z-index: 9999;\r\n background: rgba(7, 41, 74, 0.92);\r\n backdrop-filter: blur(8px);\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px;\r\n animation: modalFade 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .modal.open {\r\n display: flex;\r\n}\r\n\r\n@keyframes modalFade {\r\n from { opacity: 0; transform: scale(0.95); }\r\n to { opacity: 1; transform: scale(1); }\r\n}\r\n\r\n.galerie-carrousel .modal .modal-content {\r\n position: relative;\r\n max-width: 90vw;\r\n max-height: 85vh;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.galerie-carrousel .modal .modal-content img {\r\n width: 100%;\r\n height: auto;\r\n max-height: 85vh;\r\n object-fit: contain;\r\n display: block;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-close {\r\n position: absolute;\r\n top: -50px;\r\n right: 0;\r\n background: none;\r\n border: none;\r\n color: #fff;\r\n font-size: 2rem;\r\n cursor: pointer;\r\n transition: transform 0.3s ease;\r\n opacity: 0.7;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-close:hover {\r\n transform: rotate(90deg);\r\n opacity: 1;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-ville {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: rgba(0, 0, 0, 0.6);\r\n backdrop-filter: blur(4px);\r\n padding: 8px 24px;\r\n border-radius: 999px;\r\n color: #fff;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n}\r\n\r\n\/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n@media (max-width: 992px) {\r\n .galerie-carrousel .container {\r\n padding: 0 30px;\r\n }\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 180px;\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .galerie-carrousel {\r\n padding: 60px 0 80px;\r\n }\r\n .galerie-carrousel .container {\r\n padding: 0 16px;\r\n }\r\n .galerie-carrousel .carousel-track {\r\n gap: 10px;\r\n }\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 150px;\r\n border-radius: 12px;\r\n }\r\n .galerie-carrousel .carousel-track .slide .ville {\r\n font-size: 0.6rem;\r\n padding: 4px 10px;\r\n bottom: 8px;\r\n left: 8px;\r\n right: 8px;\r\n }\r\n .galerie-carrousel .carousel-track .slide .zoom-icon {\r\n display: none;\r\n }\r\n .galerie-carrousel .modal {\r\n padding: 16px;\r\n }\r\n .galerie-carrousel .modal .modal-close {\r\n top: -40px;\r\n font-size: 1.5rem;\r\n }\r\n .galerie-carrousel .modal .modal-ville {\r\n font-size: 0.7rem;\r\n padding: 4px 16px;\r\n bottom: 12px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 130px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"galerie-carrousel\">\r\n <div class=\"container\">\r\n \r\n \r\n <div class=\"header\">\r\n <span class=\"pill\">\r\n <span class=\"dot\"><\/span>\r\n Galerie BT Plus\r\n <\/span>\r\n <h2 class=\"title\">\r\n INTERVENTIONS <span>POMPAGE<\/span><br>EN IMAGES\r\n <\/h2>\r\n <p class=\"subtitle\">\r\n D\u00e9couvrez nos chantiers r\u00e9cents : fosses septiques, bacs \u00e0 graisse, hydrocurage et pompage de relevage.\r\n Cliquez sur une photo pour l'agrandir.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-wrapper\">\r\n <div class=\"carousel-track\" id=\"carouselTrack\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"indicators\">\r\n <div class=\"dots\" id=\"dotsContainer\"><\/div>\r\n <span class=\"counter\" id=\"counter\">1 \/ 5<\/span>\r\n <button class=\"pause-btn\" id=\"pauseBtn\" aria-label=\"Pause \/ Play\">\r\n <i class=\"fas fa-pause\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"modal\" id=\"modal\">\r\n <div class=\"modal-content\">\r\n <button class=\"modal-close\" id=\"modalClose\">×<\/button>\r\n <img decoding=\"async\" id=\"modalImg\" src=\"\" alt=\"Intervention pompage\">\r\n <div class=\"modal-ville\" id=\"modalVille\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n\r\n \/\/ ============================================================\r\n \/\/ DONN\u00c9ES \u2014 Photos de pompage (5 photos)\r\n \/\/ ============================================================\r\n const photos = [\r\n {\r\n src: 'https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2021\/09\/WhatsApp-Image-2021-07-20-at-22.01.25-3.jpeg',\r\n ville: 'Hydrocurage - Paris 15e'\r\n },\r\n {\r\n src: 'https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2021\/09\/WhatsApp-Image-2021-07-20-at-22.01.25-2.jpeg',\r\n ville: 'Vidange fosse - Boulogne'\r\n },\r\n {\r\n src: 'https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2021\/09\/Entretien-Pompage-Fosse-1.jpeg',\r\n ville: 'Entretien pompage - Nanterre'\r\n },\r\n {\r\n src: 'https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2021\/09\/Entretien-Pompage-Fosse-4.jpeg',\r\n ville: 'Pompage bac \u00e0 graisse - Boulogne'\r\n },\r\n {\r\n src: 'https:\/\/btplus-intervention.fr\/wp-content\/uploads\/2021\/09\/WhatsApp-Image-2021-07-28-at-13.49.30.jpeg',\r\n ville: 'Pompage relevage - Levallois'\r\n }\r\n ];\r\n\r\n \/\/ ============================================================\r\n \/\/ \u00c9L\u00c9MENTS\r\n \/\/ ============================================================\r\n const track = document.getElementById('carouselTrack');\r\n const dotsContainer = document.getElementById('dotsContainer');\r\n const counter = document.getElementById('counter');\r\n const pauseBtn = document.getElementById('pauseBtn');\r\n const modal = document.getElementById('modal');\r\n const modalImg = document.getElementById('modalImg');\r\n const modalVille = document.getElementById('modalVille');\r\n const modalClose = document.getElementById('modalClose');\r\n\r\n let isPaused = false;\r\n let currentIndex = 0;\r\n const totalSlides = photos.length;\r\n const slidesPerView = 5;\r\n\r\n \/\/ ============================================================\r\n \/\/ G\u00c9N\u00c9RER LES SLIDES (doubl\u00e9es pour l'effet infini)\r\n \/\/ ============================================================\r\n function renderSlides() {\r\n track.innerHTML = '';\r\n \/\/ Doubler les photos pour l'effet continu\r\n const allPhotos = [...photos, ...photos];\r\n allPhotos.forEach((photo, index) => {\r\n const slide = document.createElement('div');\r\n slide.className = 'slide';\r\n slide.setAttribute('data-index', index % photos.length);\r\n \r\n slide.innerHTML = `\r\n <img decoding=\"async\" src=\"${photo.src}\" alt=\"${photo.ville}\" loading=\"lazy\">\r\n <div class=\"ville\">${photo.ville}<\/div>\r\n <div class=\"zoom-icon\"><i class=\"fas fa-expand\"><\/i><\/div>\r\n `;\r\n \r\n slide.addEventListener('click', function() {\r\n const idx = parseInt(this.getAttribute('data-index'));\r\n openModal(idx);\r\n });\r\n \r\n track.appendChild(slide);\r\n });\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ G\u00c9N\u00c9RER LES DOTS\r\n \/\/ ============================================================\r\n function renderDots() {\r\n dotsContainer.innerHTML = '';\r\n for (let i = 0; i < totalSlides; i++) {\r\n const dot = document.createElement('span');\r\n dot.className = 'dot' + (i === 0 ? ' active' : '');\r\n dot.setAttribute('data-index', i);\r\n dot.addEventListener('click', function() {\r\n const idx = parseInt(this.getAttribute('data-index'));\r\n goToSlide(idx);\r\n });\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ NAVIGATION VERS UNE PHOTO SP\u00c9CIFIQUE\r\n \/\/ ============================================================\r\n function goToSlide(index) {\r\n currentIndex = index;\r\n const slideWidth = 220 + 16; \/\/ largeur + gap\r\n const offset = -(index * slideWidth);\r\n \/\/ Animation manuelle\r\n track.style.animation = 'none';\r\n track.style.transform = `translateX(${offset}px)`;\r\n \/\/ R\u00e9activer l'animation apr\u00e8s un d\u00e9lai\r\n setTimeout(() => {\r\n track.style.animation = '';\r\n track.style.transform = '';\r\n }, 50);\r\n updateDots();\r\n updateCounter();\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ MISE \u00c0 JOUR DES INDICATEURS\r\n \/\/ ============================================================\r\n function updateDots() {\r\n const dots = dotsContainer.querySelectorAll('.dot');\r\n dots.forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentIndex);\r\n });\r\n }\r\n\r\n function updateCounter() {\r\n counter.textContent = `${currentIndex + 1} \/ ${totalSlides}`;\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ PAUSE \/ PLAY\r\n \/\/ ============================================================\r\n function togglePause() {\r\n isPaused = !isPaused;\r\n if (isPaused) {\r\n track.style.animationPlayState = 'paused';\r\n pauseBtn.innerHTML = '<i class=\"fas fa-play\"><\/i>';\r\n } else {\r\n track.style.animationPlayState = 'running';\r\n pauseBtn.innerHTML = '<i class=\"fas fa-pause\"><\/i>';\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ MODALE\r\n \/\/ ============================================================\r\n function openModal(index) {\r\n const photo = photos[index];\r\n modalImg.src = photo.src;\r\n modalImg.alt = photo.ville;\r\n modalVille.textContent = photo.ville;\r\n modal.classList.add('open');\r\n document.body.style.overflow = 'hidden';\r\n track.style.animationPlayState = 'paused';\r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('open');\r\n document.body.style.overflow = '';\r\n if (!isPaused) {\r\n track.style.animationPlayState = 'running';\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ SYNC DOTS AVEC L'ANIMATION\r\n \/\/ ============================================================\r\n function syncWithScroll() {\r\n const slideWidth = 220 + 16;\r\n const scrollPosition = Math.abs(parseFloat(track.style.transform.replace('translateX(', '').replace('px)', ''))) || 0;\r\n const approxIndex = Math.round(scrollPosition \/ slideWidth) % totalSlides;\r\n if (approxIndex !== currentIndex) {\r\n currentIndex = approxIndex;\r\n updateDots();\r\n updateCounter();\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ \u00c9V\u00c9NEMENTS\r\n \/\/ ============================================================\r\n pauseBtn.addEventListener('click', togglePause);\r\n modalClose.addEventListener('click', closeModal);\r\n modal.addEventListener('click', function(e) {\r\n if (e.target === this) closeModal();\r\n });\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') closeModal();\r\n });\r\n\r\n \/\/ Synchro p\u00e9riodique\r\n setInterval(syncWithScroll, 2000);\r\n\r\n \/\/ ============================================================\r\n \/\/ INITIALISATION\r\n \/\/ ============================================================\r\n renderSlides();\r\n renderDots();\r\n updateCounter();\r\n\r\n \/\/ Fallback images\r\n document.querySelectorAll('img').forEach(img => {\r\n img.addEventListener('error', function() {\r\n if (!this.hasAttribute('data-fallback')) {\r\n this.setAttribute('data-fallback', 'true');\r\n this.src = 'data:image\/svg+xml,%3Csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"400\" height=\"400\"%3E%3Crect fill=\"%2307294a\" width=\"400\" height=\"400\"\/%3E%3Ctext x=\"200\" y=\"200\" text-anchor=\"middle\" font-family=\"Sora\" font-size=\"24\" fill=\"%23f4a61a\"%3EBT Plus%3C\/text%3E%3C\/svg%3E';\r\n }\r\n });\r\n });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a256fa5 e-con-full e-flex e-con e-parent\" data-id=\"a256fa5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9905b38 elementor-widget elementor-widget-html\" data-id=\"9905b38\" 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 .cities-pompage-91 {\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-pompage-91 .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 .cities-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-city-pompage-91 {\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-pompage-91 .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-pompage-91 .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-pompage-91 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .cities-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n }\r\n .cities-pompage-91 .section-title {\r\n font-size: 1.6rem;\r\n }\r\n }\r\n\r\n .cities-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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 .cities-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .stats-bar .stat-divider {\r\n display: none;\r\n }\r\n }\r\n\r\n .cities-pompage-91 .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-pompage-91 .reveal.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .cities-pompage-91 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section class=\"cities-pompage-91\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <div class=\"section-badge reveal\">\r\n <span class=\"dot\"><\/span>\r\n <span>Pompage dans l'Essonne<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Les villes du 91 o\u00f9 nous r\u00e9alisons <span class=\"accent\">des pompages et vidanges<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle reveal\">\r\n <strong>Pompage dans l'Essonne<\/strong> : nous couvrons l'ensemble des communes du 91.\r\n Intervention rapide \u00e0 <strong>\u00c9vry-Courcouronnes, Massy, Savigny-sur-Orge, Sainte-Genevi\u00e8ve-des-Bois<\/strong> et dans tout le d\u00e9partement.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid\">\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">\u00c9vry-Courcouronnes<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Vidange \u00e0 \u00c9vry<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Massy<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Pompage \u00e0 Massy<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Savigny-sur-Orge<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Vidange \u00e0 Savigny<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Sainte-Genevi\u00e8ve-des-Bois<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Pompage \u00e0 Ste-Genevi\u00e8ve<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Palaiseau<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Vidange \u00e0 Palaiseau<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Vigneux-sur-Seine<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Pompage \u00e0 Vigneux<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Ris-Orangis<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Vidange \u00e0 Ris-Orangis<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Les Ulis<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Pompage aux Ulis<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Orsay<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Vidange \u00e0 Orsay<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Corbeil-Essonnes<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Pompage \u00e0 Corbeil<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Viry-Ch\u00e2tillon<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Vidange \u00e0 Viry-Ch\u00e2tillon<\/div>\r\n <\/div>\r\n\r\n <div class=\"city-card reveal\">\r\n <div class=\"city-name\">Grigny<\/div>\r\n <span class=\"city-code\">91<\/span>\r\n <div class=\"city-desc\">Pompage \u00e0 Grigny<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stats-bar reveal\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">194<\/div>\r\n <div class=\"stat-label\">Communes dans l'Essonne<\/div>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">24\/7<\/div>\r\n <div class=\"stat-label\">Service d'astreinte permanent<\/div>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">35 min<\/div>\r\n <div class=\"stat-label\">D\u00e9lai moyen d'intervention<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const reveal = document.querySelectorAll('.cities-pompage-91 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\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-2fe1047 e-con-full e-flex e-con e-parent\" data-id=\"2fe1047\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63c5715 elementor-widget elementor-widget-html\" data-id=\"63c5715\" 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 .seo-text-pompage-91 {\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-pompage-91 .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 .seo-text-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-seo-pompage-91 {\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-pompage-91 .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-pompage-91 .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-pompage-91 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .seo-text-pompage-91 .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 .seo-text-pompage-91 .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-pompage-91 .seo-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n }\r\n\r\n .seo-text-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .seo-item p strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n .seo-text-pompage-91 .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-pompage-91 .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 .seo-text-pompage-91 .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-pompage-91 .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-pompage-91 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section class=\"seo-text-pompage-91\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <div class=\"section-badge reveal\">\r\n <span class=\"dot\"><\/span>\r\n <span>Le pompage dans l'Essonne<\/span>\r\n <\/div>\r\n <h2 class=\"section-title reveal\">\r\n Pompage Essonne : <span class=\"accent\">une vidange professionnelle pour un territoire en mutation<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle reveal\">\r\n Un pompage \u00e0 <strong>\u00c9vry-Courcouronnes, Massy, Savigny-sur-Orge, Sainte-Genevi\u00e8ve-des-Bois<\/strong> ou ailleurs dans l'Essonne ?\r\n BT PLUS intervient dans tout le d\u00e9partement avec des techniciens sp\u00e9cialis\u00e9s et du mat\u00e9riel haute capacit\u00e9.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"seo-grid\">\r\n <div class=\"seo-item reveal\">\r\n <div class=\"seo-icon\">\u2713<\/div>\r\n <h4>Pourquoi r\u00e9aliser un pompage dans l'Essonne ?<\/h4>\r\n <p>\r\n L'Essonne est un d\u00e9partement en <strong>pleine mutation<\/strong>, \u00e0 la crois\u00e9e des\r\n <strong>p\u00f4les technologiques<\/strong> de Saclay et des <strong>espaces ruraux<\/strong>\r\n du sud du d\u00e9partement. Cette <strong>diversit\u00e9 des territoires<\/strong> implique une\r\n <strong>grande vari\u00e9t\u00e9 de r\u00e9seaux d'assainissement<\/strong>, des zones urbaines denses\r\n aux secteurs plus agricoles. Un <strong>pompage r\u00e9gulier<\/strong> de vos fosses septiques\r\n et bacs \u00e0 graisse est <strong>indispensable<\/strong> pour garantir le bon fonctionnement\r\n de vos installations et <strong>pr\u00e9venir les d\u00e9sordres<\/strong>.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Territoire en mutation<\/span>\r\n <span class=\"tag\">Diversit\u00e9 des r\u00e9seaux<\/span>\r\n <span class=\"tag\">Pr\u00e9vention<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"seo-item reveal\">\r\n <div class=\"seo-icon\">\u2713<\/div>\r\n <h4>Comment se d\u00e9roule une intervention de pompage dans l'Essonne ?<\/h4>\r\n <p>\r\n Nos <strong>camions de pompage haute capacit\u00e9<\/strong> se d\u00e9placent chez vous pour\r\n <strong>vidanger<\/strong> vos fosses septiques, bacs \u00e0 graisse ou canalisations.\r\n Nous utilisons des <strong>\u00e9quipements professionnels<\/strong> pour assurer une\r\n <strong>vidange compl\u00e8te<\/strong> et conforme aux normes environnementales.\r\n Vous recevez un <strong>certificat de vidange<\/strong> pour justifier de l'entretien\r\n de vos installations aupr\u00e8s des autorit\u00e9s comp\u00e9tentes.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Haute capacit\u00e9<\/span>\r\n <span class=\"tag\">Certificat de vidange<\/span>\r\n <span class=\"tag\">Conformit\u00e9<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"seo-item reveal\">\r\n <div class=\"seo-icon\">\u2713<\/div>\r\n <h4>Quand faire appel \u00e0 un service de pompage dans l'Essonne ?<\/h4>\r\n <p>\r\n Dans l'Essonne, il est recommand\u00e9 de <strong>vidanger<\/strong> votre fosse septique\r\n tous les <strong>3 \u00e0 4 ans<\/strong> et vos bacs \u00e0 graisse <strong>tous les 6 mois<\/strong>\r\n \u00e0 1 an selon votre activit\u00e9. Un <strong>pompage pr\u00e9ventif<\/strong> permet d'\r\n <strong>\u00e9viter les obstructions<\/strong> et les <strong>d\u00e9bordements<\/strong>\r\n qui peuvent causer des <strong>d\u00e9g\u00e2ts<\/strong> importants et des <strong>sanctions<\/strong>\r\n en cas de non-conformit\u00e9 avec la r\u00e9glementation.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Pr\u00e9ventif<\/span>\r\n <span class=\"tag\">R\u00e9glementation<\/span>\r\n <span class=\"tag\">P\u00e9rennit\u00e9<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"seo-item reveal\">\r\n <div class=\"seo-icon\">\u2713<\/div>\r\n <h4>BT PLUS : votre expert pompage dans l'Essonne<\/h4>\r\n <p>\r\n BT PLUS est un <strong>acteur de r\u00e9f\u00e9rence<\/strong> du pompage dans l'Essonne.\r\n Nos <strong>techniciens exp\u00e9riment\u00e9s<\/strong> connaissent parfaitement les sp\u00e9cificit\u00e9s\r\n des r\u00e9seaux du 91 et interviennent avec <strong>r\u00e9activit\u00e9<\/strong> sur l'ensemble\r\n du territoire. Nous vous offrons un service <strong>transparent<\/strong> et des\r\n <strong>vidanges conformes<\/strong> pour l'entretien de vos installations.\r\n <\/p>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Pompage 91<\/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 <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const reveal = document.querySelectorAll('.seo-text-pompage-91 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\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-ddb0a68 e-con-full e-flex e-con e-parent\" data-id=\"ddb0a68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e042311 elementor-widget elementor-widget-html\" data-id=\"e042311\" 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 .services-connexes-pompage-91 {\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-pompage-91 .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 .services-connexes-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 1.8s infinite;\r\n }\r\n\r\n @keyframes pulse-serv-pompage-91 {\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-pompage-91 .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-pompage-91 .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-pompage-91 .section-title .accent {\r\n color: #f4a61a;\r\n }\r\n\r\n .services-connexes-pompage-91 .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 .services-connexes-pompage-91 .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-pompage-91 .serv-grid {\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n }\r\n }\r\n\r\n .services-connexes-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .serv-card:hover .serv-icon {\r\n background: #f4a61a;\r\n color: #ffffff;\r\n }\r\n\r\n .services-connexes-pompage-91 .serv-card .serv-text {\r\n flex: 1;\r\n }\r\n\r\n .services-connexes-pompage-91 .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-pompage-91 .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-pompage-91 .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-pompage-91 .serv-card:hover .serv-arrow {\r\n color: #f4a61a;\r\n transform: translateX(4px);\r\n }\r\n\r\n .services-connexes-pompage-91 .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-pompage-91 .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-pompage-91 .reveal {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section class=\"services-connexes-pompage-91\">\r\n <div class=\"container\">\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 dans l'Essonne<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle reveal\">\r\n Au-del\u00e0 du pompage, BT PLUS vous accompagne dans tous vos besoins\r\n d'assainissement dans le d\u00e9partement 91. D\u00e9couvrez nos autres prestations.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"serv-grid\">\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 Essonne 91<\/div>\r\n <div class=\"serv-desc\">Diagnostic vid\u00e9o de vos canalisations.<\/div>\r\n <\/div>\r\n <span class=\"serv-arrow\">\u2192<\/span>\r\n <\/a>\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 Essonne 91<\/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 <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\">Curage Essonne 91<\/div>\r\n <div class=\"serv-desc\">Nettoyage en profondeur de vos canalisations.<\/div>\r\n <\/div>\r\n <span class=\"serv-arrow\">\u2192<\/span>\r\n <\/a>\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 assainissement 91<\/div>\r\n <div class=\"serv-desc\">Service d'astreinte 24h\/24 dans l'Essonne.<\/div>\r\n <\/div>\r\n <span class=\"serv-arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const reveal = document.querySelectorAll('.services-connexes-pompage-91 .reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\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-9a1336f e-con-full e-flex e-con e-parent\" data-id=\"9a1336f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f05cb9a elementor-widget elementor-widget-html\" data-id=\"f05cb9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>BT Plus \u2014 Contact<\/title>\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 <style>\r\n \/* ============================================\r\n RESET & BASE\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-color: #ffffff;\r\n color: #0a1a2b;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ============================================\r\n SECTION CONTACT - AVEC LE FOND HERO\r\n ============================================ *\/\r\n .contact {\r\n padding: 5rem 5% 6rem;\r\n position: relative;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n \/* ===== M\u00caME FOND QUE LA HERO ===== *\/\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 \/* ================================== *\/\r\n overflow: hidden;\r\n }\r\n\r\n \/* Vagues anim\u00e9es en bas *\/\r\n .contact__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: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .contact__waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 80px;\r\n }\r\n\r\n .contact__waves .wave-back use {\r\n animation: wavemove 11s linear infinite;\r\n opacity: 0.55;\r\n }\r\n .contact__waves .wave-mid use {\r\n animation: wavemove 8s linear infinite reverse;\r\n opacity: 0.8;\r\n }\r\n .contact__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 .contact__container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n width: 100%;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ============================================\r\n EN-T\u00caTE\r\n ============================================ *\/\r\n .contact__header {\r\n text-align: center;\r\n max-width: 780px;\r\n margin: 0 auto 3.5rem;\r\n }\r\n\r\n .contact__badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n padding: 0.4rem 1.4rem 0.4rem 1rem;\r\n border-radius: 2rem;\r\n background: rgba(28, 126, 201, 0.07);\r\n color: #1c7ec9;\r\n border: 1px solid rgba(28, 126, 201, 0.12);\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .contact__badge .dot {\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: #1c7ec9;\r\n animation: pulseDot 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulseDot {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.3; transform: scale(0.6); }\r\n }\r\n\r\n .contact__title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(2rem, 3.6vw, 3.2rem);\r\n letter-spacing: -0.03em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .contact__title .highlight {\r\n background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .contact__subtitle {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.1vw, 1.15rem);\r\n color: #6b7f94;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ============================================\r\n GRILLE PRINCIPALE\r\n ============================================ *\/\r\n .contact__grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 3rem;\r\n align-items: start;\r\n }\r\n\r\n \/* ============================================\r\n FORMULAIRE - CARTE BLANCHE\r\n ============================================ *\/\r\n .contact__form {\r\n background: #ffffff;\r\n border-radius: 24px;\r\n padding: 2.5rem;\r\n border: 1px solid #eef2f6;\r\n box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04);\r\n transition: all 0.4s ease;\r\n position: relative;\r\n }\r\n\r\n .contact__form:hover {\r\n box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08);\r\n border-color: #d6ebfb;\r\n }\r\n\r\n .contact__form-title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.3rem;\r\n color: #07294a;\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .contact__form-subtitle {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 400;\r\n font-size: 0.9rem;\r\n color: #6b7f94;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .contact__form-group {\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .contact__form-group label {\r\n display: block;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 600;\r\n font-size: 0.7rem;\r\n color: #6b7f94;\r\n text-transform: uppercase;\r\n letter-spacing: 0.04em;\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .contact__form-group label .required {\r\n color: #dc2626;\r\n }\r\n\r\n .contact__form-group input,\r\n .contact__form-group select,\r\n .contact__form-group textarea {\r\n width: 100%;\r\n padding: 0.8rem 1rem;\r\n border-radius: 12px;\r\n border: 1px solid #eef2f6;\r\n background: #f8fafc;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.9rem;\r\n color: #07294a;\r\n transition: all 0.3s ease;\r\n outline: none;\r\n }\r\n\r\n .contact__form-group input:focus,\r\n .contact__form-group select:focus,\r\n .contact__form-group textarea:focus {\r\n border-color: #1c7ec9;\r\n background: #ffffff;\r\n box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06);\r\n }\r\n\r\n .contact__form-group input::placeholder,\r\n .contact__form-group textarea::placeholder {\r\n color: #b0c0d0;\r\n }\r\n\r\n .contact__form-group select option {\r\n background: #ffffff;\r\n color: #07294a;\r\n }\r\n\r\n .contact__form-group textarea {\r\n resize: vertical;\r\n min-height: 100px;\r\n }\r\n\r\n .contact__form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1rem;\r\n }\r\n\r\n \/* ============================================\r\n CHAMP DE T\u00c9L\u00c9CHARGEMENT DE PHOTOS\r\n ============================================ *\/\r\n .contact__form-group--file {\r\n position: relative;\r\n }\r\n\r\n .contact__form-group--file .file-drop-zone {\r\n border: 2px dashed #eef2f6;\r\n border-radius: 12px;\r\n padding: 1.5rem 1rem;\r\n text-align: center;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n background: #f8fafc;\r\n }\r\n\r\n .contact__form-group--file .file-drop-zone:hover {\r\n border-color: #1c7ec9;\r\n background: #eef6fc;\r\n }\r\n\r\n .contact__form-group--file .file-drop-zone.dragover {\r\n border-color: #f4a61a;\r\n background: rgba(244, 166, 26, 0.04);\r\n }\r\n\r\n .contact__form-group--file .file-drop-zone i {\r\n font-size: 2rem;\r\n color: #1c7ec9;\r\n display: block;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .contact__form-group--file .file-drop-zone p {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 400;\r\n font-size: 0.85rem;\r\n color: #6b7f94;\r\n margin: 0;\r\n }\r\n\r\n .contact__form-group--file .file-drop-zone .file-types {\r\n font-size: 0.7rem;\r\n color: #b0c0d0;\r\n margin-top: 0.3rem;\r\n }\r\n\r\n .contact__form-group--file input[type=\"file\"] {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n opacity: 0;\r\n cursor: pointer;\r\n }\r\n\r\n .contact__form-group--file .file-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n margin-top: 0.8rem;\r\n }\r\n\r\n .contact__form-group--file .file-item {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: #eef6fc;\r\n padding: 0.3rem 0.8rem 0.3rem 0.6rem;\r\n border-radius: 20px;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.75rem;\r\n color: #1c7ec9;\r\n border: 1px solid #d6ebfb;\r\n }\r\n\r\n .contact__form-group--file .file-item i {\r\n font-size: 0.8rem;\r\n color: #1c7ec9;\r\n }\r\n\r\n .contact__form-group--file .file-item .file-remove {\r\n cursor: pointer;\r\n color: #6b7f94;\r\n transition: color 0.3s ease;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .contact__form-group--file .file-item .file-remove:hover {\r\n color: #dc2626;\r\n }\r\n\r\n \/* ============================================\r\n BOUTON\r\n ============================================ *\/\r\n .btn--contact {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.75rem;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.85rem;\r\n letter-spacing: 0.02em;\r\n text-decoration: none;\r\n padding: 0.9rem 2.4rem;\r\n border-radius: 3rem;\r\n transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n cursor: pointer;\r\n border: none;\r\n text-align: center;\r\n background: linear-gradient(135deg, #f4a61a 0%, #e0960e 100%);\r\n box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25);\r\n color: #07294a;\r\n width: 100%;\r\n }\r\n\r\n .btn--contact:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40);\r\n color: #07294a;\r\n }\r\n\r\n .btn--contact .btn__icon {\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .btn--contact:hover .btn__icon {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* ============================================\r\n INFORMATIONS - CARTES BLANCHES\r\n ============================================ *\/\r\n .contact__info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.2rem;\r\n }\r\n\r\n .contact__info-card {\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 1.5rem 1.8rem;\r\n border: 1px solid #eef2f6;\r\n transition: all 0.4s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 1.2rem;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03);\r\n }\r\n\r\n .contact__info-card:hover {\r\n transform: translateX(6px);\r\n border-color: #1c7ec9;\r\n box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.08);\r\n }\r\n\r\n .contact__info-icon {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 14px;\r\n background: #f0f4f8;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .contact__info-card:hover .contact__info-icon {\r\n background: #eef6fc;\r\n }\r\n\r\n .contact__info-icon i {\r\n font-size: 1.3rem;\r\n color: #1c7ec9;\r\n }\r\n\r\n .contact__info-content h4 {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.85rem;\r\n color: #07294a;\r\n margin-bottom: 0.1rem;\r\n }\r\n\r\n .contact__info-content p,\r\n .contact__info-content a {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 400;\r\n font-size: 0.9rem;\r\n color: #6b7f94;\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .contact__info-content a:hover {\r\n color: #1c7ec9;\r\n }\r\n\r\n \/* ============================================\r\n HORAIRES - CARTE BLANCHE\r\n ============================================ *\/\r\n .contact__hours {\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 1.5rem 1.8rem;\r\n border: 1px solid #eef2f6;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .contact__hours:hover {\r\n border-color: #d6ebfb;\r\n box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06);\r\n }\r\n\r\n .contact__hours-title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.85rem;\r\n color: #6b7f94;\r\n text-transform: uppercase;\r\n letter-spacing: 0.04em;\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .contact__hours-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.3rem 1rem;\r\n }\r\n\r\n .contact__hours-day {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 500;\r\n font-size: 0.85rem;\r\n color: #6b7f94;\r\n }\r\n\r\n .contact__hours-time {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 500;\r\n font-size: 0.85rem;\r\n color: #07294a;\r\n text-align: right;\r\n }\r\n\r\n .contact__hours-time .urgent {\r\n color: #1c7ec9;\r\n font-weight: 700;\r\n }\r\n\r\n \/* ============================================\r\n CARTE\r\n ============================================ *\/\r\n .contact__map {\r\n border-radius: 16px;\r\n overflow: hidden;\r\n border: 1px solid #eef2f6;\r\n height: 200px;\r\n background: #f8fafc;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .contact__map:hover {\r\n border-color: #d6ebfb;\r\n box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06);\r\n }\r\n\r\n .contact__map iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n }\r\n\r\n \/* ============================================\r\n ANIMATIONS\r\n ============================================ *\/\r\n .contact__form,\r\n .contact__info-card,\r\n .contact__hours,\r\n .contact__map {\r\n opacity: 0;\r\n animation: fadeInUp 0.6s ease-out forwards;\r\n }\r\n\r\n .contact__form { animation-delay: 0.05s; }\r\n .contact__info-card:nth-child(1) { animation-delay: 0.10s; }\r\n .contact__info-card:nth-child(2) { animation-delay: 0.15s; }\r\n .contact__info-card:nth-child(3) { animation-delay: 0.20s; }\r\n .contact__hours { animation-delay: 0.25s; }\r\n .contact__map { animation-delay: 0.30s; }\r\n\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .contact__form,\r\n .contact__info-card,\r\n .contact__hours,\r\n .contact__map {\r\n opacity: 1;\r\n animation: none;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media (max-width: 992px) {\r\n .contact__grid {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .contact__form {\r\n padding: 2rem;\r\n }\r\n\r\n .contact__info {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1rem;\r\n }\r\n\r\n .contact__hours-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .contact__map {\r\n height: 180px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .contact {\r\n padding: 3.5rem 1.5rem 4rem;\r\n min-height: auto;\r\n }\r\n\r\n .contact__form {\r\n padding: 1.5rem;\r\n border-radius: 16px;\r\n }\r\n\r\n .contact__form-row {\r\n grid-template-columns: 1fr;\r\n gap: 0;\r\n }\r\n\r\n .contact__info {\r\n grid-template-columns: 1fr;\r\n gap: 1rem;\r\n }\r\n\r\n .contact__info-card {\r\n padding: 1.2rem 1.5rem;\r\n }\r\n\r\n .contact__hours {\r\n padding: 1.2rem 1.5rem;\r\n }\r\n\r\n .contact__hours-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.3rem 0.8rem;\r\n }\r\n\r\n .contact__hours-day {\r\n font-size: 0.75rem;\r\n }\r\n .contact__hours-time {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .contact__map {\r\n height: 150px;\r\n }\r\n\r\n .btn--contact {\r\n padding: 0.7rem 1.8rem;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .contact__form-group--file .file-drop-zone {\r\n padding: 1rem;\r\n }\r\n\r\n .contact__form-group--file .file-drop-zone i {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .contact__waves svg {\r\n height: 40px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .contact__form {\r\n padding: 1rem;\r\n }\r\n\r\n .contact__info-card {\r\n padding: 1rem;\r\n }\r\n\r\n .contact__info-icon {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .contact__info-icon i {\r\n font-size: 1rem;\r\n }\r\n\r\n .contact__hours {\r\n padding: 1rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"contact\">\r\n <div class=\"contact__container\">\r\n\r\n \r\n <div class=\"contact__header\">\r\n <span class=\"contact__badge\">\r\n <span class=\"dot\"><\/span>\r\n Contactez-nous\r\n <\/span>\r\n <h2 class=\"contact__title\">\r\n Pret a <span class=\"highlight\">securiser<\/span> vos reseaux ?\r\n <\/h2>\r\n <p class=\"contact__subtitle\">\r\n Une question, un devis, une urgence ? Notre equipe est a votre ecoute 24h\/24 et 7j\/7.\r\n <\/p>\r\n <\/div>\r\n\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 <form id=\"contactForm\" onsubmit=\"event.preventDefault(); alert('Merci ! Nous vous contacterons sous 24h.');\">\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\" 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\" 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\" 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\" 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\">\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\">\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\" placeholder=\"Decrivez votre situation...\"><\/textarea>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__form-group contact__form-group--file\">\r\n <label>Ajouter des photos <span style=\"font-weight:400;text-transform:none;color:#b0c0d0;\">(optionnel)<\/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 vos photos ici ou cliquez pour selectionner<\/p>\r\n <div class=\"file-types\">JPG, PNG, GIF - Max 5MB<\/div>\r\n <input type=\"file\" id=\"fileInput\" multiple accept=\"image\/*\" \/>\r\n <\/div>\r\n <div class=\"file-list\" id=\"fileList\"><\/div>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn--contact\">\r\n Planifier un diagnostic\r\n <span class=\"btn__icon\">\u2192<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__info\">\r\n\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/div>\r\n <div class=\"contact__info-content\">\r\n <h4>Telephone<\/h4>\r\n <p><a href=\"tel:+33185421970\">01 85 42 19 70<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"contact__info-content\">\r\n <h4>Email<\/h4>\r\n <p><a href=\"mailto:contact@btplus-intervention.fr\">contact@btplus-intervention.fr<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div class=\"contact__info-content\">\r\n <h4>Adresse<\/h4>\r\n <p>15 rue de l'Industrie, 93300 Aubervilliers<\/p>\r\n <\/div>\r\n <\/div>\r\n\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>\r\n <span class=\"contact__hours-time\">08:00 - 20:00<\/span>\r\n <span class=\"contact__hours-day\">Samedi<\/span>\r\n <span class=\"contact__hours-time\">09:00 - 18:00<\/span>\r\n <span class=\"contact__hours-day\">Dimanche & jours feries<\/span>\r\n <span class=\"contact__hours-time\"><span class=\"urgent\">Urgence 24\/7<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\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\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <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\" \/>\r\n <\/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 \r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n\r\n const fileInput = document.getElementById('fileInput');\r\n const fileList = document.getElementById('fileList');\r\n const dropZone = document.getElementById('fileDropZone');\r\n const maxSize = 5 * 1024 * 1024;\r\n\r\n function updateFileList(files) {\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach((file, index) => {\r\n const item = document.createElement('span');\r\n item.className = 'file-item';\r\n const icon = file.type.startsWith('image\/') ? 'fa-image' : 'fa-file';\r\n item.innerHTML = `\r\n <i class=\"fas ${icon}\"><\/i>\r\n <span>${file.name}<\/span>\r\n <span class=\"file-remove\" data-index=\"${index}\">\r\n <i class=\"fas fa-times\"><\/i>\r\n <\/span>\r\n `;\r\n fileList.appendChild(item);\r\n });\r\n\r\n document.querySelectorAll('.file-remove').forEach(btn => {\r\n btn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n const index = parseInt(this.dataset.index);\r\n const dt = new DataTransfer();\r\n const remainingFiles = Array.from(fileInput.files).filter((_, i) => i !== index);\r\n remainingFiles.forEach(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 dropZone.addEventListener('click', function(e) {\r\n if (e.target === this || e.target.closest('.file-drop-zone')) {\r\n fileInput.click();\r\n }\r\n });\r\n\r\n fileInput.addEventListener('change', function() {\r\n const files = Array.from(this.files);\r\n const oversized = files.filter(f => f.size > maxSize);\r\n if (oversized.length > 0) {\r\n alert('Certains fichiers depassent 5MB. Veuillez reduire leur taille.');\r\n const validFiles = files.filter(f => f.size <= maxSize);\r\n const dt = new DataTransfer();\r\n validFiles.forEach(f => dt.items.add(f));\r\n this.files = dt.files;\r\n }\r\n updateFileList(this.files);\r\n });\r\n\r\n dropZone.addEventListener('dragover', function(e) {\r\n e.preventDefault();\r\n this.classList.add('dragover');\r\n });\r\n\r\n dropZone.addEventListener('dragleave', function(e) {\r\n e.preventDefault();\r\n this.classList.remove('dragover');\r\n });\r\n\r\n dropZone.addEventListener('drop', function(e) {\r\n e.preventDefault();\r\n this.classList.remove('dragover');\r\n const files = Array.from(e.dataTransfer.files).filter(f => f.type.startsWith('image\/'));\r\n if (files.length === 0) {\r\n alert('Veuillez deposer uniquement des images.');\r\n return;\r\n }\r\n const oversized = files.filter(f => f.size > maxSize);\r\n if (oversized.length > 0) {\r\n alert('Certains fichiers depassent 5MB. Veuillez reduire leur taille.');\r\n const validFiles = files.filter(f => f.size <= maxSize);\r\n const dt = new DataTransfer();\r\n const existing = Array.from(fileInput.files);\r\n existing.forEach(f => dt.items.add(f));\r\n validFiles.forEach(f => dt.items.add(f));\r\n fileInput.files = dt.files;\r\n } else {\r\n const dt = new DataTransfer();\r\n const existing = Array.from(fileInput.files);\r\n existing.forEach(f => dt.items.add(f));\r\n files.forEach(f => dt.items.add(f));\r\n fileInput.files = dt.files;\r\n }\r\n updateFileList(fileInput.files);\r\n });\r\n\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pompage Essonne 91 | BT PLUS Vidange Fosses & Bacs \u00e0 Graisse Pompage \/ Essonne 91 Pompage professionnel dans l’Essonne Pompage Essonne 91 Pompage de fosses septiques et bacs \u00e0 graisse dans l’Essonne : vidange, nettoyage et entretien de vos installations. Intervention sous 1h \u00e0 \u00c9vry-Courcouronnes, Massy, Savigny-sur-Orge, Sainte-Genevi\u00e8ve-des-Bois et dans tout le d\u00e9partement. + […]<\/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-755","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/755","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=755"}],"version-history":[{"count":7,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/755\/revisions"}],"predecessor-version":[{"id":1376,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/755\/revisions\/1376"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}