BT Plus \u2014 Zone d'intervention<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\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 :root{\r\n --blue-900:#07294a;\r\n --blue-800:#0a3666;\r\n --blue-700:#0d4f8b;\r\n --blue-500:#1c7ec9;\r\n --blue-300:#7cc0ee;\r\n --blue-100:#d6ebfb;\r\n --blue-50:#eef6fc;\r\n --orange:#f4a61a;\r\n --orange-dark:#d98a0c;\r\n --ink:#0c2238;\r\n --slate:#48637d;\r\n --paper:#ffffff;\r\n\r\n --font-display:\"Sora\",sans-serif;\r\n --font-body:\"Inter\",sans-serif;\r\n\r\n --shadow-sm:0 2px 10px rgba(7,41,74,.06);\r\n --shadow-md:0 18px 40px -16px rgba(7,41,74,.30);\r\n }\r\n\r\n *{box-sizing:border-box;margin:0;padding:0}\r\n html{scroll-behavior:smooth}\r\n body{\r\n font-family:var(--font-body);\r\n color:var(--ink);\r\n background:var(--paper);\r\n -webkit-font-smoothing:antialiased;\r\n line-height:1.6;\r\n }\r\n\r\n \/* ---------- Hero ---------- *\/\r\n .hero{\r\n position:relative;\r\n overflow:hidden;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, var(--blue-100), transparent 60%),\r\n linear-gradient(180deg,#fbfdff 0%,var(--blue-50) 100%);\r\n }\r\n .hero-inner{\r\n max-width:1200px;margin:0 auto;\r\n padding:40px 24px 150px;\r\n display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;\r\n position:relative;\r\n }\r\n @media(max-width:940px){\r\n .hero-inner{grid-template-columns:1fr;padding:28px 24px 130px;gap:34px}\r\n }\r\n\r\n \/* ============================================\r\n BADGE 24\/24\r\n ============================================ *\/\r\n .badge-247 {\r\n position:absolute;\r\n top:20px;\r\n right:24px;\r\n background:#ffffff;\r\n border-radius:14px;\r\n padding:12px 16px;\r\n box-shadow:var(--shadow-md);\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n z-index:10;\r\n border:1px solid var(--blue-100);\r\n animation:floaty 6s ease-in-out infinite;\r\n animation-delay:0.3s;\r\n }\r\n\r\n .badge-247 .fic {\r\n width:38px;\r\n height:38px;\r\n border-radius:10px;\r\n display:grid;\r\n place-items:center;\r\n flex-shrink:0;\r\n background:var(--blue-50);\r\n color:var(--blue-700);\r\n }\r\n\r\n .badge-247 .fic svg {\r\n width:20px;\r\n height:20px;\r\n }\r\n\r\n .badge-247 b {\r\n font-family:var(--font-display);\r\n display:block;\r\n font-size:1.05rem;\r\n color:var(--blue-900);\r\n line-height:1.1;\r\n }\r\n\r\n .badge-247 small {\r\n color:var(--slate);\r\n font-size:.74rem;\r\n }\r\n\r\n @keyframes floaty{\r\n 0%,100%{transform:translateY(0)}\r\n 50%{transform:translateY(-12px)}\r\n }\r\n\r\n @media(max-width:600px){\r\n .badge-247{\r\n top:12px;\r\n right:12px;\r\n padding:8px 12px;\r\n gap:8px;\r\n }\r\n .badge-247 .fic{\r\n width:30px;\r\n height:30px;\r\n }\r\n .badge-247 b{\r\n font-size:.85rem;\r\n }\r\n .badge-247 small{\r\n font-size:.65rem;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n CONTENU TEXTE \u2014 ZONE D'INTERVENTION\r\n ============================================ *\/\r\n h1{\r\n font-family:var(--font-display);font-weight:800;\r\n font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.06;\r\n letter-spacing:-.025em;color:var(--blue-900);margin:18px 0 0;\r\n }\r\n h1 .accent{\r\n color:var(--orange);position:relative;white-space:nowrap;\r\n }\r\n h1 .accent::after{\r\n content:\"\";position:absolute;left:0;right:0;bottom:.06em;height:.16em;\r\n background:rgba(244,166,26,.28);border-radius:4px;z-index:-1;\r\n transform:scaleX(0);transform-origin:left;animation:underline 1s .8s ease forwards;\r\n }\r\n @keyframes underline{to{transform:scaleX(1)}}\r\n\r\n .lead{\r\n margin-top:18px;font-size:1.08rem;color:var(--slate);max-width:520px;\r\n }\r\n\r\n \/* service chips \u2014 D\u00c9PARTEMENTS *\/\r\n .chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}\r\n .chip{\r\n display:inline-flex;align-items:center;gap:7px;\r\n background:#fff;border:1px solid var(--blue-100);\r\n padding:8px 13px;border-radius:11px;font-size:.86rem;font-weight:600;color:var(--blue-800);\r\n box-shadow:var(--shadow-sm);transition:transform .2s, box-shadow .2s, border-color .2s;\r\n cursor:pointer;\r\n }\r\n .chip svg{width:16px;height:16px;color:var(--blue-500)}\r\n .chip:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-300)}\r\n .chip.active{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:var(--shadow-md)}\r\n .chip.active svg{color:#fff}\r\n\r\n \/* trust strip \u2014 SERVICES *\/\r\n .trust{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px}\r\n .trust div{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--slate);font-weight:500}\r\n .trust svg{width:18px;height:18px;color:#1faa6b;flex-shrink:0}\r\n\r\n \/* ---------- Visual ---------- *\/\r\n .visual{position:relative;display:grid;place-items:center;min-height:380px}\r\n .disc{\r\n position:relative;\r\n width:min(420px,90%);\r\n aspect-ratio:1;\r\n border-radius:50%;\r\n overflow:hidden;\r\n box-shadow:0 40px 70px -25px rgba(13,79,139,.7);\r\n display:grid;\r\n place-items:center;\r\n }\r\n\r\n .disc img{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n z-index:1;\r\n }\r\n\r\n .disc .overlay{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n background:rgba(7,41,74,0.30);\r\n z-index:2;\r\n border-radius:50%;\r\n }\r\n\r\n .ring{\r\n position:absolute;\r\n border:2px solid rgba(255,255,255,0.5);\r\n border-radius:50%;\r\n inset:0;\r\n opacity:0;\r\n z-index:3;\r\n animation:ripple 4s linear infinite;\r\n pointer-events:none;\r\n }\r\n .ring:nth-child(3){animation-delay:1.3s}\r\n .ring:nth-child(4){animation-delay:2.6s}\r\n @keyframes ripple{\r\n 0%{transform:scale(.55);opacity:.6}\r\n 80%{opacity:0}\r\n 100%{transform:scale(1.18);opacity:0}\r\n }\r\n\r\n .disc-content{\r\n position:relative;\r\n z-index:4;\r\n text-align:center;\r\n color:#ffffff;\r\n padding:20px;\r\n }\r\n\r\n .disc-content .icon-badge{\r\n display:inline-block;\r\n background:rgba(255,255,255,0.15);\r\n backdrop-filter:blur(6px);\r\n padding:6px 16px;\r\n border-radius:100px;\r\n font-family:var(--font-display);\r\n font-weight:700;\r\n font-size:.7rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,0.2);\r\n margin-bottom:10px;\r\n }\r\n\r\n .disc-content .big-number{\r\n font-family:var(--font-display);\r\n font-weight:800;\r\n font-size:3.8rem;\r\n line-height:1;\r\n color:#fff;\r\n text-shadow:0 4px 20px rgba(0,0,0,0.2);\r\n }\r\n\r\n .disc-content .big-number span{\r\n font-size:1.4rem;\r\n font-weight:500;\r\n opacity:0.8;\r\n }\r\n\r\n .disc-content .desc{\r\n font-family:var(--font-body);\r\n font-weight:500;\r\n font-size:.95rem;\r\n color:rgba(255,255,255,0.9);\r\n margin-top:4px;\r\n }\r\n\r\n \/* ============================================\r\n FLOATING CARDS \u2014 ADAPT\u00c9ES ZONE\r\n ============================================ *\/\r\n .float{\r\n position:absolute;\r\n background:#fff;\r\n border-radius:14px;\r\n padding:12px 15px;\r\n box-shadow:var(--shadow-md);\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n font-size:.85rem;\r\n animation:floaty 6s ease-in-out infinite;\r\n z-index:10;\r\n }\r\n .float .fic{\r\n width:38px;\r\n height:38px;\r\n border-radius:10px;\r\n display:grid;\r\n place-items:center;\r\n flex-shrink:0;\r\n }\r\n .float b{\r\n font-family:var(--font-display);\r\n display:block;\r\n font-size:1.05rem;\r\n color:var(--blue-900);\r\n line-height:1.1;\r\n }\r\n .float small{\r\n color:var(--slate);\r\n font-size:.74rem;\r\n }\r\n .float.one{\r\n top:6%;\r\n left:-4%;\r\n animation-delay:.2s;\r\n }\r\n .float.one .fic{\r\n background:#fff3df;\r\n color:var(--orange-dark);\r\n }\r\n .float.two{\r\n bottom:10%;\r\n right:-6%;\r\n animation-delay:1.6s;\r\n }\r\n .float.two .fic{\r\n background:var(--blue-50);\r\n color:var(--blue-700);\r\n }\r\n @media(max-width:560px){\r\n .float.one{left:0}\r\n .float.two{right:0}\r\n }\r\n\r\n \/* ---------- Animated waves ---------- *\/\r\n .waves{\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n bottom:0;\r\n line-height:0;\r\n z-index:1;\r\n pointer-events:none;\r\n }\r\n .waves svg{\r\n display:block;\r\n width:100%;\r\n height:120px;\r\n }\r\n .wave-back use{animation:wavemove 11s linear infinite;opacity:.55}\r\n .wave-mid use{animation:wavemove 8s linear infinite reverse;opacity:.8}\r\n .wave-front use{animation:wavemove 6s linear infinite}\r\n @keyframes wavemove{\r\n 0%{transform:translateX(0)}\r\n 100%{transform:translateX(-50%)}\r\n }\r\n\r\n \/* ---------- entrance ---------- *\/\r\n .reveal{\r\n opacity:0;\r\n transform:translateY(22px);\r\n animation:rise .7s cubic-bezier(.2,.7,.3,1) forwards;\r\n }\r\n .d1{animation-delay:.05s}\r\n .d2{animation-delay:.16s}\r\n .d3{animation-delay:.27s}\r\n .d4{animation-delay:.38s}\r\n .d5{animation-delay:.49s}\r\n .reveal-r{\r\n opacity:0;\r\n transform:scale(.94);\r\n animation:pop .8s .3s cubic-bezier(.2,.7,.3,1) forwards;\r\n }\r\n @keyframes rise{\r\n to{opacity:1;transform:translateY(0)}\r\n }\r\n @keyframes pop{\r\n to{opacity:1;transform:scale(1)}\r\n }\r\n\r\n @media(prefers-reduced-motion:reduce){\r\n *{animation:none!important;transition:none!important}\r\n .reveal,.reveal-r{opacity:1;transform:none}\r\n h1 .accent::after{transform:scaleX(1)}\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media(max-width:768px){\r\n .disc{\r\n width:min(340px,85%);\r\n }\r\n .disc-content .big-number{\r\n font-size:2.8rem;\r\n }\r\n .disc-content .big-number span{\r\n font-size:1.1rem;\r\n }\r\n .disc-content .desc{\r\n font-size:.8rem;\r\n }\r\n .disc-content .icon-badge{\r\n font-size:.6rem;\r\n padding:4px 12px;\r\n }\r\n }\r\n\r\n @media(max-width:480px){\r\n .disc{\r\n width:min(280px,80%);\r\n }\r\n .disc-content .big-number{\r\n font-size:2.2rem;\r\n }\r\n .disc-content .big-number span{\r\n font-size:.9rem;\r\n }\r\n .disc-content .desc{\r\n font-size:.7rem;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header class=\"hero\">\r\n <div class=\"hero-inner\">\r\n\r\n \r\n \r\n \r\n <div class=\"badge-247\">\r\n <span class=\"fic\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <path d=\"M12 7v5l3 2\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span>\r\n <b>24h\/24<\/b>\r\n <small>Zone d'intervention \u00b7 \u00cele-de-France<\/small>\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n <h1 class=\"reveal d2\">\r\n Nous intervenons<br>\r\n dans toute <span class=\"accent\">l'\u00cele-de-France<\/span>\r\n <\/h1>\r\n\r\n <p class=\"lead reveal d3\">\r\n D\u00e9partements couverts : Paris, Hauts-de-Seine, Seine-Saint-Denis,\r\n Val-de-Marne, Yvelines, Essonne, Seine-et-Marne et Val-d'Oise.\r\n Un technicien pr\u00e8s de chez vous en moins d'1 heure.\r\n <\/p>\r\n\r\n <div class=\"chips reveal d4\">\r\n <span class=\"chip active\" data-dept=\"75\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Paris 75<\/span>\r\n <span class=\"chip\" data-dept=\"92\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Hauts-de-Seine 92<\/span>\r\n <span class=\"chip\" data-dept=\"93\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Seine-St-Denis 93<\/span>\r\n <span class=\"chip\" data-dept=\"94\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Val-de-Marne 94<\/span>\r\n <span class=\"chip\" data-dept=\"78\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Yvelines 78<\/span>\r\n <span class=\"chip\" data-dept=\"91\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Essonne 91<\/span>\r\n <span class=\"chip\" data-dept=\"77\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Seine-et-Marne 77<\/span>\r\n <span class=\"chip\" data-dept=\"95\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Val-d'Oise 95<\/span>\r\n <\/div>\r\n\r\n <div class=\"trust reveal d5\">\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>8 d\u00e9partements<\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Sous 1h<\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>24h\/24<\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Devis gratuit<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"visual reveal-r\">\r\n <div class=\"disc\">\r\n \r\n <img decoding=\"async\"\r\n src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-04-22-at-12.43.12.jpeg\"\r\n alt=\"Zone d'intervention BT Plus\"\r\n loading=\"lazy\"\r\n \/>\r\n \r\n <div class=\"overlay\"><\/div>\r\n\r\n \r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n\r\n \r\n <div class=\"disc-content\">\r\n <span class=\"icon-badge\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;margin-right:6px;\">\r\n <path d=\"M12 2v4M12 22v-4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/>\r\n <\/svg>\r\n \u00cele-de-France\r\n <\/span>\r\n <div class=\"big-number\">\r\n 8 <span>d\u00e9partements<\/span>\r\n <\/div>\r\n <div class=\"desc\">Intervention rapide partout en IDF<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"float one\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\r\n <\/span>\r\n <span><b>\u2248 1h<\/b><small>d\u00e9lai d'intervention<\/small><\/span>\r\n <\/div>\r\n\r\n <div class=\"float two\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><path d=\"M21 12a9 9 0 1 1-9-9c2.5 0 4.8 1 6.4 2.6\"\/><\/svg>\r\n <\/span>\r\n <span><b>8<\/b><small>d\u00e9partements<\/small><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"w\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/>\r\n <\/defs>\r\n <g class=\"wave-back\"><use href=\"#w\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n const chips = document.querySelectorAll('.chip');\r\n\r\n \/\/ Mapping des d\u00e9partements vers leurs URLs\r\n const deptUrls = {\r\n '75': 'https:\/\/sci-bme.fr\/index.php\/debouchage-paris-75\/',\r\n '92': 'https:\/\/sci-bme.fr\/index.php\/debouchage-hauts-de-seine-92\/',\r\n '93': 'https:\/\/sci-bme.fr\/index.php\/debouchage-seine-saint-denis-93\/',\r\n '94': 'https:\/\/sci-bme.fr\/index.php\/debouchage-val-de-marne-94-2\/',\r\n '78': 'https:\/\/sci-bme.fr\/index.php\/debouchage-yvelines-78\/',\r\n '91': 'https:\/\/sci-bme.fr\/index.php\/debouchage-essonne-91\/',\r\n '77': 'https:\/\/sci-bme.fr\/index.php\/debouchage-seine-et-marne-77\/',\r\n '95': 'https:\/\/sci-bme.fr\/index.php\/debouchage-val-doise-95\/'\r\n };\r\n\r\n const deptNames = {\r\n '75': 'Paris',\r\n '92': 'Hauts-de-Seine',\r\n '93': 'Seine-Saint-Denis',\r\n '94': 'Val-de-Marne',\r\n '78': 'Yvelines',\r\n '91': 'Essonne',\r\n '77': 'Seine-et-Marne',\r\n '95': 'Val-d\\'Oise'\r\n };\r\n\r\n chips.forEach(chip => {\r\n chip.addEventListener('click', function() {\r\n \/\/ D\u00e9sactiver tous les chips\r\n chips.forEach(c => c.classList.remove('active'));\r\n \/\/ Activer celui-ci\r\n this.classList.add('active');\r\n\r\n const deptCode = this.dataset.dept;\r\n const url = deptUrls[deptCode];\r\n const name = deptNames[deptCode];\r\n\r\n if (url) {\r\n \/\/ Message de redirection\r\n const msg = 'Redirection vers ' + name + '...';\r\n console.log(msg);\r\n setTimeout(function() {\r\n window.location.href = url;\r\n }, 400);\r\n }\r\n });\r\n });\r\n\r\n \/\/ Animation d'entr\u00e9e pour les chips\r\n const rv = document.querySelectorAll('.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 rv.forEach(function(el) { io.observe(el); });\r\n } else {\r\n rv.forEach(function(el) { el.classList.add('shown'); });\r\n }\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1005435 e-con-full e-flex e-con e-parent\" data-id=\"1005435\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd627f3 elementor-widget elementor-widget-html\" data-id=\"dd627f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n\/* ============================================================\r\n CSS INSPIR\u00c9 DE LA ZONE D'INTERVENTION\r\n ============================================================ *\/\r\n.bt-dept-links * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n.bt-dept-links {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #fff;\r\n color: #0a1a2b;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n}\r\n\r\n.bt-dept-links .wrapper {\r\n padding: 3rem 5% 4rem;\r\n position: relative;\r\n background: 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\/* ---------- vagues ---------- *\/\r\n.bt-dept-links .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.bt-dept-links .waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 80px;\r\n}\r\n.bt-dept-links .waves .wave-back use {\r\n animation: bt-wavemove 11s linear infinite;\r\n opacity: .55;\r\n}\r\n.bt-dept-links .waves .wave-mid use {\r\n animation: bt-wavemove 8s linear infinite reverse;\r\n opacity: .8;\r\n}\r\n.bt-dept-links .waves .wave-front use {\r\n animation: bt-wavemove 6s linear infinite;\r\n}\r\n@keyframes bt-wavemove {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n}\r\n\r\n\/* ---------- conteneur ---------- *\/\r\n.bt-dept-links .container {\r\n max-width: 1200px;\r\n width: 100%;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 10;\r\n}\r\n\r\n\/* ---------- en-t\u00eate ---------- *\/\r\n.bt-dept-links .header {\r\n text-align: center;\r\n max-width: 780px;\r\n margin: 0 auto 2.5rem;\r\n}\r\n.bt-dept-links .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .8rem;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: .85rem;\r\n letter-spacing: .12em;\r\n text-transform: uppercase;\r\n padding: .5rem 1.8rem .5rem 1rem;\r\n border-radius: 2rem;\r\n background: rgba(28, 126, 201, .07);\r\n color: #1c7ec9;\r\n border: 1px solid rgba(28, 126, 201, .12);\r\n margin-bottom: 1rem;\r\n}\r\n.bt-dept-links .badge .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #1c7ec9;\r\n animation: bt-pulseDot 2s ease-in-out infinite;\r\n}\r\n@keyframes bt-pulseDot {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: .3; transform: scale(.6); }\r\n}\r\n.bt-dept-links .title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(2.2rem, 4.2vw, 3.4rem);\r\n letter-spacing: -.03em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n margin-bottom: .6rem;\r\n}\r\n.bt-dept-links .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.bt-dept-links .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: 650px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n}\r\n.bt-dept-links .subtitle strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n}\r\n\r\n\/* ---------- grille des d\u00e9partements (8 colonnes) ---------- *\/\r\n.bt-dept-links .grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}\r\n@media (max-width: 992px) {\r\n .bt-dept-links .grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n@media (max-width: 640px) {\r\n .bt-dept-links .grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n\/* ---------- carte d\u00e9partement ---------- *\/\r\n.bt-dept-links .card {\r\n background: #fff;\r\n border-radius: 16px;\r\n border: 1px solid #eef2f6;\r\n padding: 18px 16px 16px;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, .03);\r\n transition: all .3s ease;\r\n}\r\n.bt-dept-links .card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 30px rgba(7, 41, 74, .06);\r\n border-color: #d6ebfb;\r\n}\r\n\r\n.bt-dept-links .card .dept-name {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.05rem;\r\n color: #07294a;\r\n margin-bottom: 10px;\r\n padding-bottom: 8px;\r\n border-bottom: 2px solid #f4a61a;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n.bt-dept-links .card .dept-name .num {\r\n font-family: 'JetBrains Mono', monospace;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n color: #94a3b8;\r\n background: #f8fafc;\r\n padding: 1px 8px;\r\n border-radius: 999px;\r\n}\r\n\r\n.bt-dept-links .card .service-item {\r\n display: block;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n color: #0a1a2b;\r\n text-decoration: none;\r\n padding: 5px 8px;\r\n border-radius: 6px;\r\n transition: all .2s ease;\r\n margin-bottom: 2px;\r\n}\r\n.bt-dept-links .card .service-item:hover {\r\n background: #eef6fc;\r\n color: #1c7ec9;\r\n transform: translateX(4px);\r\n}\r\n.bt-dept-links .card .service-item .dot {\r\n color: #f4a61a;\r\n margin-right: 6px;\r\n}\r\n\r\n\/* ---------- CTA ---------- *\/\r\n.bt-dept-links .cta-row {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 40px;\r\n}\r\n.bt-dept-links .btn-all {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1rem;\r\n text-decoration: none;\r\n padding: 14px 36px;\r\n border-radius: 50px;\r\n background: #fff;\r\n border: 2px solid #f4a61a;\r\n color: #07294a;\r\n transition: all .3s ease;\r\n}\r\n.bt-dept-links .btn-all:hover {\r\n background: #f4a61a;\r\n color: #fff;\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 24px rgba(244, 166, 26, .25);\r\n}\r\n\r\n\/* ---------- responsive ---------- *\/\r\n@media (max-width: 768px) {\r\n .bt-dept-links .wrapper {\r\n padding: 1.5rem 1.5rem 3rem;\r\n }\r\n .bt-dept-links .title {\r\n font-size: 26px;\r\n }\r\n .bt-dept-links .subtitle {\r\n font-size: 14px;\r\n }\r\n .bt-dept-links .badge {\r\n font-size: 0.65rem;\r\n padding: .3rem 1.2rem .3rem .8rem;\r\n }\r\n .bt-dept-links .waves svg {\r\n height: 40px;\r\n }\r\n .bt-dept-links .card .dept-name {\r\n font-size: 0.95rem;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .bt-dept-links .wrapper {\r\n padding: 1rem 1rem 2rem;\r\n }\r\n .bt-dept-links .title {\r\n font-size: 22px;\r\n }\r\n .bt-dept-links .subtitle {\r\n font-size: 13px;\r\n }\r\n .bt-dept-links .card {\r\n padding: 14px 12px;\r\n }\r\n .bt-dept-links .btn-all {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"bt-dept-links\">\r\n <div class=\"wrapper\">\r\n\r\n <div class=\"container\">\r\n\r\n \r\n <header class=\"header\">\r\n <span class=\"badge\"><span class=\"dot\"><\/span> Nos prestations en \u00cele-de-France<\/span>\r\n <h2 class=\"title\">Nos services par <span class=\"highlight\">d\u00e9partement<\/span><\/h2>\r\n <p class=\"subtitle\">\r\n Retrouvez l'ensemble de nos prestations d'<strong>assainissement<\/strong> et de\r\n <strong>d\u00e9pannage<\/strong> dans chaque d\u00e9partement d\u2019<strong>\u00cele-de-France<\/strong>.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"grid\">\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"dept-name\">Paris <span class=\"num\">75<\/span><\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-paris-75\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> D\u00e9bouchage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-paris-75\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Curage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-paris-75\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Inspection cam\u00e9ra<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-paris-75\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Pompage<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"dept-name\">Seine-et-Marne <span class=\"num\">77<\/span><\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-seine-et-marne-77\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> D\u00e9bouchage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-seine-et-marne-77\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Curage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-seine-et-marne-77\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Inspection cam\u00e9ra<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-seine-et-marne-77\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Pompage<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"dept-name\">Yvelines <span class=\"num\">78<\/span><\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-yvelines-78\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> D\u00e9bouchage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-yvelines-78\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Curage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-yvelines-78\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Inspection cam\u00e9ra<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-yvelines-78\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Pompage<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"dept-name\">Essonne <span class=\"num\">91<\/span><\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-essonne-91\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> D\u00e9bouchage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-essonne-91\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Curage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-essonne-91\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Inspection cam\u00e9ra<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-essonne-91\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Pompage<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"dept-name\">Hauts-de-Seine <span class=\"num\">92<\/span><\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-hauts-de-seine-92\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> D\u00e9bouchage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-hauts-de-seine-92\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Curage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-hauts-de-seine-92\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Inspection cam\u00e9ra<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-hauts-de-seine-92\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Pompage<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"dept-name\">Seine-Saint-Denis <span class=\"num\">93<\/span><\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-seine-saint-denis-93\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> D\u00e9bouchage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-seine-saint-denis-93\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Curage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-seine-saint-denis-93\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Inspection cam\u00e9ra<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-seine-saint-denis-93\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Pompage<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"dept-name\">Val-de-Marne <span class=\"num\">94<\/span><\/div>\r\n \r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-val-de-marne-94\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> D\u00e9bouchage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-val-de-marne-94\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Curage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-val-de-marne-94\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Inspection cam\u00e9ra<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-val-de-marne-94\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Pompage<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"dept-name\">Val-d'Oise <span class=\"num\">95<\/span><\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-val-doise-95\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> D\u00e9bouchage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-val-doise-95\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Curage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-val-doise-95\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Inspection cam\u00e9ra<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-val-doise-95\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Pompage<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-row\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/zones-dinterventions\/\" class=\"btn-all\">\r\n Voir toutes nos zones d'intervention \u2192\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"bt-w4\" 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\">\r\n <use href=\"#bt-w4\" x=\"0\" fill=\"#d6ebfb\" \/>\r\n <use href=\"#bt-w4\" x=\"176\" fill=\"#d6ebfb\" \/>\r\n <\/g>\r\n <g class=\"wave-mid\">\r\n <use href=\"#bt-w4\" x=\"0\" fill=\"#a9d4f3\" \/>\r\n <use href=\"#bt-w4\" x=\"176\" fill=\"#a9d4f3\" \/>\r\n <\/g>\r\n <g class=\"wave-front\">\r\n <use href=\"#bt-w4\" x=\"0\" fill=\"#ffffff\" \/>\r\n <use href=\"#bt-w4\" x=\"176\" fill=\"#ffffff\" \/>\r\n <\/g>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51edf2f e-con-full e-flex e-con e-parent\" data-id=\"51edf2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2ef444 elementor-widget elementor-widget-html\" data-id=\"d2ef444\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.bt-zone *{margin:0;padding:0;box-sizing:border-box}.bt-zone{font-family:'Inter',sans-serif;background-color:#fff;color:#0a1a2b;line-height:1.6;overflow-x:hidden}.bt-zone-wrapper{padding:1.5rem 5% 4rem;position:relative;background:radial-gradient(1100px 520px at 78% -8%,#d6ebfb,transparent 60%),linear-gradient(180deg,#fbfdff 0%,#eef6fc 100%);overflow:hidden;isolation:isolate}.bt-zone__waves{position:absolute;left:0;right:0;bottom:0;line-height:0;z-index:0;pointer-events:none}.bt-zone__waves svg{display:block;width:100%;height:80px}.bt-zone__waves .wave-back use{animation:bt-wavemove 11s linear infinite;opacity:.55}.bt-zone__waves .wave-mid use{animation:bt-wavemove 8s linear infinite reverse;opacity:.8}.bt-zone__waves .wave-front use{animation:bt-wavemove 6s linear infinite}@keyframes bt-wavemove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.bt-zone-container{max-width:1000px;width:100%;margin:0 auto;padding:0 20px;position:relative;z-index:10}.bt-zone-header{text-align:center;max-width:780px;margin:0 auto 1.5rem}.bt-zone-badge{display:inline-flex;align-items:center;gap:.6rem;font-family:'Sora',sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.3rem 1.2rem .3rem .8rem;border-radius:2rem;background:rgba(28,126,201,.07);color:#1c7ec9;border:1px solid rgba(28,126,201,.12);margin-bottom:.8rem}.bt-zone-badge .dot{width:6px;height:6px;border-radius:50%;background:#1c7ec9;animation:bt-pulseDot 2s ease-in-out infinite}@keyframes bt-pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.bt-zone-title{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(2rem,3.6vw,3.2rem);letter-spacing:-.03em;color:#07294a;line-height:1.1;margin-bottom:.4rem;text-align:center}.bt-zone-title .highlight{background:linear-gradient(135deg,#f4a61a 0%,#d98a0c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bt-zone-subtitle{font-family:'Inter',sans-serif;font-weight:400;font-size:clamp(.95rem,1vw,1.1rem);color:#6b7f94;max-width:600px;margin:0 auto;line-height:1.6;text-align:center}.bt-zone-search-block{background:#fff;border-radius:60px;max-width:850px;margin:0 auto;padding:6px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 2px 12px rgba(7,41,74,.06);transition:all .3s ease;border:1px solid #eef2f6}.bt-zone-search-block:hover{box-shadow:0 8px 40px rgba(7,41,74,.08);border-color:#d6ebfb}.bt-zone-select-wrapper{flex:1;position:relative}.bt-zone-select{width:100%;padding:12px 14px;border:none;background:#f8fafc;font-size:14px;font-family:'Inter',sans-serif;color:#07294a;cursor:pointer;appearance:none;outline:none;border-radius:40px;transition:all .2s ease}.bt-zone-select:hover{background:#eef6fc}.bt-zone-select:focus{background:#eef6fc;box-shadow:0 0 0 3px rgba(28,126,201,.10)}.bt-zone-select option{background:#fff;color:#07294a;padding:10px}.bt-zone-divider{width:1px;height:30px;background:#eef2f6;flex-shrink:0}.bt-zone-search-btn{background:linear-gradient(135deg,#f4a61a 0%,#e0960e 100%);border:none;padding:10px 28px;border-radius:50px;color:#fff;font-weight:700;font-size:14px;font-family:'Sora',sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 4px 16px rgba(244,166,26,.25)}.bt-zone-search-btn:hover{transform:scale(1.02);box-shadow:0 8px 30px rgba(244,166,26,.40);color:#fff}.bt-zone-contact-rapide{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 20px;margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.5)}.bt-zone-chat-btn{display:inline-flex;align-items:center;gap:10px;background:#07294a;padding:10px 22px;border-radius:60px;text-decoration:none;font-weight:600;font-size:15px;color:#fff;font-family:'Sora',sans-serif;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 16px rgba(7,41,74,.20)}.bt-zone-chat-btn:hover{transform:scale(1.04);background:#0d3d66;box-shadow:0 8px 30px rgba(7,41,74,.30);color:#fff}.bt-zone-chat-btn svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}.bt-zone-phone-number{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4a61a 0%,#e0960e 100%);padding:8px 18px;border-radius:60px;text-decoration:none;font-weight:700;font-size:16px;color:#fff!important;transition:all .3s ease;box-shadow:0 4px 16px rgba(244,166,26,.25);font-family:'Sora',sans-serif}.bt-zone-phone-number:hover{transform:scale(1.04);box-shadow:0 8px 30px rgba(244,166,26,.40);color:#fff!important}.bt-zone-small-note{width:100%;text-align:center;font-size:12px;color:#6b7f94;font-family:'Inter',sans-serif;margin-top:4px}.bt-zone-bulle-container{margin-top:10px;display:flex;justify-content:center}.bt-zone-bulle-container a{display:inline-flex;align-items:center;gap:8px;font-family:'Inter',sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#0d4f8b;background:#eef6fc;border:1px solid #d6ebfb;padding:6px 13px;border-radius:999px;text-decoration:none;cursor:pointer;transition:all .2s ease}.bt-zone-bulle-container a:hover{background:#d6ebfb;transform:scale(1.03)}.bt-zone-bulle-dot{width:7px;height:7px;border-radius:50%;background:#1faa6b;box-shadow:0 0 0 0 rgba(31,170,107,.5);animation:bt-pulse 2.2s infinite}@keyframes bt-pulse{0%{box-shadow:0 0 0 0 rgba(31,170,107,.5)}70%{box-shadow:0 0 0 7px rgba(31,170,107,0)}100%{box-shadow:0 0 0 0 rgba(31,170,107,0)}}.bt-chatbot-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99999;justify-content:center;align-items:center;animation:bt-fadeIn .3s ease}.bt-chatbot-overlay.active{display:flex}@keyframes bt-fadeIn{from{opacity:0}to{opacity:1}}.bt-chatbot-window{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:bt-slideUp .3s ease}@keyframes bt-slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.bt-chatbot-header{background:#07294a;color:#fff;padding:16px 20px;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.bt-chatbot-header-title{font-family:'Sora',sans-serif;font-weight:700;font-size:16px;display:flex;align-items:center;gap:10px}.bt-chatbot-header-title .bot-icon{width:28px;height:28px;background:#f4a61a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#07294a}.bt-chatbot-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0 8px;opacity:.7;transition:opacity .2s}.bt-chatbot-close:hover{opacity:1}.bt-chatbot-messages{flex:1;overflow-y:auto;padding:16px 20px;background:#f8fafc;min-height:300px;max-height:400px}.bt-chatbot-message{margin-bottom:12px;display:flex;flex-direction:column}.bt-chatbot-message.bot{align-items:flex-start}.bt-chatbot-message.user{align-items:flex-end}.bt-chatbot-message .bubble{max-width:85%;padding:10px 16px;border-radius:16px;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.bt-chatbot-message.bot .bubble{background:#eef6fc;color:#07294a;border-bottom-left-radius:4px}.bt-chatbot-message.user .bubble{background:#07294a;color:#fff;border-bottom-right-radius:4px}.bt-chatbot-quick-reply{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.bt-chatbot-quick-reply button{background:#fff;border:1.5px solid #d6ebfb;padding:6px 14px;border-radius:20px;font-size:12px;font-family:'Inter',sans-serif;font-weight:500;color:#07294a;cursor:pointer;transition:all .2s ease}.bt-chatbot-quick-reply button:hover{background:#d6ebfb;border-color:#1c7ec9;transform:scale(1.03)}.bt-chatbot-input-area{display:flex;padding:12px 16px;border-top:1px solid #eef2f6;background:#fff;border-radius:0 0 20px 20px;gap:10px;flex-shrink:0}.bt-chatbot-input-area input{flex:1;padding:10px 14px;border:1px solid #eef2f6;border-radius:30px;font-family:'Inter',sans-serif;font-size:14px;outline:none;transition:border .2s}.bt-chatbot-input-area input:focus{border-color:#1c7ec9}.bt-chatbot-input-area button{background:linear-gradient(135deg,#f4a61a 0%,#e0960e 100%);border:none;padding:10px 20px;border-radius:30px;color:#fff;font-weight:600;font-size:14px;font-family:'Sora',sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap}.bt-chatbot-input-area button:hover{transform:scale(1.03);box-shadow:0 4px 16px rgba(244,166,26,.3)}.bt-zone-custom-alert{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#f4a61a,#e0960e);color:#fff;padding:10px 20px;border-radius:50px;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;z-index:10000;box-shadow:0 10px 25px rgba(0,0,0,.15);animation:bt-alertFadeIn .3s ease;pointer-events:none;border:1px solid rgba(244,166,26,.2)}.bt-zone-custom-alert.error{background:#f8fafc;color:#dc2626;border:1px solid #f0f4f8}@keyframes bt-alertFadeIn{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.bt-zone-wrapper{padding:1rem 1.5rem 3rem}.bt-zone-search-block{flex-direction:column;border-radius:40px;padding:14px;gap:10px}.bt-zone-select-wrapper{width:100%}.bt-zone-divider{display:none}.bt-zone-search-btn{width:100%;justify-content:center;padding:12px}.bt-zone-contact-rapide{flex-direction:column;gap:12px}.bt-zone-chat-btn{width:100%;justify-content:center;padding:12px;font-size:14px}.bt-zone-phone-number{font-size:15px;padding:8px 20px;width:100%;justify-content:center}.bt-zone__waves svg{height:40px}.bt-zone-header{margin:0 auto 1.2rem}.bt-zone-title{font-size:26px}.bt-zone-subtitle{font-size:14px}.bt-chatbot-window{width:95%;max-height:95vh}.bt-chatbot-messages{min-height:200px;max-height:300px}}@media (max-width:480px){.bt-zone-title{font-size:24px}.bt-zone-subtitle{font-size:13px}.bt-zone-select{font-size:12px;padding:10px 12px}.bt-zone-search-btn{font-size:12px;padding:10px}.bt-zone-chat-btn{font-size:13px;padding:10px}.bt-zone-phone-number{font-size:14px;padding:6px 16px}.bt-zone-contact-rapide{margin-top:1.5rem;padding-top:1rem}}<\/style>\r\n\r\n<div class=\"bt-zone\">\r\n <section class=\"bt-zone-wrapper\">\r\n <div class=\"bt-zone-container\">\r\n <div class=\"bt-zone-header\">\r\n \r\n <span class=\"bt-zone-badge\"><span class=\"dot\"><\/span> Urgence 24h\/24 \u2013 Devis gratuit<\/span>\r\n \r\n <h2 class=\"bt-zone-title\">D\u00e9pannage & d\u00e9bouchage <span class=\"highlight\">Trouvez votre expert<\/span><\/h2>\r\n \r\n <p class=\"bt-zone-subtitle\">\r\n <strong>D\u00e9pannage canalisation<\/strong>, <strong>curage<\/strong>, <strong>hydrocurage<\/strong>, <strong>inspection cam\u00e9ra<\/strong>\u2026 <strong>Intervention rapide<\/strong> en <strong>\u00cele\u2011de\u2011France<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <div class=\"bt-zone-search-block\">\r\n <div class=\"bt-zone-select-wrapper\">\r\n <select id=\"btZoneServiceSelect\" class=\"bt-zone-select\">\r\n <option value=\"\">Choisir un service<\/option>\r\n <option value=\"debouchage\">D\u00e9bouchage<\/option>\r\n <option value=\"curage\">Curage<\/option>\r\n <option value=\"pompage\">Pompage<\/option>\r\n <option value=\"inspection-camera\">Inspection cam\u00e9ra<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"bt-zone-divider\"><\/div>\r\n <div class=\"bt-zone-select-wrapper\">\r\n <select id=\"btZoneDepartmentSelect\" class=\"bt-zone-select\">\r\n <option value=\"\">Choisir un d\u00e9partement<\/option>\r\n <option value=\"75\">Paris (75)<\/option>\r\n <option value=\"77\">Seine-et-Marne (77)<\/option>\r\n <option value=\"78\">Yvelines (78)<\/option>\r\n <option value=\"91\">Essonne (91)<\/option>\r\n <option value=\"92\">Hauts-de-Seine (92)<\/option>\r\n <option value=\"93\">Seine-Saint-Denis (93)<\/option>\r\n <option value=\"94\">Val-de-Marne (94)<\/option>\r\n <option value=\"95\">Val-d'Oise (95)<\/option>\r\n <\/select>\r\n <\/div>\r\n <button class=\"bt-zone-search-btn\" id=\"btZoneSearchButton\">Rechercher<\/button>\r\n <\/div>\r\n <div class=\"bt-zone-contact-rapide\">\r\n <button class=\"bt-zone-chat-btn\" id=\"btZoneChatButton\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C6.48 2 2 6.04 2 10.5c0 2.14 1.02 4.06 2.62 5.42L4 20l4.54-2.32c1.08.42 2.26.66 3.46.66 5.52 0 10-4.04 10-8.5S17.52 2 12 2zM8 11.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><\/svg>\r\n Discuter avec notre assistant\r\n <\/button>\r\n <a href=\"tel:0186957777\" class=\"bt-zone-phone-number\">01 86 95 77 77<\/a>\r\n \r\n <div class=\"bt-zone-small-note\"><strong>D\u00e9pannage professionnel<\/strong> en \u00cele\u2011de\u2011France \u2013 <strong>Devis gratuit<\/strong><\/div>\r\n \r\n <div class=\"bt-zone-bulle-container\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/zones-dinterventions\/#radar-section\">\r\n <span class=\"bt-zone-bulle-dot\"><\/span> <strong>Diagnostic & inspection cam\u00e9ra<\/strong> en temps r\u00e9el\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-zone__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\"><defs><path id=\"bt-w4\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs><g class=\"wave-back\"><use href=\"#bt-w4\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#bt-w4\" x=\"176\" fill=\"#d6ebfb\"\/><\/g><g class=\"wave-mid\"><use href=\"#bt-w4\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#bt-w4\" x=\"176\" fill=\"#a9d4f3\"\/><\/g><g class=\"wave-front\"><use href=\"#bt-w4\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#bt-w4\" x=\"176\" fill=\"#ffffff\"\/><\/g><\/svg>\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n\r\n<div class=\"bt-chatbot-overlay\" id=\"btChatbotOverlay\">\r\n <div class=\"bt-chatbot-window\">\r\n <div class=\"bt-chatbot-header\">\r\n <div class=\"bt-chatbot-header-title\"><span class=\"bot-icon\">BT<\/span> Assistant BT Plus<\/div>\r\n <button class=\"bt-chatbot-close\" id=\"btChatbotClose\">×<\/button>\r\n <\/div>\r\n <div class=\"bt-chatbot-messages\" id=\"btChatbotMessages\"><\/div>\r\n <div class=\"bt-chatbot-input-area\">\r\n <input type=\"text\" id=\"btChatbotInput\" placeholder=\"\u00c9crivez votre message...\" \/>\r\n <button id=\"btChatbotSend\">Envoyer<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){'use strict';\r\nvar urlMapping={debouchage:{\"75\":\"https:\/\/sci-bme.fr\/index.php\/debouchage-paris-75\/\",\"77\":\"https:\/\/sci-bme.fr\/index.php\/debouchage-seine-et-marne-77\/\",\"78\":\"https:\/\/sci-bme.fr\/index.php\/debouchage-yvelines-78\/\",\"91\":\"https:\/\/sci-bme.fr\/index.php\/debouchage-essonne-91\/\",\"92\":\"https:\/\/sci-bme.fr\/index.php\/debouchage-hauts-de-seine-92\/\",\"93\":\"https:\/\/sci-bme.fr\/index.php\/debouchage-seine-saint-denis-93\/\",\"94\":\"https:\/\/sci-bme.fr\/index.php\/debouchage-val-de-marne-94-2\/\",\"95\":\"https:\/\/sci-bme.fr\/index.php\/debouchage-val-doise-95\/\"},curage:{\"75\":\"https:\/\/sci-bme.fr\/index.php\/curage-paris-75\/\",\"77\":\"https:\/\/sci-bme.fr\/index.php\/curage-seine-et-marne-77\/\",\"78\":\"https:\/\/sci-bme.fr\/index.php\/curage-yvelines-78\/\",\"91\":\"https:\/\/sci-bme.fr\/index.php\/curage-essonne-91\/\",\"92\":\"https:\/\/sci-bme.fr\/index.php\/curage-hauts-de-seine-92\/\",\"93\":\"https:\/\/sci-bme.fr\/index.php\/curage-seine-saint-denis-93\/\",\"94\":\"https:\/\/sci-bme.fr\/index.php\/curage-val-de-marne-94\/\",\"95\":\"https:\/\/sci-bme.fr\/index.php\/curage-val-doise-95\/\"},pompage:{\"75\":\"https:\/\/sci-bme.fr\/index.php\/pompage-paris-75\/\",\"77\":\"https:\/\/sci-bme.fr\/index.php\/pompage-seine-et-marne-77\/\",\"78\":\"https:\/\/sci-bme.fr\/index.php\/pompage-yvelines-78\/\",\"91\":\"https:\/\/sci-bme.fr\/index.php\/pompage-essonne-91\/\",\"92\":\"https:\/\/sci-bme.fr\/index.php\/pompage-hauts-de-seine-92\/\",\"93\":\"https:\/\/sci-bme.fr\/index.php\/pompage-seine-saint-denis-93\/\",\"94\":\"https:\/\/sci-bme.fr\/index.php\/pompage-val-de-marne-94\/\",\"95\":\"https:\/\/sci-bme.fr\/index.php\/pompage-val-doise-95\/\"},\"inspection-camera\":{\"75\":\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-paris-75\/\",\"77\":\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-seine-et-marne-77\/\",\"78\":\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-yvelines-78\/\",\"91\":\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-essonne-91\/\",\"92\":\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-hauts-de-seine-92\/\",\"93\":\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-seine-saint-denis-93\/\",\"94\":\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-val-de-marne-94\/\",\"95\":\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-val-doise-95\/\"}},serviceNames={\"debouchage\":\"D\u00e9bouchage\",\"curage\":\"Curage\",\"pompage\":\"Pompage\",\"inspection-camera\":\"Inspection cam\u00e9ra\"},departmentNames={\"75\":\"Paris (75)\",\"77\":\"Seine-et-Marne (77)\",\"78\":\"Yvelines (78)\",\"91\":\"Essonne (91)\",\"92\":\"Hauts-de-Seine (92)\",\"93\":\"Seine-Saint-Denis (93)\",\"94\":\"Val-de-Marne (94)\",\"95\":\"Val-d'Oise (95)\"};\r\n\r\nvar s=document.getElementById('btZoneServiceSelect'),d=document.getElementById('btZoneDepartmentSelect'),b=document.getElementById('btZoneSearchButton');\r\nfunction getUrl(){var sv=s.value,dp=d.value;return sv&&dp&&urlMapping[sv]&&urlMapping[sv][dp]?urlMapping[sv][dp]:null;}\r\nfunction showAlert(m,t){var a=document.querySelector('.bt-zone-custom-alert');if(a)a.remove();a=document.createElement('div');a.className='bt-zone-custom-alert'+(t==='error'?' error':'');a.textContent=m;document.body.appendChild(a);setTimeout(function(){a.style.opacity='0';a.style.transform='translateX(-50%) translateY(20px)';setTimeout(function(){a.remove();},300);},3000);}\r\nfunction doRedirect(){var u=getUrl(),sv=s.value,dp=d.value;if(!sv&&!dp){showAlert(\"Veuillez s\u00e9lectionner un service et un d\u00e9partement\",'warning');[s,d].forEach(function(el){el.style.border='2px solid #f4a61a';setTimeout(function(){el.style.border='';},1000);});return;}\r\nif(!sv){showAlert(\"Veuillez s\u00e9lectionner un service\",'warning');s.style.border='2px solid #f4a61a';setTimeout(function(){s.style.border='';},1000);return;}\r\nif(!dp){showAlert(\"Veuillez s\u00e9lectionner un d\u00e9partement\",'warning');d.style.border='2px solid #f4a61a';setTimeout(function(){d.style.border='';},1000);return;}\r\nif(u){showAlert(\"Redirection vers \"+serviceNames[sv]+\" - \"+departmentNames[dp]+\"...\",'info');setTimeout(function(){window.location.href=u;},500);}else showAlert(\"Aucun service disponible pour \"+(departmentNames[dp]||dp),'error');}\r\nif(b){b.addEventListener('click',function(e){e.preventDefault();doRedirect();});}\r\ndocument.querySelector('.bt-zone-search-block').addEventListener('keypress',function(e){if(e.key==='Enter'){e.preventDefault();doRedirect();}});\r\n\r\nvar o=document.getElementById('btChatbotOverlay'),mc=document.getElementById('btChatbotMessages'),ip=document.getElementById('btChatbotInput'),send=document.getElementById('btChatbotSend'),close=document.getElementById('btChatbotClose'),chatBtn=document.getElementById('btZoneChatButton');\r\nvar state='initial',mem={problem:'',location:'',urgency:'',name:'',phone:'',email:''};\r\nvar botResponses={initial:{message:\"Bonjour, je peux vous aider \u00e0 identifier votre probl\u00e8me et pr\u00e9parer une intervention ou un devis.\\n\\nQuel est votre besoin ?\",quickReplies:[\"Intervention urgente\",\"Canalisation bouch\u00e9e\",\"Curage \/ entretien\",\"Fuite ou \u00e9coulement anormal\",\"Demande de devis\",\"J'ai une question\"]},urgent_initial:{message:\"Je vais vous poser quelques questions pour comprendre la situation.\\n\\nQuel probl\u00e8me rencontrez-vous ?\",quickReplies:[\"Eau qui d\u00e9borde\",\"Canalisation compl\u00e8tement bouch\u00e9e\",\"\u00c9gout qui remonte\",\"Fuite importante\",\"Autre\"]},urgent_debordement:{message:\"Est-ce que le d\u00e9bordement continue actuellement ?\",quickReplies:[\"Oui\",\"Non\"]},urgent_debordement_oui:{message:\"Merci. \u00c9vitez d'utiliser les \u00e9quipements reli\u00e9s \u00e0 l'\u00e9vacuation concern\u00e9e jusqu'au diagnostic.\\n\\nLe probl\u00e8me touche :\",quickReplies:[\"Cuisine uniquement\",\"Salle de bain uniquement\",\"Plusieurs pi\u00e8ces\"]},urgent_plusieurs_pieces:{message:\"Quand plusieurs \u00e9vacuations sont concern\u00e9es, cela peut indiquer un probl\u00e8me plus global.\\n\\nDepuis quand le probl\u00e8me est-il apparu ?\",quickReplies:[\"Moins de 24h\",\"Quelques jours\",\"Plus longtemps\"]},urgent_localisation:{message:\"Dans quelle ville ou secteur se situe l'intervention ?\",quickReplies:[]},urgent_final:{message:\"Merci.\\n\\nPouvez-vous laisser :\\n- Nom\\n- T\u00e9l\u00e9phone\\n- Cr\u00e9neau souhait\u00e9\\n\\nJe pr\u00e9pare une demande d'intervention.\",quickReplies:[]},bouchee_initial:{message:\"Quel \u00e9quipement est concern\u00e9 ?\",quickReplies:[\"\u00c9vier\",\"Douche\",\"Toilettes\",\"Lavabo\",\"Plusieurs \u00e9quipements\"]},bouchee_evier:{message:\"L'eau :\",quickReplies:[\"S'\u00e9coule lentement\",\"Ne s'\u00e9coule plus du tout\",\"Remonte\"]},bouchee_remonte:{message:\"Avez-vous d\u00e9j\u00e0 essay\u00e9 quelque chose ?\",quickReplies:[\"Eau chaude\",\"Produit d\u00e9boucheur\",\"Ventouse\",\"Rien\"]},bouchee_duree:{message:\"Depuis combien de temps le probl\u00e8me existe ?\",quickReplies:[]},bouchee_regulier:{message:\"Le probl\u00e8me revient-il r\u00e9guli\u00e8rement ?\",quickReplies:[\"Oui\",\"Non\",\"Premi\u00e8re fois\"]},bouchee_final:{message:\"Souhaitez-vous :\",quickReplies:[\"Recevoir un devis\",\"\u00catre rappel\u00e9\",\"Planifier une intervention\"]},curage_initial:{message:\"S'agit-il :\",quickReplies:[\"D'un entretien pr\u00e9ventif\",\"D'un probl\u00e8me actuel\",\"D'une copropri\u00e9t\u00e9\",\"D'un local professionnel\"]},curage_preventif:{message:\"Quel type d'installation souhaitez-vous entretenir ?\",quickReplies:[\"Canalisation domestique\",\"R\u00e9seau complet\",\"Terrasse \/ ext\u00e9rieur\",\"Autre\"]},curage_date:{message:\"Connaissez-vous la derni\u00e8re date d'entretien ?\",quickReplies:[]},curage_final:{message:\"Merci.\\n\\nJe peux pr\u00e9parer une estimation ou transmettre votre demande \u00e0 l'\u00e9quipe.\",quickReplies:[\"Recevoir un devis\",\"\u00catre rappel\u00e9\"]},fuite_initial:{message:\"La fuite est :\",quickReplies:[\"Visible\",\"Cach\u00e9e\",\"Inconnue\"]},fuite_debit:{message:\"Le d\u00e9bit est :\",quickReplies:[\"L\u00e9ger\",\"Mod\u00e9r\u00e9\",\"Important\"]},fuite_info:{message:\"Si la situation peut provoquer des d\u00e9g\u00e2ts, limitez l'utilisation de la zone concern\u00e9e jusqu'au diagnostic.\\n\\nPouvez-vous pr\u00e9ciser :\\n- Localisation\\n- Depuis quand\\n- Photos disponibles (oui\/non)\",quickReplies:[]},devis_initial:{message:\"Je vais r\u00e9cup\u00e9rer les informations n\u00e9cessaires.\\n\\nType de prestation :\",quickReplies:[\"D\u00e9bouchage\",\"Curage\",\"Inspection cam\u00e9ra\",\"Intervention g\u00e9n\u00e9rale\",\"Autre\"]},devis_adresse:{message:\"Adresse ou ville ?\",quickReplies:[]},devis_choix:{message:\"Souhaitez-vous :\",quickReplies:[\"Un devis estimatif\",\"Une visite pr\u00e9alable\",\"\u00catre rappel\u00e9\"]},devis_final:{message:\"Merci.\\n\\nPour finaliser :\\n- Nom\\n- T\u00e9l\u00e9phone\\n- Email (facultatif)\",quickReplies:[]},question_generale:{message:\"Le co\u00fbt d\u00e9pend g\u00e9n\u00e9ralement :\\n- du type de probl\u00e8me\\n- de l'accessibilit\u00e9\\n- du temps n\u00e9cessaire\\n- du mat\u00e9riel utilis\u00e9\\n\\nSouhaitez-vous d\u00e9crire votre situation pour obtenir une estimation plus adapt\u00e9e ?\",quickReplies:[\"Oui, d\u00e9crivez ma situation\",\"Non, merci\",\"Je veux un devis\"]},inconnu:{message:\"Je ne suis pas certain d'avoir compris.\\n\\nVotre demande concerne plut\u00f4t :\",quickReplies:[\"Une urgence\",\"Une canalisation\",\"Une fuite\",\"Un devis\",\"Une autre question\"]},final:{message:\"Merci pour les informations.\\n\\nR\u00e9capitulatif :\\n- Probl\u00e8me : {problem}\\n- Localisation : {location}\\n- Niveau d'urgence : {urgency}\\n\\nChoisissez la suite :\",quickReplies:[\"\u00catre rappel\u00e9\",\"Recevoir un devis\",\"Continuer la discussion\"]}};\r\n\r\nfunction addMsg(t,s,q){q=q||[];var d=document.createElement('div');d.className='bt-chatbot-message '+s;var b=document.createElement('div');b.className='bubble';b.textContent=t;d.appendChild(b);if(q.length>0){var c=document.createElement('div');c.className='bt-chatbot-quick-reply';q.forEach(function(r){var btn=document.createElement('button');btn.textContent=r;btn.addEventListener('click',function(){handleInput(r);});c.appendChild(btn);});d.appendChild(c);}mc.appendChild(d);mc.scrollTop=mc.scrollHeight;}\r\nfunction handleInput(t){if(!t.trim())return;addMsg(t,'user');processInput(t);}\r\nfunction processInput(i){var l=i.toLowerCase().trim();if(state==='initial'){if(l.indexOf('urgent')!==-1||l.indexOf('intervention urgent')!==-1){state='urgent_initial';var r=botResponses.urgent_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('bouch\u00e9e')!==-1||l.indexOf('canalisation')!==-1){state='bouchee_initial';r=botResponses.bouchee_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('curage')!==-1||l.indexOf('entretien')!==-1){state='curage_initial';r=botResponses.curage_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('fuite')!==-1||l.indexOf('\u00e9coulement')!==-1){state='fuite_initial';r=botResponses.fuite_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('devis')!==-1){state='devis_initial';r=botResponses.devis_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('question')!==-1||l.indexOf('co\u00fbt')!==-1||l.indexOf('prix')!==-1){state='question_generale';r=botResponses.question_generale;addMsg(r.message,'bot',r.quickReplies);}else{state='inconnu';r=botResponses.inconnu;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nif(state==='urgent_initial'){if(l.indexOf('eau qui d\u00e9borde')!==-1||l.indexOf('d\u00e9borde')!==-1){state='urgent_debordement';r=botResponses.urgent_debordement;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('bouch\u00e9e')!==-1||l.indexOf('canalisation')!==-1){state='bouchee_initial';r=botResponses.bouchee_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('\u00e9gout')!==-1||l.indexOf('remonte')!==-1){state='urgent_debordement';r=botResponses.urgent_debordement;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('fuite')!==-1){state='fuite_initial';r=botResponses.fuite_initial;addMsg(r.message,'bot',r.quickReplies);}else{state='urgent_debordement';r=botResponses.urgent_debordement;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nif(state==='urgent_debordement'){if(l.indexOf('oui')!==-1){state='urgent_debordement_oui';r=botResponses.urgent_debordement_oui;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('non')!==-1){state='urgent_debordement_oui';r=botResponses.urgent_debordement_oui;addMsg(r.message,'bot',r.quickReplies);}else{r=botResponses.urgent_debordement;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nif(state==='urgent_debordement_oui'){if(l.indexOf('plusieurs')!==-1){state='urgent_plusieurs_pieces';r=botResponses.urgent_plusieurs_pieces;addMsg(r.message,'bot',r.quickReplies);}else{state='urgent_localisation';r=botResponses.urgent_localisation;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nif(state==='urgent_plusieurs_pieces'){mem.urgency=i;state='urgent_localisation';r=botResponses.urgent_localisation;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='urgent_localisation'){mem.location=i;state='urgent_final';r=botResponses.urgent_final;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='urgent_final'){mem.name=i;state='final';r=botResponses.final;var m=r.message.replace('{problem}',mem.problem||'Urgence').replace('{location}',mem.location||'Non pr\u00e9cis\u00e9').replace('{urgency}',mem.urgency||'\u00c9lev\u00e9e');addMsg(m,'bot',r.quickReplies);return;}\r\nif(state==='bouchee_initial'){mem.problem=i;state='bouchee_evier';r=botResponses.bouchee_evier;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='bouchee_evier'){if(l.indexOf('remonte')!==-1){state='bouchee_remonte';r=botResponses.bouchee_remonte;addMsg(r.message,'bot',r.quickReplies);}else{state='bouchee_duree';r=botResponses.bouchee_duree;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nif(state==='bouchee_remonte'){state='bouchee_duree';r=botResponses.bouchee_duree;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='bouchee_duree'){mem.urgency=i;state='bouchee_regulier';r=botResponses.bouchee_regulier;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='bouchee_regulier'){state='bouchee_final';r=botResponses.bouchee_final;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='bouchee_final'){state='final';r=botResponses.final;m=r.message.replace('{problem}',mem.problem||'Canalisation bouch\u00e9e').replace('{location}',mem.location||'Non pr\u00e9cis\u00e9').replace('{urgency}',mem.urgency||'Moyenne');addMsg(m,'bot',r.quickReplies);return;}\r\nif(state==='curage_initial'){if(l.indexOf('pr\u00e9ventif')!==-1||l.indexOf('entretien')!==-1){state='curage_preventif';r=botResponses.curage_preventif;addMsg(r.message,'bot',r.quickReplies);}else{state='curage_date';r=botResponses.curage_date;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nif(state==='curage_preventif'){state='curage_date';r=botResponses.curage_date;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='curage_date'){state='curage_final';r=botResponses.curage_final;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='curage_final'){state='final';r=botResponses.final;m=r.message.replace('{problem}','Curage \/ entretien').replace('{location}',mem.location||'Non pr\u00e9cis\u00e9').replace('{urgency}','Pr\u00e9ventif');addMsg(m,'bot',r.quickReplies);return;}\r\nif(state==='fuite_initial'){state='fuite_debit';r=botResponses.fuite_debit;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='fuite_debit'){state='fuite_info';r=botResponses.fuite_info;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='fuite_info'){mem.location=i;state='final';r=botResponses.final;m=r.message.replace('{problem}','Fuite \/ \u00e9coulement anormal').replace('{location}',mem.location||'Non pr\u00e9cis\u00e9').replace('{urgency}','\u00c9lev\u00e9e');addMsg(m,'bot',r.quickReplies);return;}\r\nif(state==='devis_initial'){mem.problem=i;state='devis_adresse';r=botResponses.devis_adresse;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='devis_adresse'){mem.location=i;state='devis_choix';r=botResponses.devis_choix;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='devis_choix'){state='devis_final';r=botResponses.devis_final;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='devis_final'){mem.name=i;state='final';r=botResponses.final;m=r.message.replace('{problem}',mem.problem||'Demande de devis').replace('{location}',mem.location||'Non pr\u00e9cis\u00e9').replace('{urgency}','Non urgente');addMsg(m,'bot',r.quickReplies);return;}\r\nif(state==='question_generale'){if(l.indexOf('oui')!==-1||l.indexOf('d\u00e9crire')!==-1){state='initial';r=botResponses.initial;addMsg(\"D'accord, d\u00e9crivez-moi votre situation en quelques mots.\",'bot');setTimeout(function(){addMsg(r.message,'bot',r.quickReplies);},500);}else if(l.indexOf('devis')!==-1){state='devis_initial';r=botResponses.devis_initial;addMsg(r.message,'bot',r.quickReplies);}else{state='initial';r=botResponses.initial;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nif(state==='inconnu'){if(l.indexOf('urgence')!==-1){state='urgent_initial';r=botResponses.urgent_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('canalisation')!==-1||l.indexOf('bouch\u00e9e')!==-1){state='bouchee_initial';r=botResponses.bouchee_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('fuite')!==-1){state='fuite_initial';r=botResponses.fuite_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('devis')!==-1){state='devis_initial';r=botResponses.devis_initial;addMsg(r.message,'bot',r.quickReplies);}else{state='initial';r=botResponses.initial;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nif(state==='final'){if(l.indexOf('rappel')!==-1||l.indexOf('rappel\u00e9')!==-1){addMsg(\"Parfait ! Un conseiller va vous rappeler dans les plus brefs d\u00e9lais. Merci d'avoir utilis\u00e9 notre assistant.\",'bot');state='initial';setTimeout(function(){r=botResponses.initial;addMsg(r.message,'bot',r.quickReplies);},1000);}else if(l.indexOf('devis')!==-1){addMsg(\"Je pr\u00e9pare un devis personnalis\u00e9. Un expert vous contactera sous 24h.\",'bot');state='initial';setTimeout(function(){r=botResponses.initial;addMsg(r.message,'bot',r.quickReplies);},1000);}else if(l.indexOf('continuer')!==-1||l.indexOf('discussion')!==-1){state='initial';r=botResponses.initial;addMsg(r.message,'bot',r.quickReplies);}else{state='initial';r=botResponses.initial;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nstate='initial';r=botResponses.initial;addMsg(\"Je n'ai pas bien compris. Recommen\u00e7ons.\",'bot');setTimeout(function(){addMsg(r.message,'bot',r.quickReplies);},500);}\r\n\r\nfunction openChat(){o.classList.add('active');if(mc.children.length===0){r=botResponses.initial;addMsg(r.message,'bot',r.quickReplies);state='initial';}ip.focus();}\r\nfunction closeChat(){o.classList.remove('active');}\r\nchatBtn.addEventListener('click',openChat);close.addEventListener('click',closeChat);o.addEventListener('click',function(e){if(e.target===o)closeChat();});\r\nsend.addEventListener('click',function(){var t=ip.value.trim();if(t){handleInput(t);ip.value='';}});\r\nip.addEventListener('keypress',function(e){if(e.key==='Enter'){var t=ip.value.trim();if(t){handleInput(t);ip.value='';}}});\r\ndocument.addEventListener('keydown',function(e){if(e.key==='Escape'&&o.classList.contains('active'))closeChat();});\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-9a5b22c e-con-full e-flex e-con e-parent\" data-id=\"9a5b22c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4cc4dc elementor-widget elementor-widget-html\" data-id=\"c4cc4dc\" 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 Simulateur d'intervention<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n background: #ffffff;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n .btp-simulateur {\r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btp-simulateur .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 @keyframes fadeUp {\r\n 0% { opacity: 0; transform: translateY(30px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n }\r\n\r\n @keyframes moveTruck {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(calc(100% - 60px)); }\r\n }\r\n\r\n @keyframes drawRoute {\r\n 0% { stroke-dashoffset: 400; }\r\n 100% { stroke-dashoffset: 0; }\r\n }\r\n\r\n .btp-simulateur .header {\r\n text-align: center;\r\n margin-bottom: 44px;\r\n }\r\n\r\n .btp-simulateur .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .btp-simulateur .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n }\r\n\r\n .btp-simulateur .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n }\r\n\r\n .btp-simulateur .title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-simulateur .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 .btp-simulateur .address-form {\r\n background: #fff;\r\n border-radius: 28px;\r\n padding: 32px 36px;\r\n border: 1px solid #eef2f5;\r\n box-shadow: 0 4px 24px rgba(7, 41, 74, 0.06);\r\n margin-bottom: 32px;\r\n position: relative;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .btp-simulateur .address-form {\r\n padding: 24px 20px;\r\n border-radius: 20px;\r\n }\r\n }\r\n\r\n .btp-simulateur .address-form .form-title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .btp-simulateur .address-form .form-sub {\r\n font-size: 0.85rem;\r\n color: #48637d;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .btp-simulateur .address-form .form-row {\r\n display: flex;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btp-simulateur .address-form .form-row .input-group {\r\n flex: 1;\r\n min-width: 200px;\r\n position: relative;\r\n }\r\n\r\n .btp-simulateur .address-form .form-row .input-group label {\r\n display: block;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: #48637d;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .btp-simulateur .address-form .form-row .input-group input {\r\n width: 100%;\r\n padding: 12px 16px;\r\n border: 1px solid #eef2f5;\r\n border-radius: 12px;\r\n font-size: 0.95rem;\r\n font-family: 'Inter', sans-serif;\r\n color: #07294a;\r\n background: #f8fafc;\r\n transition: all 0.3s ease;\r\n outline: none;\r\n }\r\n\r\n .btp-simulateur .address-form .form-row .input-group input:focus {\r\n border-color: #1c7ec9;\r\n background: #fff;\r\n box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06);\r\n }\r\n\r\n .suggestions-box {\r\n position: absolute;\r\n top: calc(100% + 4px);\r\n left: 0;\r\n right: 0;\r\n background: #fff;\r\n border-radius: 12px;\r\n border: 1px solid #eef2f5;\r\n box-shadow: 0 8px 32px rgba(7, 41, 74, 0.12);\r\n max-height: 220px;\r\n overflow-y: auto;\r\n display: none;\r\n z-index: 100;\r\n }\r\n\r\n .suggestions-box.show {\r\n display: block;\r\n }\r\n\r\n .suggestion-item {\r\n padding: 10px 16px;\r\n cursor: pointer;\r\n font-size: 0.88rem;\r\n color: #07294a;\r\n border-bottom: 1px solid #f0f4f8;\r\n transition: background 0.15s;\r\n }\r\n\r\n .suggestion-item:hover {\r\n background: #eef6fc;\r\n }\r\n\r\n .suggestion-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .suggestion-item .highlight {\r\n font-weight: 600;\r\n color: #1c7ec9;\r\n }\r\n\r\n .btp-simulateur .address-form .btn-simulate {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 12px 36px;\r\n border: none;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%);\r\n color: #fff;\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 white-space: nowrap;\r\n margin-top: 18px;\r\n }\r\n\r\n .btp-simulateur .address-form .btn-simulate:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(244, 166, 26, 0.35);\r\n }\r\n\r\n .btp-simulateur .address-form .btn-simulate:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-simulateur .address-form .form-row {\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n .btp-simulateur .address-form .form-row .input-group {\r\n min-width: 100%;\r\n }\r\n .btp-simulateur .address-form .btn-simulate {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n .btp-simulateur .results {\r\n display: none;\r\n background: #fff;\r\n border-radius: 28px;\r\n padding: 28px 32px;\r\n border: 1px solid #eef2f5;\r\n box-shadow: 0 4px 24px rgba(7, 41, 74, 0.06);\r\n margin-bottom: 32px;\r\n }\r\n\r\n .btp-simulateur .results.visible {\r\n display: block;\r\n animation: fadeUp 0.6s ease forwards;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .btp-simulateur .results {\r\n padding: 20px 16px;\r\n border-radius: 20px;\r\n }\r\n }\r\n\r\n .btp-simulateur .results .resume {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n margin-bottom: 20px;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid #eef2f5;\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-simulateur .results .resume {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n }\r\n\r\n .btp-simulateur .results .resume-item {\r\n text-align: center;\r\n }\r\n\r\n .btp-simulateur .results .resume-item .value {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: #f4a61a;\r\n line-height: 1;\r\n }\r\n\r\n .btp-simulateur .results .resume-item .value .unit {\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n color: #48637d;\r\n }\r\n\r\n .btp-simulateur .results .resume-item .label {\r\n font-size: 0.7rem;\r\n font-weight: 500;\r\n color: #48637d;\r\n margin-top: 4px;\r\n }\r\n\r\n .btp-simulateur .results .map-container {\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 16\/7;\r\n background: #f8fafc;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n border: 1px solid #eef2f5;\r\n margin-bottom: 16px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .btp-simulateur .results .map-container {\r\n aspect-ratio: 16\/10;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .btp-simulateur .results .map-container {\r\n aspect-ratio: 4\/3;\r\n }\r\n }\r\n\r\n .btp-simulateur .results .map-container svg {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n }\r\n\r\n .btp-simulateur .results .truck-group {\r\n animation: moveTruck 6s linear infinite;\r\n animation-delay: 0s;\r\n }\r\n\r\n .btp-simulateur .results .truck-body {\r\n fill: #07294a;\r\n }\r\n\r\n .btp-simulateur .results .truck-stripe {\r\n fill: #f4a61a;\r\n }\r\n\r\n .btp-simulateur .results .truck-window {\r\n fill: #7cc0ee;\r\n opacity: 0.6;\r\n }\r\n\r\n .btp-simulateur .results .truck-light {\r\n fill: #f4a61a;\r\n animation: pulse-light 1s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse-light {\r\n 0%, 100% { opacity: 1; }\r\n 50% { opacity: 0.3; }\r\n }\r\n\r\n .btp-simulateur .results .pin-start {\r\n fill: #10b981;\r\n }\r\n\r\n .btp-simulateur .results .pin-end {\r\n fill: #f4a61a;\r\n }\r\n\r\n .btp-simulateur .results .pin-pulse {\r\n animation: pulse-pin 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse-pin {\r\n 0%, 100% { r: 6; opacity: 1; }\r\n 50% { r: 14; opacity: 0.2; }\r\n }\r\n\r\n .btp-simulateur .results .route-line {\r\n stroke-dasharray: 400;\r\n stroke-dashoffset: 400;\r\n animation: drawRoute 2.5s ease forwards;\r\n }\r\n\r\n .btp-simulateur .results .status-line {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n }\r\n\r\n .btp-simulateur .results .status-line .status {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .btp-simulateur .results .status-line .status .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.5s infinite;\r\n }\r\n\r\n .btp-simulateur .results .status-line .status .status-text {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n }\r\n\r\n .btp-simulateur .results .status-line .status .status-sub {\r\n font-size: 0.7rem;\r\n color: #48637d;\r\n }\r\n\r\n .btp-simulateur .results .status-line .eta-display {\r\n text-align: right;\r\n }\r\n\r\n .btp-simulateur .results .status-line .eta-display .eta-label {\r\n font-size: 0.55rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: #9aaeb8;\r\n }\r\n\r\n .btp-simulateur .results .status-line .eta-display .eta-value {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.4rem;\r\n font-weight: 800;\r\n color: #f4a61a;\r\n line-height: 1;\r\n }\r\n\r\n .btp-simulateur .results .status-line .eta-display .eta-value .unit {\r\n font-size: 0.7rem;\r\n font-weight: 500;\r\n color: #48637d;\r\n }\r\n\r\n .btp-simulateur .results .depart-info {\r\n font-size: 0.8rem;\r\n color: #48637d;\r\n padding: 10px 16px;\r\n background: #f0f7ff;\r\n border-radius: 10px;\r\n margin-top: 10px;\r\n border: 1px solid #d6ebfb;\r\n }\r\n\r\n .btp-simulateur .results .depart-info strong {\r\n color: #07294a;\r\n }\r\n\r\n .btp-simulateur .disclaimer {\r\n font-size: 0.7rem;\r\n color: #9aaeb8;\r\n text-align: center;\r\n margin-top: 12px;\r\n line-height: 1.6;\r\n }\r\n\r\n .btp-simulateur .disclaimer strong {\r\n color: #48637d;\r\n }\r\n\r\n .btp-simulateur .rv {\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 .btp-simulateur .rv.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-simulateur {\r\n padding: 60px 0 80px;\r\n }\r\n .btp-simulateur .container {\r\n padding: 0 20px;\r\n }\r\n .btp-simulateur .title {\r\n font-size: 1.8rem;\r\n }\r\n .btp-simulateur .results .resume .value {\r\n font-size: 1.5rem;\r\n }\r\n .btp-simulateur .results .status-line {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n .btp-simulateur .results .status-line .eta-display {\r\n text-align: left;\r\n width: 100%;\r\n }\r\n .btp-simulateur .results .status-line .eta-display .eta-value {\r\n font-size: 1.1rem;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .btp-simulateur .rv {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n .btp-simulateur .results .route-line {\r\n stroke-dashoffset: 0;\r\n }\r\n .btp-simulateur .results .truck-group {\r\n animation: none;\r\n transform: translateX(50%);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"btp-simulateur\">\r\n <div class=\"container\">\r\n\r\n <div class=\"header\">\r\n <span class=\"pill rv\">\r\n <span class=\"dot\"><\/span>\r\n Simulateur d'intervention\r\n <\/span>\r\n <h2 class=\"title rv\">\r\n Estimez votre temps<br><span>d'intervention<\/span>\r\n <\/h2>\r\n <p class=\"subtitle rv\">\r\n Nos 5 agences sont r\u00e9parties dans toute l'\u00cele-de-France. Saisissez votre adresse\r\n et d\u00e9couvrez le trajet de votre technicien en temps r\u00e9el.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"address-form rv\">\r\n <div class=\"form-title\">O\u00f9 intervenons-nous ?<\/div>\r\n <div class=\"form-sub\">Renseignez votre adresse pour simuler l'intervention<\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"input-group\">\r\n <label for=\"street\">Rue \/ voie<\/label>\r\n <input type=\"text\" id=\"street\" placeholder=\"Ex: 15 rue de l'Industrie\" \/>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"city\">Ville<\/label>\r\n <input type=\"text\" id=\"city\" placeholder=\"Ex: Paris\" \/>\r\n <div class=\"suggestions-box\" id=\"suggestionsBox\"><\/div>\r\n <\/div>\r\n <div class=\"input-group\" style=\"flex:0.6;min-width:120px;\">\r\n <label for=\"postal\">Code postal<\/label>\r\n <input type=\"text\" id=\"postal\" placeholder=\"Ex: 75015\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"btn-simulate\" id=\"simulateBtn\">Simuler l'intervention<\/button>\r\n <\/div>\r\n\r\n <div class=\"results\" id=\"resultsContainer\">\r\n <div class=\"resume\">\r\n <div class=\"resume-item\">\r\n <div class=\"value\" id=\"resultTime\">-- <span class=\"unit\">min<\/span><\/div>\r\n <div class=\"label\">Temps estim\u00e9<\/div>\r\n <\/div>\r\n <div class=\"resume-item\">\r\n <div class=\"value\" id=\"resultDistance\">-- <span class=\"unit\">km<\/span><\/div>\r\n <div class=\"label\">Distance<\/div>\r\n <\/div>\r\n <div class=\"resume-item\">\r\n <div class=\"value\" id=\"resultStatus\">En attente<\/div>\r\n <div class=\"label\">Statut<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"map-container\">\r\n <svg viewBox=\"0 0 800 350\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect width=\"800\" height=\"350\" fill=\"#f8fafc\" rx=\"12\"\/>\r\n <path id=\"routePath\" d=\"M60,240 C180,150 380,100 560,70\" stroke=\"#d6ebfb\" stroke-width=\"4\" fill=\"none\"\/>\r\n <path id=\"routePath2\" d=\"M560,70 C660,50 710,80 730,140\" stroke=\"#d6ebfb\" stroke-width=\"4\" fill=\"none\"\/>\r\n <path class=\"route-line\" id=\"routeLine\" d=\"M60,240 C180,150 380,100 560,70 C660,50 710,80 730,140\"\r\n stroke=\"#f4a61a\" stroke-width=\"4\" fill=\"none\"\r\n stroke-dasharray=\"400\" stroke-dashoffset=\"400\"\/>\r\n <circle cx=\"60\" cy=\"240\" r=\"8\" fill=\"#10b981\"\/>\r\n <circle cx=\"60\" cy=\"240\" r=\"14\" fill=\"#10b981\" opacity=\"0.3\" class=\"pin-pulse\"\/>\r\n <text x=\"20\" y=\"265\" font-size=\"9\" fill=\"#48637d\" font-family=\"Inter\" id=\"mapStartLabel\">Agence BT Plus<\/text>\r\n <text x=\"28\" y=\"278\" font-size=\"8\" fill=\"#9aaeb8\" font-family=\"Inter\" id=\"mapStartCity\">Coll\u00e9gien<\/text>\r\n <circle cx=\"730\" cy=\"140\" r=\"8\" fill=\"#f4a61a\"\/>\r\n <circle cx=\"730\" cy=\"140\" r=\"14\" fill=\"#f4a61a\" opacity=\"0.3\" class=\"pin-pulse\"\/>\r\n <text x=\"710\" y=\"125\" font-size=\"9\" fill=\"#48637d\" font-family=\"Inter\" id=\"mapEndLabel\">Votre domicile<\/text>\r\n <text x=\"718\" y=\"112\" font-size=\"8\" fill=\"#9aaeb8\" font-family=\"Inter\" id=\"mapEndCity\">Paris<\/text>\r\n <g class=\"truck-group\" id=\"truckGroup\">\r\n <rect x=\"0\" y=\"24\" width=\"40\" height=\"6\" rx=\"3\" fill=\"rgba(0,0,0,0.05)\"\/>\r\n <rect x=\"6\" y=\"0\" width=\"28\" height=\"18\" rx=\"3\" fill=\"#07294a\" class=\"truck-body\"\/>\r\n <rect x=\"6\" y=\"5\" width=\"28\" height=\"3\" rx=\"1\" fill=\"#f4a61a\" class=\"truck-stripe\"\/>\r\n <text x=\"11\" y=\"15\" font-size=\"6\" font-weight=\"700\" fill=\"#fff\" font-family=\"Sora\">BT+<\/text>\r\n <rect x=\"0\" y=\"2\" width=\"10\" height=\"14\" rx=\"2\" fill=\"#0a3666\" class=\"truck-body\"\/>\r\n <rect x=\"2\" y=\"3\" width=\"5\" height=\"5\" rx=\"1\" fill=\"#7cc0ee\" opacity=\"0.6\" class=\"truck-window\"\/>\r\n <rect x=\"-2\" y=\"7\" width=\"3\" height=\"3\" rx=\"1\" fill=\"#f4a61a\" class=\"truck-light\"\/>\r\n <rect x=\"3\" y=\"18\" width=\"5\" height=\"5\" rx=\"2\" fill=\"#1a2a3a\"\/>\r\n <rect x=\"22\" y=\"18\" width=\"5\" height=\"5\" rx=\"2\" fill=\"#1a2a3a\"\/>\r\n <circle cx=\"5.5\" cy=\"20.5\" r=\"2\" fill=\"#48637d\"\/>\r\n <circle cx=\"24.5\" cy=\"20.5\" r=\"2\" fill=\"#48637d\"\/>\r\n <\/g>\r\n <text x=\"190\" y=\"140\" font-size=\"8\" fill=\"#9aaeb8\" font-family=\"Inter\">Hauts-de-Seine<\/text>\r\n <text x=\"430\" y=\"85\" font-size=\"8\" fill=\"#9aaeb8\" font-family=\"Inter\">Paris<\/text>\r\n <rect x=\"20\" y=\"320\" width=\"10\" height=\"10\" rx=\"2\" fill=\"#10b981\"\/>\r\n <text x=\"36\" y=\"328\" font-size=\"8\" fill=\"#48637d\" font-family=\"Inter\">D\u00e9part<\/text>\r\n <rect x=\"90\" y=\"320\" width=\"10\" height=\"10\" rx=\"2\" fill=\"#f4a61a\"\/>\r\n <text x=\"106\" y=\"328\" font-size=\"8\" fill=\"#48637d\" font-family=\"Inter\">Arriv\u00e9e<\/text>\r\n <rect x=\"160\" y=\"320\" width=\"10\" height=\"10\" rx=\"2\" fill=\"#07294a\"\/>\r\n <text x=\"176\" y=\"328\" font-size=\"8\" fill=\"#48637d\" font-family=\"Inter\">Camion BT Plus<\/text>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"depart-info\" id=\"departInfo\">\r\n <strong>D\u00e9part depuis :<\/strong> <span id=\"departName\">Coll\u00e9gien<\/span> \r\n (<span id=\"departAddress\">6 impasse des m\u00e9tiers 77090 Coll\u00e9gien<\/span>)\r\n <span style=\"display:inline-block;margin-left:12px;padding:2px 10px;background:#d6ebfb;border-radius:12px;font-size:11px;color:#0d4f8b;\" id=\"departBadge\">Agence la plus proche<\/span>\r\n <\/div>\r\n\r\n <div class=\"status-line\">\r\n <div class=\"status\">\r\n <span class=\"dot\"><\/span>\r\n <div>\r\n <span class=\"status-text\" id=\"statusText\">En attente<\/span>\r\n <span class=\"status-sub\" id=\"statusSub\">\u2014 Saisissez une adresse pour simuler<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"eta-display\">\r\n <div class=\"eta-label\">Temps estim\u00e9<\/div>\r\n <div class=\"eta-value\">\r\n <span id=\"etaValue\">--<\/span>\r\n <span class=\"unit\">min<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"disclaimer\">\r\n <strong>Simulation indicative<\/strong> \u2014 Le temps d'intervention r\u00e9el peut varier selon les conditions de circulation.\r\n Notre \u00e9quipe vous confirme un d\u00e9lai pr\u00e9cis lors de la prise de rendez-vous.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n \/\/ ============================================================\r\n \/\/ POINTS DE D\u00c9PART (5 agences)\r\n \/\/ ============================================================\r\n const DEPARTURES = [\r\n { id: 'clichy', name: 'Clichy', address: '9 rue d\\'Estienne d\\'Orves 92110 Clichy', coord: { x: 120, y: 140 } },\r\n { id: 'paris20', name: 'Paris 20e', address: '47 rue Orfila 75020 Paris', coord: { x: 280, y: 110 } },\r\n { id: 'collegien', name: 'Coll\u00e9gien', address: '6 impasse des m\u00e9tiers 77090 Coll\u00e9gien', coord: { x: 60, y: 240 } },\r\n { id: 'issy', name: 'Issy-les-Moulineaux', address: '13 rue Camille Desmoulins 92130 Issy-les-Moulineaux', coord: { x: 90, y: 180 } },\r\n { id: 'noisiel', name: 'Noisiel', address: '23 Grande All\u00e9e 12 F\u00e9vrier 1934 77186 Noisiel', coord: { x: 180, y: 200 } }\r\n ];\r\n\r\n \/\/ ============================================================\r\n \/\/ BASE DE DONN\u00c9ES COMPL\u00c8TE : TOUTES LES VILLES D'\u00ceLE-DE-FRANCE\r\n \/\/ ============================================================\r\n const CITY_DISTANCES = {\r\n \/\/ PARIS (75) - 20 arrondissements\r\n 'paris': { clichy: 8, paris20: 4, collegien: 28, issy: 12, noisiel: 26 },\r\n 'paris-1': { clichy: 7, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-2': { clichy: 7, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-3': { clichy: 7, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-4': { clichy: 7, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-5': { clichy: 8, paris20: 4, collegien: 28, issy: 12, noisiel: 26 },\r\n 'paris-6': { clichy: 8, paris20: 4, collegien: 28, issy: 12, noisiel: 26 },\r\n 'paris-7': { clichy: 9, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-8': { clichy: 7, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-9': { clichy: 7, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-10': { clichy: 7, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-11': { clichy: 7, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-12': { clichy: 8, paris20: 4, collegien: 28, issy: 12, noisiel: 26 },\r\n 'paris-13': { clichy: 9, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-14': { clichy: 9, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-15': { clichy: 9, paris20: 6, collegien: 30, issy: 10, noisiel: 28 },\r\n 'paris-16': { clichy: 8, paris20: 6, collegien: 30, issy: 10, noisiel: 28 },\r\n 'paris-17': { clichy: 6, paris20: 6, collegien: 30, issy: 12, noisiel: 28 },\r\n 'paris-18': { clichy: 6, paris20: 6, collegien: 30, issy: 12, noisiel: 28 },\r\n 'paris-19': { clichy: 7, paris20: 5, collegien: 29, issy: 13, noisiel: 27 },\r\n 'paris-20': { clichy: 7, paris20: 3, collegien: 27, issy: 13, noisiel: 25 },\r\n\r\n \/\/ HAUTS-DE-SEINE (92)\r\n 'antony': { clichy: 14, paris20: 12, collegien: 30, issy: 10, noisiel: 28 },\r\n 'asnieres': { clichy: 3, paris20: 10, collegien: 33, issy: 9, noisiel: 31 },\r\n 'bagneux': { clichy: 12, paris20: 10, collegien: 30, issy: 8, noisiel: 28 },\r\n 'bois-colombes': { clichy: 4, paris20: 10, collegien: 33, issy: 9, noisiel: 31 },\r\n 'boulogne': { clichy: 8, paris20: 12, collegien: 32, issy: 4, noisiel: 30 },\r\n 'bour-la-reine': { clichy: 13, paris20: 11, collegien: 31, issy: 9, noisiel: 29 },\r\n 'chatenay-malabry': { clichy: 14, paris20: 12, collegien: 32, issy: 10, noisiel: 30 },\r\n 'chatillon': { clichy: 10, paris20: 10, collegien: 32, issy: 6, noisiel: 30 },\r\n 'chaville': { clichy: 12, paris20: 14, collegien: 34, issy: 8, noisiel: 32 },\r\n 'clamart': { clichy: 11, paris20: 11, collegien: 33, issy: 7, noisiel: 31 },\r\n 'clichy': { clichy: 1, paris20: 9, collegien: 32, issy: 7, noisiel: 30 },\r\n 'colombes': { clichy: 4, paris20: 12, collegien: 34, issy: 10, noisiel: 32 },\r\n 'courbevoie': { clichy: 3, paris20: 9, collegien: 32, issy: 8, noisiel: 30 },\r\n 'fontenay-aux-roses': { clichy: 13, paris20: 11, collegien: 31, issy: 9, noisiel: 29 },\r\n 'garches': { clichy: 10, paris20: 14, collegien: 36, issy: 10, noisiel: 34 },\r\n 'gennevilliers': { clichy: 4, paris20: 12, collegien: 32, issy: 10, noisiel: 30 },\r\n 'issy': { clichy: 7, paris20: 11, collegien: 35, issy: 1, noisiel: 33 },\r\n 'la-garenne-colombes': { clichy: 3, paris20: 11, collegien: 33, issy: 9, noisiel: 31 },\r\n 'le-plessis-robinson': { clichy: 13, paris20: 11, collegien: 31, issy: 9, noisiel: 29 },\r\n 'levalois': { clichy: 5, paris20: 10, collegien: 33, issy: 6, noisiel: 31 },\r\n 'malakoff': { clichy: 9, paris20: 9, collegien: 31, issy: 7, noisiel: 29 },\r\n 'marnes-la-coquette': { clichy: 12, paris20: 16, collegien: 36, issy: 10, noisiel: 34 },\r\n 'meudon': { clichy: 10, paris20: 12, collegien: 34, issy: 6, noisiel: 32 },\r\n 'montrouge': { clichy: 9, paris20: 9, collegien: 31, issy: 7, noisiel: 29 },\r\n 'nanterre': { clichy: 6, paris20: 14, collegien: 34, issy: 8, noisiel: 32 },\r\n 'neuilly': { clichy: 4, paris20: 8, collegien: 31, issy: 7, noisiel: 29 },\r\n 'puteaux': { clichy: 4, paris20: 10, collegien: 33, issy: 8, noisiel: 31 },\r\n 'rueil-malmaison': { clichy: 8, paris20: 14, collegien: 36, issy: 10, noisiel: 34 },\r\n 'saint-cloud': { clichy: 9, paris20: 13, collegien: 35, issy: 7, noisiel: 33 },\r\n 'sceaux': { clichy: 12, paris20: 10, collegien: 32, issy: 8, noisiel: 30 },\r\n 'sevres': { clichy: 10, paris20: 14, collegien: 34, issy: 6, noisiel: 32 },\r\n 'suresnes': { clichy: 6, paris20: 12, collegien: 34, issy: 8, noisiel: 32 },\r\n 'vanves': { clichy: 9, paris20: 9, collegien: 31, issy: 7, noisiel: 29 },\r\n 'vaucrenson': { clichy: 12, paris20: 14, collegien: 34, issy: 8, noisiel: 32 },\r\n 'villacoublay': { clichy: 10, paris20: 14, collegien: 36, issy: 8, noisiel: 34 },\r\n 'ville-d-avray': { clichy: 11, paris20: 15, collegien: 35, issy: 7, noisiel: 33 },\r\n\r\n \/\/ SEINE-SAINT-DENIS (93)\r\n 'aubervilliers': { clichy: 8, paris20: 8, collegien: 26, issy: 14, noisiel: 24 },\r\n 'bagnolet': { clichy: 10, paris20: 6, collegien: 24, issy: 16, noisiel: 22 },\r\n 'bobigny': { clichy: 12, paris20: 8, collegien: 22, issy: 18, noisiel: 20 },\r\n 'bondy': { clichy: 14, paris20: 10, collegien: 20, issy: 20, noisiel: 18 },\r\n 'clichy-sous-bois': { clichy: 16, paris20: 12, collegien: 18, issy: 22, noisiel: 16 },\r\n 'drancy': { clichy: 12, paris20: 10, collegien: 24, issy: 18, noisiel: 22 },\r\n 'dugny': { clichy: 14, paris20: 12, collegien: 24, issy: 20, noisiel: 22 },\r\n 'epinay-sur-seine': { clichy: 10, paris20: 12, collegien: 28, issy: 16, noisiel: 26 },\r\n 'gagny': { clichy: 16, paris20: 12, collegien: 18, issy: 22, noisiel: 16 },\r\n 'gournay-sur-marne': { clichy: 18, paris20: 14, collegien: 16, issy: 24, noisiel: 14 },\r\n 'l-ile-saint-denis': { clichy: 10, paris20: 10, collegien: 28, issy: 16, noisiel: 26 },\r\n 'lilac': { clichy: 12, paris20: 6, collegien: 24, issy: 18, noisiel: 22 },\r\n 'livry-gargan': { clichy: 16, paris20: 12, collegien: 18, issy: 22, noisiel: 16 },\r\n 'les-pavillons-sous-bois': { clichy: 16, paris20: 12, collegien: 18, issy: 22, noisiel: 16 },\r\n 'le-bourget': { clichy: 12, paris20: 10, collegien: 24, issy: 18, noisiel: 22 },\r\n 'le-pre-saint-gervais': { clichy: 10, paris20: 6, collegien: 24, issy: 16, noisiel: 22 },\r\n 'le-raincy': { clichy: 16, paris20: 12, collegien: 18, issy: 22, noisiel: 16 },\r\n 'montfermeil': { clichy: 18, paris20: 14, collegien: 16, issy: 24, noisiel: 14 },\r\n 'montreuil': { clichy: 12, paris20: 6, collegien: 22, issy: 18, noisiel: 20 },\r\n 'neuilly-plaisance': { clichy: 14, paris20: 10, collegien: 20, issy: 20, noisiel: 18 },\r\n 'neuilly-sur-marne': { clichy: 14, paris20: 10, collegien: 20, issy: 20, noisiel: 18 },\r\n 'noisy-le-grand': { clichy: 16, paris20: 12, collegien: 16, issy: 22, noisiel: 14 },\r\n 'noisy-le-sec': { clichy: 12, paris20: 8, collegien: 22, issy: 18, noisiel: 20 },\r\n 'pantin': { clichy: 10, paris20: 6, collegien: 24, issy: 16, noisiel: 22 },\r\n 'rancy': { clichy: 16, paris20: 12, collegien: 18, issy: 22, noisiel: 16 },\r\n 'romainville': { clichy: 12, paris20: 6, collegien: 24, issy: 18, noisiel: 22 },\r\n 'rosny-sous-bois': { clichy: 14, paris20: 10, collegien: 20, issy: 20, noisiel: 18 },\r\n 'saint-denis': { clichy: 8, paris20: 10, collegien: 28, issy: 16, noisiel: 26 },\r\n 'saint-ouen': { clichy: 8, paris20: 10, collegien: 28, issy: 14, noisiel: 26 },\r\n 'servan': { clichy: 14, paris20: 12, collegien: 24, issy: 20, noisiel: 22 },\r\n 'tremblay-en-france': { clichy: 16, paris20: 14, collegien: 22, issy: 22, noisiel: 20 },\r\n 'vaujours': { clichy: 16, paris20: 12, collegien: 20, issy: 22, noisiel: 18 },\r\n 'villemomble': { clichy: 14, paris20: 10, collegien: 20, issy: 20, noisiel: 18 },\r\n 'villepinte': { clichy: 16, paris20: 14, collegien: 22, issy: 22, noisiel: 20 },\r\n 'villiers-le-bel': { clichy: 14, paris20: 12, collegien: 26, issy: 20, noisiel: 24 },\r\n\r\n \/\/ VAL-DE-MARNE (94)\r\n 'alforville': { clichy: 14, paris20: 10, collegien: 20, issy: 18, noisiel: 18 },\r\n 'arcueil': { clichy: 12, paris20: 10, collegien: 26, issy: 10, noisiel: 24 },\r\n 'bonneuil': { clichy: 18, paris20: 14, collegien: 16, issy: 22, noisiel: 14 },\r\n 'bry-sur-marne': { clichy: 16, paris20: 10, collegien: 18, issy: 20, noisiel: 16 },\r\n 'cachan': { clichy: 12, paris20: 10, collegien: 26, issy: 10, noisiel: 24 },\r\n 'champigny': { clichy: 16, paris20: 10, collegien: 18, issy: 20, noisiel: 16 },\r\n 'charenton': { clichy: 12, paris20: 6, collegien: 24, issy: 16, noisiel: 22 },\r\n 'chelles': { clichy: 20, paris20: 16, collegien: 14, issy: 24, noisiel: 12 },\r\n 'choisy-le-roi': { clichy: 16, paris20: 12, collegien: 20, issy: 18, noisiel: 18 },\r\n 'creteil': { clichy: 18, paris20: 12, collegien: 16, issy: 22, noisiel: 14 },\r\n 'fontenay-sous-bois': { clichy: 14, paris20: 8, collegien: 20, issy: 18, noisiel: 18 },\r\n 'fresnes': { clichy: 14, paris20: 12, collegien: 28, issy: 10, noisiel: 26 },\r\n 'gentilly': { clichy: 10, paris20: 8, collegien: 26, issy: 10, noisiel: 24 },\r\n 'ivry': { clichy: 10, paris20: 6, collegien: 24, issy: 12, noisiel: 22 },\r\n 'joinville': { clichy: 14, paris20: 8, collegien: 20, issy: 18, noisiel: 18 },\r\n 'l-hay-les-roses': { clichy: 12, paris20: 10, collegien: 28, issy: 8, noisiel: 26 },\r\n 'limeil-brevannes': { clichy: 18, paris20: 14, collegien: 16, issy: 22, noisiel: 14 },\r\n 'maisons-alfort': { clichy: 16, paris20: 10, collegien: 20, issy: 20, noisiel: 18 },\r\n 'mandres': { clichy: 20, paris20: 16, collegien: 14, issy: 24, noisiel: 12 },\r\n 'marolles': { clichy: 20, paris20: 16, collegien: 14, issy: 24, noisiel: 12 },\r\n 'nogent': { clichy: 14, paris20: 8, collegien: 20, issy: 18, noisiel: 18 },\r\n 'orly': { clichy: 18, paris20: 14, collegien: 22, issy: 18, noisiel: 20 },\r\n 'perreux': { clichy: 14, paris20: 8, collegien: 20, issy: 18, noisiel: 18 },\r\n 'plaisir': { clichy: 14, paris20: 12, collegien: 22, issy: 12, noisiel: 20 },\r\n 'riedis': { clichy: 18, paris20: 14, collegien: 16, issy: 22, noisiel: 14 },\r\n 'saint-maur': { clichy: 16, paris20: 10, collegien: 18, issy: 20, noisiel: 16 },\r\n 'saint-mande': { clichy: 12, paris20: 6, collegien: 22, issy: 16, noisiel: 20 },\r\n 'santenay': { clichy: 12, paris20: 10, collegien: 26, issy: 10, noisiel: 24 },\r\n 'sucy-en-brie': { clichy: 20, paris20: 16, collegien: 14, issy: 24, noisiel: 12 },\r\n 'thiais': { clichy: 16, paris20: 12, collegien: 22, issy: 16, noisiel: 20 },\r\n 'vincennes': { clichy: 12, paris20: 4, collegien: 22, issy: 16, noisiel: 20 },\r\n 'vitry': { clichy: 12, paris20: 8, collegien: 24, issy: 14, noisiel: 22 },\r\n 'villejuif': { clichy: 12, paris20: 10, collegien: 26, issy: 10, noisiel: 24 },\r\n 'villeneuve-le-roi': { clichy: 18, paris20: 14, collegien: 22, issy: 18, noisiel: 20 },\r\n 'villeneuve-saint-georges': { clichy: 18, paris20: 14, collegien: 18, issy: 22, noisiel: 16 },\r\n\r\n \/\/ SEINE-ET-MARNE (77)\r\n 'brie-comte-robert': { clichy: 24, paris20: 20, collegien: 14, issy: 26, noisiel: 16 },\r\n 'brou': { clichy: 26, paris20: 22, collegien: 8, issy: 30, noisiel: 10 },\r\n 'bussy-saint-georges': { clichy: 28, paris20: 22, collegien: 4, issy: 32, noisiel: 6 },\r\n 'champ-sur-marne': { clichy: 24, paris20: 18, collegien: 6, issy: 28, noisiel: 8 },\r\n 'champs-sur-marne': { clichy: 24, paris20: 18, collegien: 6, issy: 28, noisiel: 8 },\r\n 'chelles': { clichy: 22, paris20: 18, collegien: 14, issy: 26, noisiel: 16 },\r\n 'chessy': { clichy: 28, paris20: 22, collegien: 4, issy: 32, noisiel: 6 },\r\n 'collegien': { clichy: 30, paris20: 26, collegien: 1, issy: 34, noisiel: 3 },\r\n 'combs-la-ville': { clichy: 26, paris20: 22, collegien: 14, issy: 28, noisiel: 16 },\r\n 'coulommiers': { clichy: 38, paris20: 34, collegien: 22, issy: 40, noisiel: 20 },\r\n 'croissy-beaubourg': { clichy: 28, paris20: 22, collegien: 4, issy: 32, noisiel: 6 },\r\n 'dammarie-les-lys': { clichy: 32, paris20: 28, collegien: 16, issy: 34, noisiel: 18 },\r\n 'ferrieres': { clichy: 26, paris20: 22, collegien: 8, issy: 30, noisiel: 10 },\r\n 'fontainebleau': { clichy: 40, paris20: 36, collegien: 24, issy: 42, noisiel: 22 },\r\n 'gournay': { clichy: 24, paris20: 18, collegien: 8, issy: 28, noisiel: 10 },\r\n 'lagny': { clichy: 22, paris20: 18, collegien: 12, issy: 26, noisiel: 14 },\r\n 'lieusaint': { clichy: 28, paris20: 24, collegien: 14, issy: 30, noisiel: 16 },\r\n 'lognes': { clichy: 26, paris20: 20, collegien: 4, issy: 30, noisiel: 6 },\r\n 'marne-la-vallee': { clichy: 26, paris20: 20, collegien: 4, issy: 30, noisiel: 6 },\r\n 'meaux': { clichy: 32, paris20: 28, collegien: 18, issy: 36, noisiel: 16 },\r\n 'moissy-cramayel': { clichy: 28, paris20: 24, collegien: 14, issy: 30, noisiel: 16 },\r\n 'montereau': { clichy: 44, paris20: 40, collegien: 28, issy: 46, noisiel: 26 },\r\n 'nangis': { clichy: 34, paris20: 30, collegien: 20, issy: 36, noisiel: 22 },\r\n 'noisiel': { clichy: 28, paris20: 22, collegien: 4, issy: 32, noisiel: 1 },\r\n 'pomponne': { clichy: 26, paris20: 22, collegien: 10, issy: 30, noisiel: 12 },\r\n 'pontault-combault': { clichy: 24, paris20: 20, collegien: 12, issy: 28, noisiel: 14 },\r\n 'provins': { clichy: 50, paris20: 46, collegien: 34, issy: 52, noisiel: 32 },\r\n 'roissy-en-brie': { clichy: 24, paris20: 20, collegien: 10, issy: 28, noisiel: 12 },\r\n 'savigny-le-temple': { clichy: 28, paris20: 24, collegien: 14, issy: 30, noisiel: 16 },\r\n 'serris': { clichy: 28, paris20: 22, collegien: 4, issy: 32, noisiel: 6 },\r\n 'thorigny': { clichy: 26, paris20: 22, collegien: 10, issy: 30, noisiel: 12 },\r\n 'torcy': { clichy: 28, paris20: 24, collegien: 2, issy: 32, noisiel: 4 },\r\n 'tournan': { clichy: 26, paris20: 22, collegien: 12, issy: 30, noisiel: 14 },\r\n 'vaires': { clichy: 24, paris20: 20, collegien: 10, issy: 28, noisiel: 12 },\r\n 'villeparisis': { clichy: 24, paris20: 20, collegien: 12, issy: 28, noisiel: 14 },\r\n\r\n \/\/ YVELINES (78)\r\n 'achres': { clichy: 14, paris20: 18, collegien: 40, issy: 14, noisiel: 38 },\r\n 'aubergenville': { clichy: 20, paris20: 24, collegien: 46, issy: 20, noisiel: 44 },\r\n 'carrieres': { clichy: 10, paris20: 16, collegien: 38, issy: 12, noisiel: 36 },\r\n 'chatou': { clichy: 10, paris20: 16, collegien: 38, issy: 12, noisiel: 36 },\r\n 'chevreuse': { clichy: 18, paris20: 22, collegien: 42, issy: 14, noisiel: 40 },\r\n 'croissy': { clichy: 10, paris20: 16, collegien: 38, issy: 12, noisiel: 36 },\r\n 'elancourt': { clichy: 16, paris20: 20, collegien: 42, issy: 12, noisiel: 40 },\r\n 'fontenay-le-fleury': { clichy: 16, paris20: 20, collegien: 42, issy: 14, noisiel: 40 },\r\n 'guyancourt': { clichy: 16, paris20: 20, collegien: 42, issy: 12, noisiel: 40 },\r\n 'houilles': { clichy: 10, paris20: 16, collegien: 38, issy: 12, noisiel: 36 },\r\n 'la-celle': { clichy: 12, paris20: 16, collegien: 40, issy: 14, noisiel: 38 },\r\n 'le-chesnay': { clichy: 12, paris20: 16, collegien: 40, issy: 14, noisiel: 38 },\r\n 'le-pecq': { clichy: 10, paris20: 16, collegien: 38, issy: 12, noisiel: 36 },\r\n 'les-clayes': { clichy: 14, paris20: 18, collegien: 42, issy: 14, noisiel: 40 },\r\n 'les-loges': { clichy: 14, paris20: 18, collegien: 42, issy: 14, noisiel: 40 },\r\n 'louveciennes': { clichy: 12, paris20: 18, collegien: 40, issy: 14, noisiel: 38 },\r\n 'maisons-laffitte': { clichy: 8, paris20: 14, collegien: 38, issy: 14, noisiel: 36 },\r\n 'mante-la-ville': { clichy: 24, paris20: 28, collegien: 48, issy: 24, noisiel: 46 },\r\n 'marly-le-roi': { clichy: 12, paris20: 18, collegien: 40, issy: 14, noisiel: 38 },\r\n 'maurepas': { clichy: 18, paris20: 22, collegien: 44, issy: 16, noisiel: 42 },\r\n 'montigny-le-bretonneux': { clichy: 16, paris20: 20, collegien: 42, issy: 12, noisiel: 40 },\r\n 'plaisir': { clichy: 18, paris20: 22, collegien: 44, issy: 16, noisiel: 42 },\r\n 'poissy': { clichy: 14, paris20: 18, collegien: 42, issy: 14, noisiel: 40 },\r\n 'rambouillet': { clichy: 28, paris20: 32, collegien: 52, issy: 26, noisiel: 50 },\r\n 'saint-cyr': { clichy: 14, paris20: 18, collegien: 42, issy: 14, noisiel: 40 },\r\n 'saint-germain': { clichy: 12, paris20: 18, collegien: 40, issy: 14, noisiel: 38 },\r\n 'sartrouville': { clichy: 8, paris20: 14, collegien: 38, issy: 12, noisiel: 36 },\r\n 'trappes': { clichy: 16, paris20: 20, collegien: 44, issy: 14, noisiel: 42 },\r\n 'velizy': { clichy: 12, paris20: 16, collegien: 38, issy: 8, noisiel: 36 },\r\n 'versailles': { clichy: 14, paris20: 18, collegien: 42, issy: 12, noisiel: 40 },\r\n 'villacoublay': { clichy: 14, paris20: 18, collegien: 40, issy: 10, noisiel: 38 },\r\n\r\n \/\/ ESSONNE (91)\r\n 'angervilliers': { clichy: 22, paris20: 24, collegien: 34, issy: 18, noisiel: 32 },\r\n 'arpaon': { clichy: 22, paris20: 24, collegien: 34, issy: 18, noisiel: 32 },\r\n 'athis-mons': { clichy: 18, paris20: 14, collegien: 24, issy: 18, noisiel: 22 },\r\n 'ballainvilliers': { clichy: 22, paris20: 20, collegien: 30, issy: 18, noisiel: 28 },\r\n 'brunoy': { clichy: 20, paris20: 16, collegien: 26, issy: 20, noisiel: 24 },\r\n 'cerny': { clichy: 24, paris20: 22, collegien: 32, issy: 20, noisiel: 30 },\r\n 'chilly-mazarin': { clichy: 20, paris20: 18, collegien: 30, issy: 16, noisiel: 28 },\r\n 'courcouronnes': { clichy: 22, paris20: 20, collegien: 28, issy: 18, noisiel: 26 },\r\n 'draveil': { clichy: 20, paris20: 16, collegien: 26, issy: 20, noisiel: 24 },\r\n 'epinay-sous-senart': { clichy: 22, paris20: 18, collegien: 24, issy: 24, noisiel: 22 },\r\n 'evry': { clichy: 22, paris20: 18, collegien: 28, issy: 22, noisiel: 26 },\r\n 'fleury': { clichy: 22, paris20: 18, collegien: 28, issy: 22, noisiel: 26 },\r\n 'gif-sur-yvette': { clichy: 20, paris20: 20, collegien: 34, issy: 16, noisiel: 32 },\r\n 'grigny': { clichy: 20, paris20: 16, collegien: 26, issy: 20, noisiel: 24 },\r\n 'juvisy': { clichy: 18, paris20: 16, collegien: 24, issy: 18, noisiel: 22 },\r\n 'les-ulis': { clichy: 20, paris20: 20, collegien: 34, issy: 16, noisiel: 32 },\r\n 'longjumeau': { clichy: 20, paris20: 18, collegien: 30, issy: 18, noisiel: 28 },\r\n 'massy': { clichy: 18, paris20: 16, collegien: 32, issy: 14, noisiel: 30 },\r\n 'mennecy': { clichy: 24, paris20: 20, collegien: 28, issy: 24, noisiel: 26 },\r\n 'milly': { clichy: 28, paris20: 26, collegien: 34, issy: 24, noisiel: 32 },\r\n 'montgeron': { clichy: 20, paris20: 16, collegien: 24, issy: 20, noisiel: 22 },\r\n 'orsay': { clichy: 20, paris20: 20, collegien: 34, issy: 16, noisiel: 32 },\r\n 'palaiseau': { clichy: 18, paris20: 18, collegien: 32, issy: 14, noisiel: 30 },\r\n 'ris-orangis': { clichy: 20, paris20: 16, collegien: 26, issy: 20, noisiel: 24 },\r\n 'sainte-genevieve': { clichy: 20, paris20: 18, collegien: 30, issy: 16, noisiel: 28 },\r\n 'savigny-sur-orge': { clichy: 20, paris20: 18, collegien: 30, issy: 16, noisiel: 28 },\r\n 'viry-chatillon': { clichy: 20, paris20: 16, collegien: 26, issy: 20, noisiel: 24 },\r\n 'yerrs': { clichy: 22, paris20: 20, collegien: 28, issy: 22, noisiel: 26 },\r\n\r\n \/\/ VAL-D'OISE (95)\r\n 'argenteuil': { clichy: 6, paris20: 12, collegien: 34, issy: 14, noisiel: 32 },\r\n 'arnouville': { clichy: 14, paris20: 14, collegien: 28, issy: 20, noisiel: 26 },\r\n 'bezons': { clichy: 6, paris20: 12, collegien: 34, issy: 12, noisiel: 32 },\r\n 'cergy': { clichy: 16, paris20: 22, collegien: 44, issy: 22, noisiel: 42 },\r\n 'cormeilles': { clichy: 8, paris20: 14, collegien: 36, issy: 14, noisiel: 34 },\r\n 'eaubonne': { clichy: 10, paris20: 16, collegien: 36, issy: 16, noisiel: 34 },\r\n 'ermont': { clichy: 10, paris20: 16, collegien: 36, issy: 16, noisiel: 34 },\r\n 'franconville': { clichy: 10, paris20: 16, collegien: 36, issy: 16, noisiel: 34 },\r\n 'garges': { clichy: 14, paris20: 16, collegien: 30, issy: 20, noisiel: 28 },\r\n 'gonesse': { clichy: 16, paris20: 18, collegien: 28, issy: 22, noisiel: 26 },\r\n 'goussainville': { clichy: 18, paris20: 20, collegien: 28, issy: 24, noisiel: 26 },\r\n 'herblay': { clichy: 12, paris20: 18, collegien: 38, issy: 18, noisiel: 36 },\r\n 'montmorency': { clichy: 12, paris20: 16, collegien: 32, issy: 18, noisiel: 30 },\r\n 'osny': { clichy: 16, paris20: 22, collegien: 44, issy: 22, noisiel: 42 },\r\n 'persan': { clichy: 20, paris20: 22, collegien: 32, issy: 26, noisiel: 30 },\r\n 'pontoise': { clichy: 16, paris20: 22, collegien: 44, issy: 22, noisiel: 42 },\r\n 'sannois': { clichy: 8, paris20: 14, collegien: 36, issy: 14, noisiel: 34 },\r\n 'sarcelles': { clichy: 14, paris20: 16, collegien: 30, issy: 20, noisiel: 28 },\r\n 'soisy-sous-montmorency': { clichy: 12, paris20: 16, collegien: 32, issy: 18, noisiel: 30 },\r\n 'villiers-le-bel': { clichy: 14, paris20: 16, collegien: 28, issy: 20, noisiel: 26 }\r\n };\r\n\r\n \/\/ ============================================================\r\n \/\/ AUTOCOMPLETION\r\n \/\/ ============================================================\r\n const cityList = Object.keys(CITY_DISTANCES).map(key => {\r\n return key.split('-').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ');\r\n }).sort();\r\n\r\n const cityInput = document.getElementById('city');\r\n const suggestionsBox = document.getElementById('suggestionsBox');\r\n\r\n cityInput.addEventListener('input', function() {\r\n const query = this.value.toLowerCase().trim();\r\n if (query.length < 2) {\r\n suggestionsBox.classList.remove('show');\r\n return;\r\n }\r\n\r\n const matches = cityList.filter(addr => \r\n addr.toLowerCase().includes(query)\r\n ).slice(0, 10);\r\n\r\n if (matches.length === 0) {\r\n suggestionsBox.classList.remove('show');\r\n return;\r\n }\r\n\r\n suggestionsBox.innerHTML = matches.map(addr => \r\n `<div class=\"suggestion-item\" data-city=\"${addr}\">\r\n ${addr.replace(new RegExp(query, 'gi'), match => `<span class=\"highlight\">${match}<\/span>`)}\r\n <\/div>`\r\n ).join('');\r\n suggestionsBox.classList.add('show');\r\n\r\n document.querySelectorAll('.suggestion-item').forEach(el => {\r\n el.addEventListener('click', function() {\r\n cityInput.value = this.dataset.city;\r\n suggestionsBox.classList.remove('show');\r\n });\r\n });\r\n });\r\n\r\n document.addEventListener('click', function(e) {\r\n if (!e.target.closest('.address-form')) {\r\n suggestionsBox.classList.remove('show');\r\n }\r\n });\r\n\r\n \/\/ ============================================================\r\n \/\/ DETECTION DE VILLE\r\n \/\/ ============================================================\r\n function findCity(input) {\r\n const clean = input.toLowerCase().trim();\r\n const cityKeys = Object.keys(CITY_DISTANCES);\r\n for (const key of cityKeys) {\r\n if (clean.includes(key) || key.includes(clean)) {\r\n return key;\r\n }\r\n }\r\n return 'paris';\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ SIMULATION\r\n \/\/ ============================================================\r\n const streetInput = document.getElementById('street');\r\n const postalInput = document.getElementById('postal');\r\n const simulateBtn = document.getElementById('simulateBtn');\r\n const resultsContainer = document.getElementById('resultsContainer');\r\n\r\n const resultTime = document.getElementById('resultTime');\r\n const resultDistance = document.getElementById('resultDistance');\r\n const resultStatus = document.getElementById('resultStatus');\r\n const statusText = document.getElementById('statusText');\r\n const statusSub = document.getElementById('statusSub');\r\n const etaValue = document.getElementById('etaValue');\r\n const mapEndLabel = document.getElementById('mapEndLabel');\r\n const mapEndCity = document.getElementById('mapEndCity');\r\n const departName = document.getElementById('departName');\r\n const departAddress = document.getElementById('departAddress');\r\n const departBadge = document.getElementById('departBadge');\r\n\r\n function startSimulation() {\r\n const street = streetInput.value.trim() || 'Adresse non pr\u00e9cis\u00e9e';\r\n const city = cityInput.value.trim() || 'Paris';\r\n const postal = postalInput.value.trim() || '75015';\r\n\r\n let cityKey = findCity(city);\r\n \r\n if (!CITY_DISTANCES[cityKey]) {\r\n cityKey = 'paris';\r\n }\r\n\r\n const distances = CITY_DISTANCES[cityKey];\r\n const cityDisplay = cityKey.split('-').map(word => \r\n word.charAt(0).toUpperCase() + word.slice(1)\r\n ).join(' ');\r\n\r\n let closestId = null;\r\n let closestDist = Infinity;\r\n\r\n DEPARTURES.forEach(depart => {\r\n const d = distances[depart.id] || 999;\r\n if (d < closestDist) {\r\n closestDist = d;\r\n closestId = depart.id;\r\n }\r\n });\r\n\r\n const closestDepart = DEPARTURES.find(d => d.id === closestId) || DEPARTURES[2];\r\n const travelDist = closestDist;\r\n const travelTime = Math.max(3, Math.round((travelDist \/ 25) * 60));\r\n\r\n resultsContainer.classList.add('visible');\r\n resultsContainer.style.display = 'block';\r\n\r\n mapEndLabel.textContent = street || 'Votre domicile';\r\n mapEndCity.textContent = cityDisplay;\r\n\r\n departName.textContent = closestDepart.name;\r\n departAddress.textContent = closestDepart.address;\r\n departBadge.textContent = `Agence la plus proche (${Math.round(travelDist * 10) \/ 10} km)`;\r\n\r\n resultTime.innerHTML = travelTime + ' <span class=\"unit\">min<\/span>';\r\n resultDistance.innerHTML = travelDist.toFixed(1) + ' <span class=\"unit\">km<\/span>';\r\n resultStatus.textContent = 'Simul\u00e9';\r\n statusText.textContent = 'Simulation';\r\n statusSub.textContent = '\u2014 Intervention estim\u00e9e \u00e0 ' + travelTime + ' min depuis ' + closestDepart.name;\r\n etaValue.textContent = travelTime;\r\n\r\n const routeLine = document.getElementById('routeLine');\r\n const startCoords = closestDepart.coord;\r\n const endCoords = { x: 730, y: 140 };\r\n const midX = (startCoords.x + endCoords.x) \/ 2;\r\n const midY = Math.min(startCoords.y, endCoords.y) - 30;\r\n const newPath = `M${startCoords.x},${startCoords.y} C${startCoords.x + 50},${startCoords.y - 40} ${midX - 30},${midY} ${midX},${midY} C${midX + 30},${midY} ${endCoords.x - 50},${endCoords.y + 20} ${endCoords.x},${endCoords.y}`;\r\n routeLine.setAttribute('d', newPath);\r\n document.getElementById('routePath').setAttribute('d', newPath);\r\n document.getElementById('routePath2').setAttribute('d', '');\r\n\r\n const truckGroup = document.getElementById('truckGroup');\r\n truckGroup.style.animation = 'none';\r\n setTimeout(() => {\r\n truckGroup.style.animation = 'moveTruck 6s linear infinite';\r\n }, 10);\r\n\r\n simulateBtn.disabled = true;\r\n simulateBtn.textContent = 'Simulation en cours...';\r\n\r\n setTimeout(function() {\r\n simulateBtn.disabled = false;\r\n simulateBtn.textContent = 'Simuler l\\'intervention';\r\n }, 2000);\r\n\r\n setTimeout(function() {\r\n resultsContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }, 300);\r\n }\r\n\r\n simulateBtn.addEventListener('click', startSimulation);\r\n\r\n document.querySelectorAll('.address-form input').forEach(function(input) {\r\n input.addEventListener('keypress', function(e) {\r\n if (e.key === 'Enter') {\r\n e.preventDefault();\r\n startSimulation();\r\n }\r\n });\r\n });\r\n\r\n const rv = document.querySelectorAll('.rv');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver(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 rv.forEach(function(el) { io.observe(el); });\r\n } else {\r\n rv.forEach(function(el) { el.classList.add('shown'); });\r\n }\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41218c4 e-con-full e-flex e-con e-parent\" data-id=\"41218c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97b4f76 elementor-widget elementor-widget-html\" data-id=\"97b4f76\" 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 Radar des interventions<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --blue-900:#07294a;\r\n --blue-800:#0a3666;\r\n --blue-700:#0d4f8b;\r\n --blue-500:#1c7ec9;\r\n --blue-300:#7cc0ee;\r\n --blue-100:#d6ebfb;\r\n --blue-50:#eef6fc;\r\n --orange:#f4a61a;\r\n --orange-dark:#d98a0c;\r\n --ink:#0c2238;\r\n --slate:#48637d;\r\n --paper:#ffffff;\r\n\r\n --font-display:\"Sora\",sans-serif;\r\n --font-body:\"Inter\",sans-serif;\r\n --font-mono:\"JetBrains Mono\",monospace;\r\n\r\n --shadow-sm:0 2px 10px rgba(7,41,74,.06);\r\n --shadow-md:0 18px 40px -16px rgba(7,41,74,.30);\r\n }\r\n\r\n *{box-sizing:border-box;margin:0;padding:0}\r\n html{scroll-behavior:smooth}\r\n body{\r\n font-family:var(--font-body);\r\n color:var(--ink);\r\n background:var(--paper);\r\n -webkit-font-smoothing:antialiased;\r\n line-height:1.6;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 Radar des interventions (th\u00e8me clair bleu\/orange)\r\n ============================================================ *\/\r\n .radar-section{\r\n position:relative;\r\n padding:84px 24px 96px;\r\n \r\n \/* ===== M\u00caME FOND QUE LA HERO ===== *\/\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, var(--blue-100), transparent 60%),\r\n linear-gradient(180deg, #fbfdff 0%, var(--blue-50) 100%);\r\n \/* ================================== *\/\r\n }\r\n \r\n .radar-wrap{\r\n max-width:1200px;margin:0 auto;\r\n position:relative;\r\n z-index:1;\r\n }\r\n\r\n \/* en-t\u00eate de section *\/\r\n .radar-head{text-align:center;max-width:620px;margin:0 auto 48px}\r\n .radar-eyebrow{\r\n display:inline-flex;align-items:center;gap:8px;\r\n font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.14em;\r\n text-transform:uppercase;color:var(--blue-700);\r\n background:var(--blue-50);border:1px solid var(--blue-100);\r\n padding:6px 13px;border-radius:999px;\r\n }\r\n .radar-eyebrow .live{width:7px;height:7px;border-radius:50%;background:#1faa6b;\r\n box-shadow:0 0 0 0 rgba(31,170,107,.5);animation:pulse 2.2s infinite}\r\n @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(31,170,107,.5)}70%{box-shadow:0 0 0 7px rgba(31,170,107,0)}100%{box-shadow:0 0 0 0 rgba(31,170,107,0)}}\r\n .radar-head h2{\r\n font-family:var(--font-display);font-weight:800;letter-spacing:-.025em;\r\n font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.1;color:var(--blue-900);margin:16px 0 10px;\r\n }\r\n .radar-head h2 .accent{color:var(--orange)}\r\n .radar-head p{color:var(--slate);font-size:1.04rem}\r\n\r\n \/* grille : carte radar + panneau flux *\/\r\n .radar-grid{\r\n display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:stretch;\r\n }\r\n @media(max-width:900px){.radar-grid{grid-template-columns:1fr}}\r\n\r\n .panel{\r\n background:#fff;border:1px solid var(--blue-100);border-radius:20px;\r\n box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;\r\n }\r\n .panel__head{\r\n display:flex;align-items:center;justify-content:space-between;gap:12px;\r\n padding:16px 20px;border-bottom:1px solid var(--blue-50);\r\n }\r\n .panel__title{display:flex;align-items:center;gap:9px;font-family:var(--font-display);\r\n font-weight:700;font-size:.92rem;color:var(--blue-900)}\r\n .panel__title .dot{width:9px;height:9px;border-radius:50%;background:#1faa6b;\r\n box-shadow:0 0 8px rgba(31,170,107,.6);animation:pulseDot 1.6s ease-in-out infinite}\r\n @keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}\r\n .panel__clock{font-family:var(--font-mono);font-size:.74rem;color:var(--slate);letter-spacing:.02em}\r\n \/* mini equalizer *\/\r\n .eq{display:inline-flex;gap:2px;align-items:flex-end;height:12px;margin-left:2px}\r\n .eq i{width:2px;background:var(--blue-500);border-radius:1px;animation:eq 1s ease-in-out infinite}\r\n .eq i:nth-child(1){height:5px}.eq i:nth-child(2){height:11px;animation-delay:.2s}\r\n .eq i:nth-child(3){height:7px;animation-delay:.4s}.eq i:nth-child(4){height:12px;animation-delay:.1s}\r\n @keyframes eq{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}\r\n\r\n \/* ---- carte r\u00e9seau (le radar) ---- *\/\r\n .netmap{position:relative;width:100%;aspect-ratio:380\/270;\r\n background:radial-gradient(120% 120% at 50% 0%,var(--blue-50),#fff);overflow:hidden}\r\n .netmap svg{position:relative;z-index:2;width:100%;height:100%;display:block}\r\n .radar-sweep{position:absolute;inset:0;z-index:1;\r\n background:conic-gradient(from 0deg,rgba(244,166,26,.20),transparent 24%,transparent 100%);\r\n -webkit-mask:radial-gradient(circle at 50% 50%,#000 68%,transparent 70%);\r\n mask:radial-gradient(circle at 50% 50%,#000 68%,transparent 70%);\r\n animation:radarSpin 6s linear infinite}\r\n @keyframes radarSpin{to{transform:rotate(360deg)}}\r\n\r\n .rangering{fill:none;stroke:rgba(28,126,201,.12);stroke-width:1}\r\n .pipe-base{fill:none;stroke:rgba(28,126,201,.16);stroke-width:3.4;stroke-linecap:round}\r\n .pipe-draw{fill:none;stroke:rgba(28,126,201,.5);stroke-width:3.4;stroke-linecap:round;\r\n stroke-dasharray:300;stroke-dashoffset:300;animation:draw 1.8s var(--ease-out,ease) forwards}\r\n @keyframes draw{to{stroke-dashoffset:0}}\r\n .pipe-flow{fill:none;stroke:url(#flowGrad);stroke-width:2.2;stroke-linecap:round;\r\n stroke-dasharray:10 16;opacity:0;animation:flow 1.1s linear infinite,flowIn .6s ease forwards 1.6s}\r\n @keyframes flow{to{stroke-dashoffset:-26}}\r\n @keyframes flowIn{to{opacity:1}}\r\n .node{fill:#fff;stroke:var(--blue-500);stroke-width:2}\r\n .node-core{fill:var(--blue-500)}\r\n .node-hub{fill:#fff;stroke:var(--blue-700);stroke-width:2.5}\r\n .node-hub-core{fill:var(--blue-700)}\r\n .node-alert{fill:#fff;stroke:var(--orange);stroke-width:2.5}\r\n .node-alert-core{fill:var(--orange)}\r\n .ring{fill:none;stroke:var(--orange);stroke-width:1.5;transform-origin:center;transform-box:fill-box}\r\n .ring--a{animation:ring 2.4s ease-out infinite}\r\n .ring--b{animation:ring 2.4s ease-out infinite 1.2s}\r\n @keyframes ring{0%{r:6;opacity:.6}100%{r:24;opacity:0}}\r\n .droplet{fill:var(--blue-700)}\r\n\r\n \/* ---- bandeau stats sous la carte ---- *\/\r\n .netstats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--blue-50)}\r\n .netstat{background:#fff;padding:16px 12px;text-align:center}\r\n .netstat b{display:block;font-family:var(--font-display);font-weight:700;font-size:1.55rem;\r\n line-height:1;color:var(--blue-700);font-variant-numeric:tabular-nums}\r\n .netstat b span{font-size:.8rem;color:var(--slate)}\r\n .netstat small{display:block;font-family:var(--font-mono);font-size:.6rem;color:var(--slate);\r\n text-transform:uppercase;letter-spacing:.08em;margin-top:6px}\r\n\r\n \/* ---- panneau flux d'\u00e9v\u00e9nements ---- *\/\r\n .feed-panel{flex:1}\r\n .feedbox{position:relative;height:340px;overflow:hidden;padding:6px 0;\r\n -webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 88%,transparent);\r\n mask-image:linear-gradient(180deg,transparent,#000 10%,#000 88%,transparent)}\r\n .feed-track{display:flex;flex-direction:column;gap:6px;padding:0 14px;animation:scrollFeed 22s linear infinite}\r\n @keyframes scrollFeed{from{transform:translateY(0)}to{transform:translateY(-50%)}}\r\n .feedbox:hover .feed-track{animation-play-state:paused}\r\n .feed-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:11px;\r\n border:1px solid var(--blue-50);background:#fff;transition:border-color .25s,transform .25s}\r\n .feed-item:hover{border-color:var(--blue-100);transform:translateX(2px)}\r\n .feed-time{font-family:var(--font-mono);font-size:.66rem;color:var(--slate);min-width:42px;flex-shrink:0}\r\n .feed-text{flex:1;font-size:.78rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\r\n .feed-status{font-family:var(--font-mono);font-weight:700;font-size:.56rem;padding:3px 8px;\r\n border-radius:6px;flex-shrink:0;text-transform:uppercase;letter-spacing:.05em}\r\n .feed-status--active{background:var(--blue-50);color:var(--blue-700)}\r\n .feed-status--urgent{background:#fff1d9;color:var(--orange-dark)}\r\n .feed-status--completed{background:#e7f7ef;color:#1faa6b}\r\n .feed-status--scheduled{background:#eef1f5;color:var(--slate)}\r\n\r\n \/* ---- r\u00e9v\u00e9lation au scroll ---- *\/\r\n .io{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-out,ease),transform .8s var(--ease-out,ease)}\r\n .io.in{opacity:1;transform:none}\r\n .io.d-b{transition-delay:.12s}\r\n\r\n \/* ---- \u00e9tat hors service (apr\u00e8s 22h30) ---- *\/\r\n .live.off,.dot.off{background:#b7c2cd!important;box-shadow:none!important;animation:none!important}\r\n .radar-eyebrow.off{color:var(--slate);background:#f1f4f7;border-color:#e3e8ee}\r\n .radar-section.closed .radar-sweep{opacity:.22}\r\n .radar-section.closed .pipe-flow{opacity:.25}\r\n .radar-section.closed .netmap{filter:grayscale(.35)}\r\n .feed-closed{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;\r\n background:#fff7e9;border:1px solid #f6e3bf}\r\n .feed-closed svg{width:18px;height:18px;color:var(--orange-dark);flex-shrink:0}\r\n .feed-closed b{font-family:var(--font-display);font-size:.82rem;color:var(--blue-900);display:block}\r\n .feed-closed small{font-size:.72rem;color:var(--slate)}\r\n\r\n @media(prefers-reduced-motion:reduce){\r\n *{animation:none!important;transition:none!important}\r\n .pipe-draw{stroke-dashoffset:0}.pipe-flow{opacity:1}\r\n .io{opacity:1;transform:none}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"radar-section\" id=\"radar-section\">\r\n <div class=\"radar-wrap\">\r\n\r\n <div class=\"radar-head io\">\r\n <span class=\"radar-eyebrow\"><span class=\"live\" id=\"liveDot\"><\/span><span id=\"liveLabel\">En temps r\u00e9el<\/span><\/span>\r\n <h2>Le radar de nos <span class=\"accent\">interventions<\/span><\/h2>\r\n <p>Suivez l'activit\u00e9 de nos \u00e9quipes sur le terrain : r\u00e9seaux supervis\u00e9s,\r\n interventions en cours et urgences trait\u00e9es, en direct.<\/p>\r\n <\/div>\r\n\r\n <div class=\"radar-grid\">\r\n\r\n \r\n <div class=\"panel io\">\r\n <div class=\"panel__head\">\r\n <span class=\"panel__title\">\r\n <span class=\"dot\" id=\"superDot\"><\/span> Supervision r\u00e9seau EP\/EU\r\n <span class=\"eq\"><i><\/i><i><\/i><i><\/i><i><\/i><\/span>\r\n <\/span>\r\n <span class=\"panel__clock\" id=\"radarClock\">--:--<\/span>\r\n <\/div>\r\n\r\n <div class=\"netmap\">\r\n <div class=\"radar-sweep\"><\/div>\r\n <svg viewBox=\"0 0 380 270\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"Sch\u00e9ma du r\u00e9seau supervis\u00e9\">\r\n <defs>\r\n <linearGradient id=\"flowGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\r\n <stop offset=\"0%\" stop-color=\"#1c7ec9\"\/><stop offset=\"100%\" stop-color=\"#7cc0ee\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n\r\n <circle class=\"rangering\" cx=\"190\" cy=\"135\" r=\"46\"\/>\r\n <circle class=\"rangering\" cx=\"190\" cy=\"135\" r=\"88\"\/>\r\n <circle class=\"rangering\" cx=\"190\" cy=\"135\" r=\"128\"\/>\r\n\r\n <path id=\"rp1\" class=\"pipe-base\" d=\"M28,135 C70,135 95,135 130,135\"\/>\r\n <path id=\"rp2\" class=\"pipe-base\" d=\"M130,135 C170,135 195,96 235,80\"\/>\r\n <path id=\"rp3\" class=\"pipe-base\" d=\"M130,135 C170,135 195,174 235,190\"\/>\r\n <path id=\"rp4\" class=\"pipe-base\" d=\"M235,80 C285,80 300,60 340,52\"\/>\r\n <path id=\"rp5\" class=\"pipe-base\" d=\"M235,80 C285,80 300,100 340,118\"\/>\r\n <path id=\"rp6\" class=\"pipe-base\" d=\"M235,190 C285,190 300,184 340,178\"\/>\r\n <path id=\"rp7\" class=\"pipe-base\" d=\"M235,190 C285,190 300,220 340,236\"\/>\r\n\r\n <path class=\"pipe-draw\" d=\"M28,135 C70,135 95,135 130,135\"\/>\r\n <path class=\"pipe-draw\" d=\"M130,135 C170,135 195,96 235,80\" style=\"animation-delay:.2s\"\/>\r\n <path class=\"pipe-draw\" d=\"M130,135 C170,135 195,174 235,190\" style=\"animation-delay:.2s\"\/>\r\n <path class=\"pipe-draw\" d=\"M235,80 C285,80 300,60 340,52\" style=\"animation-delay:.5s\"\/>\r\n <path class=\"pipe-draw\" d=\"M235,80 C285,80 300,100 340,118\" style=\"animation-delay:.5s\"\/>\r\n <path class=\"pipe-draw\" d=\"M235,190 C285,190 300,184 340,178\" style=\"animation-delay:.5s\"\/>\r\n <path class=\"pipe-draw\" d=\"M235,190 C285,190 300,220 340,236\" style=\"animation-delay:.5s\"\/>\r\n\r\n <path class=\"pipe-flow\" d=\"M28,135 C70,135 95,135 130,135\"\/>\r\n <path class=\"pipe-flow\" d=\"M130,135 C170,135 195,96 235,80\"\/>\r\n <path class=\"pipe-flow\" d=\"M130,135 C170,135 195,174 235,190\"\/>\r\n <path class=\"pipe-flow\" d=\"M235,80 C285,80 300,60 340,52\"\/>\r\n <path class=\"pipe-flow\" d=\"M235,80 C285,80 300,100 340,118\"\/>\r\n <path class=\"pipe-flow\" d=\"M235,190 C285,190 300,184 340,178\"\/>\r\n <path class=\"pipe-flow\" d=\"M235,190 C285,190 300,220 340,236\"\/>\r\n\r\n <circle class=\"droplet\" r=\"2.4\"><animateMotion dur=\"3.4s\" repeatCount=\"indefinite\"><mpath href=\"#rp2\"\/><\/animateMotion><\/circle>\r\n <circle class=\"droplet\" r=\"2.4\"><animateMotion dur=\"3.8s\" repeatCount=\"indefinite\" begin=\"1s\"><mpath href=\"#rp3\"\/><\/animateMotion><\/circle>\r\n <circle class=\"droplet\" r=\"2\"><animateMotion dur=\"2.6s\" repeatCount=\"indefinite\" begin=\".4s\"><mpath href=\"#rp4\"\/><\/animateMotion><\/circle>\r\n <circle class=\"droplet\" r=\"2\"><animateMotion dur=\"2.8s\" repeatCount=\"indefinite\" begin=\"1.4s\"><mpath href=\"#rp5\"\/><\/animateMotion><\/circle>\r\n <circle class=\"droplet\" r=\"2\"><animateMotion dur=\"2.7s\" repeatCount=\"indefinite\" begin=\".8s\"><mpath href=\"#rp7\"\/><\/animateMotion><\/circle>\r\n\r\n <circle class=\"node\" cx=\"28\" cy=\"135\" r=\"5\"\/><circle class=\"node-core\" cx=\"28\" cy=\"135\" r=\"2.2\"\/>\r\n <circle class=\"node-hub\" cx=\"130\" cy=\"135\" r=\"8\"\/><circle class=\"node-hub-core\" cx=\"130\" cy=\"135\" r=\"3.2\"\/>\r\n <circle class=\"node\" cx=\"235\" cy=\"80\" r=\"5.5\"\/><circle class=\"node-core\" cx=\"235\" cy=\"80\" r=\"2.4\"\/>\r\n <circle class=\"node\" cx=\"235\" cy=\"190\" r=\"5.5\"\/><circle class=\"node-core\" cx=\"235\" cy=\"190\" r=\"2.4\"\/>\r\n <circle class=\"node\" cx=\"340\" cy=\"118\" r=\"5\"\/><circle class=\"node-core\" cx=\"340\" cy=\"118\" r=\"2.2\"\/>\r\n <circle class=\"node\" cx=\"340\" cy=\"178\" r=\"5\"\/><circle class=\"node-core\" cx=\"340\" cy=\"178\" r=\"2.2\"\/>\r\n\r\n <g><circle class=\"ring ring--a\" cx=\"340\" cy=\"52\"\/><circle class=\"ring ring--b\" cx=\"340\" cy=\"52\"\/>\r\n <circle class=\"node-alert\" cx=\"340\" cy=\"52\" r=\"6\"\/><circle class=\"node-alert-core\" cx=\"340\" cy=\"52\" r=\"2.6\"\/><\/g>\r\n <g><circle class=\"ring ring--a\" cx=\"340\" cy=\"236\" style=\"animation-delay:.6s\"\/><circle class=\"ring ring--b\" cx=\"340\" cy=\"236\" style=\"animation-delay:1.8s\"\/>\r\n <circle class=\"node-alert\" cx=\"340\" cy=\"236\" r=\"6\"\/><circle class=\"node-alert-core\" cx=\"340\" cy=\"236\" r=\"2.6\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"netstats\">\r\n <div class=\"netstat\"><b id=\"liveCount\">12<\/b><small>En cours<\/small><\/div>\r\n <div class=\"netstat\"><b id=\"liveTeams\">5<\/b><small>\u00c9quipes terrain<\/small><\/div>\r\n <div class=\"netstat\"><b id=\"liveTime\">45<span>min<\/span><\/b><small>Temps moyen<\/small><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"panel feed-panel io d-b\">\r\n <div class=\"panel__head\">\r\n <span class=\"panel__title\"><span class=\"dot\"><\/span> Flux des interventions<\/span>\r\n <span class=\"panel__clock\">EP \/ EU<\/span>\r\n <\/div>\r\n <div class=\"feedbox\"><div class=\"feed-track\" id=\"radarFeed\"><\/div><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n const fmt = {timeZone:'Europe\/Paris',hour:'2-digit',minute:'2-digit',hour12:false};\r\n\r\n \/* horloge Paris *\/\r\n const clock = document.getElementById('radarClock');\r\n if(clock){\r\n const tick = () => clock.textContent = new Date().toLocaleTimeString('fr-FR',fmt) + ' \u00b7 Paris';\r\n tick(); setInterval(tick,1000);\r\n }\r\n\r\n \/* ---- planning de la journ\u00e9e (heures r\u00e9elles, Europe\/Paris) ---- *\/\r\n const OPEN = 7*60+30; \/\/ 07h30\r\n const CLOSE = 22*60+30; \/\/ 22h30\r\n const REPRISE = '07h30';\r\n\r\n \/\/ minutes depuis minuit, heure de Paris\r\n function nowMin(){\r\n const p = new Date().toLocaleTimeString('fr-FR',fmt); \/\/ \"HH:MM\"\r\n const [h,m] = p.split(':').map(Number);\r\n return h*60 + m;\r\n }\r\n const hhmm = min => String(Math.floor(min\/60)).padStart(2,'0')+':'+String(min%60).padStart(2,'0');\r\n\r\n \/\/ Planning type d'une journ\u00e9e \u2014 r\u00e9parti de 07h45 \u00e0 21h55\r\n const SCHEDULE = [\r\n {min:465, text:'Curage EU \u2014 Paris 12e', type:'curage'},\r\n {min:500, text:'Inspection cam\u00e9ra \u2014 Montreuil (93)', type:'inspection'},\r\n {min:545, text:'Diagnostic EP \u2014 Saint-Denis (93)', type:'diagnostic'},\r\n {min:580, text:'D\u00e9bouchage \u2014 Nanterre (92)', type:'urgence'},\r\n {min:625, text:'Entretien pr\u00e9ventif \u2014 Paris 11e', type:'entretien'},\r\n {min:670, text:'Curage EU \u2014 Cr\u00e9teil (94)', type:'curage'},\r\n {min:715, text:'Inspection cam\u00e9ra \u2014 Boulogne-Billancourt (92)',type:'inspection'},\r\n {min:760, text:'R\u00e9habilitation r\u00e9seau \u2014 Vincennes (94)', type:'rehab'},\r\n {min:810, text:'Diagnostic EP \u2014 Clichy (92)', type:'diagnostic'},\r\n {min:855, text:'D\u00e9bouchage \u2014 Levallois-Perret (92)', type:'urgence'},\r\n {min:900, text:'Curage programm\u00e9 \u2014 Saint-Denis (93)', type:'curage'},\r\n {min:945, text:'Entretien r\u00e9seau EP \u2014 Bobigny (93)', type:'entretien'},\r\n {min:990, text:'Inspection EU \u2014 Paris 15e', type:'inspection'},\r\n {min:1040,text:'Diagnostic r\u00e9seau \u2014 Nanterre (92)', type:'diagnostic'},\r\n {min:1085,text:'D\u00e9bouchage \u2014 Montreuil (93)', type:'debouchage'},\r\n {min:1130,text:'Curage EU \u2014 Paris 18e', type:'curage'},\r\n {min:1180,text:'Copropri\u00e9t\u00e9 \u2014 Saint-Mand\u00e9 (94)', type:'urgence'},\r\n {min:1225,text:'Entretien pr\u00e9ventif \u2014 Issy-les-Moulineaux (92)',type:'entretien'},\r\n {min:1270,text:'Inspection cam\u00e9ra \u2014 Vanves (92)', type:'inspection'},\r\n {min:1315,text:'Dernier curage du jour \u2014 Paris 14e', type:'curage'},\r\n ];\r\n const labels = {active:'En cours',urgent:'Urgence',completed:'Termin\u00e9e',scheduled:'Programm\u00e9'};\r\n\r\n function statusFor(min, now, type){\r\n if(min > now + 6) return 'scheduled';\r\n if(min <= now - 14) return 'completed';\r\n return type === 'urgence' ? 'urgent' : 'active';\r\n }\r\n const prio = {urgent:0, active:1, scheduled:2, completed:3};\r\n\r\n const feed = document.getElementById('radarFeed');\r\n const liveDot = document.getElementById('liveDot');\r\n const liveLbl = document.getElementById('liveLabel');\r\n const superDot = document.getElementById('superDot');\r\n const eyebrow = document.querySelector('.radar-eyebrow');\r\n const section = document.querySelector('.radar-section');\r\n const liveCount=document.getElementById('liveCount'),\r\n liveTeams=document.getElementById('liveTeams'),\r\n liveTime =document.getElementById('liveTime');\r\n\r\n function setOpenState(open){\r\n if(liveDot) liveDot.classList.toggle('off',!open);\r\n if(superDot) superDot.classList.toggle('off',!open);\r\n if(eyebrow) eyebrow.classList.toggle('off',!open);\r\n if(section) section.classList.toggle('closed',!open);\r\n if(liveLbl) liveLbl.textContent = open ? 'En temps r\u00e9el' : 'Service termin\u00e9 \u00b7 reprise '+REPRISE;\r\n }\r\n\r\n function renderFeed(){\r\n if(!feed) return;\r\n const now = nowMin();\r\n const open = now >= OPEN && now < CLOSE;\r\n setOpenState(open);\r\n\r\n if(!open){\r\n \/\/ hors service : bilan du jour + reprise demain\r\n const done = SCHEDULE.filter(s=> s.min <= CLOSE).slice(-5).reverse();\r\n const closedBanner =\r\n `<div class=\"feed-closed\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 8v4l2.5 1.5\"\/><\/svg>\r\n <span><b>Interventions termin\u00e9es pour aujourd'hui<\/b><small>Reprise des \u00e9quipes demain \u00e0 ${REPRISE} \u2014 astreinte selon contrat<\/small><\/span>\r\n <\/div>`;\r\n feed.innerHTML = closedBanner + done.map(s=>\r\n `<div class=\"feed-item\"><span class=\"feed-time\">${hhmm(s.min)}<\/span><span class=\"feed-text\">${s.text}<\/span><span class=\"feed-status feed-status--completed\">Termin\u00e9e<\/span><\/div>`\r\n ).join('');\r\n return;\r\n }\r\n\r\n \/\/ service ouvert : fen\u00eatre glissante autour de l'heure courante\r\n let view = SCHEDULE\r\n .filter(s => s.min <= CLOSE)\r\n .map(s => ({...s, status: statusFor(s.min, now, s.type), time: hhmm(s.min)}));\r\n\r\n let win = view.filter(s => s.min >= now-110 && s.min <= now+170);\r\n if(win.length < 7){\r\n win = view.map(s => ({s, d:Math.abs(s.min-now)}))\r\n .sort((a,b)=>a.d-b.d).slice(0,8).map(o=>o.s);\r\n }\r\n win.sort((a,b)=> (prio[a.status]-prio[b.status]) || (Math.abs(a.min-now)-Math.abs(b.min-now)));\r\n win = win.slice(0,9);\r\n\r\n const doubled = [...win, ...win];\r\n feed.innerHTML = doubled.map(i=>\r\n `<div class=\"feed-item\"><span class=\"feed-time\">${i.time}<\/span><span class=\"feed-text\">${i.text}<\/span><span class=\"feed-status feed-status--${i.status}\">${labels[i.status]}<\/span><\/div>`\r\n ).join('');\r\n }\r\n renderFeed();\r\n setInterval(renderFeed, 30000); \/\/ avance au fil de la journ\u00e9e\r\n\r\n \/* ---- stats temps r\u00e9el (coh\u00e9rentes avec l'heure) ---- *\/\r\n let cur = liveCount ? +liveCount.textContent : 0;\r\n function refreshStats(){\r\n const now = nowMin();\r\n const open = now >= OPEN && now < CLOSE;\r\n if(!open){\r\n if(liveCount) liveCount.textContent = '0';\r\n if(liveTeams) liveTeams.textContent = '0';\r\n if(liveTime) liveTime.innerHTML = '\u2014';\r\n cur = 0; return;\r\n }\r\n const next = Math.floor(Math.random()*9)+8; \/\/ 8\u201316 en cours\r\n if(liveTeams) liveTeams.textContent = Math.floor(Math.random()*4)+3;\r\n if(liveTime) liveTime.innerHTML = (Math.floor(Math.random()*36)+25)+'<span>min<\/span>';\r\n if(!liveCount) return;\r\n if(reduce){ liveCount.textContent=next; cur=next; return; }\r\n const diff=next-cur; let s=0;\r\n const t=setInterval(()=>{s++;liveCount.textContent=Math.round(cur+diff*(s\/10));\r\n if(s>=10){liveCount.textContent=next;cur=next;clearInterval(t);}},55);\r\n }\r\n refreshStats();\r\n setInterval(refreshStats, 12000);\r\n\r\n\r\n \/* r\u00e9v\u00e9lation au scroll *\/\r\n const ios = document.querySelectorAll('.io');\r\n if('IntersectionObserver' in window && !reduce){\r\n const obs = new IntersectionObserver((entries)=>{\r\n entries.forEach(en=>{ if(en.isIntersecting){ en.target.classList.add('in'); obs.unobserve(en.target);} });\r\n },{threshold:.18});\r\n ios.forEach(el=>obs.observe(el));\r\n } else {\r\n ios.forEach(el=>el.classList.add('in'));\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-f8923fc e-con-full e-flex e-con e-parent\" data-id=\"f8923fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0e019e elementor-widget elementor-widget-html\" data-id=\"f0e019e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n.contact { padding: 5rem 5% 6rem; position: relative; min-height: 100vh; display: flex; align-items: center;\r\n background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%), linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden; box-sizing: border-box; }\r\n.contact *, .contact *::before, .contact *::after { box-sizing: border-box; }\r\n.contact__waves { position: absolute; left: 0; right: 0; bottom: 0; line-height: 0; z-index: 0; pointer-events: none; }\r\n.contact__waves svg { display: block; width: 100%; height: 80px; }\r\n.contact__waves .wave-back use { animation: wavemove 11s linear infinite; opacity: 0.55; }\r\n.contact__waves .wave-mid use { animation: wavemove 8s linear infinite reverse; opacity: 0.8; }\r\n.contact__waves .wave-front use { animation: wavemove 6s linear infinite; }\r\n@keyframes wavemove { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n.contact__container { max-width: 1280px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\r\n.contact__header { text-align: center; max-width: 780px; margin: 0 auto 3.5rem; }\r\n.contact__badge { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.4rem 1.4rem 0.4rem 1rem; border-radius: 2rem; background: rgba(28, 126, 201, 0.07); color: #1c7ec9; border: 1px solid rgba(28, 126, 201, 0.12); margin-bottom: 1.2rem; }\r\n.contact__badge .dot { width: 6px; height: 6px; border-radius: 50%; background: #1c7ec9; animation: pulseDot 2s ease-in-out infinite; }\r\n@keyframes pulseDot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.6); } }\r\n.contact__title { font-family: 'Sora', sans-serif; font-weight: 800; font-size: clamp(2rem, 3.6vw, 3.2rem); letter-spacing: -0.03em; color: #07294a; line-height: 1.1; margin-bottom: 0.8rem; }\r\n.contact__title .highlight { background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n.contact__subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: clamp(1rem, 1.1vw, 1.15rem); color: #6b7f94; max-width: 600px; margin: 0 auto; line-height: 1.7; }\r\n.contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }\r\n.contact__form { background: #ffffff; border-radius: 24px; padding: 2.5rem; border: 1px solid #eef2f6; box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04); transition: all 0.4s ease; position: relative; }\r\n.contact__form:hover { box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08); border-color: #d6ebfb; }\r\n.contact__form-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 1.3rem; color: #07294a; margin-bottom: 0.3rem; }\r\n.contact__form-subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; margin-bottom: 1.5rem; }\r\n.contact__form-group { margin-bottom: 1.2rem; }\r\n.contact__form-group label { display: block; font-family: 'Sora', sans-serif; font-weight: 600; font-size: 0.7rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.3rem; }\r\n.contact__form-group label .required { color: #dc2626; }\r\n.contact__form-group input, .contact__form-group select, .contact__form-group textarea { width: 100%; padding: 0.8rem 1rem; border-radius: 12px; border: 1px solid #eef2f6; background: #f8fafc; font-family: 'Inter', sans-serif; font-size: 0.9rem; color: #07294a; transition: all 0.3s ease; outline: none; }\r\n.contact__form-group input:focus, .contact__form-group select:focus, .contact__form-group textarea:focus { border-color: #1c7ec9; background: #ffffff; box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06); }\r\n.contact__form-group input::placeholder, .contact__form-group textarea::placeholder { color: #b0c0d0; }\r\n.contact__form-group select option { background: #ffffff; color: #07294a; }\r\n.contact__form-group textarea { resize: vertical; min-height: 100px; }\r\n.contact__form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n.contact__form-group--file { position: relative; }\r\n.contact__form-group--file .file-drop-zone { border: 2px dashed #eef2f6; border-radius: 12px; padding: 1.5rem 1rem; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #f8fafc; }\r\n.contact__form-group--file .file-drop-zone:hover { border-color: #1c7ec9; background: #eef6fc; }\r\n.contact__form-group--file .file-drop-zone.dragover { border-color: #f4a61a; background: rgba(244, 166, 26, 0.04); }\r\n.contact__form-group--file .file-drop-zone i { font-size: 2rem; color: #1c7ec9; display: block; margin-bottom: 0.5rem; }\r\n.contact__form-group--file .file-drop-zone p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.85rem; color: #6b7f94; margin: 0; }\r\n.contact__form-group--file .file-drop-zone .file-types { font-size: 0.7rem; color: #b0c0d0; margin-top: 0.3rem; }\r\n.contact__form-group--file input[type=\"file\"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }\r\n.contact__form-group--file .file-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }\r\n.contact__form-group--file .file-item { display: inline-flex; align-items: center; gap: 0.5rem; background: #eef6fc; padding: 0.3rem 0.8rem 0.3rem 0.6rem; border-radius: 20px; font-family: 'Inter', sans-serif; font-size: 0.75rem; color: #1c7ec9; border: 1px solid #d6ebfb; }\r\n.contact__form-group--file .file-item i { font-size: 0.8rem; color: #1c7ec9; }\r\n.contact__form-group--file .file-item .file-remove { cursor: pointer; color: #6b7f94; transition: color 0.3s ease; font-size: 0.7rem; }\r\n.contact__form-group--file .file-item .file-remove:hover { color: #dc2626; }\r\n\r\n\/* ---- Consentement RGPD ---- *\/\r\n.contact__consent { display: flex; align-items: flex-start; gap: 0.7rem; margin-bottom: 1.5rem; }\r\n.contact__consent input[type=\"checkbox\"] { width: 18px; height: 18px; min-width: 18px; margin-top: 0.15rem; accent-color: #1c7ec9; cursor: pointer; flex-shrink: 0; }\r\n.contact__consent label { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.8rem; line-height: 1.5; color: #6b7f94; text-transform: none; letter-spacing: 0; margin-bottom: 0; cursor: pointer; }\r\n.contact__consent label .required { color: #dc2626; }\r\n.contact__consent label a { color: #1c7ec9; text-decoration: underline; }\r\n.contact__consent label a:hover { color: #07294a; }\r\n\r\n.btn--contact { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.02em; text-decoration: none; padding: 0.9rem 2.4rem; border-radius: 3rem; transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; border: none; text-align: center; background: linear-gradient(135deg, #f4a61a 0%, #e0960e 100%); box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25); color: #07294a; width: 100%; }\r\n.btn--contact:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40); color: #07294a; }\r\n.btn--contact .btn__icon { transition: transform 0.3s ease; }\r\n.btn--contact:hover .btn__icon { transform: translateX(4px); }\r\n.contact__info { display: flex; flex-direction: column; gap: 1.2rem; }\r\n.contact__info-card { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; transition: all 0.4s ease; display: flex; align-items: center; gap: 1.2rem; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); }\r\n.contact__info-card:hover { transform: translateX(6px); border-color: #1c7ec9; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.08); }\r\n.contact__info-icon { width: 50px; height: 50px; border-radius: 14px; background: #f0f4f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s ease; }\r\n.contact__info-card:hover .contact__info-icon { background: #eef6fc; }\r\n.contact__info-icon i { font-size: 1.3rem; color: #1c7ec9; }\r\n.contact__info-content h4 { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #07294a; margin-bottom: 0.1rem; }\r\n.contact__info-content p, .contact__info-content a { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; text-decoration: none; transition: color 0.3s ease; }\r\n.contact__info-content a:hover { color: #1c7ec9; }\r\n.contact__hours { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); transition: all 0.4s ease; }\r\n.contact__hours:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__hours-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.8rem; }\r\n.contact__hours-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem 1rem; }\r\n.contact__hours-day { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #6b7f94; }\r\n.contact__hours-time { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #07294a; text-align: right; }\r\n.contact__hours-time .urgent { color: #1c7ec9; font-weight: 700; }\r\n.contact__map { border-radius: 16px; overflow: hidden; border: 1px solid #eef2f6; height: 200px; background: #f8fafc; transition: all 0.4s ease; }\r\n.contact__map:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__map iframe { width: 100%; height: 100%; border: none; }\r\n@media (max-width: 992px) {\r\n .contact__grid { grid-template-columns: 1fr; gap: 2rem; }\r\n .contact__form { padding: 2rem; }\r\n .contact__info { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; }\r\n .contact__map { height: 180px; }\r\n}\r\n@media (max-width: 768px) {\r\n .contact { padding: 3.5rem 1.5rem 4rem; min-height: auto; }\r\n .contact__form { padding: 1.5rem; border-radius: 16px; }\r\n .contact__form-row { grid-template-columns: 1fr; gap: 0; }\r\n .contact__info { grid-template-columns: 1fr; gap: 1rem; }\r\n .contact__info-card { padding: 1.2rem 1.5rem; }\r\n .contact__hours { padding: 1.2rem 1.5rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; gap: 0.3rem 0.8rem; }\r\n .contact__hours-day { font-size: 0.75rem; }\r\n .contact__hours-time { font-size: 0.75rem; }\r\n .contact__map { height: 150px; }\r\n .btn--contact { padding: 0.7rem 1.8rem; font-size: 0.75rem; }\r\n .contact__form-group--file .file-drop-zone { padding: 1rem; }\r\n .contact__form-group--file .file-drop-zone i { font-size: 1.5rem; }\r\n .contact__waves svg { height: 40px; }\r\n}\r\n@media (max-width: 480px) {\r\n .contact__form { padding: 1rem; }\r\n .contact__info-card { padding: 1rem; }\r\n .contact__info-icon { width: 40px; height: 40px; }\r\n .contact__info-icon i { font-size: 1rem; }\r\n .contact__hours { padding: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact\">\r\n <div class=\"contact__container\">\r\n\r\n <div class=\"contact__header\">\r\n <span class=\"contact__badge\"><span class=\"dot\"><\/span> Contactez-nous<\/span>\r\n <h2 class=\"contact__title\">Pret a <span class=\"highlight\">securiser<\/span> vos reseaux ?<\/h2>\r\n <p class=\"contact__subtitle\">Une question, un devis, une urgence ? Notre equipe est a votre ecoute 24h\/24 et 7j\/7.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact__grid\">\r\n\r\n \r\n <div class=\"contact__form\">\r\n <h3 class=\"contact__form-title\">Demandez un diagnostic<\/h3>\r\n <p class=\"contact__form-subtitle\">Remplissez le formulaire et nous vous recontacterons sous 24h.<\/p>\r\n\r\n \r\n <form id=\"contactForm\"\r\n action=\"https:\/\/formsubmit.co\/info-contact@btplus.fr\"\r\n method=\"POST\"\r\n enctype=\"multipart\/form-data\">\r\n\r\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de diagnostic - Site BT Plus\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n \r\n <input type=\"hidden\" name=\"_cc\" value=\"marketing@btgroup-france.com\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n \r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"nom\">Nom complet <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"nom\" name=\"Nom complet\" placeholder=\"Jean Dupont\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"email\">Email <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jean@exemple.fr\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"telephone\">Telephone <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"Telephone\" placeholder=\"01 23 45 67 89\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"cp\">Code postal<\/label>\r\n <input type=\"text\" id=\"cp\" name=\"Code postal\" placeholder=\"75000\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_batiment\">Type de batiment<\/label>\r\n <select id=\"type_batiment\" name=\"Type de batiment\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"copropriete\">Copropriete<\/option>\r\n <option value=\"syndic\">Syndic<\/option>\r\n <option value=\"bailleur\">Bailleur social<\/option>\r\n <option value=\"erp\">ERP (Etablissement recevant du public)<\/option>\r\n <option value=\"tertiaire\">Tertiaire (bureau, commerce)<\/option>\r\n <option value=\"collectivite\">Collectivite<\/option>\r\n <option value=\"particulier\">Particulier<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_besoin\">Type de besoin<\/label>\r\n <select id=\"type_besoin\" name=\"Type de besoin\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"urgence\">Urgence (debouchage, curage)<\/option>\r\n <option value=\"entretien\">Entretien preventif<\/option>\r\n <option value=\"diagnostic\">Diagnostic \/ Inspection<\/option>\r\n <option value=\"travaux\">Travaux \/ Renovation<\/option>\r\n <option value=\"contrat\">Contrat d'entretien<\/option>\r\n <option value=\"devis\">Demande de devis<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"Message\" placeholder=\"Decrivez votre situation...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group contact__form-group--file\">\r\n <label>Ajouter une photo <span style=\"font-weight:400;text-transform:none;color:#b0c0d0;\">(optionnel - une seule)<\/span><\/label>\r\n <div class=\"file-drop-zone\" id=\"fileDropZone\">\r\n <i class=\"fas fa-cloud-upload-alt\"><\/i>\r\n <p>Glissez une photo ici ou cliquez pour la selectionner<\/p>\r\n <div class=\"file-types\">JPG, PNG, GIF - une seule photo, 5MB max<\/div>\r\n <input type=\"file\" id=\"fileInput\" name=\"attachment\" accept=\"image\/*\" \/>\r\n <\/div>\r\n <div class=\"file-list\" id=\"fileList\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__consent\">\r\n <input type=\"checkbox\" id=\"consent\" name=\"Consentement RGPD\" value=\"J'accepte\" required \/>\r\n <label for=\"consent\">\r\n J'accepte que les informations saisies dans ce formulaire soient utilisees par BT Plus\r\n afin de traiter ma demande et de me recontacter. Conformement au RGPD, je dispose d'un\r\n droit d'acces, de rectification et de suppression de mes donnees, que je peux exercer en\r\n ecrivant a <a href=\"mailto:info-contact@btplus.fr\">info-contact@btplus.fr<\/a>.\r\n <a href=\"\/politique-de-confidentialite\" target=\"_blank\" rel=\"noopener\">En savoir plus<\/a>.\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn--contact\">\r\n Planifier un diagnostic <span class=\"btn__icon\">→<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__info\">\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Telephone<\/h4><p><a href=\"tel:+33185421970\">01 85 42 19 70<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Email<\/h4><p><a href=\"mailto:contact@btplus-intervention.fr\">contact@btplus-intervention.fr<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Adresse<\/h4><p>15 rue de l'Industrie, 93300 Aubervilliers<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__hours\">\r\n <div class=\"contact__hours-title\">Horaires d'ouverture<\/div>\r\n <div class=\"contact__hours-grid\">\r\n <span class=\"contact__hours-day\">Lundi - Vendredi<\/span><span class=\"contact__hours-time\">08:00 - 20:00<\/span>\r\n <span class=\"contact__hours-day\">Samedi<\/span><span class=\"contact__hours-time\">09:00 - 18:00<\/span>\r\n <span class=\"contact__hours-day\">Dimanche & jours feries<\/span><span class=\"contact__hours-time\"><span class=\"urgent\">Urgence 24\/7<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__map\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2623.5!2d2.366!3d48.916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2f8e5c8b3d%3A0x8e5c8b3d47e66e2f!2sAubervilliers!5e0!3m2!1sfr!2sfr!4v1700000000000\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"w9\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs>\r\n <g class=\"wave-back\"><use href=\"#w9\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w9\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w9\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w9\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w9\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w9\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var fileInput = document.getElementById('fileInput');\r\n var fileList = document.getElementById('fileList');\r\n var dropZone = document.getElementById('fileDropZone');\r\n if (!fileInput || !dropZone) return;\r\n var perFileMax = 5 * 1024 * 1024;\r\n var totalMax = 10 * 1024 * 1024;\r\n\r\n function updateFileList(files) {\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach(function (file, index) {\r\n var item = document.createElement('span');\r\n item.className = 'file-item';\r\n var icon = file.type.indexOf('image\/') === 0 ? 'fa-image' : 'fa-file';\r\n item.innerHTML = '<i class=\"fas ' + icon + '\"><\/i><span>' + file.name + '<\/span><span class=\"file-remove\" data-index=\"' + index + '\"><i class=\"fas fa-times\"><\/i><\/span>';\r\n fileList.appendChild(item);\r\n });\r\n document.querySelectorAll('.file-remove').forEach(function (btn) {\r\n btn.addEventListener('click', function (e) {\r\n e.stopPropagation();\r\n var idx = parseInt(this.dataset.index);\r\n var dt = new DataTransfer();\r\n Array.from(fileInput.files).filter(function (_, i) { return i !== idx; }).forEach(function (f) { dt.items.add(f); });\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n });\r\n });\r\n }\r\n\r\n function applyFiles(candidate) {\r\n var valid = candidate.filter(function (f) { return f.type.indexOf('image\/') === 0 && f.size <= perFileMax; });\r\n if (candidate.length > 1) alert('Une seule photo peut etre envoyee. Seule la premiere a ete conservee.');\r\n else if (valid.length !== candidate.length) alert('Fichier ignore (image uniquement, 5MB max).');\r\n var dt = new DataTransfer();\r\n if (valid.length > 0) dt.items.add(valid[0]);\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n }\r\n\r\n dropZone.addEventListener('click', function (e) { if (e.target === this || e.target.closest('.file-drop-zone')) fileInput.click(); });\r\n fileInput.addEventListener('change', function () { applyFiles(Array.from(this.files)); });\r\n dropZone.addEventListener('dragover', function (e) { e.preventDefault(); this.classList.add('dragover'); });\r\n dropZone.addEventListener('dragleave', function (e) { e.preventDefault(); this.classList.remove('dragover'); });\r\n dropZone.addEventListener('drop', function (e) {\r\n e.preventDefault(); this.classList.remove('dragover');\r\n applyFiles(Array.from(e.dataTransfer.files));\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BT Plus \u2014 Zone d’intervention 24h\/24 Zone d’intervention \u00b7 \u00cele-de-France Nous intervenons dans toute l’\u00cele-de-France D\u00e9partements couverts : Paris, Hauts-de-Seine, Seine-Saint-Denis, Val-de-Marne, Yvelines, Essonne, Seine-et-Marne et Val-d’Oise. Un technicien pr\u00e8s de chez vous en moins d’1 heure. Paris 75 Hauts-de-Seine 92 Seine-St-Denis 93 Val-de-Marne 94 Yvelines 78 Essonne 91 Seine-et-Marne 77 Val-d’Oise 95 8 d\u00e9partements […]<\/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-129","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/129","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=129"}],"version-history":[{"count":109,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/129\/revisions"}],"predecessor-version":[{"id":3032,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/129\/revisions\/3032"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nBT Plus \u2014 Zone d'intervention<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\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 :root{\r\n --blue-900:#07294a;\r\n --blue-800:#0a3666;\r\n --blue-700:#0d4f8b;\r\n --blue-500:#1c7ec9;\r\n --blue-300:#7cc0ee;\r\n --blue-100:#d6ebfb;\r\n --blue-50:#eef6fc;\r\n --orange:#f4a61a;\r\n --orange-dark:#d98a0c;\r\n --ink:#0c2238;\r\n --slate:#48637d;\r\n --paper:#ffffff;\r\n\r\n --font-display:\"Sora\",sans-serif;\r\n --font-body:\"Inter\",sans-serif;\r\n\r\n --shadow-sm:0 2px 10px rgba(7,41,74,.06);\r\n --shadow-md:0 18px 40px -16px rgba(7,41,74,.30);\r\n }\r\n\r\n *{box-sizing:border-box;margin:0;padding:0}\r\n html{scroll-behavior:smooth}\r\n body{\r\n font-family:var(--font-body);\r\n color:var(--ink);\r\n background:var(--paper);\r\n -webkit-font-smoothing:antialiased;\r\n line-height:1.6;\r\n }\r\n\r\n \/* ---------- Hero ---------- *\/\r\n .hero{\r\n position:relative;\r\n overflow:hidden;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, var(--blue-100), transparent 60%),\r\n linear-gradient(180deg,#fbfdff 0%,var(--blue-50) 100%);\r\n }\r\n .hero-inner{\r\n max-width:1200px;margin:0 auto;\r\n padding:40px 24px 150px;\r\n display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;\r\n position:relative;\r\n }\r\n @media(max-width:940px){\r\n .hero-inner{grid-template-columns:1fr;padding:28px 24px 130px;gap:34px}\r\n }\r\n\r\n \/* ============================================\r\n BADGE 24\/24\r\n ============================================ *\/\r\n .badge-247 {\r\n position:absolute;\r\n top:20px;\r\n right:24px;\r\n background:#ffffff;\r\n border-radius:14px;\r\n padding:12px 16px;\r\n box-shadow:var(--shadow-md);\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n z-index:10;\r\n border:1px solid var(--blue-100);\r\n animation:floaty 6s ease-in-out infinite;\r\n animation-delay:0.3s;\r\n }\r\n\r\n .badge-247 .fic {\r\n width:38px;\r\n height:38px;\r\n border-radius:10px;\r\n display:grid;\r\n place-items:center;\r\n flex-shrink:0;\r\n background:var(--blue-50);\r\n color:var(--blue-700);\r\n }\r\n\r\n .badge-247 .fic svg {\r\n width:20px;\r\n height:20px;\r\n }\r\n\r\n .badge-247 b {\r\n font-family:var(--font-display);\r\n display:block;\r\n font-size:1.05rem;\r\n color:var(--blue-900);\r\n line-height:1.1;\r\n }\r\n\r\n .badge-247 small {\r\n color:var(--slate);\r\n font-size:.74rem;\r\n }\r\n\r\n @keyframes floaty{\r\n 0%,100%{transform:translateY(0)}\r\n 50%{transform:translateY(-12px)}\r\n }\r\n\r\n @media(max-width:600px){\r\n .badge-247{\r\n top:12px;\r\n right:12px;\r\n padding:8px 12px;\r\n gap:8px;\r\n }\r\n .badge-247 .fic{\r\n width:30px;\r\n height:30px;\r\n }\r\n .badge-247 b{\r\n font-size:.85rem;\r\n }\r\n .badge-247 small{\r\n font-size:.65rem;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n CONTENU TEXTE \u2014 ZONE D'INTERVENTION\r\n ============================================ *\/\r\n h1{\r\n font-family:var(--font-display);font-weight:800;\r\n font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.06;\r\n letter-spacing:-.025em;color:var(--blue-900);margin:18px 0 0;\r\n }\r\n h1 .accent{\r\n color:var(--orange);position:relative;white-space:nowrap;\r\n }\r\n h1 .accent::after{\r\n content:\"\";position:absolute;left:0;right:0;bottom:.06em;height:.16em;\r\n background:rgba(244,166,26,.28);border-radius:4px;z-index:-1;\r\n transform:scaleX(0);transform-origin:left;animation:underline 1s .8s ease forwards;\r\n }\r\n @keyframes underline{to{transform:scaleX(1)}}\r\n\r\n .lead{\r\n margin-top:18px;font-size:1.08rem;color:var(--slate);max-width:520px;\r\n }\r\n\r\n \/* service chips \u2014 D\u00c9PARTEMENTS *\/\r\n .chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}\r\n .chip{\r\n display:inline-flex;align-items:center;gap:7px;\r\n background:#fff;border:1px solid var(--blue-100);\r\n padding:8px 13px;border-radius:11px;font-size:.86rem;font-weight:600;color:var(--blue-800);\r\n box-shadow:var(--shadow-sm);transition:transform .2s, box-shadow .2s, border-color .2s;\r\n cursor:pointer;\r\n }\r\n .chip svg{width:16px;height:16px;color:var(--blue-500)}\r\n .chip:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-300)}\r\n .chip.active{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:var(--shadow-md)}\r\n .chip.active svg{color:#fff}\r\n\r\n \/* trust strip \u2014 SERVICES *\/\r\n .trust{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px}\r\n .trust div{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--slate);font-weight:500}\r\n .trust svg{width:18px;height:18px;color:#1faa6b;flex-shrink:0}\r\n\r\n \/* ---------- Visual ---------- *\/\r\n .visual{position:relative;display:grid;place-items:center;min-height:380px}\r\n .disc{\r\n position:relative;\r\n width:min(420px,90%);\r\n aspect-ratio:1;\r\n border-radius:50%;\r\n overflow:hidden;\r\n box-shadow:0 40px 70px -25px rgba(13,79,139,.7);\r\n display:grid;\r\n place-items:center;\r\n }\r\n\r\n .disc img{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n z-index:1;\r\n }\r\n\r\n .disc .overlay{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n background:rgba(7,41,74,0.30);\r\n z-index:2;\r\n border-radius:50%;\r\n }\r\n\r\n .ring{\r\n position:absolute;\r\n border:2px solid rgba(255,255,255,0.5);\r\n border-radius:50%;\r\n inset:0;\r\n opacity:0;\r\n z-index:3;\r\n animation:ripple 4s linear infinite;\r\n pointer-events:none;\r\n }\r\n .ring:nth-child(3){animation-delay:1.3s}\r\n .ring:nth-child(4){animation-delay:2.6s}\r\n @keyframes ripple{\r\n 0%{transform:scale(.55);opacity:.6}\r\n 80%{opacity:0}\r\n 100%{transform:scale(1.18);opacity:0}\r\n }\r\n\r\n .disc-content{\r\n position:relative;\r\n z-index:4;\r\n text-align:center;\r\n color:#ffffff;\r\n padding:20px;\r\n }\r\n\r\n .disc-content .icon-badge{\r\n display:inline-block;\r\n background:rgba(255,255,255,0.15);\r\n backdrop-filter:blur(6px);\r\n padding:6px 16px;\r\n border-radius:100px;\r\n font-family:var(--font-display);\r\n font-weight:700;\r\n font-size:.7rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,0.2);\r\n margin-bottom:10px;\r\n }\r\n\r\n .disc-content .big-number{\r\n font-family:var(--font-display);\r\n font-weight:800;\r\n font-size:3.8rem;\r\n line-height:1;\r\n color:#fff;\r\n text-shadow:0 4px 20px rgba(0,0,0,0.2);\r\n }\r\n\r\n .disc-content .big-number span{\r\n font-size:1.4rem;\r\n font-weight:500;\r\n opacity:0.8;\r\n }\r\n\r\n .disc-content .desc{\r\n font-family:var(--font-body);\r\n font-weight:500;\r\n font-size:.95rem;\r\n color:rgba(255,255,255,0.9);\r\n margin-top:4px;\r\n }\r\n\r\n \/* ============================================\r\n FLOATING CARDS \u2014 ADAPT\u00c9ES ZONE\r\n ============================================ *\/\r\n .float{\r\n position:absolute;\r\n background:#fff;\r\n border-radius:14px;\r\n padding:12px 15px;\r\n box-shadow:var(--shadow-md);\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n font-size:.85rem;\r\n animation:floaty 6s ease-in-out infinite;\r\n z-index:10;\r\n }\r\n .float .fic{\r\n width:38px;\r\n height:38px;\r\n border-radius:10px;\r\n display:grid;\r\n place-items:center;\r\n flex-shrink:0;\r\n }\r\n .float b{\r\n font-family:var(--font-display);\r\n display:block;\r\n font-size:1.05rem;\r\n color:var(--blue-900);\r\n line-height:1.1;\r\n }\r\n .float small{\r\n color:var(--slate);\r\n font-size:.74rem;\r\n }\r\n .float.one{\r\n top:6%;\r\n left:-4%;\r\n animation-delay:.2s;\r\n }\r\n .float.one .fic{\r\n background:#fff3df;\r\n color:var(--orange-dark);\r\n }\r\n .float.two{\r\n bottom:10%;\r\n right:-6%;\r\n animation-delay:1.6s;\r\n }\r\n .float.two .fic{\r\n background:var(--blue-50);\r\n color:var(--blue-700);\r\n }\r\n @media(max-width:560px){\r\n .float.one{left:0}\r\n .float.two{right:0}\r\n }\r\n\r\n \/* ---------- Animated waves ---------- *\/\r\n .waves{\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n bottom:0;\r\n line-height:0;\r\n z-index:1;\r\n pointer-events:none;\r\n }\r\n .waves svg{\r\n display:block;\r\n width:100%;\r\n height:120px;\r\n }\r\n .wave-back use{animation:wavemove 11s linear infinite;opacity:.55}\r\n .wave-mid use{animation:wavemove 8s linear infinite reverse;opacity:.8}\r\n .wave-front use{animation:wavemove 6s linear infinite}\r\n @keyframes wavemove{\r\n 0%{transform:translateX(0)}\r\n 100%{transform:translateX(-50%)}\r\n }\r\n\r\n \/* ---------- entrance ---------- *\/\r\n .reveal{\r\n opacity:0;\r\n transform:translateY(22px);\r\n animation:rise .7s cubic-bezier(.2,.7,.3,1) forwards;\r\n }\r\n .d1{animation-delay:.05s}\r\n .d2{animation-delay:.16s}\r\n .d3{animation-delay:.27s}\r\n .d4{animation-delay:.38s}\r\n .d5{animation-delay:.49s}\r\n .reveal-r{\r\n opacity:0;\r\n transform:scale(.94);\r\n animation:pop .8s .3s cubic-bezier(.2,.7,.3,1) forwards;\r\n }\r\n @keyframes rise{\r\n to{opacity:1;transform:translateY(0)}\r\n }\r\n @keyframes pop{\r\n to{opacity:1;transform:scale(1)}\r\n }\r\n\r\n @media(prefers-reduced-motion:reduce){\r\n *{animation:none!important;transition:none!important}\r\n .reveal,.reveal-r{opacity:1;transform:none}\r\n h1 .accent::after{transform:scaleX(1)}\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media(max-width:768px){\r\n .disc{\r\n width:min(340px,85%);\r\n }\r\n .disc-content .big-number{\r\n font-size:2.8rem;\r\n }\r\n .disc-content .big-number span{\r\n font-size:1.1rem;\r\n }\r\n .disc-content .desc{\r\n font-size:.8rem;\r\n }\r\n .disc-content .icon-badge{\r\n font-size:.6rem;\r\n padding:4px 12px;\r\n }\r\n }\r\n\r\n @media(max-width:480px){\r\n .disc{\r\n width:min(280px,80%);\r\n }\r\n .disc-content .big-number{\r\n font-size:2.2rem;\r\n }\r\n .disc-content .big-number span{\r\n font-size:.9rem;\r\n }\r\n .disc-content .desc{\r\n font-size:.7rem;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header class=\"hero\">\r\n <div class=\"hero-inner\">\r\n\r\n \r\n \r\n \r\n <div class=\"badge-247\">\r\n <span class=\"fic\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <path d=\"M12 7v5l3 2\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span>\r\n <b>24h\/24<\/b>\r\n <small>Zone d'intervention \u00b7 \u00cele-de-France<\/small>\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n <h1 class=\"reveal d2\">\r\n Nous intervenons<br>\r\n dans toute <span class=\"accent\">l'\u00cele-de-France<\/span>\r\n <\/h1>\r\n\r\n <p class=\"lead reveal d3\">\r\n D\u00e9partements couverts : Paris, Hauts-de-Seine, Seine-Saint-Denis,\r\n Val-de-Marne, Yvelines, Essonne, Seine-et-Marne et Val-d'Oise.\r\n Un technicien pr\u00e8s de chez vous en moins d'1 heure.\r\n <\/p>\r\n\r\n <div class=\"chips reveal d4\">\r\n <span class=\"chip active\" data-dept=\"75\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Paris 75<\/span>\r\n <span class=\"chip\" data-dept=\"92\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Hauts-de-Seine 92<\/span>\r\n <span class=\"chip\" data-dept=\"93\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Seine-St-Denis 93<\/span>\r\n <span class=\"chip\" data-dept=\"94\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Val-de-Marne 94<\/span>\r\n <span class=\"chip\" data-dept=\"78\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Yvelines 78<\/span>\r\n <span class=\"chip\" data-dept=\"91\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Essonne 91<\/span>\r\n <span class=\"chip\" data-dept=\"77\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Seine-et-Marne 77<\/span>\r\n <span class=\"chip\" data-dept=\"95\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg>Val-d'Oise 95<\/span>\r\n <\/div>\r\n\r\n <div class=\"trust reveal d5\">\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>8 d\u00e9partements<\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Sous 1h<\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>24h\/24<\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Devis gratuit<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"visual reveal-r\">\r\n <div class=\"disc\">\r\n \r\n <img decoding=\"async\"\r\n src=\"http:\/\/sci-bme.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-04-22-at-12.43.12.jpeg\"\r\n alt=\"Zone d'intervention BT Plus\"\r\n loading=\"lazy\"\r\n \/>\r\n \r\n <div class=\"overlay\"><\/div>\r\n\r\n \r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n\r\n \r\n <div class=\"disc-content\">\r\n <span class=\"icon-badge\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;margin-right:6px;\">\r\n <path d=\"M12 2v4M12 22v-4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/>\r\n <\/svg>\r\n \u00cele-de-France\r\n <\/span>\r\n <div class=\"big-number\">\r\n 8 <span>d\u00e9partements<\/span>\r\n <\/div>\r\n <div class=\"desc\">Intervention rapide partout en IDF<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"float one\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\r\n <\/span>\r\n <span><b>\u2248 1h<\/b><small>d\u00e9lai d'intervention<\/small><\/span>\r\n <\/div>\r\n\r\n <div class=\"float two\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><path d=\"M21 12a9 9 0 1 1-9-9c2.5 0 4.8 1 6.4 2.6\"\/><\/svg>\r\n <\/span>\r\n <span><b>8<\/b><small>d\u00e9partements<\/small><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"w\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/>\r\n <\/defs>\r\n <g class=\"wave-back\"><use href=\"#w\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n const chips = document.querySelectorAll('.chip');\r\n\r\n \/\/ Mapping des d\u00e9partements vers leurs URLs\r\n const deptUrls = {\r\n '75': 'https:\/\/sci-bme.fr\/index.php\/debouchage-paris-75\/',\r\n '92': 'https:\/\/sci-bme.fr\/index.php\/debouchage-hauts-de-seine-92\/',\r\n '93': 'https:\/\/sci-bme.fr\/index.php\/debouchage-seine-saint-denis-93\/',\r\n '94': 'https:\/\/sci-bme.fr\/index.php\/debouchage-val-de-marne-94-2\/',\r\n '78': 'https:\/\/sci-bme.fr\/index.php\/debouchage-yvelines-78\/',\r\n '91': 'https:\/\/sci-bme.fr\/index.php\/debouchage-essonne-91\/',\r\n '77': 'https:\/\/sci-bme.fr\/index.php\/debouchage-seine-et-marne-77\/',\r\n '95': 'https:\/\/sci-bme.fr\/index.php\/debouchage-val-doise-95\/'\r\n };\r\n\r\n const deptNames = {\r\n '75': 'Paris',\r\n '92': 'Hauts-de-Seine',\r\n '93': 'Seine-Saint-Denis',\r\n '94': 'Val-de-Marne',\r\n '78': 'Yvelines',\r\n '91': 'Essonne',\r\n '77': 'Seine-et-Marne',\r\n '95': 'Val-d\\'Oise'\r\n };\r\n\r\n chips.forEach(chip => {\r\n chip.addEventListener('click', function() {\r\n \/\/ D\u00e9sactiver tous les chips\r\n chips.forEach(c => c.classList.remove('active'));\r\n \/\/ Activer celui-ci\r\n this.classList.add('active');\r\n\r\n const deptCode = this.dataset.dept;\r\n const url = deptUrls[deptCode];\r\n const name = deptNames[deptCode];\r\n\r\n if (url) {\r\n \/\/ Message de redirection\r\n const msg = 'Redirection vers ' + name + '...';\r\n console.log(msg);\r\n setTimeout(function() {\r\n window.location.href = url;\r\n }, 400);\r\n }\r\n });\r\n });\r\n\r\n \/\/ Animation d'entr\u00e9e pour les chips\r\n const rv = document.querySelectorAll('.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 rv.forEach(function(el) { io.observe(el); });\r\n } else {\r\n rv.forEach(function(el) { el.classList.add('shown'); });\r\n }\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1005435 e-con-full e-flex e-con e-parent\" data-id=\"1005435\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd627f3 elementor-widget elementor-widget-html\" data-id=\"dd627f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n\/* ============================================================\r\n CSS INSPIR\u00c9 DE LA ZONE D'INTERVENTION\r\n ============================================================ *\/\r\n.bt-dept-links * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n.bt-dept-links {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #fff;\r\n color: #0a1a2b;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n}\r\n\r\n.bt-dept-links .wrapper {\r\n padding: 3rem 5% 4rem;\r\n position: relative;\r\n background: 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\/* ---------- vagues ---------- *\/\r\n.bt-dept-links .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.bt-dept-links .waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 80px;\r\n}\r\n.bt-dept-links .waves .wave-back use {\r\n animation: bt-wavemove 11s linear infinite;\r\n opacity: .55;\r\n}\r\n.bt-dept-links .waves .wave-mid use {\r\n animation: bt-wavemove 8s linear infinite reverse;\r\n opacity: .8;\r\n}\r\n.bt-dept-links .waves .wave-front use {\r\n animation: bt-wavemove 6s linear infinite;\r\n}\r\n@keyframes bt-wavemove {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n}\r\n\r\n\/* ---------- conteneur ---------- *\/\r\n.bt-dept-links .container {\r\n max-width: 1200px;\r\n width: 100%;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 10;\r\n}\r\n\r\n\/* ---------- en-t\u00eate ---------- *\/\r\n.bt-dept-links .header {\r\n text-align: center;\r\n max-width: 780px;\r\n margin: 0 auto 2.5rem;\r\n}\r\n.bt-dept-links .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .8rem;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: .85rem;\r\n letter-spacing: .12em;\r\n text-transform: uppercase;\r\n padding: .5rem 1.8rem .5rem 1rem;\r\n border-radius: 2rem;\r\n background: rgba(28, 126, 201, .07);\r\n color: #1c7ec9;\r\n border: 1px solid rgba(28, 126, 201, .12);\r\n margin-bottom: 1rem;\r\n}\r\n.bt-dept-links .badge .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #1c7ec9;\r\n animation: bt-pulseDot 2s ease-in-out infinite;\r\n}\r\n@keyframes bt-pulseDot {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: .3; transform: scale(.6); }\r\n}\r\n.bt-dept-links .title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(2.2rem, 4.2vw, 3.4rem);\r\n letter-spacing: -.03em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n margin-bottom: .6rem;\r\n}\r\n.bt-dept-links .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.bt-dept-links .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: 650px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n}\r\n.bt-dept-links .subtitle strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n}\r\n\r\n\/* ---------- grille des d\u00e9partements (8 colonnes) ---------- *\/\r\n.bt-dept-links .grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}\r\n@media (max-width: 992px) {\r\n .bt-dept-links .grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n@media (max-width: 640px) {\r\n .bt-dept-links .grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n\/* ---------- carte d\u00e9partement ---------- *\/\r\n.bt-dept-links .card {\r\n background: #fff;\r\n border-radius: 16px;\r\n border: 1px solid #eef2f6;\r\n padding: 18px 16px 16px;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, .03);\r\n transition: all .3s ease;\r\n}\r\n.bt-dept-links .card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 30px rgba(7, 41, 74, .06);\r\n border-color: #d6ebfb;\r\n}\r\n\r\n.bt-dept-links .card .dept-name {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.05rem;\r\n color: #07294a;\r\n margin-bottom: 10px;\r\n padding-bottom: 8px;\r\n border-bottom: 2px solid #f4a61a;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n.bt-dept-links .card .dept-name .num {\r\n font-family: 'JetBrains Mono', monospace;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n color: #94a3b8;\r\n background: #f8fafc;\r\n padding: 1px 8px;\r\n border-radius: 999px;\r\n}\r\n\r\n.bt-dept-links .card .service-item {\r\n display: block;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n color: #0a1a2b;\r\n text-decoration: none;\r\n padding: 5px 8px;\r\n border-radius: 6px;\r\n transition: all .2s ease;\r\n margin-bottom: 2px;\r\n}\r\n.bt-dept-links .card .service-item:hover {\r\n background: #eef6fc;\r\n color: #1c7ec9;\r\n transform: translateX(4px);\r\n}\r\n.bt-dept-links .card .service-item .dot {\r\n color: #f4a61a;\r\n margin-right: 6px;\r\n}\r\n\r\n\/* ---------- CTA ---------- *\/\r\n.bt-dept-links .cta-row {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 40px;\r\n}\r\n.bt-dept-links .btn-all {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1rem;\r\n text-decoration: none;\r\n padding: 14px 36px;\r\n border-radius: 50px;\r\n background: #fff;\r\n border: 2px solid #f4a61a;\r\n color: #07294a;\r\n transition: all .3s ease;\r\n}\r\n.bt-dept-links .btn-all:hover {\r\n background: #f4a61a;\r\n color: #fff;\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 24px rgba(244, 166, 26, .25);\r\n}\r\n\r\n\/* ---------- responsive ---------- *\/\r\n@media (max-width: 768px) {\r\n .bt-dept-links .wrapper {\r\n padding: 1.5rem 1.5rem 3rem;\r\n }\r\n .bt-dept-links .title {\r\n font-size: 26px;\r\n }\r\n .bt-dept-links .subtitle {\r\n font-size: 14px;\r\n }\r\n .bt-dept-links .badge {\r\n font-size: 0.65rem;\r\n padding: .3rem 1.2rem .3rem .8rem;\r\n }\r\n .bt-dept-links .waves svg {\r\n height: 40px;\r\n }\r\n .bt-dept-links .card .dept-name {\r\n font-size: 0.95rem;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .bt-dept-links .wrapper {\r\n padding: 1rem 1rem 2rem;\r\n }\r\n .bt-dept-links .title {\r\n font-size: 22px;\r\n }\r\n .bt-dept-links .subtitle {\r\n font-size: 13px;\r\n }\r\n .bt-dept-links .card {\r\n padding: 14px 12px;\r\n }\r\n .bt-dept-links .btn-all {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"bt-dept-links\">\r\n <div class=\"wrapper\">\r\n\r\n <div class=\"container\">\r\n\r\n \r\n <header class=\"header\">\r\n <span class=\"badge\"><span class=\"dot\"><\/span> Nos prestations en \u00cele-de-France<\/span>\r\n <h2 class=\"title\">Nos services par <span class=\"highlight\">d\u00e9partement<\/span><\/h2>\r\n <p class=\"subtitle\">\r\n Retrouvez l'ensemble de nos prestations d'<strong>assainissement<\/strong> et de\r\n <strong>d\u00e9pannage<\/strong> dans chaque d\u00e9partement d\u2019<strong>\u00cele-de-France<\/strong>.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"grid\">\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"dept-name\">Paris <span class=\"num\">75<\/span><\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-paris-75\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> D\u00e9bouchage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-paris-75\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Curage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-paris-75\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Inspection cam\u00e9ra<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-paris-75\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Pompage<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"dept-name\">Seine-et-Marne <span class=\"num\">77<\/span><\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-seine-et-marne-77\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> D\u00e9bouchage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-seine-et-marne-77\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Curage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-seine-et-marne-77\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Inspection cam\u00e9ra<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-seine-et-marne-77\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Pompage<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"dept-name\">Yvelines <span class=\"num\">78<\/span><\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-yvelines-78\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> D\u00e9bouchage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-yvelines-78\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Curage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-yvelines-78\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Inspection cam\u00e9ra<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-yvelines-78\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Pompage<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"dept-name\">Essonne <span class=\"num\">91<\/span><\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-essonne-91\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> D\u00e9bouchage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-essonne-91\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Curage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-essonne-91\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Inspection cam\u00e9ra<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-essonne-91\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Pompage<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"dept-name\">Hauts-de-Seine <span class=\"num\">92<\/span><\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-hauts-de-seine-92\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> D\u00e9bouchage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-hauts-de-seine-92\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Curage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-hauts-de-seine-92\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Inspection cam\u00e9ra<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-hauts-de-seine-92\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Pompage<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"dept-name\">Seine-Saint-Denis <span class=\"num\">93<\/span><\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-seine-saint-denis-93\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> D\u00e9bouchage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-seine-saint-denis-93\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Curage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-seine-saint-denis-93\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Inspection cam\u00e9ra<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-seine-saint-denis-93\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Pompage<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"dept-name\">Val-de-Marne <span class=\"num\">94<\/span><\/div>\r\n \r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-val-de-marne-94\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> D\u00e9bouchage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-val-de-marne-94\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Curage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-val-de-marne-94\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Inspection cam\u00e9ra<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-val-de-marne-94\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Pompage<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"dept-name\">Val-d'Oise <span class=\"num\">95<\/span><\/div>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage-val-doise-95\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> D\u00e9bouchage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage-val-doise-95\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Curage<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-val-doise-95\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Inspection cam\u00e9ra<\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage-val-doise-95\/\" class=\"service-item\"><span class=\"dot\">\u2022<\/span> Pompage<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-row\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/zones-dinterventions\/\" class=\"btn-all\">\r\n Voir toutes nos zones d'intervention \u2192\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"bt-w4\" 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\">\r\n <use href=\"#bt-w4\" x=\"0\" fill=\"#d6ebfb\" \/>\r\n <use href=\"#bt-w4\" x=\"176\" fill=\"#d6ebfb\" \/>\r\n <\/g>\r\n <g class=\"wave-mid\">\r\n <use href=\"#bt-w4\" x=\"0\" fill=\"#a9d4f3\" \/>\r\n <use href=\"#bt-w4\" x=\"176\" fill=\"#a9d4f3\" \/>\r\n <\/g>\r\n <g class=\"wave-front\">\r\n <use href=\"#bt-w4\" x=\"0\" fill=\"#ffffff\" \/>\r\n <use href=\"#bt-w4\" x=\"176\" fill=\"#ffffff\" \/>\r\n <\/g>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51edf2f e-con-full e-flex e-con e-parent\" data-id=\"51edf2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2ef444 elementor-widget elementor-widget-html\" data-id=\"d2ef444\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.bt-zone *{margin:0;padding:0;box-sizing:border-box}.bt-zone{font-family:'Inter',sans-serif;background-color:#fff;color:#0a1a2b;line-height:1.6;overflow-x:hidden}.bt-zone-wrapper{padding:1.5rem 5% 4rem;position:relative;background:radial-gradient(1100px 520px at 78% -8%,#d6ebfb,transparent 60%),linear-gradient(180deg,#fbfdff 0%,#eef6fc 100%);overflow:hidden;isolation:isolate}.bt-zone__waves{position:absolute;left:0;right:0;bottom:0;line-height:0;z-index:0;pointer-events:none}.bt-zone__waves svg{display:block;width:100%;height:80px}.bt-zone__waves .wave-back use{animation:bt-wavemove 11s linear infinite;opacity:.55}.bt-zone__waves .wave-mid use{animation:bt-wavemove 8s linear infinite reverse;opacity:.8}.bt-zone__waves .wave-front use{animation:bt-wavemove 6s linear infinite}@keyframes bt-wavemove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.bt-zone-container{max-width:1000px;width:100%;margin:0 auto;padding:0 20px;position:relative;z-index:10}.bt-zone-header{text-align:center;max-width:780px;margin:0 auto 1.5rem}.bt-zone-badge{display:inline-flex;align-items:center;gap:.6rem;font-family:'Sora',sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.3rem 1.2rem .3rem .8rem;border-radius:2rem;background:rgba(28,126,201,.07);color:#1c7ec9;border:1px solid rgba(28,126,201,.12);margin-bottom:.8rem}.bt-zone-badge .dot{width:6px;height:6px;border-radius:50%;background:#1c7ec9;animation:bt-pulseDot 2s ease-in-out infinite}@keyframes bt-pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.bt-zone-title{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(2rem,3.6vw,3.2rem);letter-spacing:-.03em;color:#07294a;line-height:1.1;margin-bottom:.4rem;text-align:center}.bt-zone-title .highlight{background:linear-gradient(135deg,#f4a61a 0%,#d98a0c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bt-zone-subtitle{font-family:'Inter',sans-serif;font-weight:400;font-size:clamp(.95rem,1vw,1.1rem);color:#6b7f94;max-width:600px;margin:0 auto;line-height:1.6;text-align:center}.bt-zone-search-block{background:#fff;border-radius:60px;max-width:850px;margin:0 auto;padding:6px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 2px 12px rgba(7,41,74,.06);transition:all .3s ease;border:1px solid #eef2f6}.bt-zone-search-block:hover{box-shadow:0 8px 40px rgba(7,41,74,.08);border-color:#d6ebfb}.bt-zone-select-wrapper{flex:1;position:relative}.bt-zone-select{width:100%;padding:12px 14px;border:none;background:#f8fafc;font-size:14px;font-family:'Inter',sans-serif;color:#07294a;cursor:pointer;appearance:none;outline:none;border-radius:40px;transition:all .2s ease}.bt-zone-select:hover{background:#eef6fc}.bt-zone-select:focus{background:#eef6fc;box-shadow:0 0 0 3px rgba(28,126,201,.10)}.bt-zone-select option{background:#fff;color:#07294a;padding:10px}.bt-zone-divider{width:1px;height:30px;background:#eef2f6;flex-shrink:0}.bt-zone-search-btn{background:linear-gradient(135deg,#f4a61a 0%,#e0960e 100%);border:none;padding:10px 28px;border-radius:50px;color:#fff;font-weight:700;font-size:14px;font-family:'Sora',sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 4px 16px rgba(244,166,26,.25)}.bt-zone-search-btn:hover{transform:scale(1.02);box-shadow:0 8px 30px rgba(244,166,26,.40);color:#fff}.bt-zone-contact-rapide{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 20px;margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.5)}.bt-zone-chat-btn{display:inline-flex;align-items:center;gap:10px;background:#07294a;padding:10px 22px;border-radius:60px;text-decoration:none;font-weight:600;font-size:15px;color:#fff;font-family:'Sora',sans-serif;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 16px rgba(7,41,74,.20)}.bt-zone-chat-btn:hover{transform:scale(1.04);background:#0d3d66;box-shadow:0 8px 30px rgba(7,41,74,.30);color:#fff}.bt-zone-chat-btn svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}.bt-zone-phone-number{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4a61a 0%,#e0960e 100%);padding:8px 18px;border-radius:60px;text-decoration:none;font-weight:700;font-size:16px;color:#fff!important;transition:all .3s ease;box-shadow:0 4px 16px rgba(244,166,26,.25);font-family:'Sora',sans-serif}.bt-zone-phone-number:hover{transform:scale(1.04);box-shadow:0 8px 30px rgba(244,166,26,.40);color:#fff!important}.bt-zone-small-note{width:100%;text-align:center;font-size:12px;color:#6b7f94;font-family:'Inter',sans-serif;margin-top:4px}.bt-zone-bulle-container{margin-top:10px;display:flex;justify-content:center}.bt-zone-bulle-container a{display:inline-flex;align-items:center;gap:8px;font-family:'Inter',sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#0d4f8b;background:#eef6fc;border:1px solid #d6ebfb;padding:6px 13px;border-radius:999px;text-decoration:none;cursor:pointer;transition:all .2s ease}.bt-zone-bulle-container a:hover{background:#d6ebfb;transform:scale(1.03)}.bt-zone-bulle-dot{width:7px;height:7px;border-radius:50%;background:#1faa6b;box-shadow:0 0 0 0 rgba(31,170,107,.5);animation:bt-pulse 2.2s infinite}@keyframes bt-pulse{0%{box-shadow:0 0 0 0 rgba(31,170,107,.5)}70%{box-shadow:0 0 0 7px rgba(31,170,107,0)}100%{box-shadow:0 0 0 0 rgba(31,170,107,0)}}.bt-chatbot-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99999;justify-content:center;align-items:center;animation:bt-fadeIn .3s ease}.bt-chatbot-overlay.active{display:flex}@keyframes bt-fadeIn{from{opacity:0}to{opacity:1}}.bt-chatbot-window{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:bt-slideUp .3s ease}@keyframes bt-slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.bt-chatbot-header{background:#07294a;color:#fff;padding:16px 20px;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.bt-chatbot-header-title{font-family:'Sora',sans-serif;font-weight:700;font-size:16px;display:flex;align-items:center;gap:10px}.bt-chatbot-header-title .bot-icon{width:28px;height:28px;background:#f4a61a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#07294a}.bt-chatbot-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0 8px;opacity:.7;transition:opacity .2s}.bt-chatbot-close:hover{opacity:1}.bt-chatbot-messages{flex:1;overflow-y:auto;padding:16px 20px;background:#f8fafc;min-height:300px;max-height:400px}.bt-chatbot-message{margin-bottom:12px;display:flex;flex-direction:column}.bt-chatbot-message.bot{align-items:flex-start}.bt-chatbot-message.user{align-items:flex-end}.bt-chatbot-message .bubble{max-width:85%;padding:10px 16px;border-radius:16px;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.bt-chatbot-message.bot .bubble{background:#eef6fc;color:#07294a;border-bottom-left-radius:4px}.bt-chatbot-message.user .bubble{background:#07294a;color:#fff;border-bottom-right-radius:4px}.bt-chatbot-quick-reply{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.bt-chatbot-quick-reply button{background:#fff;border:1.5px solid #d6ebfb;padding:6px 14px;border-radius:20px;font-size:12px;font-family:'Inter',sans-serif;font-weight:500;color:#07294a;cursor:pointer;transition:all .2s ease}.bt-chatbot-quick-reply button:hover{background:#d6ebfb;border-color:#1c7ec9;transform:scale(1.03)}.bt-chatbot-input-area{display:flex;padding:12px 16px;border-top:1px solid #eef2f6;background:#fff;border-radius:0 0 20px 20px;gap:10px;flex-shrink:0}.bt-chatbot-input-area input{flex:1;padding:10px 14px;border:1px solid #eef2f6;border-radius:30px;font-family:'Inter',sans-serif;font-size:14px;outline:none;transition:border .2s}.bt-chatbot-input-area input:focus{border-color:#1c7ec9}.bt-chatbot-input-area button{background:linear-gradient(135deg,#f4a61a 0%,#e0960e 100%);border:none;padding:10px 20px;border-radius:30px;color:#fff;font-weight:600;font-size:14px;font-family:'Sora',sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap}.bt-chatbot-input-area button:hover{transform:scale(1.03);box-shadow:0 4px 16px rgba(244,166,26,.3)}.bt-zone-custom-alert{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#f4a61a,#e0960e);color:#fff;padding:10px 20px;border-radius:50px;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;z-index:10000;box-shadow:0 10px 25px rgba(0,0,0,.15);animation:bt-alertFadeIn .3s ease;pointer-events:none;border:1px solid rgba(244,166,26,.2)}.bt-zone-custom-alert.error{background:#f8fafc;color:#dc2626;border:1px solid #f0f4f8}@keyframes bt-alertFadeIn{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.bt-zone-wrapper{padding:1rem 1.5rem 3rem}.bt-zone-search-block{flex-direction:column;border-radius:40px;padding:14px;gap:10px}.bt-zone-select-wrapper{width:100%}.bt-zone-divider{display:none}.bt-zone-search-btn{width:100%;justify-content:center;padding:12px}.bt-zone-contact-rapide{flex-direction:column;gap:12px}.bt-zone-chat-btn{width:100%;justify-content:center;padding:12px;font-size:14px}.bt-zone-phone-number{font-size:15px;padding:8px 20px;width:100%;justify-content:center}.bt-zone__waves svg{height:40px}.bt-zone-header{margin:0 auto 1.2rem}.bt-zone-title{font-size:26px}.bt-zone-subtitle{font-size:14px}.bt-chatbot-window{width:95%;max-height:95vh}.bt-chatbot-messages{min-height:200px;max-height:300px}}@media (max-width:480px){.bt-zone-title{font-size:24px}.bt-zone-subtitle{font-size:13px}.bt-zone-select{font-size:12px;padding:10px 12px}.bt-zone-search-btn{font-size:12px;padding:10px}.bt-zone-chat-btn{font-size:13px;padding:10px}.bt-zone-phone-number{font-size:14px;padding:6px 16px}.bt-zone-contact-rapide{margin-top:1.5rem;padding-top:1rem}}<\/style>\r\n\r\n<div class=\"bt-zone\">\r\n <section class=\"bt-zone-wrapper\">\r\n <div class=\"bt-zone-container\">\r\n <div class=\"bt-zone-header\">\r\n \r\n <span class=\"bt-zone-badge\"><span class=\"dot\"><\/span> Urgence 24h\/24 \u2013 Devis gratuit<\/span>\r\n \r\n <h2 class=\"bt-zone-title\">D\u00e9pannage & d\u00e9bouchage <span class=\"highlight\">Trouvez votre expert<\/span><\/h2>\r\n \r\n <p class=\"bt-zone-subtitle\">\r\n <strong>D\u00e9pannage canalisation<\/strong>, <strong>curage<\/strong>, <strong>hydrocurage<\/strong>, <strong>inspection cam\u00e9ra<\/strong>\u2026 <strong>Intervention rapide<\/strong> en <strong>\u00cele\u2011de\u2011France<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <div class=\"bt-zone-search-block\">\r\n <div class=\"bt-zone-select-wrapper\">\r\n <select id=\"btZoneServiceSelect\" class=\"bt-zone-select\">\r\n <option value=\"\">Choisir un service<\/option>\r\n <option value=\"debouchage\">D\u00e9bouchage<\/option>\r\n <option value=\"curage\">Curage<\/option>\r\n <option value=\"pompage\">Pompage<\/option>\r\n <option value=\"inspection-camera\">Inspection cam\u00e9ra<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"bt-zone-divider\"><\/div>\r\n <div class=\"bt-zone-select-wrapper\">\r\n <select id=\"btZoneDepartmentSelect\" class=\"bt-zone-select\">\r\n <option value=\"\">Choisir un d\u00e9partement<\/option>\r\n <option value=\"75\">Paris (75)<\/option>\r\n <option value=\"77\">Seine-et-Marne (77)<\/option>\r\n <option value=\"78\">Yvelines (78)<\/option>\r\n <option value=\"91\">Essonne (91)<\/option>\r\n <option value=\"92\">Hauts-de-Seine (92)<\/option>\r\n <option value=\"93\">Seine-Saint-Denis (93)<\/option>\r\n <option value=\"94\">Val-de-Marne (94)<\/option>\r\n <option value=\"95\">Val-d'Oise (95)<\/option>\r\n <\/select>\r\n <\/div>\r\n <button class=\"bt-zone-search-btn\" id=\"btZoneSearchButton\">Rechercher<\/button>\r\n <\/div>\r\n <div class=\"bt-zone-contact-rapide\">\r\n <button class=\"bt-zone-chat-btn\" id=\"btZoneChatButton\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C6.48 2 2 6.04 2 10.5c0 2.14 1.02 4.06 2.62 5.42L4 20l4.54-2.32c1.08.42 2.26.66 3.46.66 5.52 0 10-4.04 10-8.5S17.52 2 12 2zM8 11.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><\/svg>\r\n Discuter avec notre assistant\r\n <\/button>\r\n <a href=\"tel:0186957777\" class=\"bt-zone-phone-number\">01 86 95 77 77<\/a>\r\n \r\n <div class=\"bt-zone-small-note\"><strong>D\u00e9pannage professionnel<\/strong> en \u00cele\u2011de\u2011France \u2013 <strong>Devis gratuit<\/strong><\/div>\r\n \r\n <div class=\"bt-zone-bulle-container\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/zones-dinterventions\/#radar-section\">\r\n <span class=\"bt-zone-bulle-dot\"><\/span> <strong>Diagnostic & inspection cam\u00e9ra<\/strong> en temps r\u00e9el\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-zone__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\"><defs><path id=\"bt-w4\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs><g class=\"wave-back\"><use href=\"#bt-w4\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#bt-w4\" x=\"176\" fill=\"#d6ebfb\"\/><\/g><g class=\"wave-mid\"><use href=\"#bt-w4\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#bt-w4\" x=\"176\" fill=\"#a9d4f3\"\/><\/g><g class=\"wave-front\"><use href=\"#bt-w4\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#bt-w4\" x=\"176\" fill=\"#ffffff\"\/><\/g><\/svg>\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n\r\n<div class=\"bt-chatbot-overlay\" id=\"btChatbotOverlay\">\r\n <div class=\"bt-chatbot-window\">\r\n <div class=\"bt-chatbot-header\">\r\n <div class=\"bt-chatbot-header-title\"><span class=\"bot-icon\">BT<\/span> Assistant BT Plus<\/div>\r\n <button class=\"bt-chatbot-close\" id=\"btChatbotClose\">×<\/button>\r\n <\/div>\r\n <div class=\"bt-chatbot-messages\" id=\"btChatbotMessages\"><\/div>\r\n <div class=\"bt-chatbot-input-area\">\r\n <input type=\"text\" id=\"btChatbotInput\" placeholder=\"\u00c9crivez votre message...\" \/>\r\n <button id=\"btChatbotSend\">Envoyer<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){'use strict';\r\nvar urlMapping={debouchage:{\"75\":\"https:\/\/sci-bme.fr\/index.php\/debouchage-paris-75\/\",\"77\":\"https:\/\/sci-bme.fr\/index.php\/debouchage-seine-et-marne-77\/\",\"78\":\"https:\/\/sci-bme.fr\/index.php\/debouchage-yvelines-78\/\",\"91\":\"https:\/\/sci-bme.fr\/index.php\/debouchage-essonne-91\/\",\"92\":\"https:\/\/sci-bme.fr\/index.php\/debouchage-hauts-de-seine-92\/\",\"93\":\"https:\/\/sci-bme.fr\/index.php\/debouchage-seine-saint-denis-93\/\",\"94\":\"https:\/\/sci-bme.fr\/index.php\/debouchage-val-de-marne-94-2\/\",\"95\":\"https:\/\/sci-bme.fr\/index.php\/debouchage-val-doise-95\/\"},curage:{\"75\":\"https:\/\/sci-bme.fr\/index.php\/curage-paris-75\/\",\"77\":\"https:\/\/sci-bme.fr\/index.php\/curage-seine-et-marne-77\/\",\"78\":\"https:\/\/sci-bme.fr\/index.php\/curage-yvelines-78\/\",\"91\":\"https:\/\/sci-bme.fr\/index.php\/curage-essonne-91\/\",\"92\":\"https:\/\/sci-bme.fr\/index.php\/curage-hauts-de-seine-92\/\",\"93\":\"https:\/\/sci-bme.fr\/index.php\/curage-seine-saint-denis-93\/\",\"94\":\"https:\/\/sci-bme.fr\/index.php\/curage-val-de-marne-94\/\",\"95\":\"https:\/\/sci-bme.fr\/index.php\/curage-val-doise-95\/\"},pompage:{\"75\":\"https:\/\/sci-bme.fr\/index.php\/pompage-paris-75\/\",\"77\":\"https:\/\/sci-bme.fr\/index.php\/pompage-seine-et-marne-77\/\",\"78\":\"https:\/\/sci-bme.fr\/index.php\/pompage-yvelines-78\/\",\"91\":\"https:\/\/sci-bme.fr\/index.php\/pompage-essonne-91\/\",\"92\":\"https:\/\/sci-bme.fr\/index.php\/pompage-hauts-de-seine-92\/\",\"93\":\"https:\/\/sci-bme.fr\/index.php\/pompage-seine-saint-denis-93\/\",\"94\":\"https:\/\/sci-bme.fr\/index.php\/pompage-val-de-marne-94\/\",\"95\":\"https:\/\/sci-bme.fr\/index.php\/pompage-val-doise-95\/\"},\"inspection-camera\":{\"75\":\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-paris-75\/\",\"77\":\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-seine-et-marne-77\/\",\"78\":\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-yvelines-78\/\",\"91\":\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-essonne-91\/\",\"92\":\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-hauts-de-seine-92\/\",\"93\":\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-seine-saint-denis-93\/\",\"94\":\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-val-de-marne-94\/\",\"95\":\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-val-doise-95\/\"}},serviceNames={\"debouchage\":\"D\u00e9bouchage\",\"curage\":\"Curage\",\"pompage\":\"Pompage\",\"inspection-camera\":\"Inspection cam\u00e9ra\"},departmentNames={\"75\":\"Paris (75)\",\"77\":\"Seine-et-Marne (77)\",\"78\":\"Yvelines (78)\",\"91\":\"Essonne (91)\",\"92\":\"Hauts-de-Seine (92)\",\"93\":\"Seine-Saint-Denis (93)\",\"94\":\"Val-de-Marne (94)\",\"95\":\"Val-d'Oise (95)\"};\r\n\r\nvar s=document.getElementById('btZoneServiceSelect'),d=document.getElementById('btZoneDepartmentSelect'),b=document.getElementById('btZoneSearchButton');\r\nfunction getUrl(){var sv=s.value,dp=d.value;return sv&&dp&&urlMapping[sv]&&urlMapping[sv][dp]?urlMapping[sv][dp]:null;}\r\nfunction showAlert(m,t){var a=document.querySelector('.bt-zone-custom-alert');if(a)a.remove();a=document.createElement('div');a.className='bt-zone-custom-alert'+(t==='error'?' error':'');a.textContent=m;document.body.appendChild(a);setTimeout(function(){a.style.opacity='0';a.style.transform='translateX(-50%) translateY(20px)';setTimeout(function(){a.remove();},300);},3000);}\r\nfunction doRedirect(){var u=getUrl(),sv=s.value,dp=d.value;if(!sv&&!dp){showAlert(\"Veuillez s\u00e9lectionner un service et un d\u00e9partement\",'warning');[s,d].forEach(function(el){el.style.border='2px solid #f4a61a';setTimeout(function(){el.style.border='';},1000);});return;}\r\nif(!sv){showAlert(\"Veuillez s\u00e9lectionner un service\",'warning');s.style.border='2px solid #f4a61a';setTimeout(function(){s.style.border='';},1000);return;}\r\nif(!dp){showAlert(\"Veuillez s\u00e9lectionner un d\u00e9partement\",'warning');d.style.border='2px solid #f4a61a';setTimeout(function(){d.style.border='';},1000);return;}\r\nif(u){showAlert(\"Redirection vers \"+serviceNames[sv]+\" - \"+departmentNames[dp]+\"...\",'info');setTimeout(function(){window.location.href=u;},500);}else showAlert(\"Aucun service disponible pour \"+(departmentNames[dp]||dp),'error');}\r\nif(b){b.addEventListener('click',function(e){e.preventDefault();doRedirect();});}\r\ndocument.querySelector('.bt-zone-search-block').addEventListener('keypress',function(e){if(e.key==='Enter'){e.preventDefault();doRedirect();}});\r\n\r\nvar o=document.getElementById('btChatbotOverlay'),mc=document.getElementById('btChatbotMessages'),ip=document.getElementById('btChatbotInput'),send=document.getElementById('btChatbotSend'),close=document.getElementById('btChatbotClose'),chatBtn=document.getElementById('btZoneChatButton');\r\nvar state='initial',mem={problem:'',location:'',urgency:'',name:'',phone:'',email:''};\r\nvar botResponses={initial:{message:\"Bonjour, je peux vous aider \u00e0 identifier votre probl\u00e8me et pr\u00e9parer une intervention ou un devis.\\n\\nQuel est votre besoin ?\",quickReplies:[\"Intervention urgente\",\"Canalisation bouch\u00e9e\",\"Curage \/ entretien\",\"Fuite ou \u00e9coulement anormal\",\"Demande de devis\",\"J'ai une question\"]},urgent_initial:{message:\"Je vais vous poser quelques questions pour comprendre la situation.\\n\\nQuel probl\u00e8me rencontrez-vous ?\",quickReplies:[\"Eau qui d\u00e9borde\",\"Canalisation compl\u00e8tement bouch\u00e9e\",\"\u00c9gout qui remonte\",\"Fuite importante\",\"Autre\"]},urgent_debordement:{message:\"Est-ce que le d\u00e9bordement continue actuellement ?\",quickReplies:[\"Oui\",\"Non\"]},urgent_debordement_oui:{message:\"Merci. \u00c9vitez d'utiliser les \u00e9quipements reli\u00e9s \u00e0 l'\u00e9vacuation concern\u00e9e jusqu'au diagnostic.\\n\\nLe probl\u00e8me touche :\",quickReplies:[\"Cuisine uniquement\",\"Salle de bain uniquement\",\"Plusieurs pi\u00e8ces\"]},urgent_plusieurs_pieces:{message:\"Quand plusieurs \u00e9vacuations sont concern\u00e9es, cela peut indiquer un probl\u00e8me plus global.\\n\\nDepuis quand le probl\u00e8me est-il apparu ?\",quickReplies:[\"Moins de 24h\",\"Quelques jours\",\"Plus longtemps\"]},urgent_localisation:{message:\"Dans quelle ville ou secteur se situe l'intervention ?\",quickReplies:[]},urgent_final:{message:\"Merci.\\n\\nPouvez-vous laisser :\\n- Nom\\n- T\u00e9l\u00e9phone\\n- Cr\u00e9neau souhait\u00e9\\n\\nJe pr\u00e9pare une demande d'intervention.\",quickReplies:[]},bouchee_initial:{message:\"Quel \u00e9quipement est concern\u00e9 ?\",quickReplies:[\"\u00c9vier\",\"Douche\",\"Toilettes\",\"Lavabo\",\"Plusieurs \u00e9quipements\"]},bouchee_evier:{message:\"L'eau :\",quickReplies:[\"S'\u00e9coule lentement\",\"Ne s'\u00e9coule plus du tout\",\"Remonte\"]},bouchee_remonte:{message:\"Avez-vous d\u00e9j\u00e0 essay\u00e9 quelque chose ?\",quickReplies:[\"Eau chaude\",\"Produit d\u00e9boucheur\",\"Ventouse\",\"Rien\"]},bouchee_duree:{message:\"Depuis combien de temps le probl\u00e8me existe ?\",quickReplies:[]},bouchee_regulier:{message:\"Le probl\u00e8me revient-il r\u00e9guli\u00e8rement ?\",quickReplies:[\"Oui\",\"Non\",\"Premi\u00e8re fois\"]},bouchee_final:{message:\"Souhaitez-vous :\",quickReplies:[\"Recevoir un devis\",\"\u00catre rappel\u00e9\",\"Planifier une intervention\"]},curage_initial:{message:\"S'agit-il :\",quickReplies:[\"D'un entretien pr\u00e9ventif\",\"D'un probl\u00e8me actuel\",\"D'une copropri\u00e9t\u00e9\",\"D'un local professionnel\"]},curage_preventif:{message:\"Quel type d'installation souhaitez-vous entretenir ?\",quickReplies:[\"Canalisation domestique\",\"R\u00e9seau complet\",\"Terrasse \/ ext\u00e9rieur\",\"Autre\"]},curage_date:{message:\"Connaissez-vous la derni\u00e8re date d'entretien ?\",quickReplies:[]},curage_final:{message:\"Merci.\\n\\nJe peux pr\u00e9parer une estimation ou transmettre votre demande \u00e0 l'\u00e9quipe.\",quickReplies:[\"Recevoir un devis\",\"\u00catre rappel\u00e9\"]},fuite_initial:{message:\"La fuite est :\",quickReplies:[\"Visible\",\"Cach\u00e9e\",\"Inconnue\"]},fuite_debit:{message:\"Le d\u00e9bit est :\",quickReplies:[\"L\u00e9ger\",\"Mod\u00e9r\u00e9\",\"Important\"]},fuite_info:{message:\"Si la situation peut provoquer des d\u00e9g\u00e2ts, limitez l'utilisation de la zone concern\u00e9e jusqu'au diagnostic.\\n\\nPouvez-vous pr\u00e9ciser :\\n- Localisation\\n- Depuis quand\\n- Photos disponibles (oui\/non)\",quickReplies:[]},devis_initial:{message:\"Je vais r\u00e9cup\u00e9rer les informations n\u00e9cessaires.\\n\\nType de prestation :\",quickReplies:[\"D\u00e9bouchage\",\"Curage\",\"Inspection cam\u00e9ra\",\"Intervention g\u00e9n\u00e9rale\",\"Autre\"]},devis_adresse:{message:\"Adresse ou ville ?\",quickReplies:[]},devis_choix:{message:\"Souhaitez-vous :\",quickReplies:[\"Un devis estimatif\",\"Une visite pr\u00e9alable\",\"\u00catre rappel\u00e9\"]},devis_final:{message:\"Merci.\\n\\nPour finaliser :\\n- Nom\\n- T\u00e9l\u00e9phone\\n- Email (facultatif)\",quickReplies:[]},question_generale:{message:\"Le co\u00fbt d\u00e9pend g\u00e9n\u00e9ralement :\\n- du type de probl\u00e8me\\n- de l'accessibilit\u00e9\\n- du temps n\u00e9cessaire\\n- du mat\u00e9riel utilis\u00e9\\n\\nSouhaitez-vous d\u00e9crire votre situation pour obtenir une estimation plus adapt\u00e9e ?\",quickReplies:[\"Oui, d\u00e9crivez ma situation\",\"Non, merci\",\"Je veux un devis\"]},inconnu:{message:\"Je ne suis pas certain d'avoir compris.\\n\\nVotre demande concerne plut\u00f4t :\",quickReplies:[\"Une urgence\",\"Une canalisation\",\"Une fuite\",\"Un devis\",\"Une autre question\"]},final:{message:\"Merci pour les informations.\\n\\nR\u00e9capitulatif :\\n- Probl\u00e8me : {problem}\\n- Localisation : {location}\\n- Niveau d'urgence : {urgency}\\n\\nChoisissez la suite :\",quickReplies:[\"\u00catre rappel\u00e9\",\"Recevoir un devis\",\"Continuer la discussion\"]}};\r\n\r\nfunction addMsg(t,s,q){q=q||[];var d=document.createElement('div');d.className='bt-chatbot-message '+s;var b=document.createElement('div');b.className='bubble';b.textContent=t;d.appendChild(b);if(q.length>0){var c=document.createElement('div');c.className='bt-chatbot-quick-reply';q.forEach(function(r){var btn=document.createElement('button');btn.textContent=r;btn.addEventListener('click',function(){handleInput(r);});c.appendChild(btn);});d.appendChild(c);}mc.appendChild(d);mc.scrollTop=mc.scrollHeight;}\r\nfunction handleInput(t){if(!t.trim())return;addMsg(t,'user');processInput(t);}\r\nfunction processInput(i){var l=i.toLowerCase().trim();if(state==='initial'){if(l.indexOf('urgent')!==-1||l.indexOf('intervention urgent')!==-1){state='urgent_initial';var r=botResponses.urgent_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('bouch\u00e9e')!==-1||l.indexOf('canalisation')!==-1){state='bouchee_initial';r=botResponses.bouchee_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('curage')!==-1||l.indexOf('entretien')!==-1){state='curage_initial';r=botResponses.curage_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('fuite')!==-1||l.indexOf('\u00e9coulement')!==-1){state='fuite_initial';r=botResponses.fuite_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('devis')!==-1){state='devis_initial';r=botResponses.devis_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('question')!==-1||l.indexOf('co\u00fbt')!==-1||l.indexOf('prix')!==-1){state='question_generale';r=botResponses.question_generale;addMsg(r.message,'bot',r.quickReplies);}else{state='inconnu';r=botResponses.inconnu;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nif(state==='urgent_initial'){if(l.indexOf('eau qui d\u00e9borde')!==-1||l.indexOf('d\u00e9borde')!==-1){state='urgent_debordement';r=botResponses.urgent_debordement;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('bouch\u00e9e')!==-1||l.indexOf('canalisation')!==-1){state='bouchee_initial';r=botResponses.bouchee_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('\u00e9gout')!==-1||l.indexOf('remonte')!==-1){state='urgent_debordement';r=botResponses.urgent_debordement;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('fuite')!==-1){state='fuite_initial';r=botResponses.fuite_initial;addMsg(r.message,'bot',r.quickReplies);}else{state='urgent_debordement';r=botResponses.urgent_debordement;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nif(state==='urgent_debordement'){if(l.indexOf('oui')!==-1){state='urgent_debordement_oui';r=botResponses.urgent_debordement_oui;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('non')!==-1){state='urgent_debordement_oui';r=botResponses.urgent_debordement_oui;addMsg(r.message,'bot',r.quickReplies);}else{r=botResponses.urgent_debordement;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nif(state==='urgent_debordement_oui'){if(l.indexOf('plusieurs')!==-1){state='urgent_plusieurs_pieces';r=botResponses.urgent_plusieurs_pieces;addMsg(r.message,'bot',r.quickReplies);}else{state='urgent_localisation';r=botResponses.urgent_localisation;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nif(state==='urgent_plusieurs_pieces'){mem.urgency=i;state='urgent_localisation';r=botResponses.urgent_localisation;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='urgent_localisation'){mem.location=i;state='urgent_final';r=botResponses.urgent_final;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='urgent_final'){mem.name=i;state='final';r=botResponses.final;var m=r.message.replace('{problem}',mem.problem||'Urgence').replace('{location}',mem.location||'Non pr\u00e9cis\u00e9').replace('{urgency}',mem.urgency||'\u00c9lev\u00e9e');addMsg(m,'bot',r.quickReplies);return;}\r\nif(state==='bouchee_initial'){mem.problem=i;state='bouchee_evier';r=botResponses.bouchee_evier;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='bouchee_evier'){if(l.indexOf('remonte')!==-1){state='bouchee_remonte';r=botResponses.bouchee_remonte;addMsg(r.message,'bot',r.quickReplies);}else{state='bouchee_duree';r=botResponses.bouchee_duree;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nif(state==='bouchee_remonte'){state='bouchee_duree';r=botResponses.bouchee_duree;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='bouchee_duree'){mem.urgency=i;state='bouchee_regulier';r=botResponses.bouchee_regulier;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='bouchee_regulier'){state='bouchee_final';r=botResponses.bouchee_final;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='bouchee_final'){state='final';r=botResponses.final;m=r.message.replace('{problem}',mem.problem||'Canalisation bouch\u00e9e').replace('{location}',mem.location||'Non pr\u00e9cis\u00e9').replace('{urgency}',mem.urgency||'Moyenne');addMsg(m,'bot',r.quickReplies);return;}\r\nif(state==='curage_initial'){if(l.indexOf('pr\u00e9ventif')!==-1||l.indexOf('entretien')!==-1){state='curage_preventif';r=botResponses.curage_preventif;addMsg(r.message,'bot',r.quickReplies);}else{state='curage_date';r=botResponses.curage_date;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nif(state==='curage_preventif'){state='curage_date';r=botResponses.curage_date;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='curage_date'){state='curage_final';r=botResponses.curage_final;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='curage_final'){state='final';r=botResponses.final;m=r.message.replace('{problem}','Curage \/ entretien').replace('{location}',mem.location||'Non pr\u00e9cis\u00e9').replace('{urgency}','Pr\u00e9ventif');addMsg(m,'bot',r.quickReplies);return;}\r\nif(state==='fuite_initial'){state='fuite_debit';r=botResponses.fuite_debit;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='fuite_debit'){state='fuite_info';r=botResponses.fuite_info;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='fuite_info'){mem.location=i;state='final';r=botResponses.final;m=r.message.replace('{problem}','Fuite \/ \u00e9coulement anormal').replace('{location}',mem.location||'Non pr\u00e9cis\u00e9').replace('{urgency}','\u00c9lev\u00e9e');addMsg(m,'bot',r.quickReplies);return;}\r\nif(state==='devis_initial'){mem.problem=i;state='devis_adresse';r=botResponses.devis_adresse;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='devis_adresse'){mem.location=i;state='devis_choix';r=botResponses.devis_choix;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='devis_choix'){state='devis_final';r=botResponses.devis_final;addMsg(r.message,'bot',r.quickReplies);return;}\r\nif(state==='devis_final'){mem.name=i;state='final';r=botResponses.final;m=r.message.replace('{problem}',mem.problem||'Demande de devis').replace('{location}',mem.location||'Non pr\u00e9cis\u00e9').replace('{urgency}','Non urgente');addMsg(m,'bot',r.quickReplies);return;}\r\nif(state==='question_generale'){if(l.indexOf('oui')!==-1||l.indexOf('d\u00e9crire')!==-1){state='initial';r=botResponses.initial;addMsg(\"D'accord, d\u00e9crivez-moi votre situation en quelques mots.\",'bot');setTimeout(function(){addMsg(r.message,'bot',r.quickReplies);},500);}else if(l.indexOf('devis')!==-1){state='devis_initial';r=botResponses.devis_initial;addMsg(r.message,'bot',r.quickReplies);}else{state='initial';r=botResponses.initial;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nif(state==='inconnu'){if(l.indexOf('urgence')!==-1){state='urgent_initial';r=botResponses.urgent_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('canalisation')!==-1||l.indexOf('bouch\u00e9e')!==-1){state='bouchee_initial';r=botResponses.bouchee_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('fuite')!==-1){state='fuite_initial';r=botResponses.fuite_initial;addMsg(r.message,'bot',r.quickReplies);}else if(l.indexOf('devis')!==-1){state='devis_initial';r=botResponses.devis_initial;addMsg(r.message,'bot',r.quickReplies);}else{state='initial';r=botResponses.initial;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nif(state==='final'){if(l.indexOf('rappel')!==-1||l.indexOf('rappel\u00e9')!==-1){addMsg(\"Parfait ! Un conseiller va vous rappeler dans les plus brefs d\u00e9lais. Merci d'avoir utilis\u00e9 notre assistant.\",'bot');state='initial';setTimeout(function(){r=botResponses.initial;addMsg(r.message,'bot',r.quickReplies);},1000);}else if(l.indexOf('devis')!==-1){addMsg(\"Je pr\u00e9pare un devis personnalis\u00e9. Un expert vous contactera sous 24h.\",'bot');state='initial';setTimeout(function(){r=botResponses.initial;addMsg(r.message,'bot',r.quickReplies);},1000);}else if(l.indexOf('continuer')!==-1||l.indexOf('discussion')!==-1){state='initial';r=botResponses.initial;addMsg(r.message,'bot',r.quickReplies);}else{state='initial';r=botResponses.initial;addMsg(r.message,'bot',r.quickReplies);}return;}\r\nstate='initial';r=botResponses.initial;addMsg(\"Je n'ai pas bien compris. Recommen\u00e7ons.\",'bot');setTimeout(function(){addMsg(r.message,'bot',r.quickReplies);},500);}\r\n\r\nfunction openChat(){o.classList.add('active');if(mc.children.length===0){r=botResponses.initial;addMsg(r.message,'bot',r.quickReplies);state='initial';}ip.focus();}\r\nfunction closeChat(){o.classList.remove('active');}\r\nchatBtn.addEventListener('click',openChat);close.addEventListener('click',closeChat);o.addEventListener('click',function(e){if(e.target===o)closeChat();});\r\nsend.addEventListener('click',function(){var t=ip.value.trim();if(t){handleInput(t);ip.value='';}});\r\nip.addEventListener('keypress',function(e){if(e.key==='Enter'){var t=ip.value.trim();if(t){handleInput(t);ip.value='';}}});\r\ndocument.addEventListener('keydown',function(e){if(e.key==='Escape'&&o.classList.contains('active'))closeChat();});\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-9a5b22c e-con-full e-flex e-con e-parent\" data-id=\"9a5b22c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4cc4dc elementor-widget elementor-widget-html\" data-id=\"c4cc4dc\" 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 Simulateur d'intervention<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n background: #ffffff;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n .btp-simulateur {\r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btp-simulateur .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 @keyframes fadeUp {\r\n 0% { opacity: 0; transform: translateY(30px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n }\r\n\r\n @keyframes moveTruck {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(calc(100% - 60px)); }\r\n }\r\n\r\n @keyframes drawRoute {\r\n 0% { stroke-dashoffset: 400; }\r\n 100% { stroke-dashoffset: 0; }\r\n }\r\n\r\n .btp-simulateur .header {\r\n text-align: center;\r\n margin-bottom: 44px;\r\n }\r\n\r\n .btp-simulateur .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .btp-simulateur .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n }\r\n\r\n .btp-simulateur .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n }\r\n\r\n .btp-simulateur .title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-simulateur .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 .btp-simulateur .address-form {\r\n background: #fff;\r\n border-radius: 28px;\r\n padding: 32px 36px;\r\n border: 1px solid #eef2f5;\r\n box-shadow: 0 4px 24px rgba(7, 41, 74, 0.06);\r\n margin-bottom: 32px;\r\n position: relative;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .btp-simulateur .address-form {\r\n padding: 24px 20px;\r\n border-radius: 20px;\r\n }\r\n }\r\n\r\n .btp-simulateur .address-form .form-title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .btp-simulateur .address-form .form-sub {\r\n font-size: 0.85rem;\r\n color: #48637d;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .btp-simulateur .address-form .form-row {\r\n display: flex;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btp-simulateur .address-form .form-row .input-group {\r\n flex: 1;\r\n min-width: 200px;\r\n position: relative;\r\n }\r\n\r\n .btp-simulateur .address-form .form-row .input-group label {\r\n display: block;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: #48637d;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .btp-simulateur .address-form .form-row .input-group input {\r\n width: 100%;\r\n padding: 12px 16px;\r\n border: 1px solid #eef2f5;\r\n border-radius: 12px;\r\n font-size: 0.95rem;\r\n font-family: 'Inter', sans-serif;\r\n color: #07294a;\r\n background: #f8fafc;\r\n transition: all 0.3s ease;\r\n outline: none;\r\n }\r\n\r\n .btp-simulateur .address-form .form-row .input-group input:focus {\r\n border-color: #1c7ec9;\r\n background: #fff;\r\n box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06);\r\n }\r\n\r\n .suggestions-box {\r\n position: absolute;\r\n top: calc(100% + 4px);\r\n left: 0;\r\n right: 0;\r\n background: #fff;\r\n border-radius: 12px;\r\n border: 1px solid #eef2f5;\r\n box-shadow: 0 8px 32px rgba(7, 41, 74, 0.12);\r\n max-height: 220px;\r\n overflow-y: auto;\r\n display: none;\r\n z-index: 100;\r\n }\r\n\r\n .suggestions-box.show {\r\n display: block;\r\n }\r\n\r\n .suggestion-item {\r\n padding: 10px 16px;\r\n cursor: pointer;\r\n font-size: 0.88rem;\r\n color: #07294a;\r\n border-bottom: 1px solid #f0f4f8;\r\n transition: background 0.15s;\r\n }\r\n\r\n .suggestion-item:hover {\r\n background: #eef6fc;\r\n }\r\n\r\n .suggestion-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .suggestion-item .highlight {\r\n font-weight: 600;\r\n color: #1c7ec9;\r\n }\r\n\r\n .btp-simulateur .address-form .btn-simulate {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 12px 36px;\r\n border: none;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%);\r\n color: #fff;\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 white-space: nowrap;\r\n margin-top: 18px;\r\n }\r\n\r\n .btp-simulateur .address-form .btn-simulate:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(244, 166, 26, 0.35);\r\n }\r\n\r\n .btp-simulateur .address-form .btn-simulate:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-simulateur .address-form .form-row {\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n .btp-simulateur .address-form .form-row .input-group {\r\n min-width: 100%;\r\n }\r\n .btp-simulateur .address-form .btn-simulate {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n .btp-simulateur .results {\r\n display: none;\r\n background: #fff;\r\n border-radius: 28px;\r\n padding: 28px 32px;\r\n border: 1px solid #eef2f5;\r\n box-shadow: 0 4px 24px rgba(7, 41, 74, 0.06);\r\n margin-bottom: 32px;\r\n }\r\n\r\n .btp-simulateur .results.visible {\r\n display: block;\r\n animation: fadeUp 0.6s ease forwards;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .btp-simulateur .results {\r\n padding: 20px 16px;\r\n border-radius: 20px;\r\n }\r\n }\r\n\r\n .btp-simulateur .results .resume {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n margin-bottom: 20px;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid #eef2f5;\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-simulateur .results .resume {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n }\r\n\r\n .btp-simulateur .results .resume-item {\r\n text-align: center;\r\n }\r\n\r\n .btp-simulateur .results .resume-item .value {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: #f4a61a;\r\n line-height: 1;\r\n }\r\n\r\n .btp-simulateur .results .resume-item .value .unit {\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n color: #48637d;\r\n }\r\n\r\n .btp-simulateur .results .resume-item .label {\r\n font-size: 0.7rem;\r\n font-weight: 500;\r\n color: #48637d;\r\n margin-top: 4px;\r\n }\r\n\r\n .btp-simulateur .results .map-container {\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 16\/7;\r\n background: #f8fafc;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n border: 1px solid #eef2f5;\r\n margin-bottom: 16px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .btp-simulateur .results .map-container {\r\n aspect-ratio: 16\/10;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .btp-simulateur .results .map-container {\r\n aspect-ratio: 4\/3;\r\n }\r\n }\r\n\r\n .btp-simulateur .results .map-container svg {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n }\r\n\r\n .btp-simulateur .results .truck-group {\r\n animation: moveTruck 6s linear infinite;\r\n animation-delay: 0s;\r\n }\r\n\r\n .btp-simulateur .results .truck-body {\r\n fill: #07294a;\r\n }\r\n\r\n .btp-simulateur .results .truck-stripe {\r\n fill: #f4a61a;\r\n }\r\n\r\n .btp-simulateur .results .truck-window {\r\n fill: #7cc0ee;\r\n opacity: 0.6;\r\n }\r\n\r\n .btp-simulateur .results .truck-light {\r\n fill: #f4a61a;\r\n animation: pulse-light 1s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse-light {\r\n 0%, 100% { opacity: 1; }\r\n 50% { opacity: 0.3; }\r\n }\r\n\r\n .btp-simulateur .results .pin-start {\r\n fill: #10b981;\r\n }\r\n\r\n .btp-simulateur .results .pin-end {\r\n fill: #f4a61a;\r\n }\r\n\r\n .btp-simulateur .results .pin-pulse {\r\n animation: pulse-pin 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse-pin {\r\n 0%, 100% { r: 6; opacity: 1; }\r\n 50% { r: 14; opacity: 0.2; }\r\n }\r\n\r\n .btp-simulateur .results .route-line {\r\n stroke-dasharray: 400;\r\n stroke-dashoffset: 400;\r\n animation: drawRoute 2.5s ease forwards;\r\n }\r\n\r\n .btp-simulateur .results .status-line {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n }\r\n\r\n .btp-simulateur .results .status-line .status {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .btp-simulateur .results .status-line .status .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.5s infinite;\r\n }\r\n\r\n .btp-simulateur .results .status-line .status .status-text {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n }\r\n\r\n .btp-simulateur .results .status-line .status .status-sub {\r\n font-size: 0.7rem;\r\n color: #48637d;\r\n }\r\n\r\n .btp-simulateur .results .status-line .eta-display {\r\n text-align: right;\r\n }\r\n\r\n .btp-simulateur .results .status-line .eta-display .eta-label {\r\n font-size: 0.55rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: #9aaeb8;\r\n }\r\n\r\n .btp-simulateur .results .status-line .eta-display .eta-value {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.4rem;\r\n font-weight: 800;\r\n color: #f4a61a;\r\n line-height: 1;\r\n }\r\n\r\n .btp-simulateur .results .status-line .eta-display .eta-value .unit {\r\n font-size: 0.7rem;\r\n font-weight: 500;\r\n color: #48637d;\r\n }\r\n\r\n .btp-simulateur .results .depart-info {\r\n font-size: 0.8rem;\r\n color: #48637d;\r\n padding: 10px 16px;\r\n background: #f0f7ff;\r\n border-radius: 10px;\r\n margin-top: 10px;\r\n border: 1px solid #d6ebfb;\r\n }\r\n\r\n .btp-simulateur .results .depart-info strong {\r\n color: #07294a;\r\n }\r\n\r\n .btp-simulateur .disclaimer {\r\n font-size: 0.7rem;\r\n color: #9aaeb8;\r\n text-align: center;\r\n margin-top: 12px;\r\n line-height: 1.6;\r\n }\r\n\r\n .btp-simulateur .disclaimer strong {\r\n color: #48637d;\r\n }\r\n\r\n .btp-simulateur .rv {\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 .btp-simulateur .rv.shown {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-simulateur {\r\n padding: 60px 0 80px;\r\n }\r\n .btp-simulateur .container {\r\n padding: 0 20px;\r\n }\r\n .btp-simulateur .title {\r\n font-size: 1.8rem;\r\n }\r\n .btp-simulateur .results .resume .value {\r\n font-size: 1.5rem;\r\n }\r\n .btp-simulateur .results .status-line {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n .btp-simulateur .results .status-line .eta-display {\r\n text-align: left;\r\n width: 100%;\r\n }\r\n .btp-simulateur .results .status-line .eta-display .eta-value {\r\n font-size: 1.1rem;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .btp-simulateur .rv {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n .btp-simulateur .results .route-line {\r\n stroke-dashoffset: 0;\r\n }\r\n .btp-simulateur .results .truck-group {\r\n animation: none;\r\n transform: translateX(50%);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"btp-simulateur\">\r\n <div class=\"container\">\r\n\r\n <div class=\"header\">\r\n <span class=\"pill rv\">\r\n <span class=\"dot\"><\/span>\r\n Simulateur d'intervention\r\n <\/span>\r\n <h2 class=\"title rv\">\r\n Estimez votre temps<br><span>d'intervention<\/span>\r\n <\/h2>\r\n <p class=\"subtitle rv\">\r\n Nos 5 agences sont r\u00e9parties dans toute l'\u00cele-de-France. Saisissez votre adresse\r\n et d\u00e9couvrez le trajet de votre technicien en temps r\u00e9el.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"address-form rv\">\r\n <div class=\"form-title\">O\u00f9 intervenons-nous ?<\/div>\r\n <div class=\"form-sub\">Renseignez votre adresse pour simuler l'intervention<\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"input-group\">\r\n <label for=\"street\">Rue \/ voie<\/label>\r\n <input type=\"text\" id=\"street\" placeholder=\"Ex: 15 rue de l'Industrie\" \/>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"city\">Ville<\/label>\r\n <input type=\"text\" id=\"city\" placeholder=\"Ex: Paris\" \/>\r\n <div class=\"suggestions-box\" id=\"suggestionsBox\"><\/div>\r\n <\/div>\r\n <div class=\"input-group\" style=\"flex:0.6;min-width:120px;\">\r\n <label for=\"postal\">Code postal<\/label>\r\n <input type=\"text\" id=\"postal\" placeholder=\"Ex: 75015\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"btn-simulate\" id=\"simulateBtn\">Simuler l'intervention<\/button>\r\n <\/div>\r\n\r\n <div class=\"results\" id=\"resultsContainer\">\r\n <div class=\"resume\">\r\n <div class=\"resume-item\">\r\n <div class=\"value\" id=\"resultTime\">-- <span class=\"unit\">min<\/span><\/div>\r\n <div class=\"label\">Temps estim\u00e9<\/div>\r\n <\/div>\r\n <div class=\"resume-item\">\r\n <div class=\"value\" id=\"resultDistance\">-- <span class=\"unit\">km<\/span><\/div>\r\n <div class=\"label\">Distance<\/div>\r\n <\/div>\r\n <div class=\"resume-item\">\r\n <div class=\"value\" id=\"resultStatus\">En attente<\/div>\r\n <div class=\"label\">Statut<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"map-container\">\r\n <svg viewBox=\"0 0 800 350\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect width=\"800\" height=\"350\" fill=\"#f8fafc\" rx=\"12\"\/>\r\n <path id=\"routePath\" d=\"M60,240 C180,150 380,100 560,70\" stroke=\"#d6ebfb\" stroke-width=\"4\" fill=\"none\"\/>\r\n <path id=\"routePath2\" d=\"M560,70 C660,50 710,80 730,140\" stroke=\"#d6ebfb\" stroke-width=\"4\" fill=\"none\"\/>\r\n <path class=\"route-line\" id=\"routeLine\" d=\"M60,240 C180,150 380,100 560,70 C660,50 710,80 730,140\"\r\n stroke=\"#f4a61a\" stroke-width=\"4\" fill=\"none\"\r\n stroke-dasharray=\"400\" stroke-dashoffset=\"400\"\/>\r\n <circle cx=\"60\" cy=\"240\" r=\"8\" fill=\"#10b981\"\/>\r\n <circle cx=\"60\" cy=\"240\" r=\"14\" fill=\"#10b981\" opacity=\"0.3\" class=\"pin-pulse\"\/>\r\n <text x=\"20\" y=\"265\" font-size=\"9\" fill=\"#48637d\" font-family=\"Inter\" id=\"mapStartLabel\">Agence BT Plus<\/text>\r\n <text x=\"28\" y=\"278\" font-size=\"8\" fill=\"#9aaeb8\" font-family=\"Inter\" id=\"mapStartCity\">Coll\u00e9gien<\/text>\r\n <circle cx=\"730\" cy=\"140\" r=\"8\" fill=\"#f4a61a\"\/>\r\n <circle cx=\"730\" cy=\"140\" r=\"14\" fill=\"#f4a61a\" opacity=\"0.3\" class=\"pin-pulse\"\/>\r\n <text x=\"710\" y=\"125\" font-size=\"9\" fill=\"#48637d\" font-family=\"Inter\" id=\"mapEndLabel\">Votre domicile<\/text>\r\n <text x=\"718\" y=\"112\" font-size=\"8\" fill=\"#9aaeb8\" font-family=\"Inter\" id=\"mapEndCity\">Paris<\/text>\r\n <g class=\"truck-group\" id=\"truckGroup\">\r\n <rect x=\"0\" y=\"24\" width=\"40\" height=\"6\" rx=\"3\" fill=\"rgba(0,0,0,0.05)\"\/>\r\n <rect x=\"6\" y=\"0\" width=\"28\" height=\"18\" rx=\"3\" fill=\"#07294a\" class=\"truck-body\"\/>\r\n <rect x=\"6\" y=\"5\" width=\"28\" height=\"3\" rx=\"1\" fill=\"#f4a61a\" class=\"truck-stripe\"\/>\r\n <text x=\"11\" y=\"15\" font-size=\"6\" font-weight=\"700\" fill=\"#fff\" font-family=\"Sora\">BT+<\/text>\r\n <rect x=\"0\" y=\"2\" width=\"10\" height=\"14\" rx=\"2\" fill=\"#0a3666\" class=\"truck-body\"\/>\r\n <rect x=\"2\" y=\"3\" width=\"5\" height=\"5\" rx=\"1\" fill=\"#7cc0ee\" opacity=\"0.6\" class=\"truck-window\"\/>\r\n <rect x=\"-2\" y=\"7\" width=\"3\" height=\"3\" rx=\"1\" fill=\"#f4a61a\" class=\"truck-light\"\/>\r\n <rect x=\"3\" y=\"18\" width=\"5\" height=\"5\" rx=\"2\" fill=\"#1a2a3a\"\/>\r\n <rect x=\"22\" y=\"18\" width=\"5\" height=\"5\" rx=\"2\" fill=\"#1a2a3a\"\/>\r\n <circle cx=\"5.5\" cy=\"20.5\" r=\"2\" fill=\"#48637d\"\/>\r\n <circle cx=\"24.5\" cy=\"20.5\" r=\"2\" fill=\"#48637d\"\/>\r\n <\/g>\r\n <text x=\"190\" y=\"140\" font-size=\"8\" fill=\"#9aaeb8\" font-family=\"Inter\">Hauts-de-Seine<\/text>\r\n <text x=\"430\" y=\"85\" font-size=\"8\" fill=\"#9aaeb8\" font-family=\"Inter\">Paris<\/text>\r\n <rect x=\"20\" y=\"320\" width=\"10\" height=\"10\" rx=\"2\" fill=\"#10b981\"\/>\r\n <text x=\"36\" y=\"328\" font-size=\"8\" fill=\"#48637d\" font-family=\"Inter\">D\u00e9part<\/text>\r\n <rect x=\"90\" y=\"320\" width=\"10\" height=\"10\" rx=\"2\" fill=\"#f4a61a\"\/>\r\n <text x=\"106\" y=\"328\" font-size=\"8\" fill=\"#48637d\" font-family=\"Inter\">Arriv\u00e9e<\/text>\r\n <rect x=\"160\" y=\"320\" width=\"10\" height=\"10\" rx=\"2\" fill=\"#07294a\"\/>\r\n <text x=\"176\" y=\"328\" font-size=\"8\" fill=\"#48637d\" font-family=\"Inter\">Camion BT Plus<\/text>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"depart-info\" id=\"departInfo\">\r\n <strong>D\u00e9part depuis :<\/strong> <span id=\"departName\">Coll\u00e9gien<\/span> \r\n (<span id=\"departAddress\">6 impasse des m\u00e9tiers 77090 Coll\u00e9gien<\/span>)\r\n <span style=\"display:inline-block;margin-left:12px;padding:2px 10px;background:#d6ebfb;border-radius:12px;font-size:11px;color:#0d4f8b;\" id=\"departBadge\">Agence la plus proche<\/span>\r\n <\/div>\r\n\r\n <div class=\"status-line\">\r\n <div class=\"status\">\r\n <span class=\"dot\"><\/span>\r\n <div>\r\n <span class=\"status-text\" id=\"statusText\">En attente<\/span>\r\n <span class=\"status-sub\" id=\"statusSub\">\u2014 Saisissez une adresse pour simuler<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"eta-display\">\r\n <div class=\"eta-label\">Temps estim\u00e9<\/div>\r\n <div class=\"eta-value\">\r\n <span id=\"etaValue\">--<\/span>\r\n <span class=\"unit\">min<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"disclaimer\">\r\n <strong>Simulation indicative<\/strong> \u2014 Le temps d'intervention r\u00e9el peut varier selon les conditions de circulation.\r\n Notre \u00e9quipe vous confirme un d\u00e9lai pr\u00e9cis lors de la prise de rendez-vous.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n \/\/ ============================================================\r\n \/\/ POINTS DE D\u00c9PART (5 agences)\r\n \/\/ ============================================================\r\n const DEPARTURES = [\r\n { id: 'clichy', name: 'Clichy', address: '9 rue d\\'Estienne d\\'Orves 92110 Clichy', coord: { x: 120, y: 140 } },\r\n { id: 'paris20', name: 'Paris 20e', address: '47 rue Orfila 75020 Paris', coord: { x: 280, y: 110 } },\r\n { id: 'collegien', name: 'Coll\u00e9gien', address: '6 impasse des m\u00e9tiers 77090 Coll\u00e9gien', coord: { x: 60, y: 240 } },\r\n { id: 'issy', name: 'Issy-les-Moulineaux', address: '13 rue Camille Desmoulins 92130 Issy-les-Moulineaux', coord: { x: 90, y: 180 } },\r\n { id: 'noisiel', name: 'Noisiel', address: '23 Grande All\u00e9e 12 F\u00e9vrier 1934 77186 Noisiel', coord: { x: 180, y: 200 } }\r\n ];\r\n\r\n \/\/ ============================================================\r\n \/\/ BASE DE DONN\u00c9ES COMPL\u00c8TE : TOUTES LES VILLES D'\u00ceLE-DE-FRANCE\r\n \/\/ ============================================================\r\n const CITY_DISTANCES = {\r\n \/\/ PARIS (75) - 20 arrondissements\r\n 'paris': { clichy: 8, paris20: 4, collegien: 28, issy: 12, noisiel: 26 },\r\n 'paris-1': { clichy: 7, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-2': { clichy: 7, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-3': { clichy: 7, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-4': { clichy: 7, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-5': { clichy: 8, paris20: 4, collegien: 28, issy: 12, noisiel: 26 },\r\n 'paris-6': { clichy: 8, paris20: 4, collegien: 28, issy: 12, noisiel: 26 },\r\n 'paris-7': { clichy: 9, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-8': { clichy: 7, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-9': { clichy: 7, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-10': { clichy: 7, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-11': { clichy: 7, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-12': { clichy: 8, paris20: 4, collegien: 28, issy: 12, noisiel: 26 },\r\n 'paris-13': { clichy: 9, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-14': { clichy: 9, paris20: 5, collegien: 29, issy: 11, noisiel: 27 },\r\n 'paris-15': { clichy: 9, paris20: 6, collegien: 30, issy: 10, noisiel: 28 },\r\n 'paris-16': { clichy: 8, paris20: 6, collegien: 30, issy: 10, noisiel: 28 },\r\n 'paris-17': { clichy: 6, paris20: 6, collegien: 30, issy: 12, noisiel: 28 },\r\n 'paris-18': { clichy: 6, paris20: 6, collegien: 30, issy: 12, noisiel: 28 },\r\n 'paris-19': { clichy: 7, paris20: 5, collegien: 29, issy: 13, noisiel: 27 },\r\n 'paris-20': { clichy: 7, paris20: 3, collegien: 27, issy: 13, noisiel: 25 },\r\n\r\n \/\/ HAUTS-DE-SEINE (92)\r\n 'antony': { clichy: 14, paris20: 12, collegien: 30, issy: 10, noisiel: 28 },\r\n 'asnieres': { clichy: 3, paris20: 10, collegien: 33, issy: 9, noisiel: 31 },\r\n 'bagneux': { clichy: 12, paris20: 10, collegien: 30, issy: 8, noisiel: 28 },\r\n 'bois-colombes': { clichy: 4, paris20: 10, collegien: 33, issy: 9, noisiel: 31 },\r\n 'boulogne': { clichy: 8, paris20: 12, collegien: 32, issy: 4, noisiel: 30 },\r\n 'bour-la-reine': { clichy: 13, paris20: 11, collegien: 31, issy: 9, noisiel: 29 },\r\n 'chatenay-malabry': { clichy: 14, paris20: 12, collegien: 32, issy: 10, noisiel: 30 },\r\n 'chatillon': { clichy: 10, paris20: 10, collegien: 32, issy: 6, noisiel: 30 },\r\n 'chaville': { clichy: 12, paris20: 14, collegien: 34, issy: 8, noisiel: 32 },\r\n 'clamart': { clichy: 11, paris20: 11, collegien: 33, issy: 7, noisiel: 31 },\r\n 'clichy': { clichy: 1, paris20: 9, collegien: 32, issy: 7, noisiel: 30 },\r\n 'colombes': { clichy: 4, paris20: 12, collegien: 34, issy: 10, noisiel: 32 },\r\n 'courbevoie': { clichy: 3, paris20: 9, collegien: 32, issy: 8, noisiel: 30 },\r\n 'fontenay-aux-roses': { clichy: 13, paris20: 11, collegien: 31, issy: 9, noisiel: 29 },\r\n 'garches': { clichy: 10, paris20: 14, collegien: 36, issy: 10, noisiel: 34 },\r\n 'gennevilliers': { clichy: 4, paris20: 12, collegien: 32, issy: 10, noisiel: 30 },\r\n 'issy': { clichy: 7, paris20: 11, collegien: 35, issy: 1, noisiel: 33 },\r\n 'la-garenne-colombes': { clichy: 3, paris20: 11, collegien: 33, issy: 9, noisiel: 31 },\r\n 'le-plessis-robinson': { clichy: 13, paris20: 11, collegien: 31, issy: 9, noisiel: 29 },\r\n 'levalois': { clichy: 5, paris20: 10, collegien: 33, issy: 6, noisiel: 31 },\r\n 'malakoff': { clichy: 9, paris20: 9, collegien: 31, issy: 7, noisiel: 29 },\r\n 'marnes-la-coquette': { clichy: 12, paris20: 16, collegien: 36, issy: 10, noisiel: 34 },\r\n 'meudon': { clichy: 10, paris20: 12, collegien: 34, issy: 6, noisiel: 32 },\r\n 'montrouge': { clichy: 9, paris20: 9, collegien: 31, issy: 7, noisiel: 29 },\r\n 'nanterre': { clichy: 6, paris20: 14, collegien: 34, issy: 8, noisiel: 32 },\r\n 'neuilly': { clichy: 4, paris20: 8, collegien: 31, issy: 7, noisiel: 29 },\r\n 'puteaux': { clichy: 4, paris20: 10, collegien: 33, issy: 8, noisiel: 31 },\r\n 'rueil-malmaison': { clichy: 8, paris20: 14, collegien: 36, issy: 10, noisiel: 34 },\r\n 'saint-cloud': { clichy: 9, paris20: 13, collegien: 35, issy: 7, noisiel: 33 },\r\n 'sceaux': { clichy: 12, paris20: 10, collegien: 32, issy: 8, noisiel: 30 },\r\n 'sevres': { clichy: 10, paris20: 14, collegien: 34, issy: 6, noisiel: 32 },\r\n 'suresnes': { clichy: 6, paris20: 12, collegien: 34, issy: 8, noisiel: 32 },\r\n 'vanves': { clichy: 9, paris20: 9, collegien: 31, issy: 7, noisiel: 29 },\r\n 'vaucrenson': { clichy: 12, paris20: 14, collegien: 34, issy: 8, noisiel: 32 },\r\n 'villacoublay': { clichy: 10, paris20: 14, collegien: 36, issy: 8, noisiel: 34 },\r\n 'ville-d-avray': { clichy: 11, paris20: 15, collegien: 35, issy: 7, noisiel: 33 },\r\n\r\n \/\/ SEINE-SAINT-DENIS (93)\r\n 'aubervilliers': { clichy: 8, paris20: 8, collegien: 26, issy: 14, noisiel: 24 },\r\n 'bagnolet': { clichy: 10, paris20: 6, collegien: 24, issy: 16, noisiel: 22 },\r\n 'bobigny': { clichy: 12, paris20: 8, collegien: 22, issy: 18, noisiel: 20 },\r\n 'bondy': { clichy: 14, paris20: 10, collegien: 20, issy: 20, noisiel: 18 },\r\n 'clichy-sous-bois': { clichy: 16, paris20: 12, collegien: 18, issy: 22, noisiel: 16 },\r\n 'drancy': { clichy: 12, paris20: 10, collegien: 24, issy: 18, noisiel: 22 },\r\n 'dugny': { clichy: 14, paris20: 12, collegien: 24, issy: 20, noisiel: 22 },\r\n 'epinay-sur-seine': { clichy: 10, paris20: 12, collegien: 28, issy: 16, noisiel: 26 },\r\n 'gagny': { clichy: 16, paris20: 12, collegien: 18, issy: 22, noisiel: 16 },\r\n 'gournay-sur-marne': { clichy: 18, paris20: 14, collegien: 16, issy: 24, noisiel: 14 },\r\n 'l-ile-saint-denis': { clichy: 10, paris20: 10, collegien: 28, issy: 16, noisiel: 26 },\r\n 'lilac': { clichy: 12, paris20: 6, collegien: 24, issy: 18, noisiel: 22 },\r\n 'livry-gargan': { clichy: 16, paris20: 12, collegien: 18, issy: 22, noisiel: 16 },\r\n 'les-pavillons-sous-bois': { clichy: 16, paris20: 12, collegien: 18, issy: 22, noisiel: 16 },\r\n 'le-bourget': { clichy: 12, paris20: 10, collegien: 24, issy: 18, noisiel: 22 },\r\n 'le-pre-saint-gervais': { clichy: 10, paris20: 6, collegien: 24, issy: 16, noisiel: 22 },\r\n 'le-raincy': { clichy: 16, paris20: 12, collegien: 18, issy: 22, noisiel: 16 },\r\n 'montfermeil': { clichy: 18, paris20: 14, collegien: 16, issy: 24, noisiel: 14 },\r\n 'montreuil': { clichy: 12, paris20: 6, collegien: 22, issy: 18, noisiel: 20 },\r\n 'neuilly-plaisance': { clichy: 14, paris20: 10, collegien: 20, issy: 20, noisiel: 18 },\r\n 'neuilly-sur-marne': { clichy: 14, paris20: 10, collegien: 20, issy: 20, noisiel: 18 },\r\n 'noisy-le-grand': { clichy: 16, paris20: 12, collegien: 16, issy: 22, noisiel: 14 },\r\n 'noisy-le-sec': { clichy: 12, paris20: 8, collegien: 22, issy: 18, noisiel: 20 },\r\n 'pantin': { clichy: 10, paris20: 6, collegien: 24, issy: 16, noisiel: 22 },\r\n 'rancy': { clichy: 16, paris20: 12, collegien: 18, issy: 22, noisiel: 16 },\r\n 'romainville': { clichy: 12, paris20: 6, collegien: 24, issy: 18, noisiel: 22 },\r\n 'rosny-sous-bois': { clichy: 14, paris20: 10, collegien: 20, issy: 20, noisiel: 18 },\r\n 'saint-denis': { clichy: 8, paris20: 10, collegien: 28, issy: 16, noisiel: 26 },\r\n 'saint-ouen': { clichy: 8, paris20: 10, collegien: 28, issy: 14, noisiel: 26 },\r\n 'servan': { clichy: 14, paris20: 12, collegien: 24, issy: 20, noisiel: 22 },\r\n 'tremblay-en-france': { clichy: 16, paris20: 14, collegien: 22, issy: 22, noisiel: 20 },\r\n 'vaujours': { clichy: 16, paris20: 12, collegien: 20, issy: 22, noisiel: 18 },\r\n 'villemomble': { clichy: 14, paris20: 10, collegien: 20, issy: 20, noisiel: 18 },\r\n 'villepinte': { clichy: 16, paris20: 14, collegien: 22, issy: 22, noisiel: 20 },\r\n 'villiers-le-bel': { clichy: 14, paris20: 12, collegien: 26, issy: 20, noisiel: 24 },\r\n\r\n \/\/ VAL-DE-MARNE (94)\r\n 'alforville': { clichy: 14, paris20: 10, collegien: 20, issy: 18, noisiel: 18 },\r\n 'arcueil': { clichy: 12, paris20: 10, collegien: 26, issy: 10, noisiel: 24 },\r\n 'bonneuil': { clichy: 18, paris20: 14, collegien: 16, issy: 22, noisiel: 14 },\r\n 'bry-sur-marne': { clichy: 16, paris20: 10, collegien: 18, issy: 20, noisiel: 16 },\r\n 'cachan': { clichy: 12, paris20: 10, collegien: 26, issy: 10, noisiel: 24 },\r\n 'champigny': { clichy: 16, paris20: 10, collegien: 18, issy: 20, noisiel: 16 },\r\n 'charenton': { clichy: 12, paris20: 6, collegien: 24, issy: 16, noisiel: 22 },\r\n 'chelles': { clichy: 20, paris20: 16, collegien: 14, issy: 24, noisiel: 12 },\r\n 'choisy-le-roi': { clichy: 16, paris20: 12, collegien: 20, issy: 18, noisiel: 18 },\r\n 'creteil': { clichy: 18, paris20: 12, collegien: 16, issy: 22, noisiel: 14 },\r\n 'fontenay-sous-bois': { clichy: 14, paris20: 8, collegien: 20, issy: 18, noisiel: 18 },\r\n 'fresnes': { clichy: 14, paris20: 12, collegien: 28, issy: 10, noisiel: 26 },\r\n 'gentilly': { clichy: 10, paris20: 8, collegien: 26, issy: 10, noisiel: 24 },\r\n 'ivry': { clichy: 10, paris20: 6, collegien: 24, issy: 12, noisiel: 22 },\r\n 'joinville': { clichy: 14, paris20: 8, collegien: 20, issy: 18, noisiel: 18 },\r\n 'l-hay-les-roses': { clichy: 12, paris20: 10, collegien: 28, issy: 8, noisiel: 26 },\r\n 'limeil-brevannes': { clichy: 18, paris20: 14, collegien: 16, issy: 22, noisiel: 14 },\r\n 'maisons-alfort': { clichy: 16, paris20: 10, collegien: 20, issy: 20, noisiel: 18 },\r\n 'mandres': { clichy: 20, paris20: 16, collegien: 14, issy: 24, noisiel: 12 },\r\n 'marolles': { clichy: 20, paris20: 16, collegien: 14, issy: 24, noisiel: 12 },\r\n 'nogent': { clichy: 14, paris20: 8, collegien: 20, issy: 18, noisiel: 18 },\r\n 'orly': { clichy: 18, paris20: 14, collegien: 22, issy: 18, noisiel: 20 },\r\n 'perreux': { clichy: 14, paris20: 8, collegien: 20, issy: 18, noisiel: 18 },\r\n 'plaisir': { clichy: 14, paris20: 12, collegien: 22, issy: 12, noisiel: 20 },\r\n 'riedis': { clichy: 18, paris20: 14, collegien: 16, issy: 22, noisiel: 14 },\r\n 'saint-maur': { clichy: 16, paris20: 10, collegien: 18, issy: 20, noisiel: 16 },\r\n 'saint-mande': { clichy: 12, paris20: 6, collegien: 22, issy: 16, noisiel: 20 },\r\n 'santenay': { clichy: 12, paris20: 10, collegien: 26, issy: 10, noisiel: 24 },\r\n 'sucy-en-brie': { clichy: 20, paris20: 16, collegien: 14, issy: 24, noisiel: 12 },\r\n 'thiais': { clichy: 16, paris20: 12, collegien: 22, issy: 16, noisiel: 20 },\r\n 'vincennes': { clichy: 12, paris20: 4, collegien: 22, issy: 16, noisiel: 20 },\r\n 'vitry': { clichy: 12, paris20: 8, collegien: 24, issy: 14, noisiel: 22 },\r\n 'villejuif': { clichy: 12, paris20: 10, collegien: 26, issy: 10, noisiel: 24 },\r\n 'villeneuve-le-roi': { clichy: 18, paris20: 14, collegien: 22, issy: 18, noisiel: 20 },\r\n 'villeneuve-saint-georges': { clichy: 18, paris20: 14, collegien: 18, issy: 22, noisiel: 16 },\r\n\r\n \/\/ SEINE-ET-MARNE (77)\r\n 'brie-comte-robert': { clichy: 24, paris20: 20, collegien: 14, issy: 26, noisiel: 16 },\r\n 'brou': { clichy: 26, paris20: 22, collegien: 8, issy: 30, noisiel: 10 },\r\n 'bussy-saint-georges': { clichy: 28, paris20: 22, collegien: 4, issy: 32, noisiel: 6 },\r\n 'champ-sur-marne': { clichy: 24, paris20: 18, collegien: 6, issy: 28, noisiel: 8 },\r\n 'champs-sur-marne': { clichy: 24, paris20: 18, collegien: 6, issy: 28, noisiel: 8 },\r\n 'chelles': { clichy: 22, paris20: 18, collegien: 14, issy: 26, noisiel: 16 },\r\n 'chessy': { clichy: 28, paris20: 22, collegien: 4, issy: 32, noisiel: 6 },\r\n 'collegien': { clichy: 30, paris20: 26, collegien: 1, issy: 34, noisiel: 3 },\r\n 'combs-la-ville': { clichy: 26, paris20: 22, collegien: 14, issy: 28, noisiel: 16 },\r\n 'coulommiers': { clichy: 38, paris20: 34, collegien: 22, issy: 40, noisiel: 20 },\r\n 'croissy-beaubourg': { clichy: 28, paris20: 22, collegien: 4, issy: 32, noisiel: 6 },\r\n 'dammarie-les-lys': { clichy: 32, paris20: 28, collegien: 16, issy: 34, noisiel: 18 },\r\n 'ferrieres': { clichy: 26, paris20: 22, collegien: 8, issy: 30, noisiel: 10 },\r\n 'fontainebleau': { clichy: 40, paris20: 36, collegien: 24, issy: 42, noisiel: 22 },\r\n 'gournay': { clichy: 24, paris20: 18, collegien: 8, issy: 28, noisiel: 10 },\r\n 'lagny': { clichy: 22, paris20: 18, collegien: 12, issy: 26, noisiel: 14 },\r\n 'lieusaint': { clichy: 28, paris20: 24, collegien: 14, issy: 30, noisiel: 16 },\r\n 'lognes': { clichy: 26, paris20: 20, collegien: 4, issy: 30, noisiel: 6 },\r\n 'marne-la-vallee': { clichy: 26, paris20: 20, collegien: 4, issy: 30, noisiel: 6 },\r\n 'meaux': { clichy: 32, paris20: 28, collegien: 18, issy: 36, noisiel: 16 },\r\n 'moissy-cramayel': { clichy: 28, paris20: 24, collegien: 14, issy: 30, noisiel: 16 },\r\n 'montereau': { clichy: 44, paris20: 40, collegien: 28, issy: 46, noisiel: 26 },\r\n 'nangis': { clichy: 34, paris20: 30, collegien: 20, issy: 36, noisiel: 22 },\r\n 'noisiel': { clichy: 28, paris20: 22, collegien: 4, issy: 32, noisiel: 1 },\r\n 'pomponne': { clichy: 26, paris20: 22, collegien: 10, issy: 30, noisiel: 12 },\r\n 'pontault-combault': { clichy: 24, paris20: 20, collegien: 12, issy: 28, noisiel: 14 },\r\n 'provins': { clichy: 50, paris20: 46, collegien: 34, issy: 52, noisiel: 32 },\r\n 'roissy-en-brie': { clichy: 24, paris20: 20, collegien: 10, issy: 28, noisiel: 12 },\r\n 'savigny-le-temple': { clichy: 28, paris20: 24, collegien: 14, issy: 30, noisiel: 16 },\r\n 'serris': { clichy: 28, paris20: 22, collegien: 4, issy: 32, noisiel: 6 },\r\n 'thorigny': { clichy: 26, paris20: 22, collegien: 10, issy: 30, noisiel: 12 },\r\n 'torcy': { clichy: 28, paris20: 24, collegien: 2, issy: 32, noisiel: 4 },\r\n 'tournan': { clichy: 26, paris20: 22, collegien: 12, issy: 30, noisiel: 14 },\r\n 'vaires': { clichy: 24, paris20: 20, collegien: 10, issy: 28, noisiel: 12 },\r\n 'villeparisis': { clichy: 24, paris20: 20, collegien: 12, issy: 28, noisiel: 14 },\r\n\r\n \/\/ YVELINES (78)\r\n 'achres': { clichy: 14, paris20: 18, collegien: 40, issy: 14, noisiel: 38 },\r\n 'aubergenville': { clichy: 20, paris20: 24, collegien: 46, issy: 20, noisiel: 44 },\r\n 'carrieres': { clichy: 10, paris20: 16, collegien: 38, issy: 12, noisiel: 36 },\r\n 'chatou': { clichy: 10, paris20: 16, collegien: 38, issy: 12, noisiel: 36 },\r\n 'chevreuse': { clichy: 18, paris20: 22, collegien: 42, issy: 14, noisiel: 40 },\r\n 'croissy': { clichy: 10, paris20: 16, collegien: 38, issy: 12, noisiel: 36 },\r\n 'elancourt': { clichy: 16, paris20: 20, collegien: 42, issy: 12, noisiel: 40 },\r\n 'fontenay-le-fleury': { clichy: 16, paris20: 20, collegien: 42, issy: 14, noisiel: 40 },\r\n 'guyancourt': { clichy: 16, paris20: 20, collegien: 42, issy: 12, noisiel: 40 },\r\n 'houilles': { clichy: 10, paris20: 16, collegien: 38, issy: 12, noisiel: 36 },\r\n 'la-celle': { clichy: 12, paris20: 16, collegien: 40, issy: 14, noisiel: 38 },\r\n 'le-chesnay': { clichy: 12, paris20: 16, collegien: 40, issy: 14, noisiel: 38 },\r\n 'le-pecq': { clichy: 10, paris20: 16, collegien: 38, issy: 12, noisiel: 36 },\r\n 'les-clayes': { clichy: 14, paris20: 18, collegien: 42, issy: 14, noisiel: 40 },\r\n 'les-loges': { clichy: 14, paris20: 18, collegien: 42, issy: 14, noisiel: 40 },\r\n 'louveciennes': { clichy: 12, paris20: 18, collegien: 40, issy: 14, noisiel: 38 },\r\n 'maisons-laffitte': { clichy: 8, paris20: 14, collegien: 38, issy: 14, noisiel: 36 },\r\n 'mante-la-ville': { clichy: 24, paris20: 28, collegien: 48, issy: 24, noisiel: 46 },\r\n 'marly-le-roi': { clichy: 12, paris20: 18, collegien: 40, issy: 14, noisiel: 38 },\r\n 'maurepas': { clichy: 18, paris20: 22, collegien: 44, issy: 16, noisiel: 42 },\r\n 'montigny-le-bretonneux': { clichy: 16, paris20: 20, collegien: 42, issy: 12, noisiel: 40 },\r\n 'plaisir': { clichy: 18, paris20: 22, collegien: 44, issy: 16, noisiel: 42 },\r\n 'poissy': { clichy: 14, paris20: 18, collegien: 42, issy: 14, noisiel: 40 },\r\n 'rambouillet': { clichy: 28, paris20: 32, collegien: 52, issy: 26, noisiel: 50 },\r\n 'saint-cyr': { clichy: 14, paris20: 18, collegien: 42, issy: 14, noisiel: 40 },\r\n 'saint-germain': { clichy: 12, paris20: 18, collegien: 40, issy: 14, noisiel: 38 },\r\n 'sartrouville': { clichy: 8, paris20: 14, collegien: 38, issy: 12, noisiel: 36 },\r\n 'trappes': { clichy: 16, paris20: 20, collegien: 44, issy: 14, noisiel: 42 },\r\n 'velizy': { clichy: 12, paris20: 16, collegien: 38, issy: 8, noisiel: 36 },\r\n 'versailles': { clichy: 14, paris20: 18, collegien: 42, issy: 12, noisiel: 40 },\r\n 'villacoublay': { clichy: 14, paris20: 18, collegien: 40, issy: 10, noisiel: 38 },\r\n\r\n \/\/ ESSONNE (91)\r\n 'angervilliers': { clichy: 22, paris20: 24, collegien: 34, issy: 18, noisiel: 32 },\r\n 'arpaon': { clichy: 22, paris20: 24, collegien: 34, issy: 18, noisiel: 32 },\r\n 'athis-mons': { clichy: 18, paris20: 14, collegien: 24, issy: 18, noisiel: 22 },\r\n 'ballainvilliers': { clichy: 22, paris20: 20, collegien: 30, issy: 18, noisiel: 28 },\r\n 'brunoy': { clichy: 20, paris20: 16, collegien: 26, issy: 20, noisiel: 24 },\r\n 'cerny': { clichy: 24, paris20: 22, collegien: 32, issy: 20, noisiel: 30 },\r\n 'chilly-mazarin': { clichy: 20, paris20: 18, collegien: 30, issy: 16, noisiel: 28 },\r\n 'courcouronnes': { clichy: 22, paris20: 20, collegien: 28, issy: 18, noisiel: 26 },\r\n 'draveil': { clichy: 20, paris20: 16, collegien: 26, issy: 20, noisiel: 24 },\r\n 'epinay-sous-senart': { clichy: 22, paris20: 18, collegien: 24, issy: 24, noisiel: 22 },\r\n 'evry': { clichy: 22, paris20: 18, collegien: 28, issy: 22, noisiel: 26 },\r\n 'fleury': { clichy: 22, paris20: 18, collegien: 28, issy: 22, noisiel: 26 },\r\n 'gif-sur-yvette': { clichy: 20, paris20: 20, collegien: 34, issy: 16, noisiel: 32 },\r\n 'grigny': { clichy: 20, paris20: 16, collegien: 26, issy: 20, noisiel: 24 },\r\n 'juvisy': { clichy: 18, paris20: 16, collegien: 24, issy: 18, noisiel: 22 },\r\n 'les-ulis': { clichy: 20, paris20: 20, collegien: 34, issy: 16, noisiel: 32 },\r\n 'longjumeau': { clichy: 20, paris20: 18, collegien: 30, issy: 18, noisiel: 28 },\r\n 'massy': { clichy: 18, paris20: 16, collegien: 32, issy: 14, noisiel: 30 },\r\n 'mennecy': { clichy: 24, paris20: 20, collegien: 28, issy: 24, noisiel: 26 },\r\n 'milly': { clichy: 28, paris20: 26, collegien: 34, issy: 24, noisiel: 32 },\r\n 'montgeron': { clichy: 20, paris20: 16, collegien: 24, issy: 20, noisiel: 22 },\r\n 'orsay': { clichy: 20, paris20: 20, collegien: 34, issy: 16, noisiel: 32 },\r\n 'palaiseau': { clichy: 18, paris20: 18, collegien: 32, issy: 14, noisiel: 30 },\r\n 'ris-orangis': { clichy: 20, paris20: 16, collegien: 26, issy: 20, noisiel: 24 },\r\n 'sainte-genevieve': { clichy: 20, paris20: 18, collegien: 30, issy: 16, noisiel: 28 },\r\n 'savigny-sur-orge': { clichy: 20, paris20: 18, collegien: 30, issy: 16, noisiel: 28 },\r\n 'viry-chatillon': { clichy: 20, paris20: 16, collegien: 26, issy: 20, noisiel: 24 },\r\n 'yerrs': { clichy: 22, paris20: 20, collegien: 28, issy: 22, noisiel: 26 },\r\n\r\n \/\/ VAL-D'OISE (95)\r\n 'argenteuil': { clichy: 6, paris20: 12, collegien: 34, issy: 14, noisiel: 32 },\r\n 'arnouville': { clichy: 14, paris20: 14, collegien: 28, issy: 20, noisiel: 26 },\r\n 'bezons': { clichy: 6, paris20: 12, collegien: 34, issy: 12, noisiel: 32 },\r\n 'cergy': { clichy: 16, paris20: 22, collegien: 44, issy: 22, noisiel: 42 },\r\n 'cormeilles': { clichy: 8, paris20: 14, collegien: 36, issy: 14, noisiel: 34 },\r\n 'eaubonne': { clichy: 10, paris20: 16, collegien: 36, issy: 16, noisiel: 34 },\r\n 'ermont': { clichy: 10, paris20: 16, collegien: 36, issy: 16, noisiel: 34 },\r\n 'franconville': { clichy: 10, paris20: 16, collegien: 36, issy: 16, noisiel: 34 },\r\n 'garges': { clichy: 14, paris20: 16, collegien: 30, issy: 20, noisiel: 28 },\r\n 'gonesse': { clichy: 16, paris20: 18, collegien: 28, issy: 22, noisiel: 26 },\r\n 'goussainville': { clichy: 18, paris20: 20, collegien: 28, issy: 24, noisiel: 26 },\r\n 'herblay': { clichy: 12, paris20: 18, collegien: 38, issy: 18, noisiel: 36 },\r\n 'montmorency': { clichy: 12, paris20: 16, collegien: 32, issy: 18, noisiel: 30 },\r\n 'osny': { clichy: 16, paris20: 22, collegien: 44, issy: 22, noisiel: 42 },\r\n 'persan': { clichy: 20, paris20: 22, collegien: 32, issy: 26, noisiel: 30 },\r\n 'pontoise': { clichy: 16, paris20: 22, collegien: 44, issy: 22, noisiel: 42 },\r\n 'sannois': { clichy: 8, paris20: 14, collegien: 36, issy: 14, noisiel: 34 },\r\n 'sarcelles': { clichy: 14, paris20: 16, collegien: 30, issy: 20, noisiel: 28 },\r\n 'soisy-sous-montmorency': { clichy: 12, paris20: 16, collegien: 32, issy: 18, noisiel: 30 },\r\n 'villiers-le-bel': { clichy: 14, paris20: 16, collegien: 28, issy: 20, noisiel: 26 }\r\n };\r\n\r\n \/\/ ============================================================\r\n \/\/ AUTOCOMPLETION\r\n \/\/ ============================================================\r\n const cityList = Object.keys(CITY_DISTANCES).map(key => {\r\n return key.split('-').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ');\r\n }).sort();\r\n\r\n const cityInput = document.getElementById('city');\r\n const suggestionsBox = document.getElementById('suggestionsBox');\r\n\r\n cityInput.addEventListener('input', function() {\r\n const query = this.value.toLowerCase().trim();\r\n if (query.length < 2) {\r\n suggestionsBox.classList.remove('show');\r\n return;\r\n }\r\n\r\n const matches = cityList.filter(addr => \r\n addr.toLowerCase().includes(query)\r\n ).slice(0, 10);\r\n\r\n if (matches.length === 0) {\r\n suggestionsBox.classList.remove('show');\r\n return;\r\n }\r\n\r\n suggestionsBox.innerHTML = matches.map(addr => \r\n `<div class=\"suggestion-item\" data-city=\"${addr}\">\r\n ${addr.replace(new RegExp(query, 'gi'), match => `<span class=\"highlight\">${match}<\/span>`)}\r\n <\/div>`\r\n ).join('');\r\n suggestionsBox.classList.add('show');\r\n\r\n document.querySelectorAll('.suggestion-item').forEach(el => {\r\n el.addEventListener('click', function() {\r\n cityInput.value = this.dataset.city;\r\n suggestionsBox.classList.remove('show');\r\n });\r\n });\r\n });\r\n\r\n document.addEventListener('click', function(e) {\r\n if (!e.target.closest('.address-form')) {\r\n suggestionsBox.classList.remove('show');\r\n }\r\n });\r\n\r\n \/\/ ============================================================\r\n \/\/ DETECTION DE VILLE\r\n \/\/ ============================================================\r\n function findCity(input) {\r\n const clean = input.toLowerCase().trim();\r\n const cityKeys = Object.keys(CITY_DISTANCES);\r\n for (const key of cityKeys) {\r\n if (clean.includes(key) || key.includes(clean)) {\r\n return key;\r\n }\r\n }\r\n return 'paris';\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ SIMULATION\r\n \/\/ ============================================================\r\n const streetInput = document.getElementById('street');\r\n const postalInput = document.getElementById('postal');\r\n const simulateBtn = document.getElementById('simulateBtn');\r\n const resultsContainer = document.getElementById('resultsContainer');\r\n\r\n const resultTime = document.getElementById('resultTime');\r\n const resultDistance = document.getElementById('resultDistance');\r\n const resultStatus = document.getElementById('resultStatus');\r\n const statusText = document.getElementById('statusText');\r\n const statusSub = document.getElementById('statusSub');\r\n const etaValue = document.getElementById('etaValue');\r\n const mapEndLabel = document.getElementById('mapEndLabel');\r\n const mapEndCity = document.getElementById('mapEndCity');\r\n const departName = document.getElementById('departName');\r\n const departAddress = document.getElementById('departAddress');\r\n const departBadge = document.getElementById('departBadge');\r\n\r\n function startSimulation() {\r\n const street = streetInput.value.trim() || 'Adresse non pr\u00e9cis\u00e9e';\r\n const city = cityInput.value.trim() || 'Paris';\r\n const postal = postalInput.value.trim() || '75015';\r\n\r\n let cityKey = findCity(city);\r\n \r\n if (!CITY_DISTANCES[cityKey]) {\r\n cityKey = 'paris';\r\n }\r\n\r\n const distances = CITY_DISTANCES[cityKey];\r\n const cityDisplay = cityKey.split('-').map(word => \r\n word.charAt(0).toUpperCase() + word.slice(1)\r\n ).join(' ');\r\n\r\n let closestId = null;\r\n let closestDist = Infinity;\r\n\r\n DEPARTURES.forEach(depart => {\r\n const d = distances[depart.id] || 999;\r\n if (d < closestDist) {\r\n closestDist = d;\r\n closestId = depart.id;\r\n }\r\n });\r\n\r\n const closestDepart = DEPARTURES.find(d => d.id === closestId) || DEPARTURES[2];\r\n const travelDist = closestDist;\r\n const travelTime = Math.max(3, Math.round((travelDist \/ 25) * 60));\r\n\r\n resultsContainer.classList.add('visible');\r\n resultsContainer.style.display = 'block';\r\n\r\n mapEndLabel.textContent = street || 'Votre domicile';\r\n mapEndCity.textContent = cityDisplay;\r\n\r\n departName.textContent = closestDepart.name;\r\n departAddress.textContent = closestDepart.address;\r\n departBadge.textContent = `Agence la plus proche (${Math.round(travelDist * 10) \/ 10} km)`;\r\n\r\n resultTime.innerHTML = travelTime + ' <span class=\"unit\">min<\/span>';\r\n resultDistance.innerHTML = travelDist.toFixed(1) + ' <span class=\"unit\">km<\/span>';\r\n resultStatus.textContent = 'Simul\u00e9';\r\n statusText.textContent = 'Simulation';\r\n statusSub.textContent = '\u2014 Intervention estim\u00e9e \u00e0 ' + travelTime + ' min depuis ' + closestDepart.name;\r\n etaValue.textContent = travelTime;\r\n\r\n const routeLine = document.getElementById('routeLine');\r\n const startCoords = closestDepart.coord;\r\n const endCoords = { x: 730, y: 140 };\r\n const midX = (startCoords.x + endCoords.x) \/ 2;\r\n const midY = Math.min(startCoords.y, endCoords.y) - 30;\r\n const newPath = `M${startCoords.x},${startCoords.y} C${startCoords.x + 50},${startCoords.y - 40} ${midX - 30},${midY} ${midX},${midY} C${midX + 30},${midY} ${endCoords.x - 50},${endCoords.y + 20} ${endCoords.x},${endCoords.y}`;\r\n routeLine.setAttribute('d', newPath);\r\n document.getElementById('routePath').setAttribute('d', newPath);\r\n document.getElementById('routePath2').setAttribute('d', '');\r\n\r\n const truckGroup = document.getElementById('truckGroup');\r\n truckGroup.style.animation = 'none';\r\n setTimeout(() => {\r\n truckGroup.style.animation = 'moveTruck 6s linear infinite';\r\n }, 10);\r\n\r\n simulateBtn.disabled = true;\r\n simulateBtn.textContent = 'Simulation en cours...';\r\n\r\n setTimeout(function() {\r\n simulateBtn.disabled = false;\r\n simulateBtn.textContent = 'Simuler l\\'intervention';\r\n }, 2000);\r\n\r\n setTimeout(function() {\r\n resultsContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }, 300);\r\n }\r\n\r\n simulateBtn.addEventListener('click', startSimulation);\r\n\r\n document.querySelectorAll('.address-form input').forEach(function(input) {\r\n input.addEventListener('keypress', function(e) {\r\n if (e.key === 'Enter') {\r\n e.preventDefault();\r\n startSimulation();\r\n }\r\n });\r\n });\r\n\r\n const rv = document.querySelectorAll('.rv');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver(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 rv.forEach(function(el) { io.observe(el); });\r\n } else {\r\n rv.forEach(function(el) { el.classList.add('shown'); });\r\n }\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41218c4 e-con-full e-flex e-con e-parent\" data-id=\"41218c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97b4f76 elementor-widget elementor-widget-html\" data-id=\"97b4f76\" 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 Radar des interventions<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --blue-900:#07294a;\r\n --blue-800:#0a3666;\r\n --blue-700:#0d4f8b;\r\n --blue-500:#1c7ec9;\r\n --blue-300:#7cc0ee;\r\n --blue-100:#d6ebfb;\r\n --blue-50:#eef6fc;\r\n --orange:#f4a61a;\r\n --orange-dark:#d98a0c;\r\n --ink:#0c2238;\r\n --slate:#48637d;\r\n --paper:#ffffff;\r\n\r\n --font-display:\"Sora\",sans-serif;\r\n --font-body:\"Inter\",sans-serif;\r\n --font-mono:\"JetBrains Mono\",monospace;\r\n\r\n --shadow-sm:0 2px 10px rgba(7,41,74,.06);\r\n --shadow-md:0 18px 40px -16px rgba(7,41,74,.30);\r\n }\r\n\r\n *{box-sizing:border-box;margin:0;padding:0}\r\n html{scroll-behavior:smooth}\r\n body{\r\n font-family:var(--font-body);\r\n color:var(--ink);\r\n background:var(--paper);\r\n -webkit-font-smoothing:antialiased;\r\n line-height:1.6;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION \u2014 Radar des interventions (th\u00e8me clair bleu\/orange)\r\n ============================================================ *\/\r\n .radar-section{\r\n position:relative;\r\n padding:84px 24px 96px;\r\n \r\n \/* ===== M\u00caME FOND QUE LA HERO ===== *\/\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, var(--blue-100), transparent 60%),\r\n linear-gradient(180deg, #fbfdff 0%, var(--blue-50) 100%);\r\n \/* ================================== *\/\r\n }\r\n \r\n .radar-wrap{\r\n max-width:1200px;margin:0 auto;\r\n position:relative;\r\n z-index:1;\r\n }\r\n\r\n \/* en-t\u00eate de section *\/\r\n .radar-head{text-align:center;max-width:620px;margin:0 auto 48px}\r\n .radar-eyebrow{\r\n display:inline-flex;align-items:center;gap:8px;\r\n font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.14em;\r\n text-transform:uppercase;color:var(--blue-700);\r\n background:var(--blue-50);border:1px solid var(--blue-100);\r\n padding:6px 13px;border-radius:999px;\r\n }\r\n .radar-eyebrow .live{width:7px;height:7px;border-radius:50%;background:#1faa6b;\r\n box-shadow:0 0 0 0 rgba(31,170,107,.5);animation:pulse 2.2s infinite}\r\n @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(31,170,107,.5)}70%{box-shadow:0 0 0 7px rgba(31,170,107,0)}100%{box-shadow:0 0 0 0 rgba(31,170,107,0)}}\r\n .radar-head h2{\r\n font-family:var(--font-display);font-weight:800;letter-spacing:-.025em;\r\n font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.1;color:var(--blue-900);margin:16px 0 10px;\r\n }\r\n .radar-head h2 .accent{color:var(--orange)}\r\n .radar-head p{color:var(--slate);font-size:1.04rem}\r\n\r\n \/* grille : carte radar + panneau flux *\/\r\n .radar-grid{\r\n display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:stretch;\r\n }\r\n @media(max-width:900px){.radar-grid{grid-template-columns:1fr}}\r\n\r\n .panel{\r\n background:#fff;border:1px solid var(--blue-100);border-radius:20px;\r\n box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;\r\n }\r\n .panel__head{\r\n display:flex;align-items:center;justify-content:space-between;gap:12px;\r\n padding:16px 20px;border-bottom:1px solid var(--blue-50);\r\n }\r\n .panel__title{display:flex;align-items:center;gap:9px;font-family:var(--font-display);\r\n font-weight:700;font-size:.92rem;color:var(--blue-900)}\r\n .panel__title .dot{width:9px;height:9px;border-radius:50%;background:#1faa6b;\r\n box-shadow:0 0 8px rgba(31,170,107,.6);animation:pulseDot 1.6s ease-in-out infinite}\r\n @keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}\r\n .panel__clock{font-family:var(--font-mono);font-size:.74rem;color:var(--slate);letter-spacing:.02em}\r\n \/* mini equalizer *\/\r\n .eq{display:inline-flex;gap:2px;align-items:flex-end;height:12px;margin-left:2px}\r\n .eq i{width:2px;background:var(--blue-500);border-radius:1px;animation:eq 1s ease-in-out infinite}\r\n .eq i:nth-child(1){height:5px}.eq i:nth-child(2){height:11px;animation-delay:.2s}\r\n .eq i:nth-child(3){height:7px;animation-delay:.4s}.eq i:nth-child(4){height:12px;animation-delay:.1s}\r\n @keyframes eq{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}\r\n\r\n \/* ---- carte r\u00e9seau (le radar) ---- *\/\r\n .netmap{position:relative;width:100%;aspect-ratio:380\/270;\r\n background:radial-gradient(120% 120% at 50% 0%,var(--blue-50),#fff);overflow:hidden}\r\n .netmap svg{position:relative;z-index:2;width:100%;height:100%;display:block}\r\n .radar-sweep{position:absolute;inset:0;z-index:1;\r\n background:conic-gradient(from 0deg,rgba(244,166,26,.20),transparent 24%,transparent 100%);\r\n -webkit-mask:radial-gradient(circle at 50% 50%,#000 68%,transparent 70%);\r\n mask:radial-gradient(circle at 50% 50%,#000 68%,transparent 70%);\r\n animation:radarSpin 6s linear infinite}\r\n @keyframes radarSpin{to{transform:rotate(360deg)}}\r\n\r\n .rangering{fill:none;stroke:rgba(28,126,201,.12);stroke-width:1}\r\n .pipe-base{fill:none;stroke:rgba(28,126,201,.16);stroke-width:3.4;stroke-linecap:round}\r\n .pipe-draw{fill:none;stroke:rgba(28,126,201,.5);stroke-width:3.4;stroke-linecap:round;\r\n stroke-dasharray:300;stroke-dashoffset:300;animation:draw 1.8s var(--ease-out,ease) forwards}\r\n @keyframes draw{to{stroke-dashoffset:0}}\r\n .pipe-flow{fill:none;stroke:url(#flowGrad);stroke-width:2.2;stroke-linecap:round;\r\n stroke-dasharray:10 16;opacity:0;animation:flow 1.1s linear infinite,flowIn .6s ease forwards 1.6s}\r\n @keyframes flow{to{stroke-dashoffset:-26}}\r\n @keyframes flowIn{to{opacity:1}}\r\n .node{fill:#fff;stroke:var(--blue-500);stroke-width:2}\r\n .node-core{fill:var(--blue-500)}\r\n .node-hub{fill:#fff;stroke:var(--blue-700);stroke-width:2.5}\r\n .node-hub-core{fill:var(--blue-700)}\r\n .node-alert{fill:#fff;stroke:var(--orange);stroke-width:2.5}\r\n .node-alert-core{fill:var(--orange)}\r\n .ring{fill:none;stroke:var(--orange);stroke-width:1.5;transform-origin:center;transform-box:fill-box}\r\n .ring--a{animation:ring 2.4s ease-out infinite}\r\n .ring--b{animation:ring 2.4s ease-out infinite 1.2s}\r\n @keyframes ring{0%{r:6;opacity:.6}100%{r:24;opacity:0}}\r\n .droplet{fill:var(--blue-700)}\r\n\r\n \/* ---- bandeau stats sous la carte ---- *\/\r\n .netstats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--blue-50)}\r\n .netstat{background:#fff;padding:16px 12px;text-align:center}\r\n .netstat b{display:block;font-family:var(--font-display);font-weight:700;font-size:1.55rem;\r\n line-height:1;color:var(--blue-700);font-variant-numeric:tabular-nums}\r\n .netstat b span{font-size:.8rem;color:var(--slate)}\r\n .netstat small{display:block;font-family:var(--font-mono);font-size:.6rem;color:var(--slate);\r\n text-transform:uppercase;letter-spacing:.08em;margin-top:6px}\r\n\r\n \/* ---- panneau flux d'\u00e9v\u00e9nements ---- *\/\r\n .feed-panel{flex:1}\r\n .feedbox{position:relative;height:340px;overflow:hidden;padding:6px 0;\r\n -webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 88%,transparent);\r\n mask-image:linear-gradient(180deg,transparent,#000 10%,#000 88%,transparent)}\r\n .feed-track{display:flex;flex-direction:column;gap:6px;padding:0 14px;animation:scrollFeed 22s linear infinite}\r\n @keyframes scrollFeed{from{transform:translateY(0)}to{transform:translateY(-50%)}}\r\n .feedbox:hover .feed-track{animation-play-state:paused}\r\n .feed-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:11px;\r\n border:1px solid var(--blue-50);background:#fff;transition:border-color .25s,transform .25s}\r\n .feed-item:hover{border-color:var(--blue-100);transform:translateX(2px)}\r\n .feed-time{font-family:var(--font-mono);font-size:.66rem;color:var(--slate);min-width:42px;flex-shrink:0}\r\n .feed-text{flex:1;font-size:.78rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\r\n .feed-status{font-family:var(--font-mono);font-weight:700;font-size:.56rem;padding:3px 8px;\r\n border-radius:6px;flex-shrink:0;text-transform:uppercase;letter-spacing:.05em}\r\n .feed-status--active{background:var(--blue-50);color:var(--blue-700)}\r\n .feed-status--urgent{background:#fff1d9;color:var(--orange-dark)}\r\n .feed-status--completed{background:#e7f7ef;color:#1faa6b}\r\n .feed-status--scheduled{background:#eef1f5;color:var(--slate)}\r\n\r\n \/* ---- r\u00e9v\u00e9lation au scroll ---- *\/\r\n .io{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-out,ease),transform .8s var(--ease-out,ease)}\r\n .io.in{opacity:1;transform:none}\r\n .io.d-b{transition-delay:.12s}\r\n\r\n \/* ---- \u00e9tat hors service (apr\u00e8s 22h30) ---- *\/\r\n .live.off,.dot.off{background:#b7c2cd!important;box-shadow:none!important;animation:none!important}\r\n .radar-eyebrow.off{color:var(--slate);background:#f1f4f7;border-color:#e3e8ee}\r\n .radar-section.closed .radar-sweep{opacity:.22}\r\n .radar-section.closed .pipe-flow{opacity:.25}\r\n .radar-section.closed .netmap{filter:grayscale(.35)}\r\n .feed-closed{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;\r\n background:#fff7e9;border:1px solid #f6e3bf}\r\n .feed-closed svg{width:18px;height:18px;color:var(--orange-dark);flex-shrink:0}\r\n .feed-closed b{font-family:var(--font-display);font-size:.82rem;color:var(--blue-900);display:block}\r\n .feed-closed small{font-size:.72rem;color:var(--slate)}\r\n\r\n @media(prefers-reduced-motion:reduce){\r\n *{animation:none!important;transition:none!important}\r\n .pipe-draw{stroke-dashoffset:0}.pipe-flow{opacity:1}\r\n .io{opacity:1;transform:none}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"radar-section\" id=\"radar-section\">\r\n <div class=\"radar-wrap\">\r\n\r\n <div class=\"radar-head io\">\r\n <span class=\"radar-eyebrow\"><span class=\"live\" id=\"liveDot\"><\/span><span id=\"liveLabel\">En temps r\u00e9el<\/span><\/span>\r\n <h2>Le radar de nos <span class=\"accent\">interventions<\/span><\/h2>\r\n <p>Suivez l'activit\u00e9 de nos \u00e9quipes sur le terrain : r\u00e9seaux supervis\u00e9s,\r\n interventions en cours et urgences trait\u00e9es, en direct.<\/p>\r\n <\/div>\r\n\r\n <div class=\"radar-grid\">\r\n\r\n \r\n <div class=\"panel io\">\r\n <div class=\"panel__head\">\r\n <span class=\"panel__title\">\r\n <span class=\"dot\" id=\"superDot\"><\/span> Supervision r\u00e9seau EP\/EU\r\n <span class=\"eq\"><i><\/i><i><\/i><i><\/i><i><\/i><\/span>\r\n <\/span>\r\n <span class=\"panel__clock\" id=\"radarClock\">--:--<\/span>\r\n <\/div>\r\n\r\n <div class=\"netmap\">\r\n <div class=\"radar-sweep\"><\/div>\r\n <svg viewBox=\"0 0 380 270\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"Sch\u00e9ma du r\u00e9seau supervis\u00e9\">\r\n <defs>\r\n <linearGradient id=\"flowGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\r\n <stop offset=\"0%\" stop-color=\"#1c7ec9\"\/><stop offset=\"100%\" stop-color=\"#7cc0ee\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n\r\n <circle class=\"rangering\" cx=\"190\" cy=\"135\" r=\"46\"\/>\r\n <circle class=\"rangering\" cx=\"190\" cy=\"135\" r=\"88\"\/>\r\n <circle class=\"rangering\" cx=\"190\" cy=\"135\" r=\"128\"\/>\r\n\r\n <path id=\"rp1\" class=\"pipe-base\" d=\"M28,135 C70,135 95,135 130,135\"\/>\r\n <path id=\"rp2\" class=\"pipe-base\" d=\"M130,135 C170,135 195,96 235,80\"\/>\r\n <path id=\"rp3\" class=\"pipe-base\" d=\"M130,135 C170,135 195,174 235,190\"\/>\r\n <path id=\"rp4\" class=\"pipe-base\" d=\"M235,80 C285,80 300,60 340,52\"\/>\r\n <path id=\"rp5\" class=\"pipe-base\" d=\"M235,80 C285,80 300,100 340,118\"\/>\r\n <path id=\"rp6\" class=\"pipe-base\" d=\"M235,190 C285,190 300,184 340,178\"\/>\r\n <path id=\"rp7\" class=\"pipe-base\" d=\"M235,190 C285,190 300,220 340,236\"\/>\r\n\r\n <path class=\"pipe-draw\" d=\"M28,135 C70,135 95,135 130,135\"\/>\r\n <path class=\"pipe-draw\" d=\"M130,135 C170,135 195,96 235,80\" style=\"animation-delay:.2s\"\/>\r\n <path class=\"pipe-draw\" d=\"M130,135 C170,135 195,174 235,190\" style=\"animation-delay:.2s\"\/>\r\n <path class=\"pipe-draw\" d=\"M235,80 C285,80 300,60 340,52\" style=\"animation-delay:.5s\"\/>\r\n <path class=\"pipe-draw\" d=\"M235,80 C285,80 300,100 340,118\" style=\"animation-delay:.5s\"\/>\r\n <path class=\"pipe-draw\" d=\"M235,190 C285,190 300,184 340,178\" style=\"animation-delay:.5s\"\/>\r\n <path class=\"pipe-draw\" d=\"M235,190 C285,190 300,220 340,236\" style=\"animation-delay:.5s\"\/>\r\n\r\n <path class=\"pipe-flow\" d=\"M28,135 C70,135 95,135 130,135\"\/>\r\n <path class=\"pipe-flow\" d=\"M130,135 C170,135 195,96 235,80\"\/>\r\n <path class=\"pipe-flow\" d=\"M130,135 C170,135 195,174 235,190\"\/>\r\n <path class=\"pipe-flow\" d=\"M235,80 C285,80 300,60 340,52\"\/>\r\n <path class=\"pipe-flow\" d=\"M235,80 C285,80 300,100 340,118\"\/>\r\n <path class=\"pipe-flow\" d=\"M235,190 C285,190 300,184 340,178\"\/>\r\n <path class=\"pipe-flow\" d=\"M235,190 C285,190 300,220 340,236\"\/>\r\n\r\n <circle class=\"droplet\" r=\"2.4\"><animateMotion dur=\"3.4s\" repeatCount=\"indefinite\"><mpath href=\"#rp2\"\/><\/animateMotion><\/circle>\r\n <circle class=\"droplet\" r=\"2.4\"><animateMotion dur=\"3.8s\" repeatCount=\"indefinite\" begin=\"1s\"><mpath href=\"#rp3\"\/><\/animateMotion><\/circle>\r\n <circle class=\"droplet\" r=\"2\"><animateMotion dur=\"2.6s\" repeatCount=\"indefinite\" begin=\".4s\"><mpath href=\"#rp4\"\/><\/animateMotion><\/circle>\r\n <circle class=\"droplet\" r=\"2\"><animateMotion dur=\"2.8s\" repeatCount=\"indefinite\" begin=\"1.4s\"><mpath href=\"#rp5\"\/><\/animateMotion><\/circle>\r\n <circle class=\"droplet\" r=\"2\"><animateMotion dur=\"2.7s\" repeatCount=\"indefinite\" begin=\".8s\"><mpath href=\"#rp7\"\/><\/animateMotion><\/circle>\r\n\r\n <circle class=\"node\" cx=\"28\" cy=\"135\" r=\"5\"\/><circle class=\"node-core\" cx=\"28\" cy=\"135\" r=\"2.2\"\/>\r\n <circle class=\"node-hub\" cx=\"130\" cy=\"135\" r=\"8\"\/><circle class=\"node-hub-core\" cx=\"130\" cy=\"135\" r=\"3.2\"\/>\r\n <circle class=\"node\" cx=\"235\" cy=\"80\" r=\"5.5\"\/><circle class=\"node-core\" cx=\"235\" cy=\"80\" r=\"2.4\"\/>\r\n <circle class=\"node\" cx=\"235\" cy=\"190\" r=\"5.5\"\/><circle class=\"node-core\" cx=\"235\" cy=\"190\" r=\"2.4\"\/>\r\n <circle class=\"node\" cx=\"340\" cy=\"118\" r=\"5\"\/><circle class=\"node-core\" cx=\"340\" cy=\"118\" r=\"2.2\"\/>\r\n <circle class=\"node\" cx=\"340\" cy=\"178\" r=\"5\"\/><circle class=\"node-core\" cx=\"340\" cy=\"178\" r=\"2.2\"\/>\r\n\r\n <g><circle class=\"ring ring--a\" cx=\"340\" cy=\"52\"\/><circle class=\"ring ring--b\" cx=\"340\" cy=\"52\"\/>\r\n <circle class=\"node-alert\" cx=\"340\" cy=\"52\" r=\"6\"\/><circle class=\"node-alert-core\" cx=\"340\" cy=\"52\" r=\"2.6\"\/><\/g>\r\n <g><circle class=\"ring ring--a\" cx=\"340\" cy=\"236\" style=\"animation-delay:.6s\"\/><circle class=\"ring ring--b\" cx=\"340\" cy=\"236\" style=\"animation-delay:1.8s\"\/>\r\n <circle class=\"node-alert\" cx=\"340\" cy=\"236\" r=\"6\"\/><circle class=\"node-alert-core\" cx=\"340\" cy=\"236\" r=\"2.6\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"netstats\">\r\n <div class=\"netstat\"><b id=\"liveCount\">12<\/b><small>En cours<\/small><\/div>\r\n <div class=\"netstat\"><b id=\"liveTeams\">5<\/b><small>\u00c9quipes terrain<\/small><\/div>\r\n <div class=\"netstat\"><b id=\"liveTime\">45<span>min<\/span><\/b><small>Temps moyen<\/small><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"panel feed-panel io d-b\">\r\n <div class=\"panel__head\">\r\n <span class=\"panel__title\"><span class=\"dot\"><\/span> Flux des interventions<\/span>\r\n <span class=\"panel__clock\">EP \/ EU<\/span>\r\n <\/div>\r\n <div class=\"feedbox\"><div class=\"feed-track\" id=\"radarFeed\"><\/div><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n const fmt = {timeZone:'Europe\/Paris',hour:'2-digit',minute:'2-digit',hour12:false};\r\n\r\n \/* horloge Paris *\/\r\n const clock = document.getElementById('radarClock');\r\n if(clock){\r\n const tick = () => clock.textContent = new Date().toLocaleTimeString('fr-FR',fmt) + ' \u00b7 Paris';\r\n tick(); setInterval(tick,1000);\r\n }\r\n\r\n \/* ---- planning de la journ\u00e9e (heures r\u00e9elles, Europe\/Paris) ---- *\/\r\n const OPEN = 7*60+30; \/\/ 07h30\r\n const CLOSE = 22*60+30; \/\/ 22h30\r\n const REPRISE = '07h30';\r\n\r\n \/\/ minutes depuis minuit, heure de Paris\r\n function nowMin(){\r\n const p = new Date().toLocaleTimeString('fr-FR',fmt); \/\/ \"HH:MM\"\r\n const [h,m] = p.split(':').map(Number);\r\n return h*60 + m;\r\n }\r\n const hhmm = min => String(Math.floor(min\/60)).padStart(2,'0')+':'+String(min%60).padStart(2,'0');\r\n\r\n \/\/ Planning type d'une journ\u00e9e \u2014 r\u00e9parti de 07h45 \u00e0 21h55\r\n const SCHEDULE = [\r\n {min:465, text:'Curage EU \u2014 Paris 12e', type:'curage'},\r\n {min:500, text:'Inspection cam\u00e9ra \u2014 Montreuil (93)', type:'inspection'},\r\n {min:545, text:'Diagnostic EP \u2014 Saint-Denis (93)', type:'diagnostic'},\r\n {min:580, text:'D\u00e9bouchage \u2014 Nanterre (92)', type:'urgence'},\r\n {min:625, text:'Entretien pr\u00e9ventif \u2014 Paris 11e', type:'entretien'},\r\n {min:670, text:'Curage EU \u2014 Cr\u00e9teil (94)', type:'curage'},\r\n {min:715, text:'Inspection cam\u00e9ra \u2014 Boulogne-Billancourt (92)',type:'inspection'},\r\n {min:760, text:'R\u00e9habilitation r\u00e9seau \u2014 Vincennes (94)', type:'rehab'},\r\n {min:810, text:'Diagnostic EP \u2014 Clichy (92)', type:'diagnostic'},\r\n {min:855, text:'D\u00e9bouchage \u2014 Levallois-Perret (92)', type:'urgence'},\r\n {min:900, text:'Curage programm\u00e9 \u2014 Saint-Denis (93)', type:'curage'},\r\n {min:945, text:'Entretien r\u00e9seau EP \u2014 Bobigny (93)', type:'entretien'},\r\n {min:990, text:'Inspection EU \u2014 Paris 15e', type:'inspection'},\r\n {min:1040,text:'Diagnostic r\u00e9seau \u2014 Nanterre (92)', type:'diagnostic'},\r\n {min:1085,text:'D\u00e9bouchage \u2014 Montreuil (93)', type:'debouchage'},\r\n {min:1130,text:'Curage EU \u2014 Paris 18e', type:'curage'},\r\n {min:1180,text:'Copropri\u00e9t\u00e9 \u2014 Saint-Mand\u00e9 (94)', type:'urgence'},\r\n {min:1225,text:'Entretien pr\u00e9ventif \u2014 Issy-les-Moulineaux (92)',type:'entretien'},\r\n {min:1270,text:'Inspection cam\u00e9ra \u2014 Vanves (92)', type:'inspection'},\r\n {min:1315,text:'Dernier curage du jour \u2014 Paris 14e', type:'curage'},\r\n ];\r\n const labels = {active:'En cours',urgent:'Urgence',completed:'Termin\u00e9e',scheduled:'Programm\u00e9'};\r\n\r\n function statusFor(min, now, type){\r\n if(min > now + 6) return 'scheduled';\r\n if(min <= now - 14) return 'completed';\r\n return type === 'urgence' ? 'urgent' : 'active';\r\n }\r\n const prio = {urgent:0, active:1, scheduled:2, completed:3};\r\n\r\n const feed = document.getElementById('radarFeed');\r\n const liveDot = document.getElementById('liveDot');\r\n const liveLbl = document.getElementById('liveLabel');\r\n const superDot = document.getElementById('superDot');\r\n const eyebrow = document.querySelector('.radar-eyebrow');\r\n const section = document.querySelector('.radar-section');\r\n const liveCount=document.getElementById('liveCount'),\r\n liveTeams=document.getElementById('liveTeams'),\r\n liveTime =document.getElementById('liveTime');\r\n\r\n function setOpenState(open){\r\n if(liveDot) liveDot.classList.toggle('off',!open);\r\n if(superDot) superDot.classList.toggle('off',!open);\r\n if(eyebrow) eyebrow.classList.toggle('off',!open);\r\n if(section) section.classList.toggle('closed',!open);\r\n if(liveLbl) liveLbl.textContent = open ? 'En temps r\u00e9el' : 'Service termin\u00e9 \u00b7 reprise '+REPRISE;\r\n }\r\n\r\n function renderFeed(){\r\n if(!feed) return;\r\n const now = nowMin();\r\n const open = now >= OPEN && now < CLOSE;\r\n setOpenState(open);\r\n\r\n if(!open){\r\n \/\/ hors service : bilan du jour + reprise demain\r\n const done = SCHEDULE.filter(s=> s.min <= CLOSE).slice(-5).reverse();\r\n const closedBanner =\r\n `<div class=\"feed-closed\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 8v4l2.5 1.5\"\/><\/svg>\r\n <span><b>Interventions termin\u00e9es pour aujourd'hui<\/b><small>Reprise des \u00e9quipes demain \u00e0 ${REPRISE} \u2014 astreinte selon contrat<\/small><\/span>\r\n <\/div>`;\r\n feed.innerHTML = closedBanner + done.map(s=>\r\n `<div class=\"feed-item\"><span class=\"feed-time\">${hhmm(s.min)}<\/span><span class=\"feed-text\">${s.text}<\/span><span class=\"feed-status feed-status--completed\">Termin\u00e9e<\/span><\/div>`\r\n ).join('');\r\n return;\r\n }\r\n\r\n \/\/ service ouvert : fen\u00eatre glissante autour de l'heure courante\r\n let view = SCHEDULE\r\n .filter(s => s.min <= CLOSE)\r\n .map(s => ({...s, status: statusFor(s.min, now, s.type), time: hhmm(s.min)}));\r\n\r\n let win = view.filter(s => s.min >= now-110 && s.min <= now+170);\r\n if(win.length < 7){\r\n win = view.map(s => ({s, d:Math.abs(s.min-now)}))\r\n .sort((a,b)=>a.d-b.d).slice(0,8).map(o=>o.s);\r\n }\r\n win.sort((a,b)=> (prio[a.status]-prio[b.status]) || (Math.abs(a.min-now)-Math.abs(b.min-now)));\r\n win = win.slice(0,9);\r\n\r\n const doubled = [...win, ...win];\r\n feed.innerHTML = doubled.map(i=>\r\n `<div class=\"feed-item\"><span class=\"feed-time\">${i.time}<\/span><span class=\"feed-text\">${i.text}<\/span><span class=\"feed-status feed-status--${i.status}\">${labels[i.status]}<\/span><\/div>`\r\n ).join('');\r\n }\r\n renderFeed();\r\n setInterval(renderFeed, 30000); \/\/ avance au fil de la journ\u00e9e\r\n\r\n \/* ---- stats temps r\u00e9el (coh\u00e9rentes avec l'heure) ---- *\/\r\n let cur = liveCount ? +liveCount.textContent : 0;\r\n function refreshStats(){\r\n const now = nowMin();\r\n const open = now >= OPEN && now < CLOSE;\r\n if(!open){\r\n if(liveCount) liveCount.textContent = '0';\r\n if(liveTeams) liveTeams.textContent = '0';\r\n if(liveTime) liveTime.innerHTML = '\u2014';\r\n cur = 0; return;\r\n }\r\n const next = Math.floor(Math.random()*9)+8; \/\/ 8\u201316 en cours\r\n if(liveTeams) liveTeams.textContent = Math.floor(Math.random()*4)+3;\r\n if(liveTime) liveTime.innerHTML = (Math.floor(Math.random()*36)+25)+'<span>min<\/span>';\r\n if(!liveCount) return;\r\n if(reduce){ liveCount.textContent=next; cur=next; return; }\r\n const diff=next-cur; let s=0;\r\n const t=setInterval(()=>{s++;liveCount.textContent=Math.round(cur+diff*(s\/10));\r\n if(s>=10){liveCount.textContent=next;cur=next;clearInterval(t);}},55);\r\n }\r\n refreshStats();\r\n setInterval(refreshStats, 12000);\r\n\r\n\r\n \/* r\u00e9v\u00e9lation au scroll *\/\r\n const ios = document.querySelectorAll('.io');\r\n if('IntersectionObserver' in window && !reduce){\r\n const obs = new IntersectionObserver((entries)=>{\r\n entries.forEach(en=>{ if(en.isIntersecting){ en.target.classList.add('in'); obs.unobserve(en.target);} });\r\n },{threshold:.18});\r\n ios.forEach(el=>obs.observe(el));\r\n } else {\r\n ios.forEach(el=>el.classList.add('in'));\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-f8923fc e-con-full e-flex e-con e-parent\" data-id=\"f8923fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0e019e elementor-widget elementor-widget-html\" data-id=\"f0e019e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n.contact { padding: 5rem 5% 6rem; position: relative; min-height: 100vh; display: flex; align-items: center;\r\n background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%), linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden; box-sizing: border-box; }\r\n.contact *, .contact *::before, .contact *::after { box-sizing: border-box; }\r\n.contact__waves { position: absolute; left: 0; right: 0; bottom: 0; line-height: 0; z-index: 0; pointer-events: none; }\r\n.contact__waves svg { display: block; width: 100%; height: 80px; }\r\n.contact__waves .wave-back use { animation: wavemove 11s linear infinite; opacity: 0.55; }\r\n.contact__waves .wave-mid use { animation: wavemove 8s linear infinite reverse; opacity: 0.8; }\r\n.contact__waves .wave-front use { animation: wavemove 6s linear infinite; }\r\n@keyframes wavemove { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n.contact__container { max-width: 1280px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\r\n.contact__header { text-align: center; max-width: 780px; margin: 0 auto 3.5rem; }\r\n.contact__badge { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.4rem 1.4rem 0.4rem 1rem; border-radius: 2rem; background: rgba(28, 126, 201, 0.07); color: #1c7ec9; border: 1px solid rgba(28, 126, 201, 0.12); margin-bottom: 1.2rem; }\r\n.contact__badge .dot { width: 6px; height: 6px; border-radius: 50%; background: #1c7ec9; animation: pulseDot 2s ease-in-out infinite; }\r\n@keyframes pulseDot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.6); } }\r\n.contact__title { font-family: 'Sora', sans-serif; font-weight: 800; font-size: clamp(2rem, 3.6vw, 3.2rem); letter-spacing: -0.03em; color: #07294a; line-height: 1.1; margin-bottom: 0.8rem; }\r\n.contact__title .highlight { background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n.contact__subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: clamp(1rem, 1.1vw, 1.15rem); color: #6b7f94; max-width: 600px; margin: 0 auto; line-height: 1.7; }\r\n.contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }\r\n.contact__form { background: #ffffff; border-radius: 24px; padding: 2.5rem; border: 1px solid #eef2f6; box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04); transition: all 0.4s ease; position: relative; }\r\n.contact__form:hover { box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08); border-color: #d6ebfb; }\r\n.contact__form-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 1.3rem; color: #07294a; margin-bottom: 0.3rem; }\r\n.contact__form-subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; margin-bottom: 1.5rem; }\r\n.contact__form-group { margin-bottom: 1.2rem; }\r\n.contact__form-group label { display: block; font-family: 'Sora', sans-serif; font-weight: 600; font-size: 0.7rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.3rem; }\r\n.contact__form-group label .required { color: #dc2626; }\r\n.contact__form-group input, .contact__form-group select, .contact__form-group textarea { width: 100%; padding: 0.8rem 1rem; border-radius: 12px; border: 1px solid #eef2f6; background: #f8fafc; font-family: 'Inter', sans-serif; font-size: 0.9rem; color: #07294a; transition: all 0.3s ease; outline: none; }\r\n.contact__form-group input:focus, .contact__form-group select:focus, .contact__form-group textarea:focus { border-color: #1c7ec9; background: #ffffff; box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06); }\r\n.contact__form-group input::placeholder, .contact__form-group textarea::placeholder { color: #b0c0d0; }\r\n.contact__form-group select option { background: #ffffff; color: #07294a; }\r\n.contact__form-group textarea { resize: vertical; min-height: 100px; }\r\n.contact__form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n.contact__form-group--file { position: relative; }\r\n.contact__form-group--file .file-drop-zone { border: 2px dashed #eef2f6; border-radius: 12px; padding: 1.5rem 1rem; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #f8fafc; }\r\n.contact__form-group--file .file-drop-zone:hover { border-color: #1c7ec9; background: #eef6fc; }\r\n.contact__form-group--file .file-drop-zone.dragover { border-color: #f4a61a; background: rgba(244, 166, 26, 0.04); }\r\n.contact__form-group--file .file-drop-zone i { font-size: 2rem; color: #1c7ec9; display: block; margin-bottom: 0.5rem; }\r\n.contact__form-group--file .file-drop-zone p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.85rem; color: #6b7f94; margin: 0; }\r\n.contact__form-group--file .file-drop-zone .file-types { font-size: 0.7rem; color: #b0c0d0; margin-top: 0.3rem; }\r\n.contact__form-group--file input[type=\"file\"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }\r\n.contact__form-group--file .file-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }\r\n.contact__form-group--file .file-item { display: inline-flex; align-items: center; gap: 0.5rem; background: #eef6fc; padding: 0.3rem 0.8rem 0.3rem 0.6rem; border-radius: 20px; font-family: 'Inter', sans-serif; font-size: 0.75rem; color: #1c7ec9; border: 1px solid #d6ebfb; }\r\n.contact__form-group--file .file-item i { font-size: 0.8rem; color: #1c7ec9; }\r\n.contact__form-group--file .file-item .file-remove { cursor: pointer; color: #6b7f94; transition: color 0.3s ease; font-size: 0.7rem; }\r\n.contact__form-group--file .file-item .file-remove:hover { color: #dc2626; }\r\n\r\n\/* ---- Consentement RGPD ---- *\/\r\n.contact__consent { display: flex; align-items: flex-start; gap: 0.7rem; margin-bottom: 1.5rem; }\r\n.contact__consent input[type=\"checkbox\"] { width: 18px; height: 18px; min-width: 18px; margin-top: 0.15rem; accent-color: #1c7ec9; cursor: pointer; flex-shrink: 0; }\r\n.contact__consent label { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.8rem; line-height: 1.5; color: #6b7f94; text-transform: none; letter-spacing: 0; margin-bottom: 0; cursor: pointer; }\r\n.contact__consent label .required { color: #dc2626; }\r\n.contact__consent label a { color: #1c7ec9; text-decoration: underline; }\r\n.contact__consent label a:hover { color: #07294a; }\r\n\r\n.btn--contact { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.02em; text-decoration: none; padding: 0.9rem 2.4rem; border-radius: 3rem; transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; border: none; text-align: center; background: linear-gradient(135deg, #f4a61a 0%, #e0960e 100%); box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25); color: #07294a; width: 100%; }\r\n.btn--contact:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40); color: #07294a; }\r\n.btn--contact .btn__icon { transition: transform 0.3s ease; }\r\n.btn--contact:hover .btn__icon { transform: translateX(4px); }\r\n.contact__info { display: flex; flex-direction: column; gap: 1.2rem; }\r\n.contact__info-card { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; transition: all 0.4s ease; display: flex; align-items: center; gap: 1.2rem; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); }\r\n.contact__info-card:hover { transform: translateX(6px); border-color: #1c7ec9; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.08); }\r\n.contact__info-icon { width: 50px; height: 50px; border-radius: 14px; background: #f0f4f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s ease; }\r\n.contact__info-card:hover .contact__info-icon { background: #eef6fc; }\r\n.contact__info-icon i { font-size: 1.3rem; color: #1c7ec9; }\r\n.contact__info-content h4 { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #07294a; margin-bottom: 0.1rem; }\r\n.contact__info-content p, .contact__info-content a { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; text-decoration: none; transition: color 0.3s ease; }\r\n.contact__info-content a:hover { color: #1c7ec9; }\r\n.contact__hours { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); transition: all 0.4s ease; }\r\n.contact__hours:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__hours-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.8rem; }\r\n.contact__hours-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem 1rem; }\r\n.contact__hours-day { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #6b7f94; }\r\n.contact__hours-time { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #07294a; text-align: right; }\r\n.contact__hours-time .urgent { color: #1c7ec9; font-weight: 700; }\r\n.contact__map { border-radius: 16px; overflow: hidden; border: 1px solid #eef2f6; height: 200px; background: #f8fafc; transition: all 0.4s ease; }\r\n.contact__map:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__map iframe { width: 100%; height: 100%; border: none; }\r\n@media (max-width: 992px) {\r\n .contact__grid { grid-template-columns: 1fr; gap: 2rem; }\r\n .contact__form { padding: 2rem; }\r\n .contact__info { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; }\r\n .contact__map { height: 180px; }\r\n}\r\n@media (max-width: 768px) {\r\n .contact { padding: 3.5rem 1.5rem 4rem; min-height: auto; }\r\n .contact__form { padding: 1.5rem; border-radius: 16px; }\r\n .contact__form-row { grid-template-columns: 1fr; gap: 0; }\r\n .contact__info { grid-template-columns: 1fr; gap: 1rem; }\r\n .contact__info-card { padding: 1.2rem 1.5rem; }\r\n .contact__hours { padding: 1.2rem 1.5rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; gap: 0.3rem 0.8rem; }\r\n .contact__hours-day { font-size: 0.75rem; }\r\n .contact__hours-time { font-size: 0.75rem; }\r\n .contact__map { height: 150px; }\r\n .btn--contact { padding: 0.7rem 1.8rem; font-size: 0.75rem; }\r\n .contact__form-group--file .file-drop-zone { padding: 1rem; }\r\n .contact__form-group--file .file-drop-zone i { font-size: 1.5rem; }\r\n .contact__waves svg { height: 40px; }\r\n}\r\n@media (max-width: 480px) {\r\n .contact__form { padding: 1rem; }\r\n .contact__info-card { padding: 1rem; }\r\n .contact__info-icon { width: 40px; height: 40px; }\r\n .contact__info-icon i { font-size: 1rem; }\r\n .contact__hours { padding: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact\">\r\n <div class=\"contact__container\">\r\n\r\n <div class=\"contact__header\">\r\n <span class=\"contact__badge\"><span class=\"dot\"><\/span> Contactez-nous<\/span>\r\n <h2 class=\"contact__title\">Pret a <span class=\"highlight\">securiser<\/span> vos reseaux ?<\/h2>\r\n <p class=\"contact__subtitle\">Une question, un devis, une urgence ? Notre equipe est a votre ecoute 24h\/24 et 7j\/7.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact__grid\">\r\n\r\n \r\n <div class=\"contact__form\">\r\n <h3 class=\"contact__form-title\">Demandez un diagnostic<\/h3>\r\n <p class=\"contact__form-subtitle\">Remplissez le formulaire et nous vous recontacterons sous 24h.<\/p>\r\n\r\n \r\n <form id=\"contactForm\"\r\n action=\"https:\/\/formsubmit.co\/info-contact@btplus.fr\"\r\n method=\"POST\"\r\n enctype=\"multipart\/form-data\">\r\n\r\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de diagnostic - Site BT Plus\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n \r\n <input type=\"hidden\" name=\"_cc\" value=\"marketing@btgroup-france.com\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n \r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"nom\">Nom complet <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"nom\" name=\"Nom complet\" placeholder=\"Jean Dupont\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"email\">Email <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jean@exemple.fr\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"telephone\">Telephone <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"Telephone\" placeholder=\"01 23 45 67 89\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"cp\">Code postal<\/label>\r\n <input type=\"text\" id=\"cp\" name=\"Code postal\" placeholder=\"75000\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_batiment\">Type de batiment<\/label>\r\n <select id=\"type_batiment\" name=\"Type de batiment\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"copropriete\">Copropriete<\/option>\r\n <option value=\"syndic\">Syndic<\/option>\r\n <option value=\"bailleur\">Bailleur social<\/option>\r\n <option value=\"erp\">ERP (Etablissement recevant du public)<\/option>\r\n <option value=\"tertiaire\">Tertiaire (bureau, commerce)<\/option>\r\n <option value=\"collectivite\">Collectivite<\/option>\r\n <option value=\"particulier\">Particulier<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_besoin\">Type de besoin<\/label>\r\n <select id=\"type_besoin\" name=\"Type de besoin\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"urgence\">Urgence (debouchage, curage)<\/option>\r\n <option value=\"entretien\">Entretien preventif<\/option>\r\n <option value=\"diagnostic\">Diagnostic \/ Inspection<\/option>\r\n <option value=\"travaux\">Travaux \/ Renovation<\/option>\r\n <option value=\"contrat\">Contrat d'entretien<\/option>\r\n <option value=\"devis\">Demande de devis<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"Message\" placeholder=\"Decrivez votre situation...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group contact__form-group--file\">\r\n <label>Ajouter une photo <span style=\"font-weight:400;text-transform:none;color:#b0c0d0;\">(optionnel - une seule)<\/span><\/label>\r\n <div class=\"file-drop-zone\" id=\"fileDropZone\">\r\n <i class=\"fas fa-cloud-upload-alt\"><\/i>\r\n <p>Glissez une photo ici ou cliquez pour la selectionner<\/p>\r\n <div class=\"file-types\">JPG, PNG, GIF - une seule photo, 5MB max<\/div>\r\n <input type=\"file\" id=\"fileInput\" name=\"attachment\" accept=\"image\/*\" \/>\r\n <\/div>\r\n <div class=\"file-list\" id=\"fileList\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__consent\">\r\n <input type=\"checkbox\" id=\"consent\" name=\"Consentement RGPD\" value=\"J'accepte\" required \/>\r\n <label for=\"consent\">\r\n J'accepte que les informations saisies dans ce formulaire soient utilisees par BT Plus\r\n afin de traiter ma demande et de me recontacter. Conformement au RGPD, je dispose d'un\r\n droit d'acces, de rectification et de suppression de mes donnees, que je peux exercer en\r\n ecrivant a <a href=\"mailto:info-contact@btplus.fr\">info-contact@btplus.fr<\/a>.\r\n <a href=\"\/politique-de-confidentialite\" target=\"_blank\" rel=\"noopener\">En savoir plus<\/a>.\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn--contact\">\r\n Planifier un diagnostic <span class=\"btn__icon\">→<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__info\">\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Telephone<\/h4><p><a href=\"tel:+33185421970\">01 85 42 19 70<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Email<\/h4><p><a href=\"mailto:contact@btplus-intervention.fr\">contact@btplus-intervention.fr<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Adresse<\/h4><p>15 rue de l'Industrie, 93300 Aubervilliers<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__hours\">\r\n <div class=\"contact__hours-title\">Horaires d'ouverture<\/div>\r\n <div class=\"contact__hours-grid\">\r\n <span class=\"contact__hours-day\">Lundi - Vendredi<\/span><span class=\"contact__hours-time\">08:00 - 20:00<\/span>\r\n <span class=\"contact__hours-day\">Samedi<\/span><span class=\"contact__hours-time\">09:00 - 18:00<\/span>\r\n <span class=\"contact__hours-day\">Dimanche & jours feries<\/span><span class=\"contact__hours-time\"><span class=\"urgent\">Urgence 24\/7<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__map\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2623.5!2d2.366!3d48.916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2f8e5c8b3d%3A0x8e5c8b3d47e66e2f!2sAubervilliers!5e0!3m2!1sfr!2sfr!4v1700000000000\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"w9\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs>\r\n <g class=\"wave-back\"><use href=\"#w9\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w9\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w9\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w9\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w9\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w9\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var fileInput = document.getElementById('fileInput');\r\n var fileList = document.getElementById('fileList');\r\n var dropZone = document.getElementById('fileDropZone');\r\n if (!fileInput || !dropZone) return;\r\n var perFileMax = 5 * 1024 * 1024;\r\n var totalMax = 10 * 1024 * 1024;\r\n\r\n function updateFileList(files) {\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach(function (file, index) {\r\n var item = document.createElement('span');\r\n item.className = 'file-item';\r\n var icon = file.type.indexOf('image\/') === 0 ? 'fa-image' : 'fa-file';\r\n item.innerHTML = '<i class=\"fas ' + icon + '\"><\/i><span>' + file.name + '<\/span><span class=\"file-remove\" data-index=\"' + index + '\"><i class=\"fas fa-times\"><\/i><\/span>';\r\n fileList.appendChild(item);\r\n });\r\n document.querySelectorAll('.file-remove').forEach(function (btn) {\r\n btn.addEventListener('click', function (e) {\r\n e.stopPropagation();\r\n var idx = parseInt(this.dataset.index);\r\n var dt = new DataTransfer();\r\n Array.from(fileInput.files).filter(function (_, i) { return i !== idx; }).forEach(function (f) { dt.items.add(f); });\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n });\r\n });\r\n }\r\n\r\n function applyFiles(candidate) {\r\n var valid = candidate.filter(function (f) { return f.type.indexOf('image\/') === 0 && f.size <= perFileMax; });\r\n if (candidate.length > 1) alert('Une seule photo peut etre envoyee. Seule la premiere a ete conservee.');\r\n else if (valid.length !== candidate.length) alert('Fichier ignore (image uniquement, 5MB max).');\r\n var dt = new DataTransfer();\r\n if (valid.length > 0) dt.items.add(valid[0]);\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n }\r\n\r\n dropZone.addEventListener('click', function (e) { if (e.target === this || e.target.closest('.file-drop-zone')) fileInput.click(); });\r\n fileInput.addEventListener('change', function () { applyFiles(Array.from(this.files)); });\r\n dropZone.addEventListener('dragover', function (e) { e.preventDefault(); this.classList.add('dragover'); });\r\n dropZone.addEventListener('dragleave', function (e) { e.preventDefault(); this.classList.remove('dragover'); });\r\n dropZone.addEventListener('drop', function (e) {\r\n e.preventDefault(); this.classList.remove('dragover');\r\n applyFiles(Array.from(e.dataTransfer.files));\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BT Plus \u2014 Zone d’intervention 24h\/24 Zone d’intervention \u00b7 \u00cele-de-France Nous intervenons dans toute l’\u00cele-de-France D\u00e9partements couverts : Paris, Hauts-de-Seine, Seine-Saint-Denis, Val-de-Marne, Yvelines, Essonne, Seine-et-Marne et Val-d’Oise. Un technicien pr\u00e8s de chez vous en moins d’1 heure. Paris 75 Hauts-de-Seine 92 Seine-St-Denis 93 Val-de-Marne 94 Yvelines 78 Essonne 91 Seine-et-Marne 77 Val-d’Oise 95 8 d\u00e9partements […]<\/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-129","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/129","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=129"}],"version-history":[{"count":109,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/129\/revisions"}],"predecessor-version":[{"id":3032,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/129\/revisions\/3032"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}