Inspection cam\u00e9ra canalisation \u2013 BT Plus \u00cele-de-France<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<style>\r\n :root{\r\n --blue-900:#07294a;\r\n --blue-800:#0a3666;\r\n --blue-700:#0d4f8b;\r\n --blue-500:#1c7ec9;\r\n --blue-300:#7cc0ee;\r\n --blue-100:#d6ebfb;\r\n --blue-50:#eef6fc;\r\n --orange:#f4a61a;\r\n --orange-dark:#d98a0c;\r\n --ink:#0c2238;\r\n --slate:#48637d;\r\n --paper:#ffffff;\r\n\r\n --font-display:\"Sora\",sans-serif;\r\n --font-body:\"Inter\",sans-serif;\r\n\r\n --shadow-sm:0 2px 10px rgba(7,41,74,.06);\r\n --shadow-md:0 18px 40px -16px rgba(7,41,74,.30);\r\n }\r\n\r\n *{box-sizing:border-box;margin:0;padding:0}\r\n html{scroll-behavior:smooth}\r\n body{\r\n font-family:var(--font-body);\r\n color:var(--ink);\r\n background:var(--paper);\r\n -webkit-font-smoothing:antialiased;\r\n line-height:1.6;\r\n }\r\n\r\n \/* ---------- Hero ---------- *\/\r\n .hero{\r\n position:relative;\r\n overflow:hidden;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, var(--blue-100), transparent 60%),\r\n linear-gradient(180deg,#fbfdff 0%,var(--blue-50) 100%);\r\n }\r\n .hero-inner{\r\n max-width:1200px;margin:0 auto;\r\n padding:40px 24px 150px;\r\n display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;\r\n position:relative;\r\n }\r\n @media(max-width:940px){\r\n .hero-inner{grid-template-columns:1fr;padding:28px 24px 130px;gap:34px}\r\n }\r\n\r\n \/* ============================================\r\n BADGE 24\/24 \u2014 INSPECTION CAM\u00c9RA\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 INSPECTION CAM\u00c9RA (SEO)\r\n ============================================ *\/\r\n h1{\r\n font-family:var(--font-display);font-weight:800;\r\n font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.06;\r\n letter-spacing:-.025em;color:var(--blue-900);margin:18px 0 0;\r\n }\r\n h1 .accent{\r\n color:var(--orange);position:relative;white-space:nowrap;\r\n }\r\n h1 .accent::after{\r\n content:\"\";position:absolute;left:0;right:0;bottom:.06em;height:.16em;\r\n background:rgba(244,166,26,.28);border-radius:4px;z-index:-1;\r\n transform:scaleX(0);transform-origin:left;animation:underline 1s .8s ease forwards;\r\n }\r\n @keyframes underline{to{transform:scaleX(1)}}\r\n\r\n .lead{\r\n margin-top:18px;font-size:1.08rem;color:var(--slate);max-width:550px;\r\n }\r\n .lead strong{\r\n color:var(--blue-800);\r\n font-weight:600;\r\n }\r\n\r\n \/* service chips \u2014 INSPECTION CAM\u00c9RA *\/\r\n .chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}\r\n .chip{\r\n display:inline-flex;align-items:center;gap:7px;\r\n background:#fff;border:1px solid var(--blue-100);\r\n padding:8px 13px;border-radius:11px;font-size:.86rem;font-weight:600;color:var(--blue-800);\r\n box-shadow:var(--shadow-sm);transition:transform .2s, box-shadow .2s, border-color .2s;\r\n }\r\n .chip svg{width:16px;height:16px;color:var(--blue-500)}\r\n .chip:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-300)}\r\n\r\n \/* trust strip *\/\r\n .trust{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px}\r\n .trust div{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--slate);font-weight:500}\r\n .trust svg{width:18px;height:18px;color:#1faa6b;flex-shrink:0}\r\n\r\n \/* ---------- Visual ---------- *\/\r\n .visual{position:relative;display:grid;place-items:center;min-height:380px}\r\n .disc{\r\n position:relative;\r\n width:min(420px,90%);\r\n aspect-ratio:1;\r\n border-radius:50%;\r\n overflow:hidden;\r\n box-shadow:0 40px 70px -25px rgba(13,79,139,.7);\r\n display:grid;\r\n place-items:center;\r\n }\r\n\r\n .disc img{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n z-index:1;\r\n }\r\n\r\n .disc .overlay{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n background:rgba(7,41,74,0.30);\r\n z-index:2;\r\n border-radius:50%;\r\n }\r\n\r\n .ring{\r\n position:absolute;\r\n border:2px solid rgba(255,255,255,0.5);\r\n border-radius:50%;\r\n inset:0;\r\n opacity:0;\r\n z-index:3;\r\n animation:ripple 4s linear infinite;\r\n pointer-events:none;\r\n }\r\n .ring:nth-child(3){animation-delay:1.3s}\r\n .ring:nth-child(4){animation-delay:2.6s}\r\n @keyframes ripple{\r\n 0%{transform:scale(.55);opacity:.6}\r\n 80%{opacity:0}\r\n 100%{transform:scale(1.18);opacity:0}\r\n }\r\n\r\n .disc-content{\r\n position:relative;\r\n z-index:4;\r\n text-align:center;\r\n color:#ffffff;\r\n padding:20px;\r\n }\r\n\r\n .disc-content .icon-badge{\r\n display:inline-block;\r\n background:rgba(255,255,255,0.15);\r\n backdrop-filter:blur(6px);\r\n padding:6px 16px;\r\n border-radius:100px;\r\n font-family:var(--font-display);\r\n font-weight:700;\r\n font-size:.7rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,0.2);\r\n margin-bottom:10px;\r\n }\r\n\r\n .disc-content .big-number{\r\n font-family:var(--font-display);\r\n font-weight:800;\r\n font-size:3.8rem;\r\n line-height:1;\r\n color:#fff;\r\n text-shadow:0 4px 20px rgba(0,0,0,0.2);\r\n }\r\n\r\n .disc-content .big-number span{\r\n font-size:1.4rem;\r\n font-weight:500;\r\n opacity:0.8;\r\n }\r\n\r\n .disc-content .desc{\r\n font-family:var(--font-body);\r\n font-weight:500;\r\n font-size:.95rem;\r\n color:rgba(255,255,255,0.9);\r\n margin-top:4px;\r\n }\r\n\r\n \/* ============================================\r\n FLOATING CARDS \u2014 INSPECTION CAM\u00c9RA\r\n ============================================ *\/\r\n .float{\r\n position:absolute;\r\n background:#fff;\r\n border-radius:14px;\r\n padding:12px 15px;\r\n box-shadow:var(--shadow-md);\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n font-size:.85rem;\r\n animation:floaty 6s ease-in-out infinite;\r\n z-index:10;\r\n }\r\n .float .fic{\r\n width:38px;\r\n height:38px;\r\n border-radius:10px;\r\n display:grid;\r\n place-items:center;\r\n flex-shrink:0;\r\n }\r\n .float b{\r\n font-family:var(--font-display);\r\n display:block;\r\n font-size:1.05rem;\r\n color:var(--blue-900);\r\n line-height:1.1;\r\n }\r\n .float small{\r\n color:var(--slate);\r\n font-size:.74rem;\r\n }\r\n .float.one{\r\n top:6%;\r\n left:-4%;\r\n animation-delay:.2s;\r\n }\r\n .float.one .fic{\r\n background:#fff3df;\r\n color:var(--orange-dark);\r\n }\r\n .float.two{\r\n bottom:10%;\r\n right:-6%;\r\n animation-delay:1.6s;\r\n }\r\n .float.two .fic{\r\n background:var(--blue-50);\r\n color:var(--blue-700);\r\n }\r\n @media(max-width:560px){\r\n .float.one{left:0}\r\n .float.two{right:0}\r\n }\r\n\r\n \/* ---------- Animated waves ---------- *\/\r\n .waves{\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n bottom:0;\r\n line-height:0;\r\n z-index:1;\r\n pointer-events:none;\r\n }\r\n .waves svg{\r\n display:block;\r\n width:100%;\r\n height:120px;\r\n }\r\n .wave-back use{animation:wavemove 11s linear infinite;opacity:.55}\r\n .wave-mid use{animation:wavemove 8s linear infinite reverse;opacity:.8}\r\n .wave-front use{animation:wavemove 6s linear infinite}\r\n @keyframes wavemove{\r\n 0%{transform:translateX(0)}\r\n 100%{transform:translateX(-50%)}\r\n }\r\n\r\n \/* ---------- entrance ---------- *\/\r\n .reveal{\r\n opacity:0;\r\n transform:translateY(22px);\r\n animation:rise .7s cubic-bezier(.2,.7,.3,1) forwards;\r\n }\r\n .d1{animation-delay:.05s}\r\n .d2{animation-delay:.16s}\r\n .d3{animation-delay:.27s}\r\n .d4{animation-delay:.38s}\r\n .d5{animation-delay:.49s}\r\n .reveal-r{\r\n opacity:0;\r\n transform:scale(.94);\r\n animation:pop .8s .3s cubic-bezier(.2,.7,.3,1) forwards;\r\n }\r\n @keyframes rise{\r\n to{opacity:1;transform:translateY(0)}\r\n }\r\n @keyframes pop{\r\n to{opacity:1;transform:scale(1)}\r\n }\r\n\r\n @media(prefers-reduced-motion:reduce){\r\n *{animation:none!important;transition:none!important}\r\n .reveal,.reveal-r{opacity:1;transform:none}\r\n h1 .accent::after{transform:scaleX(1)}\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media(max-width:768px){\r\n .disc{\r\n width:min(340px,85%);\r\n }\r\n .disc-content .big-number{\r\n font-size:2.8rem;\r\n }\r\n .disc-content .big-number span{\r\n font-size:1.1rem;\r\n }\r\n .disc-content .desc{\r\n font-size:.8rem;\r\n }\r\n .disc-content .icon-badge{\r\n font-size:.6rem;\r\n padding:4px 12px;\r\n }\r\n }\r\n\r\n @media(max-width:480px){\r\n .disc{\r\n width:min(280px,80%);\r\n }\r\n .disc-content .big-number{\r\n font-size:2.2rem;\r\n }\r\n .disc-content .big-number span{\r\n font-size:.9rem;\r\n }\r\n .disc-content .desc{\r\n font-size:.7rem;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header class=\"hero\">\r\n <div class=\"hero-inner\">\r\n\r\n \r\n \r\n \r\n <div class=\"badge-247\">\r\n <span class=\"fic\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <path d=\"M12 7v5l3 2\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span>\r\n <b>Entreprise inspection cam\u00e9ra<\/b>\r\n <small>Urgence 24h\/24 \u2013 Devis gratuit<\/small>\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n <h1 class=\"reveal d2\">\r\n <strong>Inspection cam\u00e9ra canalisation<\/strong><br>\r\n <span class=\"accent\">diagnostic pr\u00e9cis<\/span>\r\n <\/h1>\r\n\r\n <p class=\"lead reveal d3\">\r\n <strong>Diagnostic canalisation<\/strong> sans travaux invasifs gr\u00e2ce \u00e0 notre cam\u00e9ra HD 4K.\r\n <strong>D\u00e9tection de bouchon<\/strong>, <strong>contr\u00f4le canalisation avant achat immobilier<\/strong>\r\n et <strong>inspection r\u00e9seau assainissement<\/strong> complet.\r\n <strong>Passage cam\u00e9ra canalisation<\/strong> pour une <strong>inspection canalisation bouch\u00e9e<\/strong>\r\n ou un simple contr\u00f4le pr\u00e9ventif.\r\n <\/p>\r\n\r\n <div class=\"chips reveal d4\">\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg><strong>Diagnostic canalisation<\/strong><\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg><strong>D\u00e9tection de bouchon<\/strong><\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg><strong>Contr\u00f4le avant achat<\/strong><\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg><strong>Inspection r\u00e9seau assainissement<\/strong><\/span>\r\n <\/div>\r\n\r\n <div class=\"trust reveal d5\">\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><strong>Entreprise inspection cam\u00e9ra<\/strong><\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><strong>Devis gratuit<\/strong><\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><strong>Passage cam\u00e9ra<\/strong><\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><strong>R\u00e9sultat imm\u00e9diat<\/strong><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"visual reveal-r\">\r\n <div class=\"disc\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/btplus.fr\/wp-content\/uploads\/2021\/08\/inspection-camera-1.jpg\"\r\n alt=\"Inspection cam\u00e9ra canalisation HD 4K\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"overlay\"><\/div>\r\n\r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n\r\n <div class=\"disc-content\">\r\n <span class=\"icon-badge\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;margin-right:6px;\">\r\n <path d=\"M12 2v4M12 22v-4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/>\r\n <\/svg>\r\n Diagnostic en cours\r\n <\/span>\r\n <div class=\"big-number\">\r\n HD <span>4K<\/span>\r\n <\/div>\r\n <div class=\"desc\"><strong>Inspection cam\u00e9ra canalisations en IDF<\/strong> \u2013 diagnostic pr\u00e9cis<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"float one\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\r\n <\/span>\r\n <span><b>\u2248 1h<\/b><small><strong>diagnostic canalisation<\/strong><\/small><\/span>\r\n <\/div>\r\n\r\n <div class=\"float two\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><path d=\"M21 12a9 9 0 1 1-9-9c2.5 0 4.8 1 6.4 2.6\"\/><\/svg>\r\n <\/span>\r\n <span><b>95%<\/b><small>de pr\u00e9cision diagnostique<\/small><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"w\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/>\r\n <\/defs>\r\n <g class=\"wave-back\"><use href=\"#w\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/header>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77f79bf e-con-full e-flex e-con e-parent\" data-id=\"77f79bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff5bafd elementor-widget elementor-widget-html\" data-id=\"ff5bafd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<style>\r\n.btp-inspection {\r\n --b900:#07294a; --b800:#0a3666; --b700:#0d4f8b; --b500:#1c7ec9; --b300:#7cc0ee; --b100:#d6ebfb; --b50:#eef6fc;\r\n --or:#f4a61a; --or-d:#d98a0c; --ink:#0c2238; --slate:#48637d; --line:#e4ecf4;\r\n --green:#10b981; --green-bg:#d1fae5; --red:#ef4444; --red-bg:#fee2e2;\r\n --fd:\"Sora\",sans-serif; --fb:\"Inter\",sans-serif; --fm:\"JetBrains Mono\",monospace;\r\n --ease:cubic-bezier(.2,.8,.2,1);\r\n\r\n position:relative; overflow:hidden; width:100%;\r\n padding:80px 0 100px;\r\n font-family:var(--fb); color:var(--ink); line-height:1.5;\r\n background:\r\n radial-gradient(820px 480px at 92% -12%, rgba(244,166,26,.05), transparent 60%),\r\n radial-gradient(760px 460px at -6% 110%, rgba(28,126,201,.05), transparent 55%),\r\n linear-gradient(180deg, var(--b50) 0%, #ffffff 100%);\r\n}\r\n.btp-inspection *,.btp-inspection *::before,.btp-inspection *::after{box-sizing:border-box}\r\n.btp-inspection h2,.btp-inspection h3,.btp-inspection h4,.btp-inspection p{margin:0}\r\n.btp-inspection .wrap{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}\r\n\r\n\/* ---------- en-t\u00eate ---------- *\/\r\n.btp-inspection .hd{text-align:center;margin-bottom:48px}\r\n.btp-inspection .pill{display:inline-flex;align-items:center;gap:9px;font-family:var(--fm);font-weight:700;\r\n font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--or-d);\r\n background:#fff;border:1px solid #f6e3bf;padding:6px 14px 6px 10px;border-radius:999px}\r\n.btp-inspection .pill .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(16,185,129,.55);animation:srvPulse 1.8s infinite}\r\n@keyframes srvPulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.55)}70%{box-shadow:0 0 0 9px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}\r\n.btp-inspection .hd h2{font-family:var(--fd);font-weight:800;letter-spacing:-.025em;line-height:1.08;\r\n font-size:clamp(2rem,4.8vw,3.4rem);color:var(--b900);margin:14px 0 0}\r\n.btp-inspection .hd h2 em{font-style:normal;color:var(--or)}\r\n.btp-inspection .hd .lead{margin-top:14px;font-size:1.05rem;color:var(--slate);max-width:620px;margin-left:auto;margin-right:auto}\r\n.btp-inspection .hd .lead strong{color:var(--b700);font-weight:600}\r\n\r\n\/* ---------- KPI mini ---------- *\/\r\n.btp-inspection .kpi-row{\r\n display:grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap:12px;\r\n margin:28px 0 40px;\r\n}\r\n@media(max-width:640px){.btp-inspection .kpi-row{grid-template-columns:1fr 1fr}}\r\n.btp-inspection .kpi-item{\r\n background:#fff;\r\n border-radius:12px;\r\n padding:14px 18px;\r\n border:1px solid var(--line);\r\n text-align:center;\r\n}\r\n.btp-inspection .kpi-item .num{\r\n font-family:var(--fd);\r\n font-weight:800;\r\n font-size:1.6rem;\r\n color:var(--b900);\r\n line-height:1;\r\n}\r\n.btp-inspection .kpi-item .num small{font-size:.9rem;font-weight:600;color:var(--slate)}\r\n.btp-inspection .kpi-item .label{\r\n font-family:var(--fm);\r\n font-size:.58rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n color:var(--slate);\r\n margin-top:4px;\r\n}\r\n\r\n\/* ---------- grille services 2 colonnes ---------- *\/\r\n.btp-inspection .grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n@media(max-width:640px){.btp-inspection .grid{grid-template-columns:1fr}}\r\n\r\n.btp-inspection .card{\r\n background:#fff;\r\n border-radius:16px;\r\n border:1px solid var(--line);\r\n padding:24px 26px;\r\n transition:all .3s var(--ease);\r\n cursor:pointer;\r\n box-shadow:0 2px 8px rgba(0,0,0,.02);\r\n}\r\n.btp-inspection .card:hover,\r\n.btp-inspection .card.active{\r\n border-color:var(--or);\r\n box-shadow:0 8px 24px rgba(7,41,74,.08);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.btp-inspection .card-title{\r\n font-family:var(--fd);\r\n font-weight:700;\r\n font-size:1.1rem;\r\n color:var(--b900);\r\n margin-bottom:4px;\r\n}\r\n.btp-inspection .card-badge{\r\n font-family:var(--fm);\r\n font-size:.5rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n padding:2px 12px;\r\n border-radius:999px;\r\n display:inline-block;\r\n}\r\n.btp-inspection .card-badge.green{background:var(--green-bg);color:#065f46}\r\n.btp-inspection .card-badge.red{background:var(--red-bg);color:#991b1b}\r\n.btp-inspection .card-badge.orange{background:#fef3c7;color:#b45309}\r\n.btp-inspection .card-badge.gray{background:#f3f4f6;color:#6b7280}\r\n\r\n.btp-inspection .card-desc{\r\n font-size:.85rem;\r\n color:var(--slate);\r\n line-height:1.6;\r\n margin:6px 0 10px;\r\n}\r\n.btp-inspection .card-desc strong{color:var(--b700);font-weight:600}\r\n\r\n.btp-inspection .card-tags{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:6px;\r\n margin-top:4px;\r\n}\r\n.btp-inspection .card-tags span{\r\n font-family:var(--fm);\r\n font-size:.55rem;\r\n color:var(--slate);\r\n background:var(--b50);\r\n padding:2px 12px;\r\n border-radius:999px;\r\n}\r\n\r\n\/* ---------- CTA ROUGE avec num\u00e9ro en blanc ---------- *\/\r\n.btp-inspection .cta-red{\r\n display:flex;\r\n justify-content:center;\r\n margin-top:44px;\r\n}\r\n.btp-inspection .btn-urgence{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:12px;\r\n background:#d32f2f;\r\n color:#ffffff !important;\r\n font-family:var(--fd);\r\n font-weight:700;\r\n font-size:1.2rem;\r\n padding:14px 36px;\r\n border-radius:60px;\r\n text-decoration:none;\r\n box-shadow:0 6px 24px rgba(211,47,47,0.3);\r\n transition:all .3s var(--ease);\r\n border:none;\r\n cursor:pointer;\r\n}\r\n.btp-inspection .btn-urgence:hover{\r\n background:#b71c1c;\r\n transform:translateY(-3px);\r\n box-shadow:0 10px 36px rgba(211,47,47,0.35);\r\n color:#ffffff !important;\r\n}\r\n.btp-inspection .btn-urgence .label{\r\n font-size:.65rem;\r\n font-weight:400;\r\n opacity:.85;\r\n display:block;\r\n margin-top:-2px;\r\n}\r\n\r\n\/* ---------- vagues ---------- *\/\r\n.btp-inspection .waves{\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n bottom:0;\r\n line-height:0;\r\n z-index:1;\r\n pointer-events:none;\r\n}\r\n.btp-inspection .waves svg{display:block;width:100%;height:90px}\r\n.btp-inspection .w-back use{animation:srvWave 12s linear infinite;opacity:.5}\r\n.btp-inspection .w-mid use{animation:srvWave 9s linear infinite reverse;opacity:.8}\r\n.btp-inspection .w-front use{animation:srvWave 6s linear infinite}\r\n@keyframes srvWave{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\r\n\r\n\/* ---------- r\u00e9v\u00e9lation ---------- *\/\r\n.btp-inspection .rv{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease)}\r\n.btp-inspection .rv.shown{opacity:1;transform:none}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n .btp-inspection *{animation:none!important;transition:none!important}\r\n .btp-inspection .rv{opacity:1;transform:none}\r\n}\r\n<\/style>\r\n\r\n<section class=\"btp-inspection\">\r\n <div class=\"wrap\">\r\n\r\n \r\n <header class=\"hd\">\r\n <span class=\"pill rv\"><span class=\"dot\"><\/span><strong>Entreprise inspection cam\u00e9ra<\/strong> \u2013 Urgence 24h\/24<\/span>\r\n <h2 class=\"rv\"><strong>Inspection cam\u00e9ra canalisation<\/strong> \u2013 <em>diagnostic pr\u00e9cis en \u00cele-de-France<\/em><\/h2>\r\n <p class=\"lead rv\">\r\n <strong>Diagnostic canalisation<\/strong> sans travaux invasifs gr\u00e2ce \u00e0 notre cam\u00e9ra HD 4K.\r\n <strong>D\u00e9tection de bouchon<\/strong>, <strong>contr\u00f4le canalisation avant achat immobilier<\/strong>\r\n et <strong>inspection r\u00e9seau assainissement<\/strong> complet.\r\n <strong>Passage cam\u00e9ra canalisation<\/strong> pour une <strong>inspection canalisation bouch\u00e9e<\/strong>\r\n ou un simple contr\u00f4le pr\u00e9ventif. <strong>Devis gratuit<\/strong>.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"kpi-row rv\">\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">1 <small>h<\/small><\/div>\r\n <div class=\"label\"><strong>Diagnostic canalisation<\/strong><\/div>\r\n <\/div>\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">0 <small>\u20ac<\/small><\/div>\r\n <div class=\"label\"><strong>Devis gratuit<\/strong><\/div>\r\n <\/div>\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">HD <small>4K<\/small><\/div>\r\n <div class=\"label\"><strong>Inspection HD<\/strong><\/div>\r\n <\/div>\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">360 <small>\u00b0<\/small><\/div>\r\n <div class=\"label\"><strong>Passage cam\u00e9ra<\/strong><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid rv\">\r\n\r\n \r\n <div class=\"card active\">\r\n <div class=\"card-title\"><strong style=\"color:var(--or);\">Diagnostic canalisation<\/strong> \u2013 d\u00e9tection de bouchon<\/div>\r\n <span class=\"card-badge green\">Disponible<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Localisation exacte<\/strong> des anomalies (fissures, racines, <strong>bouchons<\/strong>, v\u00e9tust\u00e9)\r\n gr\u00e2ce \u00e0 notre cam\u00e9ra haute d\u00e9finition. <strong>Inspection canalisation bouch\u00e9e<\/strong>\r\n en temps r\u00e9el \u2013 r\u00e9sultat imm\u00e9diat.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>D\u00e9tection de bouchon<\/strong><\/span>\r\n <span><strong>Diagnostic canalisation<\/strong><\/span>\r\n <span>R\u00e9sultat imm\u00e9diat<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-title\"><strong style=\"color:var(--or);\">Inspection canalisation bouch\u00e9e<\/strong> \u2013 rapport complet<\/div>\r\n <span class=\"card-badge green\">Inclus<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Un rapport complet<\/strong> avec photos et vid\u00e9os vous est remis \u00e0 l'issue de l'<strong>inspection<\/strong>\r\n pour justifier les travaux n\u00e9cessaires. <strong>Diagnostic canalisation<\/strong> d\u00e9taill\u00e9\r\n pour une <strong>intervention cibl\u00e9e<\/strong>.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Inspection r\u00e9seau<\/strong><\/span>\r\n <span>Photos \/ Vid\u00e9os<\/span>\r\n <span>Justificatif<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-title\"><strong style=\"color:var(--or);\">Contr\u00f4le avant achat<\/strong> \u2013 sans travaux<\/div>\r\n <span class=\"card-badge orange\">Avant achat<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Contr\u00f4le canalisation avant achat immobilier<\/strong> indispensable pour \u00e9viter les mauvaises surprises.\r\n L'<strong>inspection cam\u00e9ra canalisation<\/strong> \u00e9vite les interventions inutiles en ciblant\r\n pr\u00e9cis\u00e9ment la zone \u00e0 r\u00e9parer. \u00c9conomies garanties.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Contr\u00f4le avant achat<\/strong><\/span>\r\n <span>Non invasif<\/span>\r\n <span>\u00c9conomies<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-title\"><strong style=\"color:var(--or);\">Inspection r\u00e9seau assainissement<\/strong> \u2013 racines<\/div>\r\n <span class=\"card-badge red\">Urgence<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Rep\u00e9rage des racines<\/strong> ayant p\u00e9n\u00e9tr\u00e9 vos canalisations. <strong>Inspection r\u00e9seau assainissement<\/strong>\r\n complet pour identifier l'origine du probl\u00e8me. Solution adapt\u00e9e pour un <strong>curage<\/strong>\r\n ou une <strong>r\u00e9paration cibl\u00e9e<\/strong>. <strong>Entreprise inspection cam\u00e9ra<\/strong> agr\u00e9\u00e9e.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Racines<\/strong><\/span>\r\n <span><strong>Curage<\/strong><\/span>\r\n <span>R\u00e9paration cibl\u00e9e<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-red rv\">\r\n <a href=\"tel:0186957777\" class=\"btn-urgence\">\r\n <span>\r\n 01 86 95 77 77\r\n <span class=\"label\">Urgence 24h\/24 \u2013 7j\/7<\/span>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"srvWaveP\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\"\/><\/defs>\r\n <g class=\"w-back\"><use href=\"#srvWaveP\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#srvWaveP\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"w-mid\"><use href=\"#srvWaveP\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#srvWaveP\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"w-front\"><use href=\"#srvWaveP\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#srvWaveP\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n\r\n const section = document.querySelector('.btp-inspection');\r\n if (!section) return;\r\n\r\n const cards = section.querySelectorAll('.card');\r\n cards.forEach(card => {\r\n const activate = () => {\r\n cards.forEach(c => c.classList.remove('active'));\r\n card.classList.add('active');\r\n };\r\n card.addEventListener('mouseenter', activate);\r\n card.addEventListener('focus', activate);\r\n card.setAttribute('tabindex', '0');\r\n });\r\n\r\n const rv = section.querySelectorAll('.rv');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n rv.forEach(el => io.observe(el));\r\n } else {\r\n rv.forEach(el => el.classList.add('shown'));\r\n }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc64786 e-con-full e-flex e-con e-parent\" data-id=\"dc64786\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-690946c elementor-widget elementor-widget-html\" data-id=\"690946c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n\r\n<style>\r\n.galerie-carrousel {\r\n --b900: #07294a;\r\n --or: #f4a61a;\r\n --slate: #48637d;\r\n --line: #eef2f5;\r\n \r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n font-family: 'Inter', sans-serif;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Vague d\u00e9corative *\/\r\n.galerie-carrousel::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,80 600,0 900,40 C1050,60 1150,40 1200,40 L1200,80 L0,80 Z' fill='%23d6ebfb' opacity='0.3'\/%3E%3C\/svg%3E\") no-repeat bottom \/ 100% 100%;\r\n pointer-events: none;\r\n}\r\n\r\n.galerie-carrousel .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\/* HEADER *\/\r\n.galerie-carrousel .header {\r\n text-align: center;\r\n margin-bottom: 44px;\r\n}\r\n\r\n.galerie-carrousel .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.galerie-carrousel .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n}\r\n\r\n@keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n}\r\n\r\n.galerie-carrousel .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n}\r\n\r\n.galerie-carrousel .title span {\r\n color: #f4a61a;\r\n}\r\n\r\n.galerie-carrousel .subtitle {\r\n font-size: 1.05rem;\r\n color: #48637d;\r\n max-width: 620px;\r\n margin: 12px auto 0;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* ============================================================\r\n CARROUSEL CONTINU\r\n ============================================================ *\/\r\n.galerie-carrousel .carousel-wrapper {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 20px;\r\n}\r\n\r\n.galerie-carrousel .carousel-track {\r\n display: flex;\r\n gap: 16px;\r\n animation: scrollCarousel 30s linear infinite;\r\n will-change: transform;\r\n width: max-content;\r\n}\r\n\r\n.galerie-carrousel .carousel-track:hover {\r\n animation-play-state: paused;\r\n}\r\n\r\n@keyframes scrollCarousel {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 220px;\r\n aspect-ratio: 1\/1;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n position: relative;\r\n background: #07294a;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 16px rgba(7, 41, 74, 0.06);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 12px 40px rgba(7, 41, 74, 0.15);\r\n z-index: 2;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover img {\r\n transform: scale(1.05);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide .ville {\r\n position: absolute;\r\n bottom: 12px;\r\n left: 12px;\r\n right: 12px;\r\n background: rgba(7, 41, 74, 0.75);\r\n backdrop-filter: blur(4px);\r\n padding: 6px 14px;\r\n border-radius: 999px;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n color: #fff;\r\n text-align: center;\r\n opacity: 0;\r\n transform: translateY(10px);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover .ville {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide .zoom-icon {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n background: rgba(0, 0, 0, 0.5);\r\n backdrop-filter: blur(4px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fff;\r\n font-size: 0.7rem;\r\n opacity: 0;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover .zoom-icon {\r\n opacity: 1;\r\n}\r\n\r\n\/* ============================================================\r\n INDICATEURS\r\n ============================================================ *\/\r\n.galerie-carrousel .indicators {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 28px;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--line);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots .dot.active {\r\n background: var(--or);\r\n width: 24px;\r\n border-radius: 999px;\r\n}\r\n\r\n.galerie-carrousel .indicators .counter {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.8rem;\r\n color: var(--slate);\r\n font-weight: 500;\r\n}\r\n\r\n.galerie-carrousel .indicators .pause-btn {\r\n background: none;\r\n border: none;\r\n color: var(--slate);\r\n font-size: 1rem;\r\n cursor: pointer;\r\n transition: color 0.3s ease;\r\n padding: 4px 8px;\r\n}\r\n\r\n.galerie-carrousel .indicators .pause-btn:hover {\r\n color: var(--or);\r\n}\r\n\r\n\/* ============================================================\r\n MODALE\r\n ============================================================ *\/\r\n.galerie-carrousel .modal {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n z-index: 9999;\r\n background: rgba(7, 41, 74, 0.92);\r\n backdrop-filter: blur(8px);\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px;\r\n animation: modalFade 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .modal.open {\r\n display: flex;\r\n}\r\n\r\n@keyframes modalFade {\r\n from { opacity: 0; transform: scale(0.95); }\r\n to { opacity: 1; transform: scale(1); }\r\n}\r\n\r\n.galerie-carrousel .modal .modal-content {\r\n position: relative;\r\n max-width: 90vw;\r\n max-height: 85vh;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.galerie-carrousel .modal .modal-content img {\r\n width: 100%;\r\n height: auto;\r\n max-height: 85vh;\r\n object-fit: contain;\r\n display: block;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-close {\r\n position: absolute;\r\n top: -50px;\r\n right: 0;\r\n background: none;\r\n border: none;\r\n color: #fff;\r\n font-size: 2rem;\r\n cursor: pointer;\r\n transition: transform 0.3s ease;\r\n opacity: 0.7;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-close:hover {\r\n transform: rotate(90deg);\r\n opacity: 1;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-ville {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: rgba(0, 0, 0, 0.6);\r\n backdrop-filter: blur(4px);\r\n padding: 8px 24px;\r\n border-radius: 999px;\r\n color: #fff;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n}\r\n\r\n\/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n@media (max-width: 992px) {\r\n .galerie-carrousel .container {\r\n padding: 0 30px;\r\n }\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 180px;\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .galerie-carrousel {\r\n padding: 60px 0 80px;\r\n }\r\n .galerie-carrousel .container {\r\n padding: 0 16px;\r\n }\r\n .galerie-carrousel .carousel-track {\r\n gap: 10px;\r\n }\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 150px;\r\n border-radius: 12px;\r\n }\r\n .galerie-carrousel .carousel-track .slide .ville {\r\n font-size: 0.6rem;\r\n padding: 4px 10px;\r\n bottom: 8px;\r\n left: 8px;\r\n right: 8px;\r\n }\r\n .galerie-carrousel .carousel-track .slide .zoom-icon {\r\n display: none;\r\n }\r\n .galerie-carrousel .modal {\r\n padding: 16px;\r\n }\r\n .galerie-carrousel .modal .modal-close {\r\n top: -40px;\r\n font-size: 1.5rem;\r\n }\r\n .galerie-carrousel .modal .modal-ville {\r\n font-size: 0.7rem;\r\n padding: 4px 16px;\r\n bottom: 12px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 130px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"galerie-carrousel\">\r\n <div class=\"container\">\r\n \r\n \r\n <div class=\"header\">\r\n <span class=\"pill\">\r\n <span class=\"dot\"><\/span>\r\n Galerie BT Plus\r\n <\/span>\r\n <h2 class=\"title\">\r\n NOS <span>\u00c9QUIPEMENTS<\/span><br>ET INTERVENTIONS\r\n <\/h2>\r\n <p class=\"subtitle\">\r\n Des outils haute performance pour un diagnostic pr\u00e9cis et des interventions durables.\r\n Cliquez sur une photo pour l'agrandir.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-wrapper\">\r\n <div class=\"carousel-track\" id=\"carouselTrack\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"indicators\">\r\n <div class=\"dots\" id=\"dotsContainer\"><\/div>\r\n <span class=\"counter\" id=\"counter\">1 \/ 3<\/span>\r\n <button class=\"pause-btn\" id=\"pauseBtn\" aria-label=\"Pause \/ Play\">\r\n <i class=\"fas fa-pause\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"modal\" id=\"modal\">\r\n <div class=\"modal-content\">\r\n <button class=\"modal-close\" id=\"modalClose\">×<\/button>\r\n <img decoding=\"async\" id=\"modalImg\" src=\"\" alt=\"\u00c9quipement BT Plus\">\r\n <div class=\"modal-ville\" id=\"modalVille\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n\r\n \/\/ ============================================================\r\n \/\/ DONN\u00c9ES \u2014 Photos d'inspection par cam\u00e9ra (3 photos)\r\n \/\/ ============================================================\r\n const photos = [\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2021\/08\/inspection-camera-1.jpg',\r\n ville: 'Inspection cam\u00e9ra HD'\r\n },\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2021\/08\/inspection_camera-montage.jpg',\r\n ville: 'Montage cam\u00e9ra d\\'inspection'\r\n },\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2021\/06\/INSPECTION-PAR-CAMERA-1.jpg',\r\n ville: 'Cam\u00e9ra d\\'inspection - Diagnostic'\r\n }\r\n ];\r\n\r\n \/\/ ============================================================\r\n \/\/ \u00c9L\u00c9MENTS\r\n \/\/ ============================================================\r\n const track = document.getElementById('carouselTrack');\r\n const dotsContainer = document.getElementById('dotsContainer');\r\n const counter = document.getElementById('counter');\r\n const pauseBtn = document.getElementById('pauseBtn');\r\n const modal = document.getElementById('modal');\r\n const modalImg = document.getElementById('modalImg');\r\n const modalVille = document.getElementById('modalVille');\r\n const modalClose = document.getElementById('modalClose');\r\n\r\n let isPaused = false;\r\n let currentIndex = 0;\r\n const totalSlides = photos.length;\r\n const slidesPerView = 5;\r\n\r\n \/\/ ============================================================\r\n \/\/ G\u00c9N\u00c9RER LES SLIDES (doubl\u00e9es pour l'effet infini)\r\n \/\/ ============================================================\r\n function renderSlides() {\r\n track.innerHTML = '';\r\n \/\/ Doubler les photos pour l'effet continu\r\n const allPhotos = [...photos, ...photos];\r\n allPhotos.forEach((photo, index) => {\r\n const slide = document.createElement('div');\r\n slide.className = 'slide';\r\n slide.setAttribute('data-index', index % photos.length);\r\n \r\n slide.innerHTML = `\r\n <img decoding=\"async\" src=\"${photo.src}\" alt=\"${photo.ville}\" loading=\"lazy\">\r\n <div class=\"ville\">${photo.ville}<\/div>\r\n <div class=\"zoom-icon\"><i class=\"fas fa-expand\"><\/i><\/div>\r\n `;\r\n \r\n slide.addEventListener('click', function() {\r\n const idx = parseInt(this.getAttribute('data-index'));\r\n openModal(idx);\r\n });\r\n \r\n track.appendChild(slide);\r\n });\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ G\u00c9N\u00c9RER LES DOTS\r\n \/\/ ============================================================\r\n function renderDots() {\r\n dotsContainer.innerHTML = '';\r\n for (let i = 0; i < totalSlides; i++) {\r\n const dot = document.createElement('span');\r\n dot.className = 'dot' + (i === 0 ? ' active' : '');\r\n dot.setAttribute('data-index', i);\r\n dot.addEventListener('click', function() {\r\n const idx = parseInt(this.getAttribute('data-index'));\r\n goToSlide(idx);\r\n });\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ NAVIGATION VERS UNE PHOTO SP\u00c9CIFIQUE\r\n \/\/ ============================================================\r\n function goToSlide(index) {\r\n currentIndex = index;\r\n const slideWidth = 220 + 16; \/\/ largeur + gap\r\n const offset = -(index * slideWidth);\r\n \/\/ Animation manuelle\r\n track.style.animation = 'none';\r\n track.style.transform = `translateX(${offset}px)`;\r\n \/\/ R\u00e9activer l'animation apr\u00e8s un d\u00e9lai\r\n setTimeout(() => {\r\n track.style.animation = '';\r\n track.style.transform = '';\r\n }, 50);\r\n updateDots();\r\n updateCounter();\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ MISE \u00c0 JOUR DES INDICATEURS\r\n \/\/ ============================================================\r\n function updateDots() {\r\n const dots = dotsContainer.querySelectorAll('.dot');\r\n dots.forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentIndex);\r\n });\r\n }\r\n\r\n function updateCounter() {\r\n counter.textContent = `${currentIndex + 1} \/ ${totalSlides}`;\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ PAUSE \/ PLAY\r\n \/\/ ============================================================\r\n function togglePause() {\r\n isPaused = !isPaused;\r\n if (isPaused) {\r\n track.style.animationPlayState = 'paused';\r\n pauseBtn.innerHTML = '<i class=\"fas fa-play\"><\/i>';\r\n } else {\r\n track.style.animationPlayState = 'running';\r\n pauseBtn.innerHTML = '<i class=\"fas fa-pause\"><\/i>';\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ MODALE\r\n \/\/ ============================================================\r\n function openModal(index) {\r\n const photo = photos[index];\r\n modalImg.src = photo.src;\r\n modalImg.alt = photo.ville;\r\n modalVille.textContent = photo.ville;\r\n modal.classList.add('open');\r\n document.body.style.overflow = 'hidden';\r\n track.style.animationPlayState = 'paused';\r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('open');\r\n document.body.style.overflow = '';\r\n if (!isPaused) {\r\n track.style.animationPlayState = 'running';\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ SYNC DOTS AVEC L'ANIMATION\r\n \/\/ ============================================================\r\n function syncWithScroll() {\r\n const slideWidth = 220 + 16;\r\n const scrollPosition = Math.abs(parseFloat(track.style.transform.replace('translateX(', '').replace('px)', ''))) || 0;\r\n const approxIndex = Math.round(scrollPosition \/ slideWidth) % totalSlides;\r\n if (approxIndex !== currentIndex) {\r\n currentIndex = approxIndex;\r\n updateDots();\r\n updateCounter();\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ \u00c9V\u00c9NEMENTS\r\n \/\/ ============================================================\r\n pauseBtn.addEventListener('click', togglePause);\r\n modalClose.addEventListener('click', closeModal);\r\n modal.addEventListener('click', function(e) {\r\n if (e.target === this) closeModal();\r\n });\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') closeModal();\r\n });\r\n\r\n \/\/ Synchro p\u00e9riodique\r\n setInterval(syncWithScroll, 2000);\r\n\r\n \/\/ ============================================================\r\n \/\/ INITIALISATION\r\n \/\/ ============================================================\r\n renderSlides();\r\n renderDots();\r\n updateCounter();\r\n\r\n \/\/ Fallback images\r\n document.querySelectorAll('img').forEach(img => {\r\n img.addEventListener('error', function() {\r\n if (!this.hasAttribute('data-fallback')) {\r\n this.setAttribute('data-fallback', 'true');\r\n this.src = 'data:image\/svg+xml,%3Csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"400\" height=\"400\"%3E%3Crect fill=\"%2307294a\" width=\"400\" height=\"400\"\/%3E%3Ctext x=\"200\" y=\"200\" text-anchor=\"middle\" font-family=\"Sora\" font-size=\"24\" fill=\"%23f4a61a\"%3EBT Plus%3C\/text%3E%3C\/svg%3E';\r\n }\r\n });\r\n });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8a7e0d e-con-full e-flex e-con e-parent\" data-id=\"d8a7e0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7855c00 elementor-widget elementor-widget-html\" data-id=\"7855c00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n.btp-liens{\r\n --b900:#07294a; --b800:#0a3666; --b700:#0d4f8b; --b500:#1c7ec9; --b300:#7cc0ee; --b100:#d6ebfb; --b50:#eef6fc;\r\n --or:#f4a61a; --or-d:#d98a0c; --ink:#0c2238; --slate:#48637d; --line:#e4ecf4;\r\n --green:#10b981; --green-bg:#d1fae5; --red:#ef4444; --red-bg:#fee2e2;\r\n --fd:\"Sora\",sans-serif; --fb:\"Inter\",sans-serif; --fm:\"JetBrains Mono\",monospace;\r\n --ease:cubic-bezier(.2,.8,.2,1);\r\n\r\n position:relative; overflow:hidden; width:100%;\r\n padding:60px 0 70px;\r\n font-family:var(--fb); color:var(--ink); line-height:1.5;\r\n background:#ffffff;\r\n}\r\n.btp-liens *,.btp-liens *::before,.btp-liens *::after{box-sizing:border-box}\r\n.btp-liens h2,.btp-liens h3,.btp-liens p{margin:0}\r\n.btp-liens .wrap{\r\n max-width:1200px;\r\n margin:0 auto;\r\n padding:0 24px;\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n\/* ---------- en-t\u00eate ---------- *\/\r\n.btp-liens .hd{\r\n text-align:center;\r\n margin-bottom:32px;\r\n}\r\n.btp-liens .hd h2{\r\n font-family:var(--fd);\r\n font-weight:800;\r\n letter-spacing:-.025em;\r\n line-height:1.1;\r\n font-size:clamp(1.6rem,3.2vw,2.4rem);\r\n color:var(--b900);\r\n}\r\n.btp-liens .hd h2 em{font-style:normal;color:var(--or)}\r\n.btp-liens .hd p{\r\n margin-top:8px;\r\n font-size:.95rem;\r\n color:var(--slate);\r\n}\r\n\r\n\/* ---------- groupes de services ---------- *\/\r\n.btp-liens .groupe{\r\n margin-bottom:32px;\r\n}\r\n.btp-liens .groupe:last-child{margin-bottom:0}\r\n\r\n.btp-liens .groupe-titre{\r\n font-family:var(--fd);\r\n font-weight:700;\r\n font-size:1.1rem;\r\n color:var(--b900);\r\n margin-bottom:12px;\r\n padding-bottom:6px;\r\n border-bottom:2px solid var(--or);\r\n display:inline-block;\r\n}\r\n.btp-liens .groupe-titre small{\r\n font-weight:400;\r\n font-size:.7rem;\r\n color:var(--slate);\r\n margin-left:8px;\r\n}\r\n\r\n\/* ---------- grille des services ---------- *\/\r\n.btp-liens .services-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:14px;\r\n}\r\n@media(max-width:820px){\r\n .btp-liens .services-grid{grid-template-columns:repeat(2,1fr)}\r\n}\r\n@media(max-width:480px){\r\n .btp-liens .services-grid{grid-template-columns:1fr}\r\n}\r\n\r\n.btp-liens .service-card{\r\n display:block;\r\n background:#fff;\r\n border-radius:12px;\r\n border:1px solid var(--line);\r\n padding:16px 20px;\r\n text-decoration:none;\r\n color:var(--b900);\r\n font-family:var(--fd);\r\n font-weight:600;\r\n font-size:.9rem;\r\n transition:all .3s var(--ease);\r\n text-align:center;\r\n box-shadow:0 2px 6px rgba(0,0,0,.02);\r\n position:relative;\r\n}\r\n.btp-liens .service-card:hover{\r\n border-color:var(--or);\r\n box-shadow:0 8px 20px rgba(7,41,74,.08);\r\n transform:translateY(-3px);\r\n color:var(--b700);\r\n}\r\n.btp-liens .service-card .sous-titre{\r\n display:block;\r\n font-family:var(--fm);\r\n font-weight:400;\r\n font-size:.55rem;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n color:var(--slate);\r\n margin-top:2px;\r\n}\r\n.btp-liens .service-card .badge-service{\r\n display:inline-block;\r\n font-family:var(--fm);\r\n font-size:.45rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n padding:2px 10px;\r\n border-radius:999px;\r\n background:var(--b50);\r\n color:var(--b700);\r\n margin-bottom:4px;\r\n}\r\n\/* badge \"page actuelle\" *\/\r\n.btp-liens .service-card .badge-actuel{\r\n background:var(--or);\r\n color:#fff;\r\n}\r\n.btp-liens .service-card.actuel{\r\n border-color:var(--or);\r\n background:#fefcf5;\r\n}\r\n\r\n\/* ---------- s\u00e9parateur \"Nos secteurs d'intervention\" ---------- *\/\r\n.btp-liens .sep{\r\n text-align:center;\r\n margin:40px 0 28px 0;\r\n font-family:var(--fm);\r\n font-size:.65rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n color:var(--slate);\r\n position:relative;\r\n}\r\n.btp-liens .sep span{\r\n background:#fff;\r\n padding:0 16px;\r\n position:relative;\r\n z-index:1;\r\n}\r\n.btp-liens .sep::after{\r\n content:'';\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n top:50%;\r\n height:1px;\r\n background:var(--line);\r\n}\r\n\r\n\/* ---------- grille des d\u00e9partements ---------- *\/\r\n.btp-liens .grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:14px;\r\n}\r\n@media(max-width:820px){\r\n .btp-liens .grid{grid-template-columns:repeat(2,1fr)}\r\n}\r\n@media(max-width:480px){\r\n .btp-liens .grid{grid-template-columns:1fr}\r\n}\r\n\r\n.btp-liens .lien{\r\n display:block;\r\n background:#fff;\r\n border-radius:12px;\r\n border:1px solid var(--line);\r\n padding:14px 18px;\r\n text-decoration:none;\r\n color:var(--b900);\r\n font-family:var(--fd);\r\n font-weight:600;\r\n font-size:.9rem;\r\n transition:all .3s var(--ease);\r\n text-align:center;\r\n box-shadow:0 2px 6px rgba(0,0,0,.02);\r\n}\r\n.btp-liens .lien:hover{\r\n border-color:var(--or);\r\n box-shadow:0 8px 20px rgba(7,41,74,.08);\r\n transform:translateY(-3px);\r\n color:var(--b700);\r\n}\r\n.btp-liens .lien .departement{\r\n display:block;\r\n font-family:var(--fm);\r\n font-weight:400;\r\n font-size:.6rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n color:var(--slate);\r\n margin-top:2px;\r\n}\r\n<\/style>\r\n\r\n<section class=\"btp-liens\">\r\n <div class=\"wrap\">\r\n\r\n \r\n <div class=\"hd\">\r\n <h2>Nos autres <em>Services<\/em><\/h2>\r\n <p>Retrouvez l'ensemble de nos prestations d'assainissement, hors inspection cam\u00e9ra, en \u00cele\u2011de\u2011France<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"groupe\">\r\n <div class=\"groupe-titre\">D\u00e9pannage <small>intervention 24h\/24<\/small><\/div>\r\n <div class=\"services-grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n D\u00e9bouchage\r\n <span class=\"sous-titre\">Intervention rapide<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Curage\r\n <span class=\"sous-titre\">Hydrocurage haute pression<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera\/\" class=\"service-card actuel\">\r\n <span class=\"badge-service badge-actuel\">Page actuelle<\/span>\r\n Inspection cam\u00e9ra\r\n <span class=\"sous-titre\">Diagnostic HD 4K<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Pompage\r\n <span class=\"sous-titre\">Vidange & assainissement<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"groupe\">\r\n <div class=\"groupe-titre\">Travaux non collectif <small>ANC & installations priv\u00e9es<\/small><\/div>\r\n <div class=\"services-grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/regard\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Regard\r\n <span class=\"sous-titre\">Regards de visite<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/installation-de-puisard\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Installation de puisard\r\n <span class=\"sous-titre\">Puits d\u2019infiltration<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/bac-a-graisse\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Bac \u00e0 graisse\r\n <span class=\"sous-titre\">S\u00e9paration des graisses<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/instalation-pompe-de-relevage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Installation pompe de relevage\r\n <span class=\"sous-titre\">Mise en place de pompe<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/station-depuration\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Station d\u2019\u00e9puration\r\n <span class=\"sous-titre\">Micro\u2011station & filtre<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/separation-des-ep-eu\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n S\u00e9paration des EP\/EU\r\n <span class=\"sous-titre\">Eaux pluviales \/ eaux us\u00e9es<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/remplacement-de-canalisation\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Remplacement de canalisation\r\n <span class=\"sous-titre\">R\u00e9novation de r\u00e9seaux<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/travaux-de-mise-en-conformite\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Mise en conformit\u00e9\r\n <span class=\"sous-titre\">Mise aux normes du r\u00e9seau<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/travaux-dassainissement-non-collectif\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Assainissement non collectif\r\n <span class=\"sous-titre\">ANC \u2013 Fosse toutes eaux<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"groupe\">\r\n <div class=\"groupe-titre\">Travaux collectif <small>raccordement au r\u00e9seau public<\/small><\/div>\r\n <div class=\"services-grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-tout-a-legout\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Raccordement tout\u2011\u00e0\u2011l\u2019\u00e9gout\r\n <span class=\"sous-titre\">Raccordement au r\u00e9seau public<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-eaux-pluviales\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Raccordement eaux pluviales\r\n <span class=\"sous-titre\">Gestion des eaux de pluie<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-en-gargouille\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Raccordement en gargouille\r\n <span class=\"sous-titre\">Raccordement par gargouille<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"sep\"><span>Nos secteurs d'intervention pour l'inspection cam\u00e9ra<\/span><\/div>\r\n\r\n <div class=\"grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-essonne-91\/\" class=\"lien\">\r\n Essonne <span class=\"departement\">91<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-hauts-de-seine-92\/\" class=\"lien\">\r\n Hauts\u2011de\u2011Seine <span class=\"departement\">92<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-paris-75\/\" class=\"lien\">\r\n Paris <span class=\"departement\">75<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-seine-et-marne-77\/\" class=\"lien\">\r\n Seine\u2011et\u2011Marne <span class=\"departement\">77<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-seine-saint-denis-93\/\" class=\"lien\">\r\n Seine\u2011Saint\u2011Denis <span class=\"departement\">93<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-val-doise-95\/\" class=\"lien\">\r\n Val\u2011d\u2019Oise <span class=\"departement\">95<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-val-de-marne-94\/\" class=\"lien\">\r\n Val\u2011de\u2011Marne <span class=\"departement\">94<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-yvelines-78\/\" class=\"lien\">\r\n Yvelines <span class=\"departement\">78<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b77e619 e-con-full e-flex e-con e-parent\" data-id=\"b77e619\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-304bbd3 elementor-widget elementor-widget-html\" data-id=\"304bbd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover\">\r\n <title>Inspection cam\u00e9ra canalisation \u2013 Diagnostic BT Plus \u00cele-de-France<\/title>\r\n\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 TIMELINE INSPECTION CAM\u00c9RA (SEO optimis\u00e9)\r\n ============================================================ *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n background: #f5f7fa;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION TIMELINE\r\n ============================================================ *\/\r\n .btp-timeline {\r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Vague d\u00e9corative *\/\r\n .btp-timeline::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,80 600,0 900,40 C1050,60 1150,40 1200,40 L1200,80 L0,80 Z' fill='%23d6ebfb' opacity='0.3'\/%3E%3C\/svg%3E\") no-repeat bottom \/ 100% 100%;\r\n pointer-events: none;\r\n }\r\n\r\n .btp-timeline .container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* ============================================================\r\n ANIMATIONS (GPU-friendly)\r\n ============================================================ *\/\r\n @keyframes fadeUp {\r\n 0% { opacity: 0; transform: translateY(30px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes slideLeft {\r\n 0% { opacity: 0; transform: translateX(-30px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n @keyframes slideRight {\r\n 0% { opacity: 0; transform: translateX(30px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n @keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n }\r\n\r\n .anim-up {\r\n animation: fadeUp 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .anim-left {\r\n animation: slideLeft 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .anim-right {\r\n animation: slideRight 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .init-hidden {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n .init-left {\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n }\r\n\r\n .init-right {\r\n opacity: 0;\r\n transform: translateX(30px);\r\n }\r\n\r\n \/* ============================================================\r\n HEADER \u2014 SEO enrichi\r\n ============================================================ *\/\r\n .btp-timeline .header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .btp-timeline .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .btp-timeline .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n }\r\n\r\n .btp-timeline .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n }\r\n\r\n .btp-timeline .title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-timeline .subtitle {\r\n font-size: 1.05rem;\r\n color: #48637d;\r\n max-width: 680px;\r\n margin: 12px auto 0;\r\n line-height: 1.6;\r\n }\r\n .btp-timeline .subtitle strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n TIMELINE\r\n ============================================================ *\/\r\n .btp-timeline .timeline {\r\n position: relative;\r\n padding: 0 0 20px 0;\r\n }\r\n\r\n \/* Ligne verticale centrale *\/\r\n .btp-timeline .timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n bottom: 0;\r\n width: 3px;\r\n background: linear-gradient(180deg, #d6ebfb, #f4a61a, #d6ebfb);\r\n transform: translateX(-50%);\r\n border-radius: 99px;\r\n }\r\n\r\n \/* \u00c9tape de la timeline *\/\r\n .btp-timeline .step {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 40px;\r\n position: relative;\r\n }\r\n\r\n .btp-timeline .step:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* Contenu gauche *\/\r\n .btp-timeline .step .content-left {\r\n width: 50%;\r\n padding-right: 50px;\r\n text-align: right;\r\n }\r\n\r\n \/* Contenu droite *\/\r\n .btp-timeline .step .content-right {\r\n width: 50%;\r\n padding-left: 50px;\r\n text-align: left;\r\n }\r\n\r\n \/* Point central *\/\r\n .btp-timeline .step .dot-wrap {\r\n position: absolute;\r\n left: 50%;\r\n top: 8px;\r\n transform: translateX(-50%);\r\n z-index: 2;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background: #fff;\r\n border: 3px solid #f4a61a;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 16px rgba(244, 166, 26, 0.15);\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.75rem;\r\n font-weight: 800;\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-timeline .step:nth-child(4) .dot-wrap {\r\n border-color: #f4a61a;\r\n background: #fefaf5;\r\n }\r\n\r\n .btp-timeline .step:nth-child(4) .dot-wrap .step-num {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-timeline .step:last-child .dot-wrap {\r\n border-color: #10b981;\r\n background: #10b981;\r\n }\r\n\r\n .btp-timeline .step:last-child .dot-wrap .step-num {\r\n color: #fff;\r\n }\r\n\r\n \/* Num\u00e9ro d'\u00e9tape *\/\r\n .btp-timeline .step .step-label {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n margin-bottom: 4px;\r\n }\r\n\r\n \/* Titre de l'\u00e9tape *\/\r\n .btp-timeline .step .step-title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n margin-bottom: 6px;\r\n line-height: 1.3;\r\n }\r\n\r\n .btp-timeline .step .step-title span {\r\n color: #f4a61a;\r\n }\r\n\r\n \/* Description *\/\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.9rem;\r\n color: #48637d;\r\n line-height: 1.7;\r\n }\r\n\r\n .btp-timeline .step .step-desc strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Tags *\/\r\n .btp-timeline .products-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-top: 10px;\r\n justify-content: flex-start;\r\n }\r\n\r\n .btp-timeline .step .content-right .products-tags {\r\n justify-content: flex-start;\r\n }\r\n\r\n .btp-timeline .step .content-left .products-tags {\r\n justify-content: flex-end;\r\n }\r\n\r\n .btp-timeline .products-tags .tag {\r\n display: inline-block;\r\n font-size: 0.65rem;\r\n font-weight: 500;\r\n color: #48637d;\r\n background: #fff;\r\n padding: 3px 14px;\r\n border-radius: 999px;\r\n border: 1px solid #eef2f5;\r\n transition: all 0.2s;\r\n }\r\n\r\n .btp-timeline .products-tags .tag:hover {\r\n border-color: #f4a61a;\r\n background: #fefaf5;\r\n }\r\n\r\n \/* ============================================================\r\n RAPPEL URGENCE + CTA ROUGE (SEO enrichi)\r\n ============================================================ *\/\r\n .btp-timeline .urgence-block {\r\n margin-top: 50px;\r\n padding-top: 40px;\r\n border-top: 2px solid #eef2f5;\r\n text-align: center;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel {\r\n font-size: 1rem;\r\n color: #48637d;\r\n margin-bottom: 20px;\r\n line-height: 1.6;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel .highlight {\r\n color: #f4a61a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* CTA ROUGE \u2014 NUM\u00c9RO EN BLANC (identique aux autres sections) *\/\r\n .btp-timeline .btn-urgence {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: #d32f2f;\r\n color: #ffffff !important;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.2rem;\r\n padding: 14px 36px;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n box-shadow: 0 6px 24px rgba(211, 47, 47, 0.3);\r\n transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btp-timeline .btn-urgence:hover {\r\n background: #b71c1c;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 36px rgba(211, 47, 47, 0.35);\r\n color: #ffffff !important;\r\n }\r\n\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.4rem;\r\n letter-spacing: 0.02em;\r\n color: #ffffff;\r\n }\r\n\r\n .btp-timeline .btn-urgence .label {\r\n font-size: 0.65rem;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: rgba(255, 255, 255, 0.7);\r\n display: block;\r\n margin-top: -2px;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n @media (max-width: 992px) {\r\n .btp-timeline .container {\r\n padding: 0 30px;\r\n }\r\n\r\n .btp-timeline .timeline::before {\r\n left: 20px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap {\r\n left: 20px;\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .btp-timeline .step .content-left,\r\n .btp-timeline .step .content-right {\r\n width: 100%;\r\n padding-left: 60px;\r\n padding-right: 0;\r\n text-align: left;\r\n }\r\n\r\n .btp-timeline .step .content-left .products-tags {\r\n justify-content: flex-start;\r\n }\r\n\r\n .btp-timeline .step .step-label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .step .step-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence {\r\n padding: 14px 30px;\r\n font-size: 1rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-timeline {\r\n padding: 60px 0 80px;\r\n }\r\n\r\n .btp-timeline .container {\r\n padding: 0 20px;\r\n }\r\n\r\n .btp-timeline .timeline::before {\r\n left: 14px;\r\n }\r\n\r\n .btp-timeline .step {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap {\r\n left: 14px;\r\n width: 34px;\r\n height: 34px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .step .content-left,\r\n .btp-timeline .step .content-right {\r\n padding-left: 48px;\r\n }\r\n\r\n .btp-timeline .step .step-title {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .btp-timeline .products-tags .tag {\r\n font-size: 0.55rem;\r\n padding: 2px 10px;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence {\r\n padding: 12px 24px;\r\n font-size: 0.9rem;\r\n flex-direction: column;\r\n gap: 4px;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence .label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence:hover {\r\n gap: 6px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"btp-timeline\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"header\">\r\n <span class=\"pill init-hidden\">\r\n <span class=\"dot\"><\/span>\r\n <strong>Entreprise inspection cam\u00e9ra<\/strong> \u2013 Urgence 24h\/24\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n <strong>Inspection cam\u00e9ra canalisation<\/strong> \u2013 <span>diagnostic pr\u00e9cis en \u00cele-de-France<\/span>\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n <strong>Diagnostic canalisation<\/strong> sans travaux invasifs gr\u00e2ce \u00e0 notre cam\u00e9ra HD 4K.\r\n <strong>D\u00e9tection de bouchon<\/strong>, <strong>contr\u00f4le canalisation avant achat immobilier<\/strong>\r\n et <strong>inspection r\u00e9seau assainissement<\/strong> complet.\r\n <strong>Passage cam\u00e9ra canalisation<\/strong> pour une <strong>inspection canalisation bouch\u00e9e<\/strong>\r\n ou un simple contr\u00f4le pr\u00e9ventif. <strong>Devis gratuit<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline\">\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"step-label\">\u00c9tape 1<\/div>\r\n <div class=\"step-title\"><span>Passage cam\u00e9ra canalisation<\/span> \u2013 l'outil des professionnels<\/div>\r\n <div class=\"step-desc\">\r\n Seuls les professionnels de <strong>travaux d'assainissement en \u00cele-de-France<\/strong>\r\n disposent de cet outil, afin d'entrer avec pr\u00e9cision dans vos canalisations et de\r\n <strong>localiser le probl\u00e8me<\/strong>. <strong>Inspection cam\u00e9ra canalisation<\/strong>\r\n pour un <strong>diagnostic fiable<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Inspection cam\u00e9ra<\/strong><\/span>\r\n <span class=\"tag\">Cam\u00e9ra HD 4K<\/span>\r\n <span class=\"tag\">Non invasif<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">1<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\"><\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">2<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\">\r\n <div class=\"step-label\">\u00c9tape 2<\/div>\r\n <div class=\"step-title\"><span>Diagnostic canalisation<\/span> \u2013 rapport complet<\/div>\r\n <div class=\"step-desc\">\r\n Nos techniciens r\u00e9aliseront cette <strong>inspection r\u00e9seau assainissement<\/strong>\r\n en vous apportant un <strong>diagnostic complet<\/strong> accompagn\u00e9 d'un\r\n <strong>rapport explicatif et d\u00e9taill\u00e9 avec des photos<\/strong>, pour pouvoir\r\n imager la situation. <strong>Inspection canalisation bouch\u00e9e<\/strong> et\r\n <strong>d\u00e9tection de bouchon<\/strong> pr\u00e9cises.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Diagnostic canalisation<\/strong><\/span>\r\n <span class=\"tag\">Photos \/ Vid\u00e9os<\/span>\r\n <span class=\"tag\">Rapport d\u00e9taill\u00e9<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"step-label\">\u00c9tape 3<\/div>\r\n <div class=\"step-title\"><span>D\u00e9tection de bouchon<\/span> \u2013 anomalies trait\u00e9es rapidement<\/div>\r\n <div class=\"step-desc\">\r\n Suite au rapport \u00e9labor\u00e9 apr\u00e8s une <strong>inspection cam\u00e9ra canalisation<\/strong>,\r\n les anomalies potentielles de vos canalisations (<strong>bouchons<\/strong>, fissures,\r\n racines) seront trait\u00e9es dans les <strong>meilleurs d\u00e9lais<\/strong>.\r\n <strong>D\u00e9tection de bouchon<\/strong> pr\u00e9cise pour une <strong>intervention cibl\u00e9e<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>D\u00e9tection de bouchon<\/strong><\/span>\r\n <span class=\"tag\"><strong>Passage cam\u00e9ra<\/strong><\/span>\r\n <span class=\"tag\">Intervention rapide<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">3<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\"><\/div>\r\n <div class=\"dot-wrap\" style=\"border-color: #f4a61a; background: #fefaf5;\">\r\n <span class=\"step-num\" style=\"color: #f4a61a;\">4<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\">\r\n <div class=\"step-label\">\u00c9tape 4 \u2014 Avant achat<\/div>\r\n <div class=\"step-title\"><span>Contr\u00f4le canalisation avant achat immobilier<\/span><\/div>\r\n <div class=\"step-desc\">\r\n <strong>Contr\u00f4le canalisation avant achat immobilier<\/strong> indispensable pour \u00e9viter\r\n les mauvaises surprises. Notre <strong>inspection r\u00e9seau assainissement<\/strong>\r\n vous permet de conna\u00eetre l'\u00e9tat exact des canalisations avant de signer.\r\n <strong>Devis gratuit<\/strong> et <strong>diagnostic complet<\/strong>.\r\n Solutions adapt\u00e9es : <strong>vidange fosse septique<\/strong>,\r\n <strong>vidange bac \u00e0 graisse<\/strong>, <strong>curage canalisation<\/strong>,\r\n <strong>d\u00e9pannage pompe de relevage<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Contr\u00f4le avant achat<\/strong><\/span>\r\n <span class=\"tag\"><strong>Inspection r\u00e9seau<\/strong><\/span>\r\n <span class=\"tag\">Diagnostic complet<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"step-label\">\u00c9tape 5<\/div>\r\n <div class=\"step-title\"><span>Entreprise inspection cam\u00e9ra<\/span> \u2013 faites appel \u00e0 BT PLUS<\/div>\r\n <div class=\"step-desc\">\r\n Nos techniciens assurent des <strong>solutions adapt\u00e9es<\/strong> pour tous vos probl\u00e8mes\r\n de canalisations. <strong>Entreprise inspection cam\u00e9ra<\/strong> agr\u00e9\u00e9e en\r\n <strong>\u00cele-de-France<\/strong>. Une \u00e9quipe professionnelle et exp\u00e9riment\u00e9e \u00e0 votre service.\r\n <strong>Passage cam\u00e9ra canalisation<\/strong> et <strong>devis gratuit<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Entreprise inspection cam\u00e9ra<\/strong><\/span>\r\n <span class=\"tag\">Agr\u00e9\u00e9<\/span>\r\n <span class=\"tag\">Professionnel<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dot-wrap\" style=\"border-color: #f4a61a; background: #f4a61a;\">\r\n <span class=\"step-num\" style=\"color: #fff;\">5<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\"><\/div>\r\n <div class=\"dot-wrap\" style=\"border-color: #10b981; background: #10b981;\">\r\n <span class=\"step-num\" style=\"color: #fff;\">6<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\">\r\n <div class=\"step-label\">\u00c9tape 6 \u2014 Intervention<\/div>\r\n <div class=\"step-title\"><span>Inspection cam\u00e9ra canalisations en IDF<\/span> \u2013 intervention rapide<\/div>\r\n <div class=\"step-desc\">\r\n Notre \u00e9quipe de techniciens intervient <strong>rapidement chez vous<\/strong> pour r\u00e9aliser\r\n l'<strong>inspection cam\u00e9ra canalisation<\/strong> et vous fournir un\r\n <strong>diagnostic pr\u00e9cis<\/strong> dans les meilleurs d\u00e9lais.\r\n <strong>Diagnostic canalisation<\/strong> \u2013 <strong>d\u00e9tection de bouchon<\/strong> \u2013\r\n <strong>devis gratuit<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Inspection cam\u00e9ra IDF<\/strong><\/span>\r\n <span class=\"tag\"><strong>Diagnostic pr\u00e9cis<\/strong><\/span>\r\n <span class=\"tag\">Intervention rapide<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"urgence-block init-hidden\">\r\n <p class=\"rappel\">\r\n <strong>Rappel :<\/strong> En cas d'<strong>urgence<\/strong>, coupez votre arriv\u00e9e d'eau\r\n et appelez notre <strong>entreprise inspection cam\u00e9ra<\/strong>\r\n <span class=\"highlight\">imm\u00e9diatement<\/span>.\r\n <strong>Diagnostic canalisation<\/strong> et <strong>d\u00e9tection de bouchon<\/strong>\r\n \u2013 <strong>intervention 24h\/24<\/strong> \u2013 <strong>devis gratuit<\/strong>.\r\n <\/p>\r\n <a href=\"tel:0186957777\" class=\"btn-urgence\">\r\n <span>\r\n <span class=\"number\">01 86 95 77 77<\/span>\r\n <span class=\"label\">Appel gratuit \u00b7 Urgence 24h\/24 \u00b7 7j\/7<\/span>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n\r\n const elements = document.querySelectorAll('.init-hidden, .init-left, .init-right');\r\n\r\n if (elements.length > 0 && 'IntersectionObserver' in window) {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n if (entry.target.classList.contains('init-hidden')) {\r\n entry.target.classList.add('anim-up');\r\n } else if (entry.target.classList.contains('init-left')) {\r\n entry.target.classList.add('anim-left');\r\n } else if (entry.target.classList.contains('init-right')) {\r\n entry.target.classList.add('anim-right');\r\n }\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.15,\r\n rootMargin: '0px 0px -40px 0px'\r\n });\r\n\r\n elements.forEach(el => observer.observe(el));\r\n } else {\r\n \/\/ Fallback\r\n elements.forEach(el => {\r\n el.classList.remove('init-hidden', 'init-left', 'init-right');\r\n el.classList.add('anim-up', 'anim-left', 'anim-right');\r\n });\r\n }\r\n\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02342e1 e-con-full e-flex e-con e-parent\" data-id=\"02342e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eeec6eb elementor-widget elementor-widget-html\" data-id=\"eeec6eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover\">\r\n <title>Inspection cam\u00e9ra canalisation \u2013 BT Plus \u00cele-de-France<\/title>\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 DIAGNOSTIC INSPECTION CAM\u00c9RA (SEO optimis\u00e9)\r\n Adapt\u00e9 pour \"Inspection Cam\u00e9ra - Pros & Particuliers\"\r\n ============================================================ *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n background: #f5f7fa;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n \/* ============================================================\r\n ANIMATIONS\r\n ============================================================ *\/\r\n @keyframes fadeUp {\r\n 0% { opacity: 0; transform: translateY(30px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n }\r\n\r\n .anim-up {\r\n animation: fadeUp 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .init-hidden {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n \/* ============================================================\r\n SECTION DIAGNOSTIC\r\n ============================================================ *\/\r\n .btp-diagnostic {\r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Vague d\u00e9corative *\/\r\n .btp-diagnostic::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,80 600,0 900,40 C1050,60 1150,40 1200,40 L1200,80 L0,80 Z' fill='%23d6ebfb' opacity='0.3'\/%3E%3C\/svg%3E\") no-repeat bottom \/ 100% 100%;\r\n pointer-events: none;\r\n }\r\n\r\n .btp-diagnostic .container {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* ============================================================\r\n HEADER \u2014 SEO enrichi\r\n ============================================================ *\/\r\n .btp-diagnostic .header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .btp-diagnostic .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .btp-diagnostic .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n }\r\n\r\n .btp-diagnostic .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n }\r\n\r\n .btp-diagnostic .title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-diagnostic .subtitle {\r\n font-size: 1.05rem;\r\n color: #48637d;\r\n max-width: 680px;\r\n margin: 12px auto 0;\r\n line-height: 1.6;\r\n }\r\n .btp-diagnostic .subtitle strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n DOSSIER PATIENT\r\n ============================================================ *\/\r\n .btp-diagnostic .dossier {\r\n background: #fff;\r\n border-radius: 28px;\r\n padding: 40px 44px;\r\n border: 1px solid #eef2f5;\r\n box-shadow: 0 4px 20px rgba(7, 41, 74, 0.04);\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btp-diagnostic .dossier .dossier-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n padding-bottom: 16px;\r\n border-bottom: 2px solid #eef2f5;\r\n }\r\n\r\n .btp-diagnostic .dossier .dossier-header .badge-dossier {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n background: #eef6fc;\r\n padding: 4px 14px;\r\n border-radius: 999px;\r\n }\r\n\r\n .btp-diagnostic .dossier .dossier-header .dossier-id {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.7rem;\r\n color: #9aaeb8;\r\n margin-left: auto;\r\n }\r\n\r\n \/* ============================================================\r\n GRILLE 2 COLONNES \u2014 PROFESSIONNELS \/ PARTICULIERS (SEO)\r\n ============================================================ *\/\r\n .btp-diagnostic .pros-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .btp-diagnostic .pros-card {\r\n background: #fff;\r\n border-radius: 20px;\r\n padding: 28px 30px;\r\n border: 1px solid #eef2f5;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.02);\r\n }\r\n\r\n .btp-diagnostic .pros-card:hover {\r\n transform: translateY(-3px);\r\n border-color: #f4a61a;\r\n box-shadow: 0 8px 24px rgba(7, 41, 74, 0.06);\r\n }\r\n\r\n .btp-diagnostic .pros-card .card-title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n margin-bottom: 16px;\r\n padding-bottom: 12px;\r\n border-bottom: 2px solid #eef2f5;\r\n }\r\n\r\n .btp-diagnostic .pros-card .card-title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 8px 0;\r\n border-bottom: 1px solid #f5f7fa;\r\n font-size: 0.85rem;\r\n color: #48637d;\r\n transition: all 0.2s;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li:hover {\r\n transform: translateX(4px);\r\n color: #07294a;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li .check {\r\n color: #f4a61a;\r\n font-weight: 700;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ============================================================\r\n BANDEAU \u2014 STYLE ORDONNANCE (SEO)\r\n ============================================================ *\/\r\n .btp-diagnostic .high-pressure {\r\n background: #fefaf5;\r\n border-radius: 20px;\r\n padding: 24px 32px;\r\n border: 1px solid #f6e3bf;\r\n margin-bottom: 40px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n }\r\n\r\n .btp-diagnostic .high-pressure .text {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .btp-diagnostic .high-pressure .text .label {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n color: #1c7ec9;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n }\r\n\r\n .btp-diagnostic .high-pressure .text h4 {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n }\r\n\r\n .btp-diagnostic .high-pressure .text p {\r\n font-size: 0.85rem;\r\n color: #48637d;\r\n }\r\n\r\n .btp-diagnostic .high-pressure .tag {\r\n display: inline-block;\r\n background: #fff;\r\n padding: 6px 20px;\r\n border-radius: 999px;\r\n border: 1px solid #f6e3bf;\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n color: #f4a61a;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ============================================================\r\n RAPPEL URGENCE + CTA ROUGE (SEO enrichi)\r\n ============================================================ *\/\r\n .btp-diagnostic .urgence-block {\r\n margin-top: 10px;\r\n padding-top: 30px;\r\n border-top: 2px solid #eef2f5;\r\n text-align: center;\r\n }\r\n\r\n .btp-diagnostic .urgence-block .rappel {\r\n font-size: 1rem;\r\n color: #48637d;\r\n margin-bottom: 20px;\r\n line-height: 1.6;\r\n }\r\n\r\n .btp-diagnostic .urgence-block .rappel strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n .btp-diagnostic .urgence-block .rappel .highlight {\r\n color: #f4a61a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* CTA ROUGE \u2014 NUM\u00c9RO EN BLANC (identique aux autres sections) *\/\r\n .btp-diagnostic .btn-urgence {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: #d32f2f;\r\n color: #ffffff !important;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.2rem;\r\n padding: 14px 36px;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n box-shadow: 0 6px 24px rgba(211, 47, 47, 0.3);\r\n transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence:hover {\r\n background: #b71c1c;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 36px rgba(211, 47, 47, 0.35);\r\n color: #ffffff !important;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .number {\r\n font-size: 1.4rem;\r\n letter-spacing: 0.02em;\r\n color: #ffffff;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .label {\r\n font-size: 0.65rem;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: rgba(255, 255, 255, 0.7);\r\n display: block;\r\n margin-top: -2px;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n @media (max-width: 992px) {\r\n .btp-diagnostic .container {\r\n padding: 0 30px;\r\n }\r\n\r\n .btp-diagnostic .dossier {\r\n padding: 28px 24px;\r\n }\r\n\r\n .btp-diagnostic .pros-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .btp-diagnostic .high-pressure {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 20px 24px;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-diagnostic {\r\n padding: 60px 0 80px;\r\n }\r\n\r\n .btp-diagnostic .container {\r\n padding: 0 20px;\r\n }\r\n\r\n .btp-diagnostic .dossier {\r\n padding: 20px 16px;\r\n border-radius: 20px;\r\n }\r\n\r\n .btp-diagnostic .pros-card {\r\n padding: 20px 18px;\r\n }\r\n\r\n .btp-diagnostic .pros-card .card-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li {\r\n font-size: 0.8rem;\r\n padding: 6px 0;\r\n }\r\n\r\n .btp-diagnostic .high-pressure {\r\n padding: 16px 18px;\r\n }\r\n\r\n .btp-diagnostic .high-pressure .text h4 {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .btp-diagnostic .high-pressure .text p {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .btp-diagnostic .high-pressure .tag {\r\n font-size: 0.6rem;\r\n padding: 4px 14px;\r\n }\r\n\r\n .btp-diagnostic .urgence-block .rappel {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence {\r\n padding: 12px 28px;\r\n font-size: 1rem;\r\n width: 100%;\r\n flex-direction: column;\r\n gap: 4px;\r\n justify-content: center;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .number {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence:hover {\r\n gap: 6px;\r\n }\r\n\r\n .btp-diagnostic .dossier .dossier-header .dossier-id {\r\n display: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"btp-diagnostic\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"header\">\r\n <span class=\"pill init-hidden\">\r\n <span class=\"dot\"><\/span>\r\n <strong>Entreprise inspection cam\u00e9ra<\/strong> \u2013 Urgence 24h\/24\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n <strong>Inspection cam\u00e9ra canalisation<\/strong> \u2013 <span>diagnostic pr\u00e9cis pour pros et particuliers<\/span>\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n <strong>Diagnostic canalisation<\/strong> sans travaux invasifs gr\u00e2ce \u00e0 notre cam\u00e9ra HD 4K.\r\n <strong>D\u00e9tection de bouchon<\/strong>, <strong>contr\u00f4le canalisation avant achat immobilier<\/strong>\r\n et <strong>inspection r\u00e9seau assainissement<\/strong> complet.\r\n <strong>Passage cam\u00e9ra canalisation<\/strong> pour une <strong>inspection canalisation bouch\u00e9e<\/strong>\r\n ou un simple contr\u00f4le pr\u00e9ventif. <strong>Devis gratuit<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"dossier init-hidden\">\r\n <div class=\"dossier-header\">\r\n <span class=\"badge-dossier\"><strong>Inspection cam\u00e9ra<\/strong> \u2013 Pros & Particuliers<\/span>\r\n <span class=\"dossier-id\">R\u00e9f. #I-2024-001<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"pros-grid\">\r\n\r\n \r\n <div class=\"pros-card\">\r\n <div class=\"card-title\">PROFESSIONNELS \u2013 <span>inspection r\u00e9seau assainissement<\/span><\/div>\r\n <ul class=\"services-list\">\r\n <li><span class=\"check\">\u2713<\/span> <strong>Inspection cam\u00e9ra canalisation restaurant<\/strong> \u2013 h\u00f4tel<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Inspection cam\u00e9ra canalisation copropri\u00e9t\u00e9<\/strong> \u2013 r\u00e9sidence<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Inspection cam\u00e9ra canalisation bureaux<\/strong> \u2013 locaux pros<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Diagnostic canalisation<\/strong> \u2013 d\u00e9tection de bouchon<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Inspection r\u00e9seau assainissement<\/strong> \u2013 complet<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"pros-card\">\r\n <div class=\"card-title\">PARTICULIERS \u2013 <span>passage cam\u00e9ra canalisation<\/span><\/div>\r\n <ul class=\"services-list\">\r\n <li><span class=\"check\">\u2713<\/span> <strong>Inspection cam\u00e9ra canalisation maison<\/strong> \u2013 villa<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Inspection cam\u00e9ra canalisation appartement<\/strong> \u2013 copro<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Contr\u00f4le canalisation avant achat immobilier<\/strong><\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Inspection canalisation bouch\u00e9e<\/strong> \u2013 d\u00e9tection pr\u00e9cise<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Passage cam\u00e9ra canalisation<\/strong> \u2013 diagnostic HD<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"high-pressure\">\r\n <div class=\"text\">\r\n <span class=\"label\">Technologie de pointe<\/span>\r\n <h4><strong>Inspection cam\u00e9ra canalisations en IDF<\/strong> \u2013 diagnostic pr\u00e9cis<\/h4>\r\n <p><strong>Diagnostic canalisation<\/strong> HD 4K \u2013 <strong>d\u00e9tection de bouchon<\/strong> et <strong>contr\u00f4le r\u00e9seau assainissement<\/strong>.<\/p>\r\n <\/div>\r\n <span class=\"tag\"><strong>Diagnostic HD \u2013 Devis gratuit<\/strong><\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"urgence-block init-hidden\">\r\n <p class=\"rappel\">\r\n <strong>Rappel :<\/strong> Besoin d'une <strong>inspection cam\u00e9ra canalisation<\/strong> ?\r\n Appelez notre <strong>entreprise inspection cam\u00e9ra<\/strong> <span class=\"highlight\">d\u00e8s maintenant<\/span>.\r\n <strong>Devis gratuit<\/strong> \u2013 <strong>diagnostic canalisation<\/strong> et <strong>d\u00e9tection de bouchon<\/strong>.\r\n <\/p>\r\n <a href=\"tel:0186957777\" class=\"btn-urgence\">\r\n <span>\r\n <span class=\"number\">01 86 95 77 77<\/span>\r\n <span class=\"label\">Appel gratuit \u00b7 Urgence 24h\/24 \u00b7 7j\/7<\/span>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n\r\n const elements = document.querySelectorAll('.init-hidden');\r\n\r\n if (elements.length > 0 && 'IntersectionObserver' in window) {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('anim-up');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.15,\r\n rootMargin: '0px 0px -40px 0px'\r\n });\r\n\r\n elements.forEach(el => observer.observe(el));\r\n } else {\r\n \/\/ Fallback\r\n elements.forEach(el => {\r\n el.classList.remove('init-hidden');\r\n el.classList.add('anim-up');\r\n });\r\n }\r\n\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d3d695 e-con-full e-flex e-con e-parent\" data-id=\"0d3d695\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c69bc54 elementor-widget elementor-widget-html\" data-id=\"c69bc54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>.bt-faq *{margin:0;padding:0;box-sizing:border-box}.bt-faq{font-family:'Inter',sans-serif;background-color:#fff;color:#0a1a2b;line-height:1.6;overflow-x:hidden}.bt-faq__section{padding:5rem 5% 6rem;position:relative;min-height:100vh;display:flex;align-items:center;background:radial-gradient(1100px 520px at 78% -8%,#d6ebfb,transparent 60%),linear-gradient(180deg,#fbfdff 0%,#eef6fc 100%);overflow:hidden}.bt-faq__waves{position:absolute;left:0;right:0;bottom:0;line-height:0;z-index:0;pointer-events:none}.bt-faq__waves svg{display:block;width:100%;height:80px}.bt-faq__waves .wave-back use{animation:bt-wavemove 11s linear infinite;opacity:.55}.bt-faq__waves .wave-mid use{animation:bt-wavemove 8s linear infinite reverse;opacity:.8}.bt-faq__waves .wave-front use{animation:bt-wavemove 6s linear infinite}@keyframes bt-wavemove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.bt-faq__container{max-width:1000px;margin:0 auto;width:100%;position:relative;z-index:1}.bt-faq__header{text-align:center;max-width:780px;margin:0 auto 3.5rem}.bt-faq__badge{display:inline-flex;align-items:center;gap:.6rem;font-family:'Sora',sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.4rem 1.4rem .4rem 1rem;border-radius:2rem;background:rgba(28,126,201,.07);color:#1c7ec9;border:1px solid rgba(28,126,201,.12);margin-bottom:1.2rem}.bt-faq__badge .dot{width:6px;height:6px;border-radius:50%;background:#1c7ec9;animation:bt-pulseDot 2s ease-in-out infinite}@keyframes bt-pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.bt-faq__title{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(2rem,3.6vw,3.2rem);letter-spacing:-.03em;color:#07294a;line-height:1.1;margin-bottom:.8rem}.bt-faq__title .highlight{background:linear-gradient(135deg,#f4a61a 0%,#d98a0c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bt-faq__subtitle{font-family:'Inter',sans-serif;font-weight:400;font-size:clamp(1rem,1.1vw,1.15rem);color:#6b7f94;max-width:600px;margin:0 auto;line-height:1.7}.bt-faq__list{display:flex;flex-direction:column;gap:.8rem}.bt-faq__item{background:#fff;border-radius:16px;border:1px solid #eef2f6;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px rgba(7,41,74,.03)}.bt-faq__item:hover{border-color:#d6ebfb;box-shadow:0 4px 20px rgba(7,41,74,.06)}.bt-faq__item--active{border-color:#1c7ec9;box-shadow:0 4px 24px rgba(28,126,201,.06)}.bt-faq__question{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.8rem;cursor:pointer;transition:all .3s ease;user-select:none;gap:1rem}.bt-faq__question:hover{background:#f8fafc}.bt-faq__question h3{font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;color:#07294a;transition:color .3s ease;flex:1}.bt-faq__item--active .bt-faq__question h3{color:#1c7ec9}.bt-faq__icon{width:32px;height:32px;min-width:32px;border-radius:50%;background:#f0f4f8;display:flex;align-items:center;justify-content:center;transition:all .4s ease;flex-shrink:0}.bt-faq__item:hover .bt-faq__icon{background:#e6ecf2}.bt-faq__item--active .bt-faq__icon{background:rgba(28,126,201,.10);transform:rotate(180deg)}.bt-faq__icon svg{width:.75rem;height:.75rem;stroke:#6b7f94;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:all .4s ease}.bt-faq__item--active .bt-faq__icon svg{stroke:#1c7ec9}.bt-faq__answer{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.34,1.56,.64,1);padding:0 1.8rem}.bt-faq__item--active .bt-faq__answer{max-height:300px;padding:0 1.8rem 1.5rem 1.8rem}.bt-faq__answer p{font-family:'Inter',sans-serif;font-weight:400;font-size:.95rem;color:#6b7f94;line-height:1.8;margin:0}.bt-faq__answer p strong{color:#07294a;font-weight:600}.bt-faq__item{opacity:0;animation:bt-fadeInUp .6s ease-out forwards}.bt-faq__item:nth-child(1){animation-delay:.03s}.bt-faq__item:nth-child(2){animation-delay:.06s}.bt-faq__item:nth-child(3){animation-delay:.09s}.bt-faq__item:nth-child(4){animation-delay:.12s}.bt-faq__item:nth-child(5){animation-delay:.15s}.bt-faq__item:nth-child(6){animation-delay:.18s}.bt-faq__item:nth-child(7){animation-delay:.21s}.bt-faq__item:nth-child(8){animation-delay:.24s}@keyframes bt-fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.bt-faq__item{opacity:1;animation:none}}@media (max-width:768px){.bt-faq__section{padding:3.5rem 1.5rem 4rem;min-height:auto}.bt-faq__question{padding:1rem 1.2rem}.bt-faq__question h3{font-size:.9rem}.bt-faq__item--active .bt-faq__answer{padding:0 1.2rem 1.2rem 1.2rem}.bt-faq__answer p{font-size:.85rem}.bt-faq__icon{width:28px;height:28px;min-width:28px}.bt-faq__icon svg{width:.65rem;height:.65rem}.bt-faq__waves svg{height:40px}}@media (max-width:480px){.bt-faq__question h3{font-size:.82rem}.bt-faq__question{padding:.8rem 1rem}.bt-faq__item--active .bt-faq__answer{padding:0 1rem 1rem 1rem}.bt-faq__answer p{font-size:.8rem}.bt-faq__icon{width:24px;height:24px;min-width:24px}.bt-faq__icon svg{width:.55rem;height:.55rem}}<\/style>\r\n\r\n<div class=\"bt-faq\">\r\n <section class=\"bt-faq__section\">\r\n <div class=\"bt-faq__container\">\r\n <div class=\"bt-faq__header\">\r\n <span class=\"bt-faq__badge\"><span class=\"dot\"><\/span>Urgence 24h\/24 \u2013 Devis gratuit<\/span>\r\n <h2 class=\"bt-faq__title\">Questions fr\u00e9quentes sur l'<span class=\"highlight\">inspection cam\u00e9ra<\/span><\/h2>\r\n <p class=\"bt-faq__subtitle\">\r\n <strong>Inspection cam\u00e9ra<\/strong> HD, <strong>diagnostic canalisation<\/strong>, <strong>d\u00e9tection de bouchons<\/strong>, <strong>contr\u00f4le r\u00e9seau<\/strong>\u2026 Retrouvez les r\u00e9ponses \u00e0 vos interrogations sur nos <strong>prestations d'inspection cam\u00e9ra<\/strong> en \u00cele\u2011de\u2011France.\r\n <\/p>\r\n <\/div>\r\n <div class=\"bt-faq__list\">\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>\u00c0 quoi sert une inspection cam\u00e9ra de canalisation ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>L'<strong>inspection cam\u00e9ra<\/strong> permet de <strong>visualiser en temps r\u00e9el<\/strong> l'int\u00e9rieur de vos canalisations. Elle sert \u00e0 <strong>localiser pr\u00e9cis\u00e9ment les bouchons<\/strong>, d\u00e9tecter les <strong>fissures<\/strong>, les <strong>racines<\/strong>, les <strong>d\u00e9p\u00f4ts de graisse<\/strong> ou les <strong>d\u00e9fauts de pose<\/strong>. C'est un <strong>diagnostic pr\u00e9cis<\/strong> pour choisir la meilleure intervention.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Comment se d\u00e9roule une inspection cam\u00e9ra ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Nous introduisons une <strong>cam\u00e9ra haute r\u00e9solution 4K<\/strong> dans la canalisation depuis un point d'acc\u00e8s (regard, bouche d'\u00e9gout). L'<strong>image est retransmise en direct<\/strong> sur un \u00e9cran. Nous <strong>parcourons le r\u00e9seau<\/strong> sur toute sa longueur pour <strong>enregistrer les anomalies<\/strong> et vous fournir un <strong>rapport vid\u00e9o d\u00e9taill\u00e9<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Quels types de canalisations inspectez\u2011vous ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Nous inspectons <strong>tous types de canalisations<\/strong> : r\u00e9seaux d'<strong>assainissement<\/strong>, <strong>eaux us\u00e9es<\/strong>, <strong>eaux pluviales<\/strong>, <strong>colonnes d'immeuble<\/strong>, <strong>canalisations enterr\u00e9es<\/strong> de diam\u00e8tre 50mm \u00e0 600mm. Que vous soyez <strong>particulier<\/strong> ou <strong>professionnel<\/strong>, notre <strong>mat\u00e9riel s'adapte<\/strong> \u00e0 vos canalisations.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Quel est le prix d'une inspection cam\u00e9ra ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Le prix d'une <strong>inspection cam\u00e9ra<\/strong> d\u00e9pend de la <strong>longueur de canalisation<\/strong> \u00e0 inspecter et de la <strong>complexit\u00e9 de l'acc\u00e8s<\/strong>. Comptez en moyenne entre <strong>120\u20ac et 350\u20ac<\/strong> pour une inspection compl\u00e8te en \u00cele\u2011de\u2011France. Nous vous fournissons un <strong>devis gratuit<\/strong> et transparent avant toute intervention.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Combien de temps dure une inspection cam\u00e9ra ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Une <strong>inspection cam\u00e9ra<\/strong> dure g\u00e9n\u00e9ralement entre <strong>30 minutes et 1h30<\/strong>, selon la longueur du r\u00e9seau \u00e0 inspecter et les <strong>anomalies d\u00e9tect\u00e9es<\/strong>. Le <strong>diagnostic est imm\u00e9diat<\/strong> : nous vous expliquons sur place ce que nous avons observ\u00e9 et vous remettons un <strong>rapport complet<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>L'inspection cam\u00e9ra est\u2011elle utile avant un achat immobilier ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Absolument<\/strong>. L'<strong>inspection cam\u00e9ra<\/strong> est recommand\u00e9e <strong>avant l'achat d'un bien<\/strong> pour <strong>v\u00e9rifier l'\u00e9tat des canalisations<\/strong>. Elle permet de d\u00e9tecter des <strong>vices cach\u00e9s<\/strong> (fissures, effondrements, racines) et d'<strong>\u00e9viter des travaux co\u00fbteux<\/strong>. C'est un <strong>diagnostic essentiel<\/strong> pour <strong>n\u00e9gocier en toute connaissance de cause<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Que d\u00e9tecte une inspection cam\u00e9ra ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Une <strong>inspection cam\u00e9ra<\/strong> d\u00e9tecte : <strong>les bouchons<\/strong> (graisses, d\u00e9chets, racines), <strong>les fissures et cassures<\/strong>, <strong>les d\u00e9fauts de pente<\/strong>, <strong>les branchements parasites<\/strong>, <strong>les d\u00e9formations de la canalisation<\/strong>, <strong>les d\u00e9p\u00f4ts de calcaire<\/strong> et <strong>les infiltrations<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Recevez\u2011vous un rapport apr\u00e8s l'inspection ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Oui<\/strong>, nous vous remettons un <strong>rapport d'inspection cam\u00e9ra complet<\/strong> comprenant : <strong>un enregistrement vid\u00e9o<\/strong> du parcours, <strong>des photos des anomalies<\/strong>, un <strong>plan sch\u00e9matique<\/strong> du r\u00e9seau et un <strong>diagnostic d\u00e9taill\u00e9<\/strong>. Ce rapport vous sert pour <strong>suivi des travaux<\/strong>, <strong>assurance<\/strong> ou <strong>diagnostic pr\u00e9alable \u00e0 la vente<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"bt-w7\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs>\r\n <g class=\"wave-back\"><use href=\"#bt-w7\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#bt-w7\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#bt-w7\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#bt-w7\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#bt-w7\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#bt-w7\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n\r\n<script>\r\n!function(){\r\n window.btToggleFaq = function(el) {\r\n var item = el.closest('.bt-faq__item');\r\n if (!item) return;\r\n var allItems = document.querySelectorAll('.bt-faq__item');\r\n for (var i = 0; i < allItems.length; i++) {\r\n if (allItems[i] !== item && allItems[i].classList.contains('bt-faq__item--active')) {\r\n allItems[i].classList.remove('bt-faq__item--active');\r\n }\r\n }\r\n item.classList.toggle('bt-faq__item--active');\r\n };\r\n\r\n var items = document.querySelectorAll('.bt-faq__item');\r\n if ('IntersectionObserver' in window) {\r\n var observer = new IntersectionObserver(function(entries) {\r\n for (var i = 0; i < entries.length; i++) {\r\n if (entries[i].isIntersecting) {\r\n entries[i].target.style.opacity = '1';\r\n entries[i].target.style.transform = 'translateY(0)';\r\n }\r\n }\r\n }, { threshold: .1 });\r\n for (var i = 0; i < items.length; i++) {\r\n items[i].style.opacity = '0';\r\n items[i].style.transform = 'translateY(30px)';\r\n items[i].style.transition = 'all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)';\r\n observer.observe(items[i]);\r\n }\r\n } else {\r\n for (var i = 0; i < items.length; i++) {\r\n items[i].style.opacity = '1';\r\n items[i].style.transform = 'translateY(0)';\r\n }\r\n }\r\n}();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3d8c3c e-con-full e-flex e-con e-parent\" data-id=\"a3d8c3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8384e6 elementor-widget elementor-widget-html\" data-id=\"b8384e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n.contact { padding: 5rem 5% 6rem; position: relative; min-height: 100vh; display: flex; align-items: center;\r\n background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%), linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden; box-sizing: border-box; }\r\n.contact *, .contact *::before, .contact *::after { box-sizing: border-box; }\r\n.contact__waves { position: absolute; left: 0; right: 0; bottom: 0; line-height: 0; z-index: 0; pointer-events: none; }\r\n.contact__waves svg { display: block; width: 100%; height: 80px; }\r\n.contact__waves .wave-back use { animation: wavemove 11s linear infinite; opacity: 0.55; }\r\n.contact__waves .wave-mid use { animation: wavemove 8s linear infinite reverse; opacity: 0.8; }\r\n.contact__waves .wave-front use { animation: wavemove 6s linear infinite; }\r\n@keyframes wavemove { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n.contact__container { max-width: 1280px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\r\n.contact__header { text-align: center; max-width: 780px; margin: 0 auto 3.5rem; }\r\n.contact__badge { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.4rem 1.4rem 0.4rem 1rem; border-radius: 2rem; background: rgba(28, 126, 201, 0.07); color: #1c7ec9; border: 1px solid rgba(28, 126, 201, 0.12); margin-bottom: 1.2rem; }\r\n.contact__badge .dot { width: 6px; height: 6px; border-radius: 50%; background: #1c7ec9; animation: pulseDot 2s ease-in-out infinite; }\r\n@keyframes pulseDot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.6); } }\r\n.contact__title { font-family: 'Sora', sans-serif; font-weight: 800; font-size: clamp(2rem, 3.6vw, 3.2rem); letter-spacing: -0.03em; color: #07294a; line-height: 1.1; margin-bottom: 0.8rem; }\r\n.contact__title .highlight { background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n.contact__subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: clamp(1rem, 1.1vw, 1.15rem); color: #6b7f94; max-width: 600px; margin: 0 auto; line-height: 1.7; }\r\n.contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }\r\n.contact__form { background: #ffffff; border-radius: 24px; padding: 2.5rem; border: 1px solid #eef2f6; box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04); transition: all 0.4s ease; position: relative; }\r\n.contact__form:hover { box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08); border-color: #d6ebfb; }\r\n.contact__form-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 1.3rem; color: #07294a; margin-bottom: 0.3rem; }\r\n.contact__form-subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; margin-bottom: 1.5rem; }\r\n.contact__form-group { margin-bottom: 1.2rem; }\r\n.contact__form-group label { display: block; font-family: 'Sora', sans-serif; font-weight: 600; font-size: 0.7rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.3rem; }\r\n.contact__form-group label .required { color: #dc2626; }\r\n.contact__form-group input, .contact__form-group select, .contact__form-group textarea { width: 100%; padding: 0.8rem 1rem; border-radius: 12px; border: 1px solid #eef2f6; background: #f8fafc; font-family: 'Inter', sans-serif; font-size: 0.9rem; color: #07294a; transition: all 0.3s ease; outline: none; }\r\n.contact__form-group input:focus, .contact__form-group select:focus, .contact__form-group textarea:focus { border-color: #1c7ec9; background: #ffffff; box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06); }\r\n.contact__form-group input::placeholder, .contact__form-group textarea::placeholder { color: #b0c0d0; }\r\n.contact__form-group select option { background: #ffffff; color: #07294a; }\r\n.contact__form-group textarea { resize: vertical; min-height: 100px; }\r\n.contact__form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n.contact__form-group--file { position: relative; }\r\n.contact__form-group--file .file-drop-zone { border: 2px dashed #eef2f6; border-radius: 12px; padding: 1.5rem 1rem; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #f8fafc; }\r\n.contact__form-group--file .file-drop-zone:hover { border-color: #1c7ec9; background: #eef6fc; }\r\n.contact__form-group--file .file-drop-zone.dragover { border-color: #f4a61a; background: rgba(244, 166, 26, 0.04); }\r\n.contact__form-group--file .file-drop-zone i { font-size: 2rem; color: #1c7ec9; display: block; margin-bottom: 0.5rem; }\r\n.contact__form-group--file .file-drop-zone p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.85rem; color: #6b7f94; margin: 0; }\r\n.contact__form-group--file .file-drop-zone .file-types { font-size: 0.7rem; color: #b0c0d0; margin-top: 0.3rem; }\r\n.contact__form-group--file input[type=\"file\"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }\r\n.contact__form-group--file .file-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }\r\n.contact__form-group--file .file-item { display: inline-flex; align-items: center; gap: 0.5rem; background: #eef6fc; padding: 0.3rem 0.8rem 0.3rem 0.6rem; border-radius: 20px; font-family: 'Inter', sans-serif; font-size: 0.75rem; color: #1c7ec9; border: 1px solid #d6ebfb; }\r\n.contact__form-group--file .file-item i { font-size: 0.8rem; color: #1c7ec9; }\r\n.contact__form-group--file .file-item .file-remove { cursor: pointer; color: #6b7f94; transition: color 0.3s ease; font-size: 0.7rem; }\r\n.contact__form-group--file .file-item .file-remove:hover { color: #dc2626; }\r\n\r\n\/* ---- Consentement RGPD ---- *\/\r\n.contact__consent { display: flex; align-items: flex-start; gap: 0.7rem; margin-bottom: 1.5rem; }\r\n.contact__consent input[type=\"checkbox\"] { width: 18px; height: 18px; min-width: 18px; margin-top: 0.15rem; accent-color: #1c7ec9; cursor: pointer; flex-shrink: 0; }\r\n.contact__consent label { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.8rem; line-height: 1.5; color: #6b7f94; text-transform: none; letter-spacing: 0; margin-bottom: 0; cursor: pointer; }\r\n.contact__consent label .required { color: #dc2626; }\r\n.contact__consent label a { color: #1c7ec9; text-decoration: underline; }\r\n.contact__consent label a:hover { color: #07294a; }\r\n\r\n.btn--contact { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.02em; text-decoration: none; padding: 0.9rem 2.4rem; border-radius: 3rem; transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; border: none; text-align: center; background: linear-gradient(135deg, #f4a61a 0%, #e0960e 100%); box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25); color: #07294a; width: 100%; }\r\n.btn--contact:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40); color: #07294a; }\r\n.btn--contact .btn__icon { transition: transform 0.3s ease; }\r\n.btn--contact:hover .btn__icon { transform: translateX(4px); }\r\n.contact__info { display: flex; flex-direction: column; gap: 1.2rem; }\r\n.contact__info-card { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; transition: all 0.4s ease; display: flex; align-items: center; gap: 1.2rem; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); }\r\n.contact__info-card:hover { transform: translateX(6px); border-color: #1c7ec9; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.08); }\r\n.contact__info-icon { width: 50px; height: 50px; border-radius: 14px; background: #f0f4f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s ease; }\r\n.contact__info-card:hover .contact__info-icon { background: #eef6fc; }\r\n.contact__info-icon i { font-size: 1.3rem; color: #1c7ec9; }\r\n.contact__info-content h4 { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #07294a; margin-bottom: 0.1rem; }\r\n.contact__info-content p, .contact__info-content a { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; text-decoration: none; transition: color 0.3s ease; }\r\n.contact__info-content a:hover { color: #1c7ec9; }\r\n.contact__hours { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); transition: all 0.4s ease; }\r\n.contact__hours:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__hours-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.8rem; }\r\n.contact__hours-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem 1rem; }\r\n.contact__hours-day { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #6b7f94; }\r\n.contact__hours-time { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #07294a; text-align: right; }\r\n.contact__hours-time .urgent { color: #1c7ec9; font-weight: 700; }\r\n.contact__map { border-radius: 16px; overflow: hidden; border: 1px solid #eef2f6; height: 200px; background: #f8fafc; transition: all 0.4s ease; }\r\n.contact__map:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__map iframe { width: 100%; height: 100%; border: none; }\r\n@media (max-width: 992px) {\r\n .contact__grid { grid-template-columns: 1fr; gap: 2rem; }\r\n .contact__form { padding: 2rem; }\r\n .contact__info { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; }\r\n .contact__map { height: 180px; }\r\n}\r\n@media (max-width: 768px) {\r\n .contact { padding: 3.5rem 1.5rem 4rem; min-height: auto; }\r\n .contact__form { padding: 1.5rem; border-radius: 16px; }\r\n .contact__form-row { grid-template-columns: 1fr; gap: 0; }\r\n .contact__info { grid-template-columns: 1fr; gap: 1rem; }\r\n .contact__info-card { padding: 1.2rem 1.5rem; }\r\n .contact__hours { padding: 1.2rem 1.5rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; gap: 0.3rem 0.8rem; }\r\n .contact__hours-day { font-size: 0.75rem; }\r\n .contact__hours-time { font-size: 0.75rem; }\r\n .contact__map { height: 150px; }\r\n .btn--contact { padding: 0.7rem 1.8rem; font-size: 0.75rem; }\r\n .contact__form-group--file .file-drop-zone { padding: 1rem; }\r\n .contact__form-group--file .file-drop-zone i { font-size: 1.5rem; }\r\n .contact__waves svg { height: 40px; }\r\n}\r\n@media (max-width: 480px) {\r\n .contact__form { padding: 1rem; }\r\n .contact__info-card { padding: 1rem; }\r\n .contact__info-icon { width: 40px; height: 40px; }\r\n .contact__info-icon i { font-size: 1rem; }\r\n .contact__hours { padding: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact\">\r\n <div class=\"contact__container\">\r\n\r\n <div class=\"contact__header\">\r\n <span class=\"contact__badge\"><span class=\"dot\"><\/span> Contactez-nous<\/span>\r\n <h2 class=\"contact__title\">Pret a <span class=\"highlight\">securiser<\/span> vos reseaux ?<\/h2>\r\n <p class=\"contact__subtitle\">Une question, un devis, une urgence ? Notre equipe est a votre ecoute 24h\/24 et 7j\/7.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact__grid\">\r\n\r\n \r\n <div class=\"contact__form\">\r\n <h3 class=\"contact__form-title\">Demandez un diagnostic<\/h3>\r\n <p class=\"contact__form-subtitle\">Remplissez le formulaire et nous vous recontacterons sous 24h.<\/p>\r\n\r\n \r\n <form id=\"contactForm\"\r\n action=\"https:\/\/formsubmit.co\/info-contact@btplus.fr\"\r\n method=\"POST\"\r\n enctype=\"multipart\/form-data\">\r\n\r\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de diagnostic - Site BT Plus\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n \r\n <input type=\"hidden\" name=\"_cc\" value=\"marketing@btgroup-france.com\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n \r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"nom\">Nom complet <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"nom\" name=\"Nom complet\" placeholder=\"Jean Dupont\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"email\">Email <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jean@exemple.fr\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"telephone\">Telephone <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"Telephone\" placeholder=\"01 23 45 67 89\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"cp\">Code postal<\/label>\r\n <input type=\"text\" id=\"cp\" name=\"Code postal\" placeholder=\"75000\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_batiment\">Type de batiment<\/label>\r\n <select id=\"type_batiment\" name=\"Type de batiment\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"copropriete\">Copropriete<\/option>\r\n <option value=\"syndic\">Syndic<\/option>\r\n <option value=\"bailleur\">Bailleur social<\/option>\r\n <option value=\"erp\">ERP (Etablissement recevant du public)<\/option>\r\n <option value=\"tertiaire\">Tertiaire (bureau, commerce)<\/option>\r\n <option value=\"collectivite\">Collectivite<\/option>\r\n <option value=\"particulier\">Particulier<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_besoin\">Type de besoin<\/label>\r\n <select id=\"type_besoin\" name=\"Type de besoin\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"urgence\">Urgence (debouchage, curage)<\/option>\r\n <option value=\"entretien\">Entretien preventif<\/option>\r\n <option value=\"diagnostic\">Diagnostic \/ Inspection<\/option>\r\n <option value=\"travaux\">Travaux \/ Renovation<\/option>\r\n <option value=\"contrat\">Contrat d'entretien<\/option>\r\n <option value=\"devis\">Demande de devis<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"Message\" placeholder=\"Decrivez votre situation...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group contact__form-group--file\">\r\n <label>Ajouter une photo <span style=\"font-weight:400;text-transform:none;color:#b0c0d0;\">(optionnel - une seule)<\/span><\/label>\r\n <div class=\"file-drop-zone\" id=\"fileDropZone\">\r\n <i class=\"fas fa-cloud-upload-alt\"><\/i>\r\n <p>Glissez une photo ici ou cliquez pour la selectionner<\/p>\r\n <div class=\"file-types\">JPG, PNG, GIF - une seule photo, 5MB max<\/div>\r\n <input type=\"file\" id=\"fileInput\" name=\"attachment\" accept=\"image\/*\" \/>\r\n <\/div>\r\n <div class=\"file-list\" id=\"fileList\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__consent\">\r\n <input type=\"checkbox\" id=\"consent\" name=\"Consentement RGPD\" value=\"J'accepte\" required \/>\r\n <label for=\"consent\">\r\n J'accepte que les informations saisies dans ce formulaire soient utilisees par BT Plus\r\n afin de traiter ma demande et de me recontacter. Conformement au RGPD, je dispose d'un\r\n droit d'acces, de rectification et de suppression de mes donnees, que je peux exercer en\r\n ecrivant a <a href=\"mailto:info-contact@btplus.fr\">info-contact@btplus.fr<\/a>.\r\n <a href=\"\/politique-de-confidentialite\" target=\"_blank\" rel=\"noopener\">En savoir plus<\/a>.\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn--contact\">\r\n Envoyer <span class=\"btn__icon\">→<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__info\">\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Telephone<\/h4><p><a href=\"tel:+331 86 95 77 77\">01 86 95 77 77<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Email<\/h4><p><a href=\"mailto:contact@btplus-intervention.fr\">info-contact@btplus.fr<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Adresse<\/h4><p>13 Rue Camille Desmoulins,\r\n92130 Issy-les-Moulineaux<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__hours\">\r\n <div class=\"contact__hours-title\">Horaires d'ouverture<\/div>\r\n <div class=\"contact__hours-grid\">\r\n <span class=\"contact__hours-day\">Lundi - Vendredi<\/span><span class=\"contact__hours-time\">08:00 - 20:00<\/span>\r\n <span class=\"contact__hours-day\">Samedi<\/span><span class=\"contact__hours-time\">09:00 - 18:00<\/span>\r\n <span class=\"contact__hours-day\">Dimanche & jours feries<\/span><span class=\"contact__hours-time\"><span class=\"urgent\">Urgence 24\/7<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__map\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2623.5!2d2.366!3d48.916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2f8e5c8b3d%3A0x8e5c8b3d47e66e2f!2sAubervilliers!5e0!3m2!1sfr!2sfr!4v1700000000000\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"w9\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs>\r\n <g class=\"wave-back\"><use href=\"#w9\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w9\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w9\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w9\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w9\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w9\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var fileInput = document.getElementById('fileInput');\r\n var fileList = document.getElementById('fileList');\r\n var dropZone = document.getElementById('fileDropZone');\r\n if (!fileInput || !dropZone) return;\r\n var perFileMax = 5 * 1024 * 1024;\r\n var totalMax = 10 * 1024 * 1024;\r\n\r\n function updateFileList(files) {\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach(function (file, index) {\r\n var item = document.createElement('span');\r\n item.className = 'file-item';\r\n var icon = file.type.indexOf('image\/') === 0 ? 'fa-image' : 'fa-file';\r\n item.innerHTML = '<i class=\"fas ' + icon + '\"><\/i><span>' + file.name + '<\/span><span class=\"file-remove\" data-index=\"' + index + '\"><i class=\"fas fa-times\"><\/i><\/span>';\r\n fileList.appendChild(item);\r\n });\r\n document.querySelectorAll('.file-remove').forEach(function (btn) {\r\n btn.addEventListener('click', function (e) {\r\n e.stopPropagation();\r\n var idx = parseInt(this.dataset.index);\r\n var dt = new DataTransfer();\r\n Array.from(fileInput.files).filter(function (_, i) { return i !== idx; }).forEach(function (f) { dt.items.add(f); });\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n });\r\n });\r\n }\r\n\r\n function applyFiles(candidate) {\r\n var valid = candidate.filter(function (f) { return f.type.indexOf('image\/') === 0 && f.size <= perFileMax; });\r\n if (candidate.length > 1) alert('Une seule photo peut etre envoyee. Seule la premiere a ete conservee.');\r\n else if (valid.length !== candidate.length) alert('Fichier ignore (image uniquement, 5MB max).');\r\n var dt = new DataTransfer();\r\n if (valid.length > 0) dt.items.add(valid[0]);\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n }\r\n\r\n dropZone.addEventListener('click', function (e) { if (e.target === this || e.target.closest('.file-drop-zone')) fileInput.click(); });\r\n fileInput.addEventListener('change', function () { applyFiles(Array.from(this.files)); });\r\n dropZone.addEventListener('dragover', function (e) { e.preventDefault(); this.classList.add('dragover'); });\r\n dropZone.addEventListener('dragleave', function (e) { e.preventDefault(); this.classList.remove('dragover'); });\r\n dropZone.addEventListener('drop', function (e) {\r\n e.preventDefault(); this.classList.remove('dragover');\r\n applyFiles(Array.from(e.dataTransfer.files));\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inspection cam\u00e9ra canalisation \u2013 BT Plus \u00cele-de-France Entreprise inspection cam\u00e9ra Urgence 24h\/24 \u2013 Devis gratuit Inspection cam\u00e9ra canalisation diagnostic pr\u00e9cis Diagnostic canalisation sans travaux invasifs gr\u00e2ce \u00e0 notre cam\u00e9ra HD 4K. D\u00e9tection de bouchon, contr\u00f4le canalisation avant achat immobilier et inspection r\u00e9seau assainissement complet. Passage cam\u00e9ra canalisation pour une inspection canalisation bouch\u00e9e ou un simple […]<\/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-451","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/451","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=451"}],"version-history":[{"count":64,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/451\/revisions"}],"predecessor-version":[{"id":2995,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/451\/revisions\/2995"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=451"}],"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\nInspection cam\u00e9ra canalisation \u2013 BT Plus \u00cele-de-France<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<style>\r\n :root{\r\n --blue-900:#07294a;\r\n --blue-800:#0a3666;\r\n --blue-700:#0d4f8b;\r\n --blue-500:#1c7ec9;\r\n --blue-300:#7cc0ee;\r\n --blue-100:#d6ebfb;\r\n --blue-50:#eef6fc;\r\n --orange:#f4a61a;\r\n --orange-dark:#d98a0c;\r\n --ink:#0c2238;\r\n --slate:#48637d;\r\n --paper:#ffffff;\r\n\r\n --font-display:\"Sora\",sans-serif;\r\n --font-body:\"Inter\",sans-serif;\r\n\r\n --shadow-sm:0 2px 10px rgba(7,41,74,.06);\r\n --shadow-md:0 18px 40px -16px rgba(7,41,74,.30);\r\n }\r\n\r\n *{box-sizing:border-box;margin:0;padding:0}\r\n html{scroll-behavior:smooth}\r\n body{\r\n font-family:var(--font-body);\r\n color:var(--ink);\r\n background:var(--paper);\r\n -webkit-font-smoothing:antialiased;\r\n line-height:1.6;\r\n }\r\n\r\n \/* ---------- Hero ---------- *\/\r\n .hero{\r\n position:relative;\r\n overflow:hidden;\r\n background:\r\n radial-gradient(1100px 520px at 78% -8%, var(--blue-100), transparent 60%),\r\n linear-gradient(180deg,#fbfdff 0%,var(--blue-50) 100%);\r\n }\r\n .hero-inner{\r\n max-width:1200px;margin:0 auto;\r\n padding:40px 24px 150px;\r\n display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;\r\n position:relative;\r\n }\r\n @media(max-width:940px){\r\n .hero-inner{grid-template-columns:1fr;padding:28px 24px 130px;gap:34px}\r\n }\r\n\r\n \/* ============================================\r\n BADGE 24\/24 \u2014 INSPECTION CAM\u00c9RA\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 INSPECTION CAM\u00c9RA (SEO)\r\n ============================================ *\/\r\n h1{\r\n font-family:var(--font-display);font-weight:800;\r\n font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.06;\r\n letter-spacing:-.025em;color:var(--blue-900);margin:18px 0 0;\r\n }\r\n h1 .accent{\r\n color:var(--orange);position:relative;white-space:nowrap;\r\n }\r\n h1 .accent::after{\r\n content:\"\";position:absolute;left:0;right:0;bottom:.06em;height:.16em;\r\n background:rgba(244,166,26,.28);border-radius:4px;z-index:-1;\r\n transform:scaleX(0);transform-origin:left;animation:underline 1s .8s ease forwards;\r\n }\r\n @keyframes underline{to{transform:scaleX(1)}}\r\n\r\n .lead{\r\n margin-top:18px;font-size:1.08rem;color:var(--slate);max-width:550px;\r\n }\r\n .lead strong{\r\n color:var(--blue-800);\r\n font-weight:600;\r\n }\r\n\r\n \/* service chips \u2014 INSPECTION CAM\u00c9RA *\/\r\n .chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}\r\n .chip{\r\n display:inline-flex;align-items:center;gap:7px;\r\n background:#fff;border:1px solid var(--blue-100);\r\n padding:8px 13px;border-radius:11px;font-size:.86rem;font-weight:600;color:var(--blue-800);\r\n box-shadow:var(--shadow-sm);transition:transform .2s, box-shadow .2s, border-color .2s;\r\n }\r\n .chip svg{width:16px;height:16px;color:var(--blue-500)}\r\n .chip:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-300)}\r\n\r\n \/* trust strip *\/\r\n .trust{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px}\r\n .trust div{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--slate);font-weight:500}\r\n .trust svg{width:18px;height:18px;color:#1faa6b;flex-shrink:0}\r\n\r\n \/* ---------- Visual ---------- *\/\r\n .visual{position:relative;display:grid;place-items:center;min-height:380px}\r\n .disc{\r\n position:relative;\r\n width:min(420px,90%);\r\n aspect-ratio:1;\r\n border-radius:50%;\r\n overflow:hidden;\r\n box-shadow:0 40px 70px -25px rgba(13,79,139,.7);\r\n display:grid;\r\n place-items:center;\r\n }\r\n\r\n .disc img{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n z-index:1;\r\n }\r\n\r\n .disc .overlay{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n background:rgba(7,41,74,0.30);\r\n z-index:2;\r\n border-radius:50%;\r\n }\r\n\r\n .ring{\r\n position:absolute;\r\n border:2px solid rgba(255,255,255,0.5);\r\n border-radius:50%;\r\n inset:0;\r\n opacity:0;\r\n z-index:3;\r\n animation:ripple 4s linear infinite;\r\n pointer-events:none;\r\n }\r\n .ring:nth-child(3){animation-delay:1.3s}\r\n .ring:nth-child(4){animation-delay:2.6s}\r\n @keyframes ripple{\r\n 0%{transform:scale(.55);opacity:.6}\r\n 80%{opacity:0}\r\n 100%{transform:scale(1.18);opacity:0}\r\n }\r\n\r\n .disc-content{\r\n position:relative;\r\n z-index:4;\r\n text-align:center;\r\n color:#ffffff;\r\n padding:20px;\r\n }\r\n\r\n .disc-content .icon-badge{\r\n display:inline-block;\r\n background:rgba(255,255,255,0.15);\r\n backdrop-filter:blur(6px);\r\n padding:6px 16px;\r\n border-radius:100px;\r\n font-family:var(--font-display);\r\n font-weight:700;\r\n font-size:.7rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,0.2);\r\n margin-bottom:10px;\r\n }\r\n\r\n .disc-content .big-number{\r\n font-family:var(--font-display);\r\n font-weight:800;\r\n font-size:3.8rem;\r\n line-height:1;\r\n color:#fff;\r\n text-shadow:0 4px 20px rgba(0,0,0,0.2);\r\n }\r\n\r\n .disc-content .big-number span{\r\n font-size:1.4rem;\r\n font-weight:500;\r\n opacity:0.8;\r\n }\r\n\r\n .disc-content .desc{\r\n font-family:var(--font-body);\r\n font-weight:500;\r\n font-size:.95rem;\r\n color:rgba(255,255,255,0.9);\r\n margin-top:4px;\r\n }\r\n\r\n \/* ============================================\r\n FLOATING CARDS \u2014 INSPECTION CAM\u00c9RA\r\n ============================================ *\/\r\n .float{\r\n position:absolute;\r\n background:#fff;\r\n border-radius:14px;\r\n padding:12px 15px;\r\n box-shadow:var(--shadow-md);\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n font-size:.85rem;\r\n animation:floaty 6s ease-in-out infinite;\r\n z-index:10;\r\n }\r\n .float .fic{\r\n width:38px;\r\n height:38px;\r\n border-radius:10px;\r\n display:grid;\r\n place-items:center;\r\n flex-shrink:0;\r\n }\r\n .float b{\r\n font-family:var(--font-display);\r\n display:block;\r\n font-size:1.05rem;\r\n color:var(--blue-900);\r\n line-height:1.1;\r\n }\r\n .float small{\r\n color:var(--slate);\r\n font-size:.74rem;\r\n }\r\n .float.one{\r\n top:6%;\r\n left:-4%;\r\n animation-delay:.2s;\r\n }\r\n .float.one .fic{\r\n background:#fff3df;\r\n color:var(--orange-dark);\r\n }\r\n .float.two{\r\n bottom:10%;\r\n right:-6%;\r\n animation-delay:1.6s;\r\n }\r\n .float.two .fic{\r\n background:var(--blue-50);\r\n color:var(--blue-700);\r\n }\r\n @media(max-width:560px){\r\n .float.one{left:0}\r\n .float.two{right:0}\r\n }\r\n\r\n \/* ---------- Animated waves ---------- *\/\r\n .waves{\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n bottom:0;\r\n line-height:0;\r\n z-index:1;\r\n pointer-events:none;\r\n }\r\n .waves svg{\r\n display:block;\r\n width:100%;\r\n height:120px;\r\n }\r\n .wave-back use{animation:wavemove 11s linear infinite;opacity:.55}\r\n .wave-mid use{animation:wavemove 8s linear infinite reverse;opacity:.8}\r\n .wave-front use{animation:wavemove 6s linear infinite}\r\n @keyframes wavemove{\r\n 0%{transform:translateX(0)}\r\n 100%{transform:translateX(-50%)}\r\n }\r\n\r\n \/* ---------- entrance ---------- *\/\r\n .reveal{\r\n opacity:0;\r\n transform:translateY(22px);\r\n animation:rise .7s cubic-bezier(.2,.7,.3,1) forwards;\r\n }\r\n .d1{animation-delay:.05s}\r\n .d2{animation-delay:.16s}\r\n .d3{animation-delay:.27s}\r\n .d4{animation-delay:.38s}\r\n .d5{animation-delay:.49s}\r\n .reveal-r{\r\n opacity:0;\r\n transform:scale(.94);\r\n animation:pop .8s .3s cubic-bezier(.2,.7,.3,1) forwards;\r\n }\r\n @keyframes rise{\r\n to{opacity:1;transform:translateY(0)}\r\n }\r\n @keyframes pop{\r\n to{opacity:1;transform:scale(1)}\r\n }\r\n\r\n @media(prefers-reduced-motion:reduce){\r\n *{animation:none!important;transition:none!important}\r\n .reveal,.reveal-r{opacity:1;transform:none}\r\n h1 .accent::after{transform:scaleX(1)}\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media(max-width:768px){\r\n .disc{\r\n width:min(340px,85%);\r\n }\r\n .disc-content .big-number{\r\n font-size:2.8rem;\r\n }\r\n .disc-content .big-number span{\r\n font-size:1.1rem;\r\n }\r\n .disc-content .desc{\r\n font-size:.8rem;\r\n }\r\n .disc-content .icon-badge{\r\n font-size:.6rem;\r\n padding:4px 12px;\r\n }\r\n }\r\n\r\n @media(max-width:480px){\r\n .disc{\r\n width:min(280px,80%);\r\n }\r\n .disc-content .big-number{\r\n font-size:2.2rem;\r\n }\r\n .disc-content .big-number span{\r\n font-size:.9rem;\r\n }\r\n .disc-content .desc{\r\n font-size:.7rem;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header class=\"hero\">\r\n <div class=\"hero-inner\">\r\n\r\n \r\n \r\n \r\n <div class=\"badge-247\">\r\n <span class=\"fic\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <path d=\"M12 7v5l3 2\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span>\r\n <b>Entreprise inspection cam\u00e9ra<\/b>\r\n <small>Urgence 24h\/24 \u2013 Devis gratuit<\/small>\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n <h1 class=\"reveal d2\">\r\n <strong>Inspection cam\u00e9ra canalisation<\/strong><br>\r\n <span class=\"accent\">diagnostic pr\u00e9cis<\/span>\r\n <\/h1>\r\n\r\n <p class=\"lead reveal d3\">\r\n <strong>Diagnostic canalisation<\/strong> sans travaux invasifs gr\u00e2ce \u00e0 notre cam\u00e9ra HD 4K.\r\n <strong>D\u00e9tection de bouchon<\/strong>, <strong>contr\u00f4le canalisation avant achat immobilier<\/strong>\r\n et <strong>inspection r\u00e9seau assainissement<\/strong> complet.\r\n <strong>Passage cam\u00e9ra canalisation<\/strong> pour une <strong>inspection canalisation bouch\u00e9e<\/strong>\r\n ou un simple contr\u00f4le pr\u00e9ventif.\r\n <\/p>\r\n\r\n <div class=\"chips reveal d4\">\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg><strong>Diagnostic canalisation<\/strong><\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg><strong>D\u00e9tection de bouchon<\/strong><\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg><strong>Contr\u00f4le avant achat<\/strong><\/span>\r\n <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 12h6l2 5 4-12 2 7h4\"\/><\/svg><strong>Inspection r\u00e9seau assainissement<\/strong><\/span>\r\n <\/div>\r\n\r\n <div class=\"trust reveal d5\">\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><strong>Entreprise inspection cam\u00e9ra<\/strong><\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><strong>Devis gratuit<\/strong><\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><strong>Passage cam\u00e9ra<\/strong><\/div>\r\n <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><strong>R\u00e9sultat imm\u00e9diat<\/strong><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"visual reveal-r\">\r\n <div class=\"disc\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/btplus.fr\/wp-content\/uploads\/2021\/08\/inspection-camera-1.jpg\"\r\n alt=\"Inspection cam\u00e9ra canalisation HD 4K\"\r\n loading=\"lazy\"\r\n \/>\r\n <div class=\"overlay\"><\/div>\r\n\r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n <span class=\"ring\"><\/span>\r\n\r\n <div class=\"disc-content\">\r\n <span class=\"icon-badge\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:inline-block;vertical-align:middle;margin-right:6px;\">\r\n <path d=\"M12 2v4M12 22v-4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/>\r\n <\/svg>\r\n Diagnostic en cours\r\n <\/span>\r\n <div class=\"big-number\">\r\n HD <span>4K<\/span>\r\n <\/div>\r\n <div class=\"desc\"><strong>Inspection cam\u00e9ra canalisations en IDF<\/strong> \u2013 diagnostic pr\u00e9cis<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"float one\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\r\n <\/span>\r\n <span><b>\u2248 1h<\/b><small><strong>diagnostic canalisation<\/strong><\/small><\/span>\r\n <\/div>\r\n\r\n <div class=\"float two\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><path d=\"M21 12a9 9 0 1 1-9-9c2.5 0 4.8 1 6.4 2.6\"\/><\/svg>\r\n <\/span>\r\n <span><b>95%<\/b><small>de pr\u00e9cision diagnostique<\/small><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"w\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/>\r\n <\/defs>\r\n <g class=\"wave-back\"><use href=\"#w\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/header>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77f79bf e-con-full e-flex e-con e-parent\" data-id=\"77f79bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff5bafd elementor-widget elementor-widget-html\" data-id=\"ff5bafd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<style>\r\n.btp-inspection {\r\n --b900:#07294a; --b800:#0a3666; --b700:#0d4f8b; --b500:#1c7ec9; --b300:#7cc0ee; --b100:#d6ebfb; --b50:#eef6fc;\r\n --or:#f4a61a; --or-d:#d98a0c; --ink:#0c2238; --slate:#48637d; --line:#e4ecf4;\r\n --green:#10b981; --green-bg:#d1fae5; --red:#ef4444; --red-bg:#fee2e2;\r\n --fd:\"Sora\",sans-serif; --fb:\"Inter\",sans-serif; --fm:\"JetBrains Mono\",monospace;\r\n --ease:cubic-bezier(.2,.8,.2,1);\r\n\r\n position:relative; overflow:hidden; width:100%;\r\n padding:80px 0 100px;\r\n font-family:var(--fb); color:var(--ink); line-height:1.5;\r\n background:\r\n radial-gradient(820px 480px at 92% -12%, rgba(244,166,26,.05), transparent 60%),\r\n radial-gradient(760px 460px at -6% 110%, rgba(28,126,201,.05), transparent 55%),\r\n linear-gradient(180deg, var(--b50) 0%, #ffffff 100%);\r\n}\r\n.btp-inspection *,.btp-inspection *::before,.btp-inspection *::after{box-sizing:border-box}\r\n.btp-inspection h2,.btp-inspection h3,.btp-inspection h4,.btp-inspection p{margin:0}\r\n.btp-inspection .wrap{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}\r\n\r\n\/* ---------- en-t\u00eate ---------- *\/\r\n.btp-inspection .hd{text-align:center;margin-bottom:48px}\r\n.btp-inspection .pill{display:inline-flex;align-items:center;gap:9px;font-family:var(--fm);font-weight:700;\r\n font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--or-d);\r\n background:#fff;border:1px solid #f6e3bf;padding:6px 14px 6px 10px;border-radius:999px}\r\n.btp-inspection .pill .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(16,185,129,.55);animation:srvPulse 1.8s infinite}\r\n@keyframes srvPulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.55)}70%{box-shadow:0 0 0 9px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}\r\n.btp-inspection .hd h2{font-family:var(--fd);font-weight:800;letter-spacing:-.025em;line-height:1.08;\r\n font-size:clamp(2rem,4.8vw,3.4rem);color:var(--b900);margin:14px 0 0}\r\n.btp-inspection .hd h2 em{font-style:normal;color:var(--or)}\r\n.btp-inspection .hd .lead{margin-top:14px;font-size:1.05rem;color:var(--slate);max-width:620px;margin-left:auto;margin-right:auto}\r\n.btp-inspection .hd .lead strong{color:var(--b700);font-weight:600}\r\n\r\n\/* ---------- KPI mini ---------- *\/\r\n.btp-inspection .kpi-row{\r\n display:grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap:12px;\r\n margin:28px 0 40px;\r\n}\r\n@media(max-width:640px){.btp-inspection .kpi-row{grid-template-columns:1fr 1fr}}\r\n.btp-inspection .kpi-item{\r\n background:#fff;\r\n border-radius:12px;\r\n padding:14px 18px;\r\n border:1px solid var(--line);\r\n text-align:center;\r\n}\r\n.btp-inspection .kpi-item .num{\r\n font-family:var(--fd);\r\n font-weight:800;\r\n font-size:1.6rem;\r\n color:var(--b900);\r\n line-height:1;\r\n}\r\n.btp-inspection .kpi-item .num small{font-size:.9rem;font-weight:600;color:var(--slate)}\r\n.btp-inspection .kpi-item .label{\r\n font-family:var(--fm);\r\n font-size:.58rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n color:var(--slate);\r\n margin-top:4px;\r\n}\r\n\r\n\/* ---------- grille services 2 colonnes ---------- *\/\r\n.btp-inspection .grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n@media(max-width:640px){.btp-inspection .grid{grid-template-columns:1fr}}\r\n\r\n.btp-inspection .card{\r\n background:#fff;\r\n border-radius:16px;\r\n border:1px solid var(--line);\r\n padding:24px 26px;\r\n transition:all .3s var(--ease);\r\n cursor:pointer;\r\n box-shadow:0 2px 8px rgba(0,0,0,.02);\r\n}\r\n.btp-inspection .card:hover,\r\n.btp-inspection .card.active{\r\n border-color:var(--or);\r\n box-shadow:0 8px 24px rgba(7,41,74,.08);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.btp-inspection .card-title{\r\n font-family:var(--fd);\r\n font-weight:700;\r\n font-size:1.1rem;\r\n color:var(--b900);\r\n margin-bottom:4px;\r\n}\r\n.btp-inspection .card-badge{\r\n font-family:var(--fm);\r\n font-size:.5rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n padding:2px 12px;\r\n border-radius:999px;\r\n display:inline-block;\r\n}\r\n.btp-inspection .card-badge.green{background:var(--green-bg);color:#065f46}\r\n.btp-inspection .card-badge.red{background:var(--red-bg);color:#991b1b}\r\n.btp-inspection .card-badge.orange{background:#fef3c7;color:#b45309}\r\n.btp-inspection .card-badge.gray{background:#f3f4f6;color:#6b7280}\r\n\r\n.btp-inspection .card-desc{\r\n font-size:.85rem;\r\n color:var(--slate);\r\n line-height:1.6;\r\n margin:6px 0 10px;\r\n}\r\n.btp-inspection .card-desc strong{color:var(--b700);font-weight:600}\r\n\r\n.btp-inspection .card-tags{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:6px;\r\n margin-top:4px;\r\n}\r\n.btp-inspection .card-tags span{\r\n font-family:var(--fm);\r\n font-size:.55rem;\r\n color:var(--slate);\r\n background:var(--b50);\r\n padding:2px 12px;\r\n border-radius:999px;\r\n}\r\n\r\n\/* ---------- CTA ROUGE avec num\u00e9ro en blanc ---------- *\/\r\n.btp-inspection .cta-red{\r\n display:flex;\r\n justify-content:center;\r\n margin-top:44px;\r\n}\r\n.btp-inspection .btn-urgence{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:12px;\r\n background:#d32f2f;\r\n color:#ffffff !important;\r\n font-family:var(--fd);\r\n font-weight:700;\r\n font-size:1.2rem;\r\n padding:14px 36px;\r\n border-radius:60px;\r\n text-decoration:none;\r\n box-shadow:0 6px 24px rgba(211,47,47,0.3);\r\n transition:all .3s var(--ease);\r\n border:none;\r\n cursor:pointer;\r\n}\r\n.btp-inspection .btn-urgence:hover{\r\n background:#b71c1c;\r\n transform:translateY(-3px);\r\n box-shadow:0 10px 36px rgba(211,47,47,0.35);\r\n color:#ffffff !important;\r\n}\r\n.btp-inspection .btn-urgence .label{\r\n font-size:.65rem;\r\n font-weight:400;\r\n opacity:.85;\r\n display:block;\r\n margin-top:-2px;\r\n}\r\n\r\n\/* ---------- vagues ---------- *\/\r\n.btp-inspection .waves{\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n bottom:0;\r\n line-height:0;\r\n z-index:1;\r\n pointer-events:none;\r\n}\r\n.btp-inspection .waves svg{display:block;width:100%;height:90px}\r\n.btp-inspection .w-back use{animation:srvWave 12s linear infinite;opacity:.5}\r\n.btp-inspection .w-mid use{animation:srvWave 9s linear infinite reverse;opacity:.8}\r\n.btp-inspection .w-front use{animation:srvWave 6s linear infinite}\r\n@keyframes srvWave{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\r\n\r\n\/* ---------- r\u00e9v\u00e9lation ---------- *\/\r\n.btp-inspection .rv{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease)}\r\n.btp-inspection .rv.shown{opacity:1;transform:none}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n .btp-inspection *{animation:none!important;transition:none!important}\r\n .btp-inspection .rv{opacity:1;transform:none}\r\n}\r\n<\/style>\r\n\r\n<section class=\"btp-inspection\">\r\n <div class=\"wrap\">\r\n\r\n \r\n <header class=\"hd\">\r\n <span class=\"pill rv\"><span class=\"dot\"><\/span><strong>Entreprise inspection cam\u00e9ra<\/strong> \u2013 Urgence 24h\/24<\/span>\r\n <h2 class=\"rv\"><strong>Inspection cam\u00e9ra canalisation<\/strong> \u2013 <em>diagnostic pr\u00e9cis en \u00cele-de-France<\/em><\/h2>\r\n <p class=\"lead rv\">\r\n <strong>Diagnostic canalisation<\/strong> sans travaux invasifs gr\u00e2ce \u00e0 notre cam\u00e9ra HD 4K.\r\n <strong>D\u00e9tection de bouchon<\/strong>, <strong>contr\u00f4le canalisation avant achat immobilier<\/strong>\r\n et <strong>inspection r\u00e9seau assainissement<\/strong> complet.\r\n <strong>Passage cam\u00e9ra canalisation<\/strong> pour une <strong>inspection canalisation bouch\u00e9e<\/strong>\r\n ou un simple contr\u00f4le pr\u00e9ventif. <strong>Devis gratuit<\/strong>.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"kpi-row rv\">\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">1 <small>h<\/small><\/div>\r\n <div class=\"label\"><strong>Diagnostic canalisation<\/strong><\/div>\r\n <\/div>\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">0 <small>\u20ac<\/small><\/div>\r\n <div class=\"label\"><strong>Devis gratuit<\/strong><\/div>\r\n <\/div>\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">HD <small>4K<\/small><\/div>\r\n <div class=\"label\"><strong>Inspection HD<\/strong><\/div>\r\n <\/div>\r\n <div class=\"kpi-item\">\r\n <div class=\"num\">360 <small>\u00b0<\/small><\/div>\r\n <div class=\"label\"><strong>Passage cam\u00e9ra<\/strong><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid rv\">\r\n\r\n \r\n <div class=\"card active\">\r\n <div class=\"card-title\"><strong style=\"color:var(--or);\">Diagnostic canalisation<\/strong> \u2013 d\u00e9tection de bouchon<\/div>\r\n <span class=\"card-badge green\">Disponible<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Localisation exacte<\/strong> des anomalies (fissures, racines, <strong>bouchons<\/strong>, v\u00e9tust\u00e9)\r\n gr\u00e2ce \u00e0 notre cam\u00e9ra haute d\u00e9finition. <strong>Inspection canalisation bouch\u00e9e<\/strong>\r\n en temps r\u00e9el \u2013 r\u00e9sultat imm\u00e9diat.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>D\u00e9tection de bouchon<\/strong><\/span>\r\n <span><strong>Diagnostic canalisation<\/strong><\/span>\r\n <span>R\u00e9sultat imm\u00e9diat<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-title\"><strong style=\"color:var(--or);\">Inspection canalisation bouch\u00e9e<\/strong> \u2013 rapport complet<\/div>\r\n <span class=\"card-badge green\">Inclus<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Un rapport complet<\/strong> avec photos et vid\u00e9os vous est remis \u00e0 l'issue de l'<strong>inspection<\/strong>\r\n pour justifier les travaux n\u00e9cessaires. <strong>Diagnostic canalisation<\/strong> d\u00e9taill\u00e9\r\n pour une <strong>intervention cibl\u00e9e<\/strong>.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Inspection r\u00e9seau<\/strong><\/span>\r\n <span>Photos \/ Vid\u00e9os<\/span>\r\n <span>Justificatif<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-title\"><strong style=\"color:var(--or);\">Contr\u00f4le avant achat<\/strong> \u2013 sans travaux<\/div>\r\n <span class=\"card-badge orange\">Avant achat<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Contr\u00f4le canalisation avant achat immobilier<\/strong> indispensable pour \u00e9viter les mauvaises surprises.\r\n L'<strong>inspection cam\u00e9ra canalisation<\/strong> \u00e9vite les interventions inutiles en ciblant\r\n pr\u00e9cis\u00e9ment la zone \u00e0 r\u00e9parer. \u00c9conomies garanties.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Contr\u00f4le avant achat<\/strong><\/span>\r\n <span>Non invasif<\/span>\r\n <span>\u00c9conomies<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-title\"><strong style=\"color:var(--or);\">Inspection r\u00e9seau assainissement<\/strong> \u2013 racines<\/div>\r\n <span class=\"card-badge red\">Urgence<\/span>\r\n <div class=\"card-desc\">\r\n <strong>Rep\u00e9rage des racines<\/strong> ayant p\u00e9n\u00e9tr\u00e9 vos canalisations. <strong>Inspection r\u00e9seau assainissement<\/strong>\r\n complet pour identifier l'origine du probl\u00e8me. Solution adapt\u00e9e pour un <strong>curage<\/strong>\r\n ou une <strong>r\u00e9paration cibl\u00e9e<\/strong>. <strong>Entreprise inspection cam\u00e9ra<\/strong> agr\u00e9\u00e9e.\r\n <\/div>\r\n <div class=\"card-tags\">\r\n <span><strong>Racines<\/strong><\/span>\r\n <span><strong>Curage<\/strong><\/span>\r\n <span>R\u00e9paration cibl\u00e9e<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-red rv\">\r\n <a href=\"tel:0186957777\" class=\"btn-urgence\">\r\n <span>\r\n 01 86 95 77 77\r\n <span class=\"label\">Urgence 24h\/24 \u2013 7j\/7<\/span>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"srvWaveP\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\"\/><\/defs>\r\n <g class=\"w-back\"><use href=\"#srvWaveP\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#srvWaveP\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"w-mid\"><use href=\"#srvWaveP\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#srvWaveP\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"w-front\"><use href=\"#srvWaveP\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#srvWaveP\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n\r\n const section = document.querySelector('.btp-inspection');\r\n if (!section) return;\r\n\r\n const cards = section.querySelectorAll('.card');\r\n cards.forEach(card => {\r\n const activate = () => {\r\n cards.forEach(c => c.classList.remove('active'));\r\n card.classList.add('active');\r\n };\r\n card.addEventListener('mouseenter', activate);\r\n card.addEventListener('focus', activate);\r\n card.setAttribute('tabindex', '0');\r\n });\r\n\r\n const rv = section.querySelectorAll('.rv');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n rv.forEach(el => io.observe(el));\r\n } else {\r\n rv.forEach(el => el.classList.add('shown'));\r\n }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc64786 e-con-full e-flex e-con e-parent\" data-id=\"dc64786\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-690946c elementor-widget elementor-widget-html\" data-id=\"690946c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n\r\n<style>\r\n.galerie-carrousel {\r\n --b900: #07294a;\r\n --or: #f4a61a;\r\n --slate: #48637d;\r\n --line: #eef2f5;\r\n \r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n font-family: 'Inter', sans-serif;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Vague d\u00e9corative *\/\r\n.galerie-carrousel::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,80 600,0 900,40 C1050,60 1150,40 1200,40 L1200,80 L0,80 Z' fill='%23d6ebfb' opacity='0.3'\/%3E%3C\/svg%3E\") no-repeat bottom \/ 100% 100%;\r\n pointer-events: none;\r\n}\r\n\r\n.galerie-carrousel .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n\/* HEADER *\/\r\n.galerie-carrousel .header {\r\n text-align: center;\r\n margin-bottom: 44px;\r\n}\r\n\r\n.galerie-carrousel .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.galerie-carrousel .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n}\r\n\r\n@keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n}\r\n\r\n.galerie-carrousel .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n}\r\n\r\n.galerie-carrousel .title span {\r\n color: #f4a61a;\r\n}\r\n\r\n.galerie-carrousel .subtitle {\r\n font-size: 1.05rem;\r\n color: #48637d;\r\n max-width: 620px;\r\n margin: 12px auto 0;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* ============================================================\r\n CARROUSEL CONTINU\r\n ============================================================ *\/\r\n.galerie-carrousel .carousel-wrapper {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 20px;\r\n}\r\n\r\n.galerie-carrousel .carousel-track {\r\n display: flex;\r\n gap: 16px;\r\n animation: scrollCarousel 30s linear infinite;\r\n will-change: transform;\r\n width: max-content;\r\n}\r\n\r\n.galerie-carrousel .carousel-track:hover {\r\n animation-play-state: paused;\r\n}\r\n\r\n@keyframes scrollCarousel {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 220px;\r\n aspect-ratio: 1\/1;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n position: relative;\r\n background: #07294a;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 16px rgba(7, 41, 74, 0.06);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 12px 40px rgba(7, 41, 74, 0.15);\r\n z-index: 2;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover img {\r\n transform: scale(1.05);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide .ville {\r\n position: absolute;\r\n bottom: 12px;\r\n left: 12px;\r\n right: 12px;\r\n background: rgba(7, 41, 74, 0.75);\r\n backdrop-filter: blur(4px);\r\n padding: 6px 14px;\r\n border-radius: 999px;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n color: #fff;\r\n text-align: center;\r\n opacity: 0;\r\n transform: translateY(10px);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover .ville {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide .zoom-icon {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n background: rgba(0, 0, 0, 0.5);\r\n backdrop-filter: blur(4px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fff;\r\n font-size: 0.7rem;\r\n opacity: 0;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .carousel-track .slide:hover .zoom-icon {\r\n opacity: 1;\r\n}\r\n\r\n\/* ============================================================\r\n INDICATEURS\r\n ============================================================ *\/\r\n.galerie-carrousel .indicators {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 28px;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--line);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n}\r\n\r\n.galerie-carrousel .indicators .dots .dot.active {\r\n background: var(--or);\r\n width: 24px;\r\n border-radius: 999px;\r\n}\r\n\r\n.galerie-carrousel .indicators .counter {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.8rem;\r\n color: var(--slate);\r\n font-weight: 500;\r\n}\r\n\r\n.galerie-carrousel .indicators .pause-btn {\r\n background: none;\r\n border: none;\r\n color: var(--slate);\r\n font-size: 1rem;\r\n cursor: pointer;\r\n transition: color 0.3s ease;\r\n padding: 4px 8px;\r\n}\r\n\r\n.galerie-carrousel .indicators .pause-btn:hover {\r\n color: var(--or);\r\n}\r\n\r\n\/* ============================================================\r\n MODALE\r\n ============================================================ *\/\r\n.galerie-carrousel .modal {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n z-index: 9999;\r\n background: rgba(7, 41, 74, 0.92);\r\n backdrop-filter: blur(8px);\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px;\r\n animation: modalFade 0.3s ease;\r\n}\r\n\r\n.galerie-carrousel .modal.open {\r\n display: flex;\r\n}\r\n\r\n@keyframes modalFade {\r\n from { opacity: 0; transform: scale(0.95); }\r\n to { opacity: 1; transform: scale(1); }\r\n}\r\n\r\n.galerie-carrousel .modal .modal-content {\r\n position: relative;\r\n max-width: 90vw;\r\n max-height: 85vh;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.galerie-carrousel .modal .modal-content img {\r\n width: 100%;\r\n height: auto;\r\n max-height: 85vh;\r\n object-fit: contain;\r\n display: block;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-close {\r\n position: absolute;\r\n top: -50px;\r\n right: 0;\r\n background: none;\r\n border: none;\r\n color: #fff;\r\n font-size: 2rem;\r\n cursor: pointer;\r\n transition: transform 0.3s ease;\r\n opacity: 0.7;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-close:hover {\r\n transform: rotate(90deg);\r\n opacity: 1;\r\n}\r\n\r\n.galerie-carrousel .modal .modal-ville {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: rgba(0, 0, 0, 0.6);\r\n backdrop-filter: blur(4px);\r\n padding: 8px 24px;\r\n border-radius: 999px;\r\n color: #fff;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n}\r\n\r\n\/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n@media (max-width: 992px) {\r\n .galerie-carrousel .container {\r\n padding: 0 30px;\r\n }\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 180px;\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .galerie-carrousel {\r\n padding: 60px 0 80px;\r\n }\r\n .galerie-carrousel .container {\r\n padding: 0 16px;\r\n }\r\n .galerie-carrousel .carousel-track {\r\n gap: 10px;\r\n }\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 150px;\r\n border-radius: 12px;\r\n }\r\n .galerie-carrousel .carousel-track .slide .ville {\r\n font-size: 0.6rem;\r\n padding: 4px 10px;\r\n bottom: 8px;\r\n left: 8px;\r\n right: 8px;\r\n }\r\n .galerie-carrousel .carousel-track .slide .zoom-icon {\r\n display: none;\r\n }\r\n .galerie-carrousel .modal {\r\n padding: 16px;\r\n }\r\n .galerie-carrousel .modal .modal-close {\r\n top: -40px;\r\n font-size: 1.5rem;\r\n }\r\n .galerie-carrousel .modal .modal-ville {\r\n font-size: 0.7rem;\r\n padding: 4px 16px;\r\n bottom: 12px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .galerie-carrousel .carousel-track .slide {\r\n flex: 0 0 130px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"galerie-carrousel\">\r\n <div class=\"container\">\r\n \r\n \r\n <div class=\"header\">\r\n <span class=\"pill\">\r\n <span class=\"dot\"><\/span>\r\n Galerie BT Plus\r\n <\/span>\r\n <h2 class=\"title\">\r\n NOS <span>\u00c9QUIPEMENTS<\/span><br>ET INTERVENTIONS\r\n <\/h2>\r\n <p class=\"subtitle\">\r\n Des outils haute performance pour un diagnostic pr\u00e9cis et des interventions durables.\r\n Cliquez sur une photo pour l'agrandir.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-wrapper\">\r\n <div class=\"carousel-track\" id=\"carouselTrack\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"indicators\">\r\n <div class=\"dots\" id=\"dotsContainer\"><\/div>\r\n <span class=\"counter\" id=\"counter\">1 \/ 3<\/span>\r\n <button class=\"pause-btn\" id=\"pauseBtn\" aria-label=\"Pause \/ Play\">\r\n <i class=\"fas fa-pause\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"modal\" id=\"modal\">\r\n <div class=\"modal-content\">\r\n <button class=\"modal-close\" id=\"modalClose\">×<\/button>\r\n <img decoding=\"async\" id=\"modalImg\" src=\"\" alt=\"\u00c9quipement BT Plus\">\r\n <div class=\"modal-ville\" id=\"modalVille\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n\r\n \/\/ ============================================================\r\n \/\/ DONN\u00c9ES \u2014 Photos d'inspection par cam\u00e9ra (3 photos)\r\n \/\/ ============================================================\r\n const photos = [\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2021\/08\/inspection-camera-1.jpg',\r\n ville: 'Inspection cam\u00e9ra HD'\r\n },\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2021\/08\/inspection_camera-montage.jpg',\r\n ville: 'Montage cam\u00e9ra d\\'inspection'\r\n },\r\n {\r\n src: 'https:\/\/btplus.fr\/wp-content\/uploads\/2021\/06\/INSPECTION-PAR-CAMERA-1.jpg',\r\n ville: 'Cam\u00e9ra d\\'inspection - Diagnostic'\r\n }\r\n ];\r\n\r\n \/\/ ============================================================\r\n \/\/ \u00c9L\u00c9MENTS\r\n \/\/ ============================================================\r\n const track = document.getElementById('carouselTrack');\r\n const dotsContainer = document.getElementById('dotsContainer');\r\n const counter = document.getElementById('counter');\r\n const pauseBtn = document.getElementById('pauseBtn');\r\n const modal = document.getElementById('modal');\r\n const modalImg = document.getElementById('modalImg');\r\n const modalVille = document.getElementById('modalVille');\r\n const modalClose = document.getElementById('modalClose');\r\n\r\n let isPaused = false;\r\n let currentIndex = 0;\r\n const totalSlides = photos.length;\r\n const slidesPerView = 5;\r\n\r\n \/\/ ============================================================\r\n \/\/ G\u00c9N\u00c9RER LES SLIDES (doubl\u00e9es pour l'effet infini)\r\n \/\/ ============================================================\r\n function renderSlides() {\r\n track.innerHTML = '';\r\n \/\/ Doubler les photos pour l'effet continu\r\n const allPhotos = [...photos, ...photos];\r\n allPhotos.forEach((photo, index) => {\r\n const slide = document.createElement('div');\r\n slide.className = 'slide';\r\n slide.setAttribute('data-index', index % photos.length);\r\n \r\n slide.innerHTML = `\r\n <img decoding=\"async\" src=\"${photo.src}\" alt=\"${photo.ville}\" loading=\"lazy\">\r\n <div class=\"ville\">${photo.ville}<\/div>\r\n <div class=\"zoom-icon\"><i class=\"fas fa-expand\"><\/i><\/div>\r\n `;\r\n \r\n slide.addEventListener('click', function() {\r\n const idx = parseInt(this.getAttribute('data-index'));\r\n openModal(idx);\r\n });\r\n \r\n track.appendChild(slide);\r\n });\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ G\u00c9N\u00c9RER LES DOTS\r\n \/\/ ============================================================\r\n function renderDots() {\r\n dotsContainer.innerHTML = '';\r\n for (let i = 0; i < totalSlides; i++) {\r\n const dot = document.createElement('span');\r\n dot.className = 'dot' + (i === 0 ? ' active' : '');\r\n dot.setAttribute('data-index', i);\r\n dot.addEventListener('click', function() {\r\n const idx = parseInt(this.getAttribute('data-index'));\r\n goToSlide(idx);\r\n });\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ NAVIGATION VERS UNE PHOTO SP\u00c9CIFIQUE\r\n \/\/ ============================================================\r\n function goToSlide(index) {\r\n currentIndex = index;\r\n const slideWidth = 220 + 16; \/\/ largeur + gap\r\n const offset = -(index * slideWidth);\r\n \/\/ Animation manuelle\r\n track.style.animation = 'none';\r\n track.style.transform = `translateX(${offset}px)`;\r\n \/\/ R\u00e9activer l'animation apr\u00e8s un d\u00e9lai\r\n setTimeout(() => {\r\n track.style.animation = '';\r\n track.style.transform = '';\r\n }, 50);\r\n updateDots();\r\n updateCounter();\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ MISE \u00c0 JOUR DES INDICATEURS\r\n \/\/ ============================================================\r\n function updateDots() {\r\n const dots = dotsContainer.querySelectorAll('.dot');\r\n dots.forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentIndex);\r\n });\r\n }\r\n\r\n function updateCounter() {\r\n counter.textContent = `${currentIndex + 1} \/ ${totalSlides}`;\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ PAUSE \/ PLAY\r\n \/\/ ============================================================\r\n function togglePause() {\r\n isPaused = !isPaused;\r\n if (isPaused) {\r\n track.style.animationPlayState = 'paused';\r\n pauseBtn.innerHTML = '<i class=\"fas fa-play\"><\/i>';\r\n } else {\r\n track.style.animationPlayState = 'running';\r\n pauseBtn.innerHTML = '<i class=\"fas fa-pause\"><\/i>';\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ MODALE\r\n \/\/ ============================================================\r\n function openModal(index) {\r\n const photo = photos[index];\r\n modalImg.src = photo.src;\r\n modalImg.alt = photo.ville;\r\n modalVille.textContent = photo.ville;\r\n modal.classList.add('open');\r\n document.body.style.overflow = 'hidden';\r\n track.style.animationPlayState = 'paused';\r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('open');\r\n document.body.style.overflow = '';\r\n if (!isPaused) {\r\n track.style.animationPlayState = 'running';\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ SYNC DOTS AVEC L'ANIMATION\r\n \/\/ ============================================================\r\n function syncWithScroll() {\r\n const slideWidth = 220 + 16;\r\n const scrollPosition = Math.abs(parseFloat(track.style.transform.replace('translateX(', '').replace('px)', ''))) || 0;\r\n const approxIndex = Math.round(scrollPosition \/ slideWidth) % totalSlides;\r\n if (approxIndex !== currentIndex) {\r\n currentIndex = approxIndex;\r\n updateDots();\r\n updateCounter();\r\n }\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ \u00c9V\u00c9NEMENTS\r\n \/\/ ============================================================\r\n pauseBtn.addEventListener('click', togglePause);\r\n modalClose.addEventListener('click', closeModal);\r\n modal.addEventListener('click', function(e) {\r\n if (e.target === this) closeModal();\r\n });\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') closeModal();\r\n });\r\n\r\n \/\/ Synchro p\u00e9riodique\r\n setInterval(syncWithScroll, 2000);\r\n\r\n \/\/ ============================================================\r\n \/\/ INITIALISATION\r\n \/\/ ============================================================\r\n renderSlides();\r\n renderDots();\r\n updateCounter();\r\n\r\n \/\/ Fallback images\r\n document.querySelectorAll('img').forEach(img => {\r\n img.addEventListener('error', function() {\r\n if (!this.hasAttribute('data-fallback')) {\r\n this.setAttribute('data-fallback', 'true');\r\n this.src = 'data:image\/svg+xml,%3Csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"400\" height=\"400\"%3E%3Crect fill=\"%2307294a\" width=\"400\" height=\"400\"\/%3E%3Ctext x=\"200\" y=\"200\" text-anchor=\"middle\" font-family=\"Sora\" font-size=\"24\" fill=\"%23f4a61a\"%3EBT Plus%3C\/text%3E%3C\/svg%3E';\r\n }\r\n });\r\n });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8a7e0d e-con-full e-flex e-con e-parent\" data-id=\"d8a7e0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7855c00 elementor-widget elementor-widget-html\" data-id=\"7855c00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n.btp-liens{\r\n --b900:#07294a; --b800:#0a3666; --b700:#0d4f8b; --b500:#1c7ec9; --b300:#7cc0ee; --b100:#d6ebfb; --b50:#eef6fc;\r\n --or:#f4a61a; --or-d:#d98a0c; --ink:#0c2238; --slate:#48637d; --line:#e4ecf4;\r\n --green:#10b981; --green-bg:#d1fae5; --red:#ef4444; --red-bg:#fee2e2;\r\n --fd:\"Sora\",sans-serif; --fb:\"Inter\",sans-serif; --fm:\"JetBrains Mono\",monospace;\r\n --ease:cubic-bezier(.2,.8,.2,1);\r\n\r\n position:relative; overflow:hidden; width:100%;\r\n padding:60px 0 70px;\r\n font-family:var(--fb); color:var(--ink); line-height:1.5;\r\n background:#ffffff;\r\n}\r\n.btp-liens *,.btp-liens *::before,.btp-liens *::after{box-sizing:border-box}\r\n.btp-liens h2,.btp-liens h3,.btp-liens p{margin:0}\r\n.btp-liens .wrap{\r\n max-width:1200px;\r\n margin:0 auto;\r\n padding:0 24px;\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n\/* ---------- en-t\u00eate ---------- *\/\r\n.btp-liens .hd{\r\n text-align:center;\r\n margin-bottom:32px;\r\n}\r\n.btp-liens .hd h2{\r\n font-family:var(--fd);\r\n font-weight:800;\r\n letter-spacing:-.025em;\r\n line-height:1.1;\r\n font-size:clamp(1.6rem,3.2vw,2.4rem);\r\n color:var(--b900);\r\n}\r\n.btp-liens .hd h2 em{font-style:normal;color:var(--or)}\r\n.btp-liens .hd p{\r\n margin-top:8px;\r\n font-size:.95rem;\r\n color:var(--slate);\r\n}\r\n\r\n\/* ---------- groupes de services ---------- *\/\r\n.btp-liens .groupe{\r\n margin-bottom:32px;\r\n}\r\n.btp-liens .groupe:last-child{margin-bottom:0}\r\n\r\n.btp-liens .groupe-titre{\r\n font-family:var(--fd);\r\n font-weight:700;\r\n font-size:1.1rem;\r\n color:var(--b900);\r\n margin-bottom:12px;\r\n padding-bottom:6px;\r\n border-bottom:2px solid var(--or);\r\n display:inline-block;\r\n}\r\n.btp-liens .groupe-titre small{\r\n font-weight:400;\r\n font-size:.7rem;\r\n color:var(--slate);\r\n margin-left:8px;\r\n}\r\n\r\n\/* ---------- grille des services ---------- *\/\r\n.btp-liens .services-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:14px;\r\n}\r\n@media(max-width:820px){\r\n .btp-liens .services-grid{grid-template-columns:repeat(2,1fr)}\r\n}\r\n@media(max-width:480px){\r\n .btp-liens .services-grid{grid-template-columns:1fr}\r\n}\r\n\r\n.btp-liens .service-card{\r\n display:block;\r\n background:#fff;\r\n border-radius:12px;\r\n border:1px solid var(--line);\r\n padding:16px 20px;\r\n text-decoration:none;\r\n color:var(--b900);\r\n font-family:var(--fd);\r\n font-weight:600;\r\n font-size:.9rem;\r\n transition:all .3s var(--ease);\r\n text-align:center;\r\n box-shadow:0 2px 6px rgba(0,0,0,.02);\r\n position:relative;\r\n}\r\n.btp-liens .service-card:hover{\r\n border-color:var(--or);\r\n box-shadow:0 8px 20px rgba(7,41,74,.08);\r\n transform:translateY(-3px);\r\n color:var(--b700);\r\n}\r\n.btp-liens .service-card .sous-titre{\r\n display:block;\r\n font-family:var(--fm);\r\n font-weight:400;\r\n font-size:.55rem;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n color:var(--slate);\r\n margin-top:2px;\r\n}\r\n.btp-liens .service-card .badge-service{\r\n display:inline-block;\r\n font-family:var(--fm);\r\n font-size:.45rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n padding:2px 10px;\r\n border-radius:999px;\r\n background:var(--b50);\r\n color:var(--b700);\r\n margin-bottom:4px;\r\n}\r\n\/* badge \"page actuelle\" *\/\r\n.btp-liens .service-card .badge-actuel{\r\n background:var(--or);\r\n color:#fff;\r\n}\r\n.btp-liens .service-card.actuel{\r\n border-color:var(--or);\r\n background:#fefcf5;\r\n}\r\n\r\n\/* ---------- s\u00e9parateur \"Nos secteurs d'intervention\" ---------- *\/\r\n.btp-liens .sep{\r\n text-align:center;\r\n margin:40px 0 28px 0;\r\n font-family:var(--fm);\r\n font-size:.65rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n color:var(--slate);\r\n position:relative;\r\n}\r\n.btp-liens .sep span{\r\n background:#fff;\r\n padding:0 16px;\r\n position:relative;\r\n z-index:1;\r\n}\r\n.btp-liens .sep::after{\r\n content:'';\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n top:50%;\r\n height:1px;\r\n background:var(--line);\r\n}\r\n\r\n\/* ---------- grille des d\u00e9partements ---------- *\/\r\n.btp-liens .grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:14px;\r\n}\r\n@media(max-width:820px){\r\n .btp-liens .grid{grid-template-columns:repeat(2,1fr)}\r\n}\r\n@media(max-width:480px){\r\n .btp-liens .grid{grid-template-columns:1fr}\r\n}\r\n\r\n.btp-liens .lien{\r\n display:block;\r\n background:#fff;\r\n border-radius:12px;\r\n border:1px solid var(--line);\r\n padding:14px 18px;\r\n text-decoration:none;\r\n color:var(--b900);\r\n font-family:var(--fd);\r\n font-weight:600;\r\n font-size:.9rem;\r\n transition:all .3s var(--ease);\r\n text-align:center;\r\n box-shadow:0 2px 6px rgba(0,0,0,.02);\r\n}\r\n.btp-liens .lien:hover{\r\n border-color:var(--or);\r\n box-shadow:0 8px 20px rgba(7,41,74,.08);\r\n transform:translateY(-3px);\r\n color:var(--b700);\r\n}\r\n.btp-liens .lien .departement{\r\n display:block;\r\n font-family:var(--fm);\r\n font-weight:400;\r\n font-size:.6rem;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n color:var(--slate);\r\n margin-top:2px;\r\n}\r\n<\/style>\r\n\r\n<section class=\"btp-liens\">\r\n <div class=\"wrap\">\r\n\r\n \r\n <div class=\"hd\">\r\n <h2>Nos autres <em>Services<\/em><\/h2>\r\n <p>Retrouvez l'ensemble de nos prestations d'assainissement, hors inspection cam\u00e9ra, en \u00cele\u2011de\u2011France<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"groupe\">\r\n <div class=\"groupe-titre\">D\u00e9pannage <small>intervention 24h\/24<\/small><\/div>\r\n <div class=\"services-grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/debouchage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n D\u00e9bouchage\r\n <span class=\"sous-titre\">Intervention rapide<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/curage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Curage\r\n <span class=\"sous-titre\">Hydrocurage haute pression<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera\/\" class=\"service-card actuel\">\r\n <span class=\"badge-service badge-actuel\">Page actuelle<\/span>\r\n Inspection cam\u00e9ra\r\n <span class=\"sous-titre\">Diagnostic HD 4K<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/pompage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Pompage\r\n <span class=\"sous-titre\">Vidange & assainissement<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"groupe\">\r\n <div class=\"groupe-titre\">Travaux non collectif <small>ANC & installations priv\u00e9es<\/small><\/div>\r\n <div class=\"services-grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/regard\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Regard\r\n <span class=\"sous-titre\">Regards de visite<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/installation-de-puisard\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Installation de puisard\r\n <span class=\"sous-titre\">Puits d\u2019infiltration<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/bac-a-graisse\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Bac \u00e0 graisse\r\n <span class=\"sous-titre\">S\u00e9paration des graisses<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/instalation-pompe-de-relevage\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Installation pompe de relevage\r\n <span class=\"sous-titre\">Mise en place de pompe<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/station-depuration\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Station d\u2019\u00e9puration\r\n <span class=\"sous-titre\">Micro\u2011station & filtre<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/separation-des-ep-eu\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n S\u00e9paration des EP\/EU\r\n <span class=\"sous-titre\">Eaux pluviales \/ eaux us\u00e9es<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/remplacement-de-canalisation\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Remplacement de canalisation\r\n <span class=\"sous-titre\">R\u00e9novation de r\u00e9seaux<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/travaux-de-mise-en-conformite\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Mise en conformit\u00e9\r\n <span class=\"sous-titre\">Mise aux normes du r\u00e9seau<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/travaux-dassainissement-non-collectif\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Assainissement non collectif\r\n <span class=\"sous-titre\">ANC \u2013 Fosse toutes eaux<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"groupe\">\r\n <div class=\"groupe-titre\">Travaux collectif <small>raccordement au r\u00e9seau public<\/small><\/div>\r\n <div class=\"services-grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-tout-a-legout\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Raccordement tout\u2011\u00e0\u2011l\u2019\u00e9gout\r\n <span class=\"sous-titre\">Raccordement au r\u00e9seau public<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-eaux-pluviales\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Raccordement eaux pluviales\r\n <span class=\"sous-titre\">Gestion des eaux de pluie<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/raccordement-en-gargouille\/\" class=\"service-card\">\r\n <span class=\"badge-service\">Service<\/span>\r\n Raccordement en gargouille\r\n <span class=\"sous-titre\">Raccordement par gargouille<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"sep\"><span>Nos secteurs d'intervention pour l'inspection cam\u00e9ra<\/span><\/div>\r\n\r\n <div class=\"grid\">\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-essonne-91\/\" class=\"lien\">\r\n Essonne <span class=\"departement\">91<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-hauts-de-seine-92\/\" class=\"lien\">\r\n Hauts\u2011de\u2011Seine <span class=\"departement\">92<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-paris-75\/\" class=\"lien\">\r\n Paris <span class=\"departement\">75<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-seine-et-marne-77\/\" class=\"lien\">\r\n Seine\u2011et\u2011Marne <span class=\"departement\">77<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-seine-saint-denis-93\/\" class=\"lien\">\r\n Seine\u2011Saint\u2011Denis <span class=\"departement\">93<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-val-doise-95\/\" class=\"lien\">\r\n Val\u2011d\u2019Oise <span class=\"departement\">95<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-val-de-marne-94\/\" class=\"lien\">\r\n Val\u2011de\u2011Marne <span class=\"departement\">94<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/sci-bme.fr\/index.php\/inspection-camera-yvelines-78\/\" class=\"lien\">\r\n Yvelines <span class=\"departement\">78<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b77e619 e-con-full e-flex e-con e-parent\" data-id=\"b77e619\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-304bbd3 elementor-widget elementor-widget-html\" data-id=\"304bbd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover\">\r\n <title>Inspection cam\u00e9ra canalisation \u2013 Diagnostic BT Plus \u00cele-de-France<\/title>\r\n\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 TIMELINE INSPECTION CAM\u00c9RA (SEO optimis\u00e9)\r\n ============================================================ *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n background: #f5f7fa;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n \/* ============================================================\r\n SECTION TIMELINE\r\n ============================================================ *\/\r\n .btp-timeline {\r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Vague d\u00e9corative *\/\r\n .btp-timeline::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,80 600,0 900,40 C1050,60 1150,40 1200,40 L1200,80 L0,80 Z' fill='%23d6ebfb' opacity='0.3'\/%3E%3C\/svg%3E\") no-repeat bottom \/ 100% 100%;\r\n pointer-events: none;\r\n }\r\n\r\n .btp-timeline .container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* ============================================================\r\n ANIMATIONS (GPU-friendly)\r\n ============================================================ *\/\r\n @keyframes fadeUp {\r\n 0% { opacity: 0; transform: translateY(30px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes slideLeft {\r\n 0% { opacity: 0; transform: translateX(-30px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n @keyframes slideRight {\r\n 0% { opacity: 0; transform: translateX(30px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n @keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n }\r\n\r\n .anim-up {\r\n animation: fadeUp 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .anim-left {\r\n animation: slideLeft 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .anim-right {\r\n animation: slideRight 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .init-hidden {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n .init-left {\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n }\r\n\r\n .init-right {\r\n opacity: 0;\r\n transform: translateX(30px);\r\n }\r\n\r\n \/* ============================================================\r\n HEADER \u2014 SEO enrichi\r\n ============================================================ *\/\r\n .btp-timeline .header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .btp-timeline .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .btp-timeline .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n }\r\n\r\n .btp-timeline .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n }\r\n\r\n .btp-timeline .title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-timeline .subtitle {\r\n font-size: 1.05rem;\r\n color: #48637d;\r\n max-width: 680px;\r\n margin: 12px auto 0;\r\n line-height: 1.6;\r\n }\r\n .btp-timeline .subtitle strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n TIMELINE\r\n ============================================================ *\/\r\n .btp-timeline .timeline {\r\n position: relative;\r\n padding: 0 0 20px 0;\r\n }\r\n\r\n \/* Ligne verticale centrale *\/\r\n .btp-timeline .timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n bottom: 0;\r\n width: 3px;\r\n background: linear-gradient(180deg, #d6ebfb, #f4a61a, #d6ebfb);\r\n transform: translateX(-50%);\r\n border-radius: 99px;\r\n }\r\n\r\n \/* \u00c9tape de la timeline *\/\r\n .btp-timeline .step {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 40px;\r\n position: relative;\r\n }\r\n\r\n .btp-timeline .step:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* Contenu gauche *\/\r\n .btp-timeline .step .content-left {\r\n width: 50%;\r\n padding-right: 50px;\r\n text-align: right;\r\n }\r\n\r\n \/* Contenu droite *\/\r\n .btp-timeline .step .content-right {\r\n width: 50%;\r\n padding-left: 50px;\r\n text-align: left;\r\n }\r\n\r\n \/* Point central *\/\r\n .btp-timeline .step .dot-wrap {\r\n position: absolute;\r\n left: 50%;\r\n top: 8px;\r\n transform: translateX(-50%);\r\n z-index: 2;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background: #fff;\r\n border: 3px solid #f4a61a;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 16px rgba(244, 166, 26, 0.15);\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.75rem;\r\n font-weight: 800;\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-timeline .step:nth-child(4) .dot-wrap {\r\n border-color: #f4a61a;\r\n background: #fefaf5;\r\n }\r\n\r\n .btp-timeline .step:nth-child(4) .dot-wrap .step-num {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-timeline .step:last-child .dot-wrap {\r\n border-color: #10b981;\r\n background: #10b981;\r\n }\r\n\r\n .btp-timeline .step:last-child .dot-wrap .step-num {\r\n color: #fff;\r\n }\r\n\r\n \/* Num\u00e9ro d'\u00e9tape *\/\r\n .btp-timeline .step .step-label {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n margin-bottom: 4px;\r\n }\r\n\r\n \/* Titre de l'\u00e9tape *\/\r\n .btp-timeline .step .step-title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n margin-bottom: 6px;\r\n line-height: 1.3;\r\n }\r\n\r\n .btp-timeline .step .step-title span {\r\n color: #f4a61a;\r\n }\r\n\r\n \/* Description *\/\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.9rem;\r\n color: #48637d;\r\n line-height: 1.7;\r\n }\r\n\r\n .btp-timeline .step .step-desc strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Tags *\/\r\n .btp-timeline .products-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-top: 10px;\r\n justify-content: flex-start;\r\n }\r\n\r\n .btp-timeline .step .content-right .products-tags {\r\n justify-content: flex-start;\r\n }\r\n\r\n .btp-timeline .step .content-left .products-tags {\r\n justify-content: flex-end;\r\n }\r\n\r\n .btp-timeline .products-tags .tag {\r\n display: inline-block;\r\n font-size: 0.65rem;\r\n font-weight: 500;\r\n color: #48637d;\r\n background: #fff;\r\n padding: 3px 14px;\r\n border-radius: 999px;\r\n border: 1px solid #eef2f5;\r\n transition: all 0.2s;\r\n }\r\n\r\n .btp-timeline .products-tags .tag:hover {\r\n border-color: #f4a61a;\r\n background: #fefaf5;\r\n }\r\n\r\n \/* ============================================================\r\n RAPPEL URGENCE + CTA ROUGE (SEO enrichi)\r\n ============================================================ *\/\r\n .btp-timeline .urgence-block {\r\n margin-top: 50px;\r\n padding-top: 40px;\r\n border-top: 2px solid #eef2f5;\r\n text-align: center;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel {\r\n font-size: 1rem;\r\n color: #48637d;\r\n margin-bottom: 20px;\r\n line-height: 1.6;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel .highlight {\r\n color: #f4a61a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* CTA ROUGE \u2014 NUM\u00c9RO EN BLANC (identique aux autres sections) *\/\r\n .btp-timeline .btn-urgence {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: #d32f2f;\r\n color: #ffffff !important;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.2rem;\r\n padding: 14px 36px;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n box-shadow: 0 6px 24px rgba(211, 47, 47, 0.3);\r\n transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btp-timeline .btn-urgence:hover {\r\n background: #b71c1c;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 36px rgba(211, 47, 47, 0.35);\r\n color: #ffffff !important;\r\n }\r\n\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.4rem;\r\n letter-spacing: 0.02em;\r\n color: #ffffff;\r\n }\r\n\r\n .btp-timeline .btn-urgence .label {\r\n font-size: 0.65rem;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: rgba(255, 255, 255, 0.7);\r\n display: block;\r\n margin-top: -2px;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n @media (max-width: 992px) {\r\n .btp-timeline .container {\r\n padding: 0 30px;\r\n }\r\n\r\n .btp-timeline .timeline::before {\r\n left: 20px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap {\r\n left: 20px;\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .btp-timeline .step .content-left,\r\n .btp-timeline .step .content-right {\r\n width: 100%;\r\n padding-left: 60px;\r\n padding-right: 0;\r\n text-align: left;\r\n }\r\n\r\n .btp-timeline .step .content-left .products-tags {\r\n justify-content: flex-start;\r\n }\r\n\r\n .btp-timeline .step .step-label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .step .step-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence {\r\n padding: 14px 30px;\r\n font-size: 1rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-timeline {\r\n padding: 60px 0 80px;\r\n }\r\n\r\n .btp-timeline .container {\r\n padding: 0 20px;\r\n }\r\n\r\n .btp-timeline .timeline::before {\r\n left: 14px;\r\n }\r\n\r\n .btp-timeline .step {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap {\r\n left: 14px;\r\n width: 34px;\r\n height: 34px;\r\n }\r\n\r\n .btp-timeline .step .dot-wrap .step-num {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .step .content-left,\r\n .btp-timeline .step .content-right {\r\n padding-left: 48px;\r\n }\r\n\r\n .btp-timeline .step .step-title {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-timeline .step .step-desc {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .btp-timeline .products-tags .tag {\r\n font-size: 0.55rem;\r\n padding: 2px 10px;\r\n }\r\n\r\n .btp-timeline .urgence-block .rappel {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence {\r\n padding: 12px 24px;\r\n font-size: 0.9rem;\r\n flex-direction: column;\r\n gap: 4px;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .btp-timeline .btn-urgence .number {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence .label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-timeline .btn-urgence:hover {\r\n gap: 6px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"btp-timeline\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"header\">\r\n <span class=\"pill init-hidden\">\r\n <span class=\"dot\"><\/span>\r\n <strong>Entreprise inspection cam\u00e9ra<\/strong> \u2013 Urgence 24h\/24\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n <strong>Inspection cam\u00e9ra canalisation<\/strong> \u2013 <span>diagnostic pr\u00e9cis en \u00cele-de-France<\/span>\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n <strong>Diagnostic canalisation<\/strong> sans travaux invasifs gr\u00e2ce \u00e0 notre cam\u00e9ra HD 4K.\r\n <strong>D\u00e9tection de bouchon<\/strong>, <strong>contr\u00f4le canalisation avant achat immobilier<\/strong>\r\n et <strong>inspection r\u00e9seau assainissement<\/strong> complet.\r\n <strong>Passage cam\u00e9ra canalisation<\/strong> pour une <strong>inspection canalisation bouch\u00e9e<\/strong>\r\n ou un simple contr\u00f4le pr\u00e9ventif. <strong>Devis gratuit<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline\">\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"step-label\">\u00c9tape 1<\/div>\r\n <div class=\"step-title\"><span>Passage cam\u00e9ra canalisation<\/span> \u2013 l'outil des professionnels<\/div>\r\n <div class=\"step-desc\">\r\n Seuls les professionnels de <strong>travaux d'assainissement en \u00cele-de-France<\/strong>\r\n disposent de cet outil, afin d'entrer avec pr\u00e9cision dans vos canalisations et de\r\n <strong>localiser le probl\u00e8me<\/strong>. <strong>Inspection cam\u00e9ra canalisation<\/strong>\r\n pour un <strong>diagnostic fiable<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Inspection cam\u00e9ra<\/strong><\/span>\r\n <span class=\"tag\">Cam\u00e9ra HD 4K<\/span>\r\n <span class=\"tag\">Non invasif<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">1<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\"><\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">2<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\">\r\n <div class=\"step-label\">\u00c9tape 2<\/div>\r\n <div class=\"step-title\"><span>Diagnostic canalisation<\/span> \u2013 rapport complet<\/div>\r\n <div class=\"step-desc\">\r\n Nos techniciens r\u00e9aliseront cette <strong>inspection r\u00e9seau assainissement<\/strong>\r\n en vous apportant un <strong>diagnostic complet<\/strong> accompagn\u00e9 d'un\r\n <strong>rapport explicatif et d\u00e9taill\u00e9 avec des photos<\/strong>, pour pouvoir\r\n imager la situation. <strong>Inspection canalisation bouch\u00e9e<\/strong> et\r\n <strong>d\u00e9tection de bouchon<\/strong> pr\u00e9cises.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Diagnostic canalisation<\/strong><\/span>\r\n <span class=\"tag\">Photos \/ Vid\u00e9os<\/span>\r\n <span class=\"tag\">Rapport d\u00e9taill\u00e9<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"step-label\">\u00c9tape 3<\/div>\r\n <div class=\"step-title\"><span>D\u00e9tection de bouchon<\/span> \u2013 anomalies trait\u00e9es rapidement<\/div>\r\n <div class=\"step-desc\">\r\n Suite au rapport \u00e9labor\u00e9 apr\u00e8s une <strong>inspection cam\u00e9ra canalisation<\/strong>,\r\n les anomalies potentielles de vos canalisations (<strong>bouchons<\/strong>, fissures,\r\n racines) seront trait\u00e9es dans les <strong>meilleurs d\u00e9lais<\/strong>.\r\n <strong>D\u00e9tection de bouchon<\/strong> pr\u00e9cise pour une <strong>intervention cibl\u00e9e<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>D\u00e9tection de bouchon<\/strong><\/span>\r\n <span class=\"tag\"><strong>Passage cam\u00e9ra<\/strong><\/span>\r\n <span class=\"tag\">Intervention rapide<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dot-wrap\">\r\n <span class=\"step-num\">3<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\"><\/div>\r\n <div class=\"dot-wrap\" style=\"border-color: #f4a61a; background: #fefaf5;\">\r\n <span class=\"step-num\" style=\"color: #f4a61a;\">4<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\">\r\n <div class=\"step-label\">\u00c9tape 4 \u2014 Avant achat<\/div>\r\n <div class=\"step-title\"><span>Contr\u00f4le canalisation avant achat immobilier<\/span><\/div>\r\n <div class=\"step-desc\">\r\n <strong>Contr\u00f4le canalisation avant achat immobilier<\/strong> indispensable pour \u00e9viter\r\n les mauvaises surprises. Notre <strong>inspection r\u00e9seau assainissement<\/strong>\r\n vous permet de conna\u00eetre l'\u00e9tat exact des canalisations avant de signer.\r\n <strong>Devis gratuit<\/strong> et <strong>diagnostic complet<\/strong>.\r\n Solutions adapt\u00e9es : <strong>vidange fosse septique<\/strong>,\r\n <strong>vidange bac \u00e0 graisse<\/strong>, <strong>curage canalisation<\/strong>,\r\n <strong>d\u00e9pannage pompe de relevage<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Contr\u00f4le avant achat<\/strong><\/span>\r\n <span class=\"tag\"><strong>Inspection r\u00e9seau<\/strong><\/span>\r\n <span class=\"tag\">Diagnostic complet<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\">\r\n <div class=\"step-label\">\u00c9tape 5<\/div>\r\n <div class=\"step-title\"><span>Entreprise inspection cam\u00e9ra<\/span> \u2013 faites appel \u00e0 BT PLUS<\/div>\r\n <div class=\"step-desc\">\r\n Nos techniciens assurent des <strong>solutions adapt\u00e9es<\/strong> pour tous vos probl\u00e8mes\r\n de canalisations. <strong>Entreprise inspection cam\u00e9ra<\/strong> agr\u00e9\u00e9e en\r\n <strong>\u00cele-de-France<\/strong>. Une \u00e9quipe professionnelle et exp\u00e9riment\u00e9e \u00e0 votre service.\r\n <strong>Passage cam\u00e9ra canalisation<\/strong> et <strong>devis gratuit<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Entreprise inspection cam\u00e9ra<\/strong><\/span>\r\n <span class=\"tag\">Agr\u00e9\u00e9<\/span>\r\n <span class=\"tag\">Professionnel<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dot-wrap\" style=\"border-color: #f4a61a; background: #f4a61a;\">\r\n <span class=\"step-num\" style=\"color: #fff;\">5<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"content-left init-left\"><\/div>\r\n <div class=\"dot-wrap\" style=\"border-color: #10b981; background: #10b981;\">\r\n <span class=\"step-num\" style=\"color: #fff;\">6<\/span>\r\n <\/div>\r\n <div class=\"content-right init-right\">\r\n <div class=\"step-label\">\u00c9tape 6 \u2014 Intervention<\/div>\r\n <div class=\"step-title\"><span>Inspection cam\u00e9ra canalisations en IDF<\/span> \u2013 intervention rapide<\/div>\r\n <div class=\"step-desc\">\r\n Notre \u00e9quipe de techniciens intervient <strong>rapidement chez vous<\/strong> pour r\u00e9aliser\r\n l'<strong>inspection cam\u00e9ra canalisation<\/strong> et vous fournir un\r\n <strong>diagnostic pr\u00e9cis<\/strong> dans les meilleurs d\u00e9lais.\r\n <strong>Diagnostic canalisation<\/strong> \u2013 <strong>d\u00e9tection de bouchon<\/strong> \u2013\r\n <strong>devis gratuit<\/strong>.\r\n <\/div>\r\n <div class=\"products-tags\">\r\n <span class=\"tag\"><strong>Inspection cam\u00e9ra IDF<\/strong><\/span>\r\n <span class=\"tag\"><strong>Diagnostic pr\u00e9cis<\/strong><\/span>\r\n <span class=\"tag\">Intervention rapide<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"urgence-block init-hidden\">\r\n <p class=\"rappel\">\r\n <strong>Rappel :<\/strong> En cas d'<strong>urgence<\/strong>, coupez votre arriv\u00e9e d'eau\r\n et appelez notre <strong>entreprise inspection cam\u00e9ra<\/strong>\r\n <span class=\"highlight\">imm\u00e9diatement<\/span>.\r\n <strong>Diagnostic canalisation<\/strong> et <strong>d\u00e9tection de bouchon<\/strong>\r\n \u2013 <strong>intervention 24h\/24<\/strong> \u2013 <strong>devis gratuit<\/strong>.\r\n <\/p>\r\n <a href=\"tel:0186957777\" class=\"btn-urgence\">\r\n <span>\r\n <span class=\"number\">01 86 95 77 77<\/span>\r\n <span class=\"label\">Appel gratuit \u00b7 Urgence 24h\/24 \u00b7 7j\/7<\/span>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n\r\n const elements = document.querySelectorAll('.init-hidden, .init-left, .init-right');\r\n\r\n if (elements.length > 0 && 'IntersectionObserver' in window) {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n if (entry.target.classList.contains('init-hidden')) {\r\n entry.target.classList.add('anim-up');\r\n } else if (entry.target.classList.contains('init-left')) {\r\n entry.target.classList.add('anim-left');\r\n } else if (entry.target.classList.contains('init-right')) {\r\n entry.target.classList.add('anim-right');\r\n }\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.15,\r\n rootMargin: '0px 0px -40px 0px'\r\n });\r\n\r\n elements.forEach(el => observer.observe(el));\r\n } else {\r\n \/\/ Fallback\r\n elements.forEach(el => {\r\n el.classList.remove('init-hidden', 'init-left', 'init-right');\r\n el.classList.add('anim-up', 'anim-left', 'anim-right');\r\n });\r\n }\r\n\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02342e1 e-con-full e-flex e-con e-parent\" data-id=\"02342e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eeec6eb elementor-widget elementor-widget-html\" data-id=\"eeec6eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover\">\r\n <title>Inspection cam\u00e9ra canalisation \u2013 BT Plus \u00cele-de-France<\/title>\r\n\r\n <style>\r\n \/* ============================================================\r\n BT PLUS \u2014 DIAGNOSTIC INSPECTION CAM\u00c9RA (SEO optimis\u00e9)\r\n Adapt\u00e9 pour \"Inspection Cam\u00e9ra - Pros & Particuliers\"\r\n ============================================================ *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n background: #f5f7fa;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n \/* ============================================================\r\n ANIMATIONS\r\n ============================================================ *\/\r\n @keyframes fadeUp {\r\n 0% { opacity: 0; transform: translateY(30px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes pulse-dot {\r\n 0% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0.55); }\r\n 70% { box-shadow: 0 0 0 9px rgba(244, 166, 26, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(244, 166, 26, 0); }\r\n }\r\n\r\n .anim-up {\r\n animation: fadeUp 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .init-hidden {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n \/* ============================================================\r\n SECTION DIAGNOSTIC\r\n ============================================================ *\/\r\n .btp-diagnostic {\r\n width: 100%;\r\n padding: 80px 0 100px;\r\n background: linear-gradient(180deg, #eef6fc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Vague d\u00e9corative *\/\r\n .btp-diagnostic::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C300,80 600,0 900,40 C1050,60 1150,40 1200,40 L1200,80 L0,80 Z' fill='%23d6ebfb' opacity='0.3'\/%3E%3C\/svg%3E\") no-repeat bottom \/ 100% 100%;\r\n pointer-events: none;\r\n }\r\n\r\n .btp-diagnostic .container {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* ============================================================\r\n HEADER \u2014 SEO enrichi\r\n ============================================================ *\/\r\n .btp-diagnostic .header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .btp-diagnostic .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: #d98a0c;\r\n background: #fff;\r\n border: 1px solid #f6e3bf;\r\n padding: 6px 16px 6px 12px;\r\n border-radius: 999px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .btp-diagnostic .pill .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #f4a61a;\r\n animation: pulse-dot 1.8s infinite;\r\n }\r\n\r\n .btp-diagnostic .title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: clamp(2rem, 4.2vw, 3.4rem);\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n }\r\n\r\n .btp-diagnostic .title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-diagnostic .subtitle {\r\n font-size: 1.05rem;\r\n color: #48637d;\r\n max-width: 680px;\r\n margin: 12px auto 0;\r\n line-height: 1.6;\r\n }\r\n .btp-diagnostic .subtitle strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ============================================================\r\n DOSSIER PATIENT\r\n ============================================================ *\/\r\n .btp-diagnostic .dossier {\r\n background: #fff;\r\n border-radius: 28px;\r\n padding: 40px 44px;\r\n border: 1px solid #eef2f5;\r\n box-shadow: 0 4px 20px rgba(7, 41, 74, 0.04);\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btp-diagnostic .dossier .dossier-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n padding-bottom: 16px;\r\n border-bottom: 2px solid #eef2f5;\r\n }\r\n\r\n .btp-diagnostic .dossier .dossier-header .badge-dossier {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #1c7ec9;\r\n background: #eef6fc;\r\n padding: 4px 14px;\r\n border-radius: 999px;\r\n }\r\n\r\n .btp-diagnostic .dossier .dossier-header .dossier-id {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.7rem;\r\n color: #9aaeb8;\r\n margin-left: auto;\r\n }\r\n\r\n \/* ============================================================\r\n GRILLE 2 COLONNES \u2014 PROFESSIONNELS \/ PARTICULIERS (SEO)\r\n ============================================================ *\/\r\n .btp-diagnostic .pros-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .btp-diagnostic .pros-card {\r\n background: #fff;\r\n border-radius: 20px;\r\n padding: 28px 30px;\r\n border: 1px solid #eef2f5;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(7, 41, 74, 0.02);\r\n }\r\n\r\n .btp-diagnostic .pros-card:hover {\r\n transform: translateY(-3px);\r\n border-color: #f4a61a;\r\n box-shadow: 0 8px 24px rgba(7, 41, 74, 0.06);\r\n }\r\n\r\n .btp-diagnostic .pros-card .card-title {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n margin-bottom: 16px;\r\n padding-bottom: 12px;\r\n border-bottom: 2px solid #eef2f5;\r\n }\r\n\r\n .btp-diagnostic .pros-card .card-title span {\r\n color: #f4a61a;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 8px 0;\r\n border-bottom: 1px solid #f5f7fa;\r\n font-size: 0.85rem;\r\n color: #48637d;\r\n transition: all 0.2s;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li:hover {\r\n transform: translateX(4px);\r\n color: #07294a;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li .check {\r\n color: #f4a61a;\r\n font-weight: 700;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ============================================================\r\n BANDEAU \u2014 STYLE ORDONNANCE (SEO)\r\n ============================================================ *\/\r\n .btp-diagnostic .high-pressure {\r\n background: #fefaf5;\r\n border-radius: 20px;\r\n padding: 24px 32px;\r\n border: 1px solid #f6e3bf;\r\n margin-bottom: 40px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n }\r\n\r\n .btp-diagnostic .high-pressure .text {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .btp-diagnostic .high-pressure .text .label {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n color: #1c7ec9;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n }\r\n\r\n .btp-diagnostic .high-pressure .text h4 {\r\n font-family: 'Sora', sans-serif;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #07294a;\r\n }\r\n\r\n .btp-diagnostic .high-pressure .text p {\r\n font-size: 0.85rem;\r\n color: #48637d;\r\n }\r\n\r\n .btp-diagnostic .high-pressure .tag {\r\n display: inline-block;\r\n background: #fff;\r\n padding: 6px 20px;\r\n border-radius: 999px;\r\n border: 1px solid #f6e3bf;\r\n font-family: 'Sora', sans-serif;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n color: #f4a61a;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ============================================================\r\n RAPPEL URGENCE + CTA ROUGE (SEO enrichi)\r\n ============================================================ *\/\r\n .btp-diagnostic .urgence-block {\r\n margin-top: 10px;\r\n padding-top: 30px;\r\n border-top: 2px solid #eef2f5;\r\n text-align: center;\r\n }\r\n\r\n .btp-diagnostic .urgence-block .rappel {\r\n font-size: 1rem;\r\n color: #48637d;\r\n margin-bottom: 20px;\r\n line-height: 1.6;\r\n }\r\n\r\n .btp-diagnostic .urgence-block .rappel strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n }\r\n\r\n .btp-diagnostic .urgence-block .rappel .highlight {\r\n color: #f4a61a;\r\n font-weight: 600;\r\n }\r\n\r\n \/* CTA ROUGE \u2014 NUM\u00c9RO EN BLANC (identique aux autres sections) *\/\r\n .btp-diagnostic .btn-urgence {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: #d32f2f;\r\n color: #ffffff !important;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.2rem;\r\n padding: 14px 36px;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n box-shadow: 0 6px 24px rgba(211, 47, 47, 0.3);\r\n transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence:hover {\r\n background: #b71c1c;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 36px rgba(211, 47, 47, 0.35);\r\n color: #ffffff !important;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .number {\r\n font-size: 1.4rem;\r\n letter-spacing: 0.02em;\r\n color: #ffffff;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .label {\r\n font-size: 0.65rem;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n color: rgba(255, 255, 255, 0.7);\r\n display: block;\r\n margin-top: -2px;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n @media (max-width: 992px) {\r\n .btp-diagnostic .container {\r\n padding: 0 30px;\r\n }\r\n\r\n .btp-diagnostic .dossier {\r\n padding: 28px 24px;\r\n }\r\n\r\n .btp-diagnostic .pros-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .btp-diagnostic .high-pressure {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 20px 24px;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .btp-diagnostic {\r\n padding: 60px 0 80px;\r\n }\r\n\r\n .btp-diagnostic .container {\r\n padding: 0 20px;\r\n }\r\n\r\n .btp-diagnostic .dossier {\r\n padding: 20px 16px;\r\n border-radius: 20px;\r\n }\r\n\r\n .btp-diagnostic .pros-card {\r\n padding: 20px 18px;\r\n }\r\n\r\n .btp-diagnostic .pros-card .card-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .btp-diagnostic .pros-card .services-list li {\r\n font-size: 0.8rem;\r\n padding: 6px 0;\r\n }\r\n\r\n .btp-diagnostic .high-pressure {\r\n padding: 16px 18px;\r\n }\r\n\r\n .btp-diagnostic .high-pressure .text h4 {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .btp-diagnostic .high-pressure .text p {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .btp-diagnostic .high-pressure .tag {\r\n font-size: 0.6rem;\r\n padding: 4px 14px;\r\n }\r\n\r\n .btp-diagnostic .urgence-block .rappel {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence {\r\n padding: 12px 28px;\r\n font-size: 1rem;\r\n width: 100%;\r\n flex-direction: column;\r\n gap: 4px;\r\n justify-content: center;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .number {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence .label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n .btp-diagnostic .btn-urgence:hover {\r\n gap: 6px;\r\n }\r\n\r\n .btp-diagnostic .dossier .dossier-header .dossier-id {\r\n display: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"btp-diagnostic\">\r\n <div class=\"container\">\r\n\r\n \r\n <div class=\"header\">\r\n <span class=\"pill init-hidden\">\r\n <span class=\"dot\"><\/span>\r\n <strong>Entreprise inspection cam\u00e9ra<\/strong> \u2013 Urgence 24h\/24\r\n <\/span>\r\n <h2 class=\"title init-hidden\">\r\n <strong>Inspection cam\u00e9ra canalisation<\/strong> \u2013 <span>diagnostic pr\u00e9cis pour pros et particuliers<\/span>\r\n <\/h2>\r\n <p class=\"subtitle init-hidden\">\r\n <strong>Diagnostic canalisation<\/strong> sans travaux invasifs gr\u00e2ce \u00e0 notre cam\u00e9ra HD 4K.\r\n <strong>D\u00e9tection de bouchon<\/strong>, <strong>contr\u00f4le canalisation avant achat immobilier<\/strong>\r\n et <strong>inspection r\u00e9seau assainissement<\/strong> complet.\r\n <strong>Passage cam\u00e9ra canalisation<\/strong> pour une <strong>inspection canalisation bouch\u00e9e<\/strong>\r\n ou un simple contr\u00f4le pr\u00e9ventif. <strong>Devis gratuit<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"dossier init-hidden\">\r\n <div class=\"dossier-header\">\r\n <span class=\"badge-dossier\"><strong>Inspection cam\u00e9ra<\/strong> \u2013 Pros & Particuliers<\/span>\r\n <span class=\"dossier-id\">R\u00e9f. #I-2024-001<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"pros-grid\">\r\n\r\n \r\n <div class=\"pros-card\">\r\n <div class=\"card-title\">PROFESSIONNELS \u2013 <span>inspection r\u00e9seau assainissement<\/span><\/div>\r\n <ul class=\"services-list\">\r\n <li><span class=\"check\">\u2713<\/span> <strong>Inspection cam\u00e9ra canalisation restaurant<\/strong> \u2013 h\u00f4tel<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Inspection cam\u00e9ra canalisation copropri\u00e9t\u00e9<\/strong> \u2013 r\u00e9sidence<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Inspection cam\u00e9ra canalisation bureaux<\/strong> \u2013 locaux pros<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Diagnostic canalisation<\/strong> \u2013 d\u00e9tection de bouchon<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Inspection r\u00e9seau assainissement<\/strong> \u2013 complet<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"pros-card\">\r\n <div class=\"card-title\">PARTICULIERS \u2013 <span>passage cam\u00e9ra canalisation<\/span><\/div>\r\n <ul class=\"services-list\">\r\n <li><span class=\"check\">\u2713<\/span> <strong>Inspection cam\u00e9ra canalisation maison<\/strong> \u2013 villa<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Inspection cam\u00e9ra canalisation appartement<\/strong> \u2013 copro<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Contr\u00f4le canalisation avant achat immobilier<\/strong><\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Inspection canalisation bouch\u00e9e<\/strong> \u2013 d\u00e9tection pr\u00e9cise<\/li>\r\n <li><span class=\"check\">\u2713<\/span> <strong>Passage cam\u00e9ra canalisation<\/strong> \u2013 diagnostic HD<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"high-pressure\">\r\n <div class=\"text\">\r\n <span class=\"label\">Technologie de pointe<\/span>\r\n <h4><strong>Inspection cam\u00e9ra canalisations en IDF<\/strong> \u2013 diagnostic pr\u00e9cis<\/h4>\r\n <p><strong>Diagnostic canalisation<\/strong> HD 4K \u2013 <strong>d\u00e9tection de bouchon<\/strong> et <strong>contr\u00f4le r\u00e9seau assainissement<\/strong>.<\/p>\r\n <\/div>\r\n <span class=\"tag\"><strong>Diagnostic HD \u2013 Devis gratuit<\/strong><\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"urgence-block init-hidden\">\r\n <p class=\"rappel\">\r\n <strong>Rappel :<\/strong> Besoin d'une <strong>inspection cam\u00e9ra canalisation<\/strong> ?\r\n Appelez notre <strong>entreprise inspection cam\u00e9ra<\/strong> <span class=\"highlight\">d\u00e8s maintenant<\/span>.\r\n <strong>Devis gratuit<\/strong> \u2013 <strong>diagnostic canalisation<\/strong> et <strong>d\u00e9tection de bouchon<\/strong>.\r\n <\/p>\r\n <a href=\"tel:0186957777\" class=\"btn-urgence\">\r\n <span>\r\n <span class=\"number\">01 86 95 77 77<\/span>\r\n <span class=\"label\">Appel gratuit \u00b7 Urgence 24h\/24 \u00b7 7j\/7<\/span>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n\r\n const elements = document.querySelectorAll('.init-hidden');\r\n\r\n if (elements.length > 0 && 'IntersectionObserver' in window) {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('anim-up');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.15,\r\n rootMargin: '0px 0px -40px 0px'\r\n });\r\n\r\n elements.forEach(el => observer.observe(el));\r\n } else {\r\n \/\/ Fallback\r\n elements.forEach(el => {\r\n el.classList.remove('init-hidden');\r\n el.classList.add('anim-up');\r\n });\r\n }\r\n\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d3d695 e-con-full e-flex e-con e-parent\" data-id=\"0d3d695\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c69bc54 elementor-widget elementor-widget-html\" data-id=\"c69bc54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>.bt-faq *{margin:0;padding:0;box-sizing:border-box}.bt-faq{font-family:'Inter',sans-serif;background-color:#fff;color:#0a1a2b;line-height:1.6;overflow-x:hidden}.bt-faq__section{padding:5rem 5% 6rem;position:relative;min-height:100vh;display:flex;align-items:center;background:radial-gradient(1100px 520px at 78% -8%,#d6ebfb,transparent 60%),linear-gradient(180deg,#fbfdff 0%,#eef6fc 100%);overflow:hidden}.bt-faq__waves{position:absolute;left:0;right:0;bottom:0;line-height:0;z-index:0;pointer-events:none}.bt-faq__waves svg{display:block;width:100%;height:80px}.bt-faq__waves .wave-back use{animation:bt-wavemove 11s linear infinite;opacity:.55}.bt-faq__waves .wave-mid use{animation:bt-wavemove 8s linear infinite reverse;opacity:.8}.bt-faq__waves .wave-front use{animation:bt-wavemove 6s linear infinite}@keyframes bt-wavemove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.bt-faq__container{max-width:1000px;margin:0 auto;width:100%;position:relative;z-index:1}.bt-faq__header{text-align:center;max-width:780px;margin:0 auto 3.5rem}.bt-faq__badge{display:inline-flex;align-items:center;gap:.6rem;font-family:'Sora',sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.4rem 1.4rem .4rem 1rem;border-radius:2rem;background:rgba(28,126,201,.07);color:#1c7ec9;border:1px solid rgba(28,126,201,.12);margin-bottom:1.2rem}.bt-faq__badge .dot{width:6px;height:6px;border-radius:50%;background:#1c7ec9;animation:bt-pulseDot 2s ease-in-out infinite}@keyframes bt-pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.bt-faq__title{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(2rem,3.6vw,3.2rem);letter-spacing:-.03em;color:#07294a;line-height:1.1;margin-bottom:.8rem}.bt-faq__title .highlight{background:linear-gradient(135deg,#f4a61a 0%,#d98a0c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bt-faq__subtitle{font-family:'Inter',sans-serif;font-weight:400;font-size:clamp(1rem,1.1vw,1.15rem);color:#6b7f94;max-width:600px;margin:0 auto;line-height:1.7}.bt-faq__list{display:flex;flex-direction:column;gap:.8rem}.bt-faq__item{background:#fff;border-radius:16px;border:1px solid #eef2f6;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px rgba(7,41,74,.03)}.bt-faq__item:hover{border-color:#d6ebfb;box-shadow:0 4px 20px rgba(7,41,74,.06)}.bt-faq__item--active{border-color:#1c7ec9;box-shadow:0 4px 24px rgba(28,126,201,.06)}.bt-faq__question{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.8rem;cursor:pointer;transition:all .3s ease;user-select:none;gap:1rem}.bt-faq__question:hover{background:#f8fafc}.bt-faq__question h3{font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;color:#07294a;transition:color .3s ease;flex:1}.bt-faq__item--active .bt-faq__question h3{color:#1c7ec9}.bt-faq__icon{width:32px;height:32px;min-width:32px;border-radius:50%;background:#f0f4f8;display:flex;align-items:center;justify-content:center;transition:all .4s ease;flex-shrink:0}.bt-faq__item:hover .bt-faq__icon{background:#e6ecf2}.bt-faq__item--active .bt-faq__icon{background:rgba(28,126,201,.10);transform:rotate(180deg)}.bt-faq__icon svg{width:.75rem;height:.75rem;stroke:#6b7f94;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:all .4s ease}.bt-faq__item--active .bt-faq__icon svg{stroke:#1c7ec9}.bt-faq__answer{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.34,1.56,.64,1);padding:0 1.8rem}.bt-faq__item--active .bt-faq__answer{max-height:300px;padding:0 1.8rem 1.5rem 1.8rem}.bt-faq__answer p{font-family:'Inter',sans-serif;font-weight:400;font-size:.95rem;color:#6b7f94;line-height:1.8;margin:0}.bt-faq__answer p strong{color:#07294a;font-weight:600}.bt-faq__item{opacity:0;animation:bt-fadeInUp .6s ease-out forwards}.bt-faq__item:nth-child(1){animation-delay:.03s}.bt-faq__item:nth-child(2){animation-delay:.06s}.bt-faq__item:nth-child(3){animation-delay:.09s}.bt-faq__item:nth-child(4){animation-delay:.12s}.bt-faq__item:nth-child(5){animation-delay:.15s}.bt-faq__item:nth-child(6){animation-delay:.18s}.bt-faq__item:nth-child(7){animation-delay:.21s}.bt-faq__item:nth-child(8){animation-delay:.24s}@keyframes bt-fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.bt-faq__item{opacity:1;animation:none}}@media (max-width:768px){.bt-faq__section{padding:3.5rem 1.5rem 4rem;min-height:auto}.bt-faq__question{padding:1rem 1.2rem}.bt-faq__question h3{font-size:.9rem}.bt-faq__item--active .bt-faq__answer{padding:0 1.2rem 1.2rem 1.2rem}.bt-faq__answer p{font-size:.85rem}.bt-faq__icon{width:28px;height:28px;min-width:28px}.bt-faq__icon svg{width:.65rem;height:.65rem}.bt-faq__waves svg{height:40px}}@media (max-width:480px){.bt-faq__question h3{font-size:.82rem}.bt-faq__question{padding:.8rem 1rem}.bt-faq__item--active .bt-faq__answer{padding:0 1rem 1rem 1rem}.bt-faq__answer p{font-size:.8rem}.bt-faq__icon{width:24px;height:24px;min-width:24px}.bt-faq__icon svg{width:.55rem;height:.55rem}}<\/style>\r\n\r\n<div class=\"bt-faq\">\r\n <section class=\"bt-faq__section\">\r\n <div class=\"bt-faq__container\">\r\n <div class=\"bt-faq__header\">\r\n <span class=\"bt-faq__badge\"><span class=\"dot\"><\/span>Urgence 24h\/24 \u2013 Devis gratuit<\/span>\r\n <h2 class=\"bt-faq__title\">Questions fr\u00e9quentes sur l'<span class=\"highlight\">inspection cam\u00e9ra<\/span><\/h2>\r\n <p class=\"bt-faq__subtitle\">\r\n <strong>Inspection cam\u00e9ra<\/strong> HD, <strong>diagnostic canalisation<\/strong>, <strong>d\u00e9tection de bouchons<\/strong>, <strong>contr\u00f4le r\u00e9seau<\/strong>\u2026 Retrouvez les r\u00e9ponses \u00e0 vos interrogations sur nos <strong>prestations d'inspection cam\u00e9ra<\/strong> en \u00cele\u2011de\u2011France.\r\n <\/p>\r\n <\/div>\r\n <div class=\"bt-faq__list\">\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>\u00c0 quoi sert une inspection cam\u00e9ra de canalisation ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>L'<strong>inspection cam\u00e9ra<\/strong> permet de <strong>visualiser en temps r\u00e9el<\/strong> l'int\u00e9rieur de vos canalisations. Elle sert \u00e0 <strong>localiser pr\u00e9cis\u00e9ment les bouchons<\/strong>, d\u00e9tecter les <strong>fissures<\/strong>, les <strong>racines<\/strong>, les <strong>d\u00e9p\u00f4ts de graisse<\/strong> ou les <strong>d\u00e9fauts de pose<\/strong>. C'est un <strong>diagnostic pr\u00e9cis<\/strong> pour choisir la meilleure intervention.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Comment se d\u00e9roule une inspection cam\u00e9ra ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Nous introduisons une <strong>cam\u00e9ra haute r\u00e9solution 4K<\/strong> dans la canalisation depuis un point d'acc\u00e8s (regard, bouche d'\u00e9gout). L'<strong>image est retransmise en direct<\/strong> sur un \u00e9cran. Nous <strong>parcourons le r\u00e9seau<\/strong> sur toute sa longueur pour <strong>enregistrer les anomalies<\/strong> et vous fournir un <strong>rapport vid\u00e9o d\u00e9taill\u00e9<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Quels types de canalisations inspectez\u2011vous ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Nous inspectons <strong>tous types de canalisations<\/strong> : r\u00e9seaux d'<strong>assainissement<\/strong>, <strong>eaux us\u00e9es<\/strong>, <strong>eaux pluviales<\/strong>, <strong>colonnes d'immeuble<\/strong>, <strong>canalisations enterr\u00e9es<\/strong> de diam\u00e8tre 50mm \u00e0 600mm. Que vous soyez <strong>particulier<\/strong> ou <strong>professionnel<\/strong>, notre <strong>mat\u00e9riel s'adapte<\/strong> \u00e0 vos canalisations.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Quel est le prix d'une inspection cam\u00e9ra ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Le prix d'une <strong>inspection cam\u00e9ra<\/strong> d\u00e9pend de la <strong>longueur de canalisation<\/strong> \u00e0 inspecter et de la <strong>complexit\u00e9 de l'acc\u00e8s<\/strong>. Comptez en moyenne entre <strong>120\u20ac et 350\u20ac<\/strong> pour une inspection compl\u00e8te en \u00cele\u2011de\u2011France. Nous vous fournissons un <strong>devis gratuit<\/strong> et transparent avant toute intervention.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Combien de temps dure une inspection cam\u00e9ra ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Une <strong>inspection cam\u00e9ra<\/strong> dure g\u00e9n\u00e9ralement entre <strong>30 minutes et 1h30<\/strong>, selon la longueur du r\u00e9seau \u00e0 inspecter et les <strong>anomalies d\u00e9tect\u00e9es<\/strong>. Le <strong>diagnostic est imm\u00e9diat<\/strong> : nous vous expliquons sur place ce que nous avons observ\u00e9 et vous remettons un <strong>rapport complet<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>L'inspection cam\u00e9ra est\u2011elle utile avant un achat immobilier ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Absolument<\/strong>. L'<strong>inspection cam\u00e9ra<\/strong> est recommand\u00e9e <strong>avant l'achat d'un bien<\/strong> pour <strong>v\u00e9rifier l'\u00e9tat des canalisations<\/strong>. Elle permet de d\u00e9tecter des <strong>vices cach\u00e9s<\/strong> (fissures, effondrements, racines) et d'<strong>\u00e9viter des travaux co\u00fbteux<\/strong>. C'est un <strong>diagnostic essentiel<\/strong> pour <strong>n\u00e9gocier en toute connaissance de cause<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Que d\u00e9tecte une inspection cam\u00e9ra ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p>Une <strong>inspection cam\u00e9ra<\/strong> d\u00e9tecte : <strong>les bouchons<\/strong> (graisses, d\u00e9chets, racines), <strong>les fissures et cassures<\/strong>, <strong>les d\u00e9fauts de pente<\/strong>, <strong>les branchements parasites<\/strong>, <strong>les d\u00e9formations de la canalisation<\/strong>, <strong>les d\u00e9p\u00f4ts de calcaire<\/strong> et <strong>les infiltrations<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__item\">\r\n <div class=\"bt-faq__question\" onclick=\"btToggleFaq(this)\">\r\n <h3>Recevez\u2011vous un rapport apr\u00e8s l'inspection ?<\/h3>\r\n <div class=\"bt-faq__icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-faq__answer\">\r\n <p><strong>Oui<\/strong>, nous vous remettons un <strong>rapport d'inspection cam\u00e9ra complet<\/strong> comprenant : <strong>un enregistrement vid\u00e9o<\/strong> du parcours, <strong>des photos des anomalies<\/strong>, un <strong>plan sch\u00e9matique<\/strong> du r\u00e9seau et un <strong>diagnostic d\u00e9taill\u00e9<\/strong>. Ce rapport vous sert pour <strong>suivi des travaux<\/strong>, <strong>assurance<\/strong> ou <strong>diagnostic pr\u00e9alable \u00e0 la vente<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bt-faq__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"bt-w7\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs>\r\n <g class=\"wave-back\"><use href=\"#bt-w7\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#bt-w7\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#bt-w7\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#bt-w7\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#bt-w7\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#bt-w7\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n\r\n<script>\r\n!function(){\r\n window.btToggleFaq = function(el) {\r\n var item = el.closest('.bt-faq__item');\r\n if (!item) return;\r\n var allItems = document.querySelectorAll('.bt-faq__item');\r\n for (var i = 0; i < allItems.length; i++) {\r\n if (allItems[i] !== item && allItems[i].classList.contains('bt-faq__item--active')) {\r\n allItems[i].classList.remove('bt-faq__item--active');\r\n }\r\n }\r\n item.classList.toggle('bt-faq__item--active');\r\n };\r\n\r\n var items = document.querySelectorAll('.bt-faq__item');\r\n if ('IntersectionObserver' in window) {\r\n var observer = new IntersectionObserver(function(entries) {\r\n for (var i = 0; i < entries.length; i++) {\r\n if (entries[i].isIntersecting) {\r\n entries[i].target.style.opacity = '1';\r\n entries[i].target.style.transform = 'translateY(0)';\r\n }\r\n }\r\n }, { threshold: .1 });\r\n for (var i = 0; i < items.length; i++) {\r\n items[i].style.opacity = '0';\r\n items[i].style.transform = 'translateY(30px)';\r\n items[i].style.transition = 'all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)';\r\n observer.observe(items[i]);\r\n }\r\n } else {\r\n for (var i = 0; i < items.length; i++) {\r\n items[i].style.opacity = '1';\r\n items[i].style.transform = 'translateY(0)';\r\n }\r\n }\r\n}();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3d8c3c e-con-full e-flex e-con e-parent\" data-id=\"a3d8c3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8384e6 elementor-widget elementor-widget-html\" data-id=\"b8384e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n.contact { padding: 5rem 5% 6rem; position: relative; min-height: 100vh; display: flex; align-items: center;\r\n background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%), linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden; box-sizing: border-box; }\r\n.contact *, .contact *::before, .contact *::after { box-sizing: border-box; }\r\n.contact__waves { position: absolute; left: 0; right: 0; bottom: 0; line-height: 0; z-index: 0; pointer-events: none; }\r\n.contact__waves svg { display: block; width: 100%; height: 80px; }\r\n.contact__waves .wave-back use { animation: wavemove 11s linear infinite; opacity: 0.55; }\r\n.contact__waves .wave-mid use { animation: wavemove 8s linear infinite reverse; opacity: 0.8; }\r\n.contact__waves .wave-front use { animation: wavemove 6s linear infinite; }\r\n@keyframes wavemove { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n.contact__container { max-width: 1280px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\r\n.contact__header { text-align: center; max-width: 780px; margin: 0 auto 3.5rem; }\r\n.contact__badge { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.4rem 1.4rem 0.4rem 1rem; border-radius: 2rem; background: rgba(28, 126, 201, 0.07); color: #1c7ec9; border: 1px solid rgba(28, 126, 201, 0.12); margin-bottom: 1.2rem; }\r\n.contact__badge .dot { width: 6px; height: 6px; border-radius: 50%; background: #1c7ec9; animation: pulseDot 2s ease-in-out infinite; }\r\n@keyframes pulseDot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.6); } }\r\n.contact__title { font-family: 'Sora', sans-serif; font-weight: 800; font-size: clamp(2rem, 3.6vw, 3.2rem); letter-spacing: -0.03em; color: #07294a; line-height: 1.1; margin-bottom: 0.8rem; }\r\n.contact__title .highlight { background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n.contact__subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: clamp(1rem, 1.1vw, 1.15rem); color: #6b7f94; max-width: 600px; margin: 0 auto; line-height: 1.7; }\r\n.contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }\r\n.contact__form { background: #ffffff; border-radius: 24px; padding: 2.5rem; border: 1px solid #eef2f6; box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04); transition: all 0.4s ease; position: relative; }\r\n.contact__form:hover { box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08); border-color: #d6ebfb; }\r\n.contact__form-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 1.3rem; color: #07294a; margin-bottom: 0.3rem; }\r\n.contact__form-subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; margin-bottom: 1.5rem; }\r\n.contact__form-group { margin-bottom: 1.2rem; }\r\n.contact__form-group label { display: block; font-family: 'Sora', sans-serif; font-weight: 600; font-size: 0.7rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.3rem; }\r\n.contact__form-group label .required { color: #dc2626; }\r\n.contact__form-group input, .contact__form-group select, .contact__form-group textarea { width: 100%; padding: 0.8rem 1rem; border-radius: 12px; border: 1px solid #eef2f6; background: #f8fafc; font-family: 'Inter', sans-serif; font-size: 0.9rem; color: #07294a; transition: all 0.3s ease; outline: none; }\r\n.contact__form-group input:focus, .contact__form-group select:focus, .contact__form-group textarea:focus { border-color: #1c7ec9; background: #ffffff; box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06); }\r\n.contact__form-group input::placeholder, .contact__form-group textarea::placeholder { color: #b0c0d0; }\r\n.contact__form-group select option { background: #ffffff; color: #07294a; }\r\n.contact__form-group textarea { resize: vertical; min-height: 100px; }\r\n.contact__form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n.contact__form-group--file { position: relative; }\r\n.contact__form-group--file .file-drop-zone { border: 2px dashed #eef2f6; border-radius: 12px; padding: 1.5rem 1rem; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #f8fafc; }\r\n.contact__form-group--file .file-drop-zone:hover { border-color: #1c7ec9; background: #eef6fc; }\r\n.contact__form-group--file .file-drop-zone.dragover { border-color: #f4a61a; background: rgba(244, 166, 26, 0.04); }\r\n.contact__form-group--file .file-drop-zone i { font-size: 2rem; color: #1c7ec9; display: block; margin-bottom: 0.5rem; }\r\n.contact__form-group--file .file-drop-zone p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.85rem; color: #6b7f94; margin: 0; }\r\n.contact__form-group--file .file-drop-zone .file-types { font-size: 0.7rem; color: #b0c0d0; margin-top: 0.3rem; }\r\n.contact__form-group--file input[type=\"file\"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }\r\n.contact__form-group--file .file-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }\r\n.contact__form-group--file .file-item { display: inline-flex; align-items: center; gap: 0.5rem; background: #eef6fc; padding: 0.3rem 0.8rem 0.3rem 0.6rem; border-radius: 20px; font-family: 'Inter', sans-serif; font-size: 0.75rem; color: #1c7ec9; border: 1px solid #d6ebfb; }\r\n.contact__form-group--file .file-item i { font-size: 0.8rem; color: #1c7ec9; }\r\n.contact__form-group--file .file-item .file-remove { cursor: pointer; color: #6b7f94; transition: color 0.3s ease; font-size: 0.7rem; }\r\n.contact__form-group--file .file-item .file-remove:hover { color: #dc2626; }\r\n\r\n\/* ---- Consentement RGPD ---- *\/\r\n.contact__consent { display: flex; align-items: flex-start; gap: 0.7rem; margin-bottom: 1.5rem; }\r\n.contact__consent input[type=\"checkbox\"] { width: 18px; height: 18px; min-width: 18px; margin-top: 0.15rem; accent-color: #1c7ec9; cursor: pointer; flex-shrink: 0; }\r\n.contact__consent label { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.8rem; line-height: 1.5; color: #6b7f94; text-transform: none; letter-spacing: 0; margin-bottom: 0; cursor: pointer; }\r\n.contact__consent label .required { color: #dc2626; }\r\n.contact__consent label a { color: #1c7ec9; text-decoration: underline; }\r\n.contact__consent label a:hover { color: #07294a; }\r\n\r\n.btn--contact { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.02em; text-decoration: none; padding: 0.9rem 2.4rem; border-radius: 3rem; transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; border: none; text-align: center; background: linear-gradient(135deg, #f4a61a 0%, #e0960e 100%); box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25); color: #07294a; width: 100%; }\r\n.btn--contact:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40); color: #07294a; }\r\n.btn--contact .btn__icon { transition: transform 0.3s ease; }\r\n.btn--contact:hover .btn__icon { transform: translateX(4px); }\r\n.contact__info { display: flex; flex-direction: column; gap: 1.2rem; }\r\n.contact__info-card { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; transition: all 0.4s ease; display: flex; align-items: center; gap: 1.2rem; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); }\r\n.contact__info-card:hover { transform: translateX(6px); border-color: #1c7ec9; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.08); }\r\n.contact__info-icon { width: 50px; height: 50px; border-radius: 14px; background: #f0f4f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s ease; }\r\n.contact__info-card:hover .contact__info-icon { background: #eef6fc; }\r\n.contact__info-icon i { font-size: 1.3rem; color: #1c7ec9; }\r\n.contact__info-content h4 { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #07294a; margin-bottom: 0.1rem; }\r\n.contact__info-content p, .contact__info-content a { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; text-decoration: none; transition: color 0.3s ease; }\r\n.contact__info-content a:hover { color: #1c7ec9; }\r\n.contact__hours { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); transition: all 0.4s ease; }\r\n.contact__hours:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__hours-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.8rem; }\r\n.contact__hours-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem 1rem; }\r\n.contact__hours-day { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #6b7f94; }\r\n.contact__hours-time { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #07294a; text-align: right; }\r\n.contact__hours-time .urgent { color: #1c7ec9; font-weight: 700; }\r\n.contact__map { border-radius: 16px; overflow: hidden; border: 1px solid #eef2f6; height: 200px; background: #f8fafc; transition: all 0.4s ease; }\r\n.contact__map:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__map iframe { width: 100%; height: 100%; border: none; }\r\n@media (max-width: 992px) {\r\n .contact__grid { grid-template-columns: 1fr; gap: 2rem; }\r\n .contact__form { padding: 2rem; }\r\n .contact__info { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; }\r\n .contact__map { height: 180px; }\r\n}\r\n@media (max-width: 768px) {\r\n .contact { padding: 3.5rem 1.5rem 4rem; min-height: auto; }\r\n .contact__form { padding: 1.5rem; border-radius: 16px; }\r\n .contact__form-row { grid-template-columns: 1fr; gap: 0; }\r\n .contact__info { grid-template-columns: 1fr; gap: 1rem; }\r\n .contact__info-card { padding: 1.2rem 1.5rem; }\r\n .contact__hours { padding: 1.2rem 1.5rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; gap: 0.3rem 0.8rem; }\r\n .contact__hours-day { font-size: 0.75rem; }\r\n .contact__hours-time { font-size: 0.75rem; }\r\n .contact__map { height: 150px; }\r\n .btn--contact { padding: 0.7rem 1.8rem; font-size: 0.75rem; }\r\n .contact__form-group--file .file-drop-zone { padding: 1rem; }\r\n .contact__form-group--file .file-drop-zone i { font-size: 1.5rem; }\r\n .contact__waves svg { height: 40px; }\r\n}\r\n@media (max-width: 480px) {\r\n .contact__form { padding: 1rem; }\r\n .contact__info-card { padding: 1rem; }\r\n .contact__info-icon { width: 40px; height: 40px; }\r\n .contact__info-icon i { font-size: 1rem; }\r\n .contact__hours { padding: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact\">\r\n <div class=\"contact__container\">\r\n\r\n <div class=\"contact__header\">\r\n <span class=\"contact__badge\"><span class=\"dot\"><\/span> Contactez-nous<\/span>\r\n <h2 class=\"contact__title\">Pret a <span class=\"highlight\">securiser<\/span> vos reseaux ?<\/h2>\r\n <p class=\"contact__subtitle\">Une question, un devis, une urgence ? Notre equipe est a votre ecoute 24h\/24 et 7j\/7.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact__grid\">\r\n\r\n \r\n <div class=\"contact__form\">\r\n <h3 class=\"contact__form-title\">Demandez un diagnostic<\/h3>\r\n <p class=\"contact__form-subtitle\">Remplissez le formulaire et nous vous recontacterons sous 24h.<\/p>\r\n\r\n \r\n <form id=\"contactForm\"\r\n action=\"https:\/\/formsubmit.co\/info-contact@btplus.fr\"\r\n method=\"POST\"\r\n enctype=\"multipart\/form-data\">\r\n\r\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de diagnostic - Site BT Plus\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n \r\n <input type=\"hidden\" name=\"_cc\" value=\"marketing@btgroup-france.com\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n \r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"nom\">Nom complet <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"nom\" name=\"Nom complet\" placeholder=\"Jean Dupont\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"email\">Email <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jean@exemple.fr\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"telephone\">Telephone <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"Telephone\" placeholder=\"01 23 45 67 89\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"cp\">Code postal<\/label>\r\n <input type=\"text\" id=\"cp\" name=\"Code postal\" placeholder=\"75000\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_batiment\">Type de batiment<\/label>\r\n <select id=\"type_batiment\" name=\"Type de batiment\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"copropriete\">Copropriete<\/option>\r\n <option value=\"syndic\">Syndic<\/option>\r\n <option value=\"bailleur\">Bailleur social<\/option>\r\n <option value=\"erp\">ERP (Etablissement recevant du public)<\/option>\r\n <option value=\"tertiaire\">Tertiaire (bureau, commerce)<\/option>\r\n <option value=\"collectivite\">Collectivite<\/option>\r\n <option value=\"particulier\">Particulier<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_besoin\">Type de besoin<\/label>\r\n <select id=\"type_besoin\" name=\"Type de besoin\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"urgence\">Urgence (debouchage, curage)<\/option>\r\n <option value=\"entretien\">Entretien preventif<\/option>\r\n <option value=\"diagnostic\">Diagnostic \/ Inspection<\/option>\r\n <option value=\"travaux\">Travaux \/ Renovation<\/option>\r\n <option value=\"contrat\">Contrat d'entretien<\/option>\r\n <option value=\"devis\">Demande de devis<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"Message\" placeholder=\"Decrivez votre situation...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group contact__form-group--file\">\r\n <label>Ajouter une photo <span style=\"font-weight:400;text-transform:none;color:#b0c0d0;\">(optionnel - une seule)<\/span><\/label>\r\n <div class=\"file-drop-zone\" id=\"fileDropZone\">\r\n <i class=\"fas fa-cloud-upload-alt\"><\/i>\r\n <p>Glissez une photo ici ou cliquez pour la selectionner<\/p>\r\n <div class=\"file-types\">JPG, PNG, GIF - une seule photo, 5MB max<\/div>\r\n <input type=\"file\" id=\"fileInput\" name=\"attachment\" accept=\"image\/*\" \/>\r\n <\/div>\r\n <div class=\"file-list\" id=\"fileList\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__consent\">\r\n <input type=\"checkbox\" id=\"consent\" name=\"Consentement RGPD\" value=\"J'accepte\" required \/>\r\n <label for=\"consent\">\r\n J'accepte que les informations saisies dans ce formulaire soient utilisees par BT Plus\r\n afin de traiter ma demande et de me recontacter. Conformement au RGPD, je dispose d'un\r\n droit d'acces, de rectification et de suppression de mes donnees, que je peux exercer en\r\n ecrivant a <a href=\"mailto:info-contact@btplus.fr\">info-contact@btplus.fr<\/a>.\r\n <a href=\"\/politique-de-confidentialite\" target=\"_blank\" rel=\"noopener\">En savoir plus<\/a>.\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn--contact\">\r\n Envoyer <span class=\"btn__icon\">→<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__info\">\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Telephone<\/h4><p><a href=\"tel:+331 86 95 77 77\">01 86 95 77 77<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Email<\/h4><p><a href=\"mailto:contact@btplus-intervention.fr\">info-contact@btplus.fr<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Adresse<\/h4><p>13 Rue Camille Desmoulins,\r\n92130 Issy-les-Moulineaux<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__hours\">\r\n <div class=\"contact__hours-title\">Horaires d'ouverture<\/div>\r\n <div class=\"contact__hours-grid\">\r\n <span class=\"contact__hours-day\">Lundi - Vendredi<\/span><span class=\"contact__hours-time\">08:00 - 20:00<\/span>\r\n <span class=\"contact__hours-day\">Samedi<\/span><span class=\"contact__hours-time\">09:00 - 18:00<\/span>\r\n <span class=\"contact__hours-day\">Dimanche & jours feries<\/span><span class=\"contact__hours-time\"><span class=\"urgent\">Urgence 24\/7<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__map\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2623.5!2d2.366!3d48.916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2f8e5c8b3d%3A0x8e5c8b3d47e66e2f!2sAubervilliers!5e0!3m2!1sfr!2sfr!4v1700000000000\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"w9\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs>\r\n <g class=\"wave-back\"><use href=\"#w9\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w9\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w9\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w9\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w9\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w9\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var fileInput = document.getElementById('fileInput');\r\n var fileList = document.getElementById('fileList');\r\n var dropZone = document.getElementById('fileDropZone');\r\n if (!fileInput || !dropZone) return;\r\n var perFileMax = 5 * 1024 * 1024;\r\n var totalMax = 10 * 1024 * 1024;\r\n\r\n function updateFileList(files) {\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach(function (file, index) {\r\n var item = document.createElement('span');\r\n item.className = 'file-item';\r\n var icon = file.type.indexOf('image\/') === 0 ? 'fa-image' : 'fa-file';\r\n item.innerHTML = '<i class=\"fas ' + icon + '\"><\/i><span>' + file.name + '<\/span><span class=\"file-remove\" data-index=\"' + index + '\"><i class=\"fas fa-times\"><\/i><\/span>';\r\n fileList.appendChild(item);\r\n });\r\n document.querySelectorAll('.file-remove').forEach(function (btn) {\r\n btn.addEventListener('click', function (e) {\r\n e.stopPropagation();\r\n var idx = parseInt(this.dataset.index);\r\n var dt = new DataTransfer();\r\n Array.from(fileInput.files).filter(function (_, i) { return i !== idx; }).forEach(function (f) { dt.items.add(f); });\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n });\r\n });\r\n }\r\n\r\n function applyFiles(candidate) {\r\n var valid = candidate.filter(function (f) { return f.type.indexOf('image\/') === 0 && f.size <= perFileMax; });\r\n if (candidate.length > 1) alert('Une seule photo peut etre envoyee. Seule la premiere a ete conservee.');\r\n else if (valid.length !== candidate.length) alert('Fichier ignore (image uniquement, 5MB max).');\r\n var dt = new DataTransfer();\r\n if (valid.length > 0) dt.items.add(valid[0]);\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n }\r\n\r\n dropZone.addEventListener('click', function (e) { if (e.target === this || e.target.closest('.file-drop-zone')) fileInput.click(); });\r\n fileInput.addEventListener('change', function () { applyFiles(Array.from(this.files)); });\r\n dropZone.addEventListener('dragover', function (e) { e.preventDefault(); this.classList.add('dragover'); });\r\n dropZone.addEventListener('dragleave', function (e) { e.preventDefault(); this.classList.remove('dragover'); });\r\n dropZone.addEventListener('drop', function (e) {\r\n e.preventDefault(); this.classList.remove('dragover');\r\n applyFiles(Array.from(e.dataTransfer.files));\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inspection cam\u00e9ra canalisation \u2013 BT Plus \u00cele-de-France Entreprise inspection cam\u00e9ra Urgence 24h\/24 \u2013 Devis gratuit Inspection cam\u00e9ra canalisation diagnostic pr\u00e9cis Diagnostic canalisation sans travaux invasifs gr\u00e2ce \u00e0 notre cam\u00e9ra HD 4K. D\u00e9tection de bouchon, contr\u00f4le canalisation avant achat immobilier et inspection r\u00e9seau assainissement complet. Passage cam\u00e9ra canalisation pour une inspection canalisation bouch\u00e9e ou un simple […]<\/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-451","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/451","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=451"}],"version-history":[{"count":64,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/451\/revisions"}],"predecessor-version":[{"id":2995,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/451\/revisions\/2995"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}