BT Plus \u2014 Contact<\/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 \/* ============================================\r\n RESET & BASE\r\n ============================================ *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\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 --font-display: \"Sora\", sans-serif;\r\n --font-body: \"Inter\", sans-serif;\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 html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: var(--font-body);\r\n color: var(--ink);\r\n background: var(--paper);\r\n -webkit-font-smoothing: antialiased;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ============================================\r\n SECTION CONTACT - HERO\r\n ============================================ *\/\r\n .contact-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\r\n .contact-hero-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 24px 150px;\r\n display: grid;\r\n grid-template-columns: 1.05fr .95fr;\r\n gap: 50px;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n @media (max-width: 940px) {\r\n .contact-hero-inner {\r\n grid-template-columns: 1fr;\r\n padding: 28px 24px 130px;\r\n gap: 34px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n BADGE 24\/24\r\n ============================================ *\/\r\n .badge-247 {\r\n position: absolute;\r\n top: 20px;\r\n right: 24px;\r\n background: #ffffff;\r\n border-radius: 14px;\r\n padding: 12px 16px;\r\n box-shadow: var(--shadow-md);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n z-index: 10;\r\n border: 1px solid var(--blue-100);\r\n animation: floaty 6s ease-in-out infinite;\r\n animation-delay: 0.3s;\r\n }\r\n\r\n .badge-247 .fic {\r\n width: 38px;\r\n height: 38px;\r\n border-radius: 10px;\r\n display: grid;\r\n place-items: center;\r\n flex-shrink: 0;\r\n background: var(--blue-50);\r\n color: var(--blue-700);\r\n }\r\n\r\n .badge-247 .fic svg {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .badge-247 b {\r\n font-family: var(--font-display);\r\n display: block;\r\n font-size: 1.05rem;\r\n color: var(--blue-900);\r\n line-height: 1.1;\r\n }\r\n\r\n .badge-247 small {\r\n color: var(--slate);\r\n font-size: .74rem;\r\n }\r\n\r\n @keyframes floaty {\r\n 0%,\r\n 100% {\r\n transform: translateY(0);\r\n }\r\n 50% {\r\n transform: translateY(-12px);\r\n }\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\r\n ============================================ *\/\r\n h1 {\r\n font-family: var(--font-display);\r\n font-weight: 800;\r\n font-size: clamp(2.1rem, 5vw, 3.5rem);\r\n line-height: 1.06;\r\n letter-spacing: -.025em;\r\n color: var(--blue-900);\r\n margin: 18px 0 0;\r\n }\r\n\r\n h1 .accent {\r\n color: var(--orange);\r\n position: relative;\r\n white-space: nowrap;\r\n }\r\n\r\n h1 .accent::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n bottom: .06em;\r\n height: .16em;\r\n background: rgba(244, 166, 26, .28);\r\n border-radius: 4px;\r\n z-index: -1;\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n animation: underline 1s .8s ease forwards;\r\n }\r\n\r\n @keyframes underline {\r\n to {\r\n transform: scaleX(1);\r\n }\r\n }\r\n\r\n .lead {\r\n margin-top: 18px;\r\n font-size: 1.08rem;\r\n color: var(--slate);\r\n max-width: 520px;\r\n }\r\n\r\n \/* ============================================\r\n COORDONN\u00c9ES - INFOS DE CONTACT\r\n ============================================ *\/\r\n .contact-infos {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n margin-top: 24px;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: #ffffff;\r\n border: 1px solid var(--blue-100);\r\n border-radius: 12px;\r\n padding: 12px 16px;\r\n box-shadow: var(--shadow-sm);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n text-decoration: none;\r\n color: var(--ink);\r\n }\r\n\r\n .contact-item:hover {\r\n transform: translateY(-3px);\r\n box-shadow: var(--shadow-md);\r\n border-color: var(--blue-300);\r\n }\r\n\r\n .contact-item .icon {\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 .contact-item .icon svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .contact-item .info b {\r\n display: block;\r\n font-family: var(--font-display);\r\n font-size: 0.85rem;\r\n color: var(--blue-900);\r\n line-height: 1.2;\r\n }\r\n\r\n .contact-item .info small {\r\n font-size: 0.75rem;\r\n color: var(--slate);\r\n }\r\n\r\n .contact-item .icon.orange {\r\n background: #fff3df;\r\n color: var(--orange-dark);\r\n }\r\n\r\n .contact-item .icon.green {\r\n background: #e6f7ed;\r\n color: #1faa6b;\r\n }\r\n\r\n \/* ============================================\r\n CHIPS - AVANTAGES\r\n ============================================ *\/\r\n .chips {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n margin-top: 18px;\r\n }\r\n\r\n .chip {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: #fff;\r\n border: 1px solid var(--blue-100);\r\n padding: 8px 13px;\r\n border-radius: 11px;\r\n font-size: .86rem;\r\n font-weight: 600;\r\n color: var(--blue-800);\r\n box-shadow: var(--shadow-sm);\r\n transition: transform .2s, box-shadow .2s, border-color .2s;\r\n cursor: default;\r\n }\r\n\r\n .chip svg {\r\n width: 16px;\r\n height: 16px;\r\n color: var(--blue-500);\r\n }\r\n\r\n .chip:hover {\r\n transform: translateY(-3px);\r\n box-shadow: var(--shadow-md);\r\n border-color: var(--blue-300);\r\n }\r\n\r\n .chip.active {\r\n background: var(--orange);\r\n color: #fff;\r\n border-color: var(--orange);\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .chip.active svg {\r\n color: #fff;\r\n }\r\n\r\n \/* ============================================\r\n VISUAL - CERCLE AVEC PHOTO\r\n ============================================ *\/\r\n .visual {\r\n position: relative;\r\n display: grid;\r\n place-items: center;\r\n min-height: 380px;\r\n }\r\n\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.25);\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\r\n .ring:nth-child(3) {\r\n animation-delay: 1.3s;\r\n }\r\n .ring:nth-child(4) {\r\n animation-delay: 2.6s;\r\n }\r\n\r\n @keyframes ripple {\r\n 0% {\r\n transform: scale(.55);\r\n opacity: .6;\r\n }\r\n 80% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n transform: scale(1.18);\r\n opacity: 0;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n FLOATING CARDS\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\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\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\r\n .float small {\r\n color: var(--slate);\r\n font-size: .74rem;\r\n }\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\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\r\n @media (max-width: 560px) {\r\n .float.one {\r\n left: 0;\r\n }\r\n .float.two {\r\n right: 0;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n WAVES ANIM\u00c9ES\r\n ============================================ *\/\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\r\n .waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 120px;\r\n }\r\n\r\n .wave-back use {\r\n animation: wavemove 11s linear infinite;\r\n opacity: .55;\r\n }\r\n .wave-mid use {\r\n animation: wavemove 8s linear infinite reverse;\r\n opacity: .8;\r\n }\r\n .wave-front use {\r\n animation: wavemove 6s linear infinite;\r\n }\r\n\r\n @keyframes wavemove {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n \/* ============================================\r\n ANIMATIONS D'ENTR\u00c9E\r\n ============================================ *\/\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\r\n .d1 {\r\n animation-delay: .05s;\r\n }\r\n .d2 {\r\n animation-delay: .16s;\r\n }\r\n .d3 {\r\n animation-delay: .27s;\r\n }\r\n .d4 {\r\n animation-delay: .38s;\r\n }\r\n .d5 {\r\n animation-delay: .49s;\r\n }\r\n\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\r\n @keyframes rise {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes pop {\r\n to {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n * {\r\n animation: none !important;\r\n transition: none !important;\r\n }\r\n .reveal,\r\n .reveal-r {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n h1 .accent::after {\r\n transform: scaleX(1);\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media (max-width: 768px) {\r\n .contact-infos {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n }\r\n .contact-item {\r\n padding: 10px 12px;\r\n }\r\n .contact-item .info b {\r\n font-size: 0.78rem;\r\n }\r\n .contact-item .info small {\r\n font-size: 0.68rem;\r\n }\r\n .disc {\r\n width: min(340px, 85%);\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .contact-infos {\r\n grid-template-columns: 1fr;\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 .contact-item {\r\n padding: 8px 10px;\r\n }\r\n .contact-item .icon {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n .contact-item .icon svg {\r\n width: 15px;\r\n height: 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header class=\"contact-hero\">\r\n <div class=\"contact-hero-inner\">\r\n\r\n \r\n <div class=\"badge-247\">\r\n <span class=\"fic\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <path d=\"M12 7v5l3 2\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span>\r\n <b>24h\/24<\/b>\r\n <small>Expertise assainissement<\/small>\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n <h1 class=\"reveal d2\">\r\n Contactez <br>\r\n <span class=\"accent\">BT PLUS<\/span> Intervention\r\n <\/h1>\r\n\r\n <p class=\"lead reveal d3\">\r\n <strong>BT PLUS Intervention<\/strong>, c'est l'excellence et la r\u00e9activit\u00e9 au service de vos canalisations.\r\n Nos techniciens sp\u00e9cialistes en assainissement interviennent <strong>24h\/24 et 7j\/7<\/strong>,\r\n m\u00eame les jours f\u00e9ri\u00e9s, pour tous vos besoins en d\u00e9bouchage et curage dans toute l'<strong>\u00cele-de-France<\/strong>.\r\n <\/p>\r\n\r\n \r\n <div class=\"contact-infos reveal d4\">\r\n <a href=\"tel:+33186957777\" class=\"contact-item\">\r\n <span class=\"icon orange\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"info\">\r\n <b>01 86 95 77 77 <\/b>\r\n <small>Appel gratuit<\/small>\r\n <\/span>\r\n <\/a>\r\n\r\n <a href=\"mailto:contact@btplus-intervention.fr\" class=\"contact-item\">\r\n <span class=\"icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n <polyline points=\"22,6 12,13 2,6\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"info\">\r\n <b>contact@btplus.fr<\/b>\r\n <small>R\u00e9ponse sous 24h<\/small>\r\n <\/span>\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"contact-item\">\r\n <span class=\"icon green\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"info\">\r\n <b>\u00cele-de-France<\/b>\r\n <small>Intervention rapide<\/small>\r\n <\/span>\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"contact-item\">\r\n <span class=\"icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2.18\"\/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"22\"\/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"22\"\/>\r\n <line x1=\"2\" y1=\"8\" x2=\"22\" y2=\"8\"\/>\r\n <line x1=\"2\" y1=\"16\" x2=\"22\" y2=\"16\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"info\">\r\n <b>Devis gratuit<\/b>\r\n <small>En 24h chrono<\/small>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"chips reveal d5\">\r\n <span class=\"chip active\">\r\n <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>\r\n Urgence 24\/7\r\n <\/span>\r\n <span class=\"chip\">\r\n <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>\r\n Mat\u00e9riel pro\r\n <\/span>\r\n <span class=\"chip\">\r\n <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>\r\n Devis gratuit\r\n <\/span>\r\n <span class=\"chip\">\r\n <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>\r\n 15 ans d'exp\u00e9rience\r\n <\/span>\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:\/\/btgroup-france.com\/wp-content\/uploads\/2021\/08\/service-marketing.jpg\"\r\n alt=\"BT PLUS Intervention - Service marketing\"\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 <\/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 30 min<\/b><small>d\u00e9lai d'intervention<\/small><\/span>\r\n <\/div>\r\n\r\n <div class=\"float two\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><path d=\"M21 12a9 9 0 1 1-9-9c2.5 0 4.8 1 6.4 2.6\"\/><\/svg>\r\n <\/span>\r\n <span><b>4 500+<\/b><small>interventions \/ an<\/small><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"w\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/>\r\n <\/defs>\r\n <g class=\"wave-back\"><use href=\"#w\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n const chips = document.querySelectorAll('.chip');\r\n\r\n chips.forEach(function(chip) {\r\n chip.addEventListener('click', function() {\r\n chips.forEach(function(c) { c.classList.remove('active'); });\r\n this.classList.add('active');\r\n\r\n \/\/ Effet de retour visuel\r\n this.style.transform = 'scale(0.95)';\r\n setTimeout(function() {\r\n chip.style.transform = '';\r\n }, 200);\r\n });\r\n });\r\n\r\n \/\/ Animation d'entr\u00e9e\r\n const rv = document.querySelectorAll('.reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n rv.forEach(function(el) { io.observe(el); });\r\n } else {\r\n rv.forEach(function(el) { el.classList.add('shown'); });\r\n }\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-395b8be e-con-full e-flex e-con e-parent\" data-id=\"395b8be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7c1e17 elementor-widget elementor-widget-html\" data-id=\"d7c1e17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n.contact { padding: 5rem 5% 6rem; position: relative; min-height: 100vh; display: flex; align-items: center;\r\n background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%), linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden; box-sizing: border-box; }\r\n.contact *, .contact *::before, .contact *::after { box-sizing: border-box; }\r\n.contact__waves { position: absolute; left: 0; right: 0; bottom: 0; line-height: 0; z-index: 0; pointer-events: none; }\r\n.contact__waves svg { display: block; width: 100%; height: 80px; }\r\n.contact__waves .wave-back use { animation: wavemove 11s linear infinite; opacity: 0.55; }\r\n.contact__waves .wave-mid use { animation: wavemove 8s linear infinite reverse; opacity: 0.8; }\r\n.contact__waves .wave-front use { animation: wavemove 6s linear infinite; }\r\n@keyframes wavemove { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n.contact__container { max-width: 1280px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\r\n.contact__header { text-align: center; max-width: 780px; margin: 0 auto 3.5rem; }\r\n.contact__badge { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.4rem 1.4rem 0.4rem 1rem; border-radius: 2rem; background: rgba(28, 126, 201, 0.07); color: #1c7ec9; border: 1px solid rgba(28, 126, 201, 0.12); margin-bottom: 1.2rem; }\r\n.contact__badge .dot { width: 6px; height: 6px; border-radius: 50%; background: #1c7ec9; animation: pulseDot 2s ease-in-out infinite; }\r\n@keyframes pulseDot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.6); } }\r\n.contact__title { font-family: 'Sora', sans-serif; font-weight: 800; font-size: clamp(2rem, 3.6vw, 3.2rem); letter-spacing: -0.03em; color: #07294a; line-height: 1.1; margin-bottom: 0.8rem; }\r\n.contact__title .highlight { background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n.contact__subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: clamp(1rem, 1.1vw, 1.15rem); color: #6b7f94; max-width: 600px; margin: 0 auto; line-height: 1.7; }\r\n.contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }\r\n.contact__form { background: #ffffff; border-radius: 24px; padding: 2.5rem; border: 1px solid #eef2f6; box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04); transition: all 0.4s ease; position: relative; }\r\n.contact__form:hover { box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08); border-color: #d6ebfb; }\r\n.contact__form-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 1.3rem; color: #07294a; margin-bottom: 0.3rem; }\r\n.contact__form-subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; margin-bottom: 1.5rem; }\r\n.contact__form-group { margin-bottom: 1.2rem; }\r\n.contact__form-group label { display: block; font-family: 'Sora', sans-serif; font-weight: 600; font-size: 0.7rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.3rem; }\r\n.contact__form-group label .required { color: #dc2626; }\r\n.contact__form-group input, .contact__form-group select, .contact__form-group textarea { width: 100%; padding: 0.8rem 1rem; border-radius: 12px; border: 1px solid #eef2f6; background: #f8fafc; font-family: 'Inter', sans-serif; font-size: 0.9rem; color: #07294a; transition: all 0.3s ease; outline: none; }\r\n.contact__form-group input:focus, .contact__form-group select:focus, .contact__form-group textarea:focus { border-color: #1c7ec9; background: #ffffff; box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06); }\r\n.contact__form-group input::placeholder, .contact__form-group textarea::placeholder { color: #b0c0d0; }\r\n.contact__form-group select option { background: #ffffff; color: #07294a; }\r\n.contact__form-group textarea { resize: vertical; min-height: 100px; }\r\n.contact__form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n.contact__form-group--file { position: relative; }\r\n.contact__form-group--file .file-drop-zone { border: 2px dashed #eef2f6; border-radius: 12px; padding: 1.5rem 1rem; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #f8fafc; }\r\n.contact__form-group--file .file-drop-zone:hover { border-color: #1c7ec9; background: #eef6fc; }\r\n.contact__form-group--file .file-drop-zone.dragover { border-color: #f4a61a; background: rgba(244, 166, 26, 0.04); }\r\n.contact__form-group--file .file-drop-zone i { font-size: 2rem; color: #1c7ec9; display: block; margin-bottom: 0.5rem; }\r\n.contact__form-group--file .file-drop-zone p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.85rem; color: #6b7f94; margin: 0; }\r\n.contact__form-group--file .file-drop-zone .file-types { font-size: 0.7rem; color: #b0c0d0; margin-top: 0.3rem; }\r\n.contact__form-group--file input[type=\"file\"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }\r\n.contact__form-group--file .file-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }\r\n.contact__form-group--file .file-item { display: inline-flex; align-items: center; gap: 0.5rem; background: #eef6fc; padding: 0.3rem 0.8rem 0.3rem 0.6rem; border-radius: 20px; font-family: 'Inter', sans-serif; font-size: 0.75rem; color: #1c7ec9; border: 1px solid #d6ebfb; }\r\n.contact__form-group--file .file-item i { font-size: 0.8rem; color: #1c7ec9; }\r\n.contact__form-group--file .file-item .file-remove { cursor: pointer; color: #6b7f94; transition: color 0.3s ease; font-size: 0.7rem; }\r\n.contact__form-group--file .file-item .file-remove:hover { color: #dc2626; }\r\n\r\n\/* ---- Consentement RGPD ---- *\/\r\n.contact__consent { display: flex; align-items: flex-start; gap: 0.7rem; margin-bottom: 1.5rem; }\r\n.contact__consent input[type=\"checkbox\"] { width: 18px; height: 18px; min-width: 18px; margin-top: 0.15rem; accent-color: #1c7ec9; cursor: pointer; flex-shrink: 0; }\r\n.contact__consent label { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.8rem; line-height: 1.5; color: #6b7f94; text-transform: none; letter-spacing: 0; margin-bottom: 0; cursor: pointer; }\r\n.contact__consent label .required { color: #dc2626; }\r\n.contact__consent label a { color: #1c7ec9; text-decoration: underline; }\r\n.contact__consent label a:hover { color: #07294a; }\r\n\r\n.btn--contact { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.02em; text-decoration: none; padding: 0.9rem 2.4rem; border-radius: 3rem; transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; border: none; text-align: center; background: linear-gradient(135deg, #f4a61a 0%, #e0960e 100%); box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25); color: #07294a; width: 100%; }\r\n.btn--contact:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40); color: #07294a; }\r\n.btn--contact .btn__icon { transition: transform 0.3s ease; }\r\n.btn--contact:hover .btn__icon { transform: translateX(4px); }\r\n.contact__info { display: flex; flex-direction: column; gap: 1.2rem; }\r\n.contact__info-card { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; transition: all 0.4s ease; display: flex; align-items: center; gap: 1.2rem; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); }\r\n.contact__info-card:hover { transform: translateX(6px); border-color: #1c7ec9; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.08); }\r\n.contact__info-icon { width: 50px; height: 50px; border-radius: 14px; background: #f0f4f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s ease; }\r\n.contact__info-card:hover .contact__info-icon { background: #eef6fc; }\r\n.contact__info-icon i { font-size: 1.3rem; color: #1c7ec9; }\r\n.contact__info-content h4 { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #07294a; margin-bottom: 0.1rem; }\r\n.contact__info-content p, .contact__info-content a { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; text-decoration: none; transition: color 0.3s ease; }\r\n.contact__info-content a:hover { color: #1c7ec9; }\r\n.contact__hours { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); transition: all 0.4s ease; }\r\n.contact__hours:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__hours-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.8rem; }\r\n.contact__hours-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem 1rem; }\r\n.contact__hours-day { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #6b7f94; }\r\n.contact__hours-time { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #07294a; text-align: right; }\r\n.contact__hours-time .urgent { color: #1c7ec9; font-weight: 700; }\r\n.contact__map { border-radius: 16px; overflow: hidden; border: 1px solid #eef2f6; height: 200px; background: #f8fafc; transition: all 0.4s ease; }\r\n.contact__map:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__map iframe { width: 100%; height: 100%; border: none; }\r\n@media (max-width: 992px) {\r\n .contact__grid { grid-template-columns: 1fr; gap: 2rem; }\r\n .contact__form { padding: 2rem; }\r\n .contact__info { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; }\r\n .contact__map { height: 180px; }\r\n}\r\n@media (max-width: 768px) {\r\n .contact { padding: 3.5rem 1.5rem 4rem; min-height: auto; }\r\n .contact__form { padding: 1.5rem; border-radius: 16px; }\r\n .contact__form-row { grid-template-columns: 1fr; gap: 0; }\r\n .contact__info { grid-template-columns: 1fr; gap: 1rem; }\r\n .contact__info-card { padding: 1.2rem 1.5rem; }\r\n .contact__hours { padding: 1.2rem 1.5rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; gap: 0.3rem 0.8rem; }\r\n .contact__hours-day { font-size: 0.75rem; }\r\n .contact__hours-time { font-size: 0.75rem; }\r\n .contact__map { height: 150px; }\r\n .btn--contact { padding: 0.7rem 1.8rem; font-size: 0.75rem; }\r\n .contact__form-group--file .file-drop-zone { padding: 1rem; }\r\n .contact__form-group--file .file-drop-zone i { font-size: 1.5rem; }\r\n .contact__waves svg { height: 40px; }\r\n}\r\n@media (max-width: 480px) {\r\n .contact__form { padding: 1rem; }\r\n .contact__info-card { padding: 1rem; }\r\n .contact__info-icon { width: 40px; height: 40px; }\r\n .contact__info-icon i { font-size: 1rem; }\r\n .contact__hours { padding: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact\">\r\n <div class=\"contact__container\">\r\n\r\n <div class=\"contact__header\">\r\n <span class=\"contact__badge\"><span class=\"dot\"><\/span> Contactez-nous<\/span>\r\n <h2 class=\"contact__title\">Pret a <span class=\"highlight\">securiser<\/span> vos reseaux ?<\/h2>\r\n <p class=\"contact__subtitle\">Une question, un devis, une urgence ? Notre equipe est a votre ecoute 24h\/24 et 7j\/7.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact__grid\">\r\n\r\n \r\n <div class=\"contact__form\">\r\n <h3 class=\"contact__form-title\">Demandez un diagnostic<\/h3>\r\n <p class=\"contact__form-subtitle\">Remplissez le formulaire et nous vous recontacterons sous 24h.<\/p>\r\n\r\n \r\n <form id=\"contactForm\"\r\n action=\"https:\/\/formsubmit.co\/info-contact@btplus.fr\"\r\n method=\"POST\"\r\n enctype=\"multipart\/form-data\">\r\n\r\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de diagnostic - Site BT Plus\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n \r\n <input type=\"hidden\" name=\"_cc\" value=\"marketing@btgroup-france.com\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n \r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"nom\">Nom complet <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"nom\" name=\"Nom complet\" placeholder=\"Jean Dupont\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"email\">Email <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jean@exemple.fr\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"telephone\">Telephone <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"Telephone\" placeholder=\"01 23 45 67 89\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"cp\">Code postal<\/label>\r\n <input type=\"text\" id=\"cp\" name=\"Code postal\" placeholder=\"75000\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_batiment\">Type de batiment<\/label>\r\n <select id=\"type_batiment\" name=\"Type de batiment\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"copropriete\">Copropriete<\/option>\r\n <option value=\"syndic\">Syndic<\/option>\r\n <option value=\"bailleur\">Bailleur social<\/option>\r\n <option value=\"erp\">ERP (Etablissement recevant du public)<\/option>\r\n <option value=\"tertiaire\">Tertiaire (bureau, commerce)<\/option>\r\n <option value=\"collectivite\">Collectivite<\/option>\r\n <option value=\"particulier\">Particulier<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_besoin\">Type de besoin<\/label>\r\n <select id=\"type_besoin\" name=\"Type de besoin\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"urgence\">Urgence (debouchage, curage)<\/option>\r\n <option value=\"entretien\">Entretien preventif<\/option>\r\n <option value=\"diagnostic\">Diagnostic \/ Inspection<\/option>\r\n <option value=\"travaux\">Travaux \/ Renovation<\/option>\r\n <option value=\"contrat\">Contrat d'entretien<\/option>\r\n <option value=\"devis\">Demande de devis<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"Message\" placeholder=\"Decrivez votre situation...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group contact__form-group--file\">\r\n <label>Ajouter une photo <span style=\"font-weight:400;text-transform:none;color:#b0c0d0;\">(optionnel - une seule)<\/span><\/label>\r\n <div class=\"file-drop-zone\" id=\"fileDropZone\">\r\n <i class=\"fas fa-cloud-upload-alt\"><\/i>\r\n <p>Glissez une photo ici ou cliquez pour la selectionner<\/p>\r\n <div class=\"file-types\">JPG, PNG, GIF - une seule photo, 5MB max<\/div>\r\n <input type=\"file\" id=\"fileInput\" name=\"attachment\" accept=\"image\/*\" \/>\r\n <\/div>\r\n <div class=\"file-list\" id=\"fileList\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__consent\">\r\n <input type=\"checkbox\" id=\"consent\" name=\"Consentement RGPD\" value=\"J'accepte\" required \/>\r\n <label for=\"consent\">\r\n J'accepte que les informations saisies dans ce formulaire soient utilisees par BT Plus\r\n afin de traiter ma demande et de me recontacter. Conformement au RGPD, je dispose d'un\r\n droit d'acces, de rectification et de suppression de mes donnees, que je peux exercer en\r\n ecrivant a <a href=\"mailto:info-contact@btplus.fr\">info-contact@btplus.fr<\/a>.\r\n <a href=\"\/politique-de-confidentialite\" target=\"_blank\" rel=\"noopener\">En savoir plus<\/a>.\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn--contact\">\r\n Envoyer <span class=\"btn__icon\">→<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__info\">\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Telephone<\/h4><p><a href=\"tel:+331 86 95 77 77\">01 86 95 77 77<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Email<\/h4><p><a href=\"mailto:contact@btplus-intervention.fr\">info-contact@btplus.fr<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Adresse<\/h4><p>13 Rue Camille Desmoulins,\r\n92130 Issy-les-Moulineaux<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__hours\">\r\n <div class=\"contact__hours-title\">Horaires d'ouverture<\/div>\r\n <div class=\"contact__hours-grid\">\r\n <span class=\"contact__hours-day\">Lundi - Vendredi<\/span><span class=\"contact__hours-time\">08:00 - 20:00<\/span>\r\n <span class=\"contact__hours-day\">Samedi<\/span><span class=\"contact__hours-time\">09:00 - 18:00<\/span>\r\n <span class=\"contact__hours-day\">Dimanche & jours feries<\/span><span class=\"contact__hours-time\"><span class=\"urgent\">Urgence 24\/7<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__map\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2623.5!2d2.366!3d48.916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2f8e5c8b3d%3A0x8e5c8b3d47e66e2f!2sAubervilliers!5e0!3m2!1sfr!2sfr!4v1700000000000\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"w9\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs>\r\n <g class=\"wave-back\"><use href=\"#w9\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w9\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w9\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w9\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w9\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w9\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var fileInput = document.getElementById('fileInput');\r\n var fileList = document.getElementById('fileList');\r\n var dropZone = document.getElementById('fileDropZone');\r\n if (!fileInput || !dropZone) return;\r\n var perFileMax = 5 * 1024 * 1024;\r\n var totalMax = 10 * 1024 * 1024;\r\n\r\n function updateFileList(files) {\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach(function (file, index) {\r\n var item = document.createElement('span');\r\n item.className = 'file-item';\r\n var icon = file.type.indexOf('image\/') === 0 ? 'fa-image' : 'fa-file';\r\n item.innerHTML = '<i class=\"fas ' + icon + '\"><\/i><span>' + file.name + '<\/span><span class=\"file-remove\" data-index=\"' + index + '\"><i class=\"fas fa-times\"><\/i><\/span>';\r\n fileList.appendChild(item);\r\n });\r\n document.querySelectorAll('.file-remove').forEach(function (btn) {\r\n btn.addEventListener('click', function (e) {\r\n e.stopPropagation();\r\n var idx = parseInt(this.dataset.index);\r\n var dt = new DataTransfer();\r\n Array.from(fileInput.files).filter(function (_, i) { return i !== idx; }).forEach(function (f) { dt.items.add(f); });\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n });\r\n });\r\n }\r\n\r\n function applyFiles(candidate) {\r\n var valid = candidate.filter(function (f) { return f.type.indexOf('image\/') === 0 && f.size <= perFileMax; });\r\n if (candidate.length > 1) alert('Une seule photo peut etre envoyee. Seule la premiere a ete conservee.');\r\n else if (valid.length !== candidate.length) alert('Fichier ignore (image uniquement, 5MB max).');\r\n var dt = new DataTransfer();\r\n if (valid.length > 0) dt.items.add(valid[0]);\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n }\r\n\r\n dropZone.addEventListener('click', function (e) { if (e.target === this || e.target.closest('.file-drop-zone')) fileInput.click(); });\r\n fileInput.addEventListener('change', function () { applyFiles(Array.from(this.files)); });\r\n dropZone.addEventListener('dragover', function (e) { e.preventDefault(); this.classList.add('dragover'); });\r\n dropZone.addEventListener('dragleave', function (e) { e.preventDefault(); this.classList.remove('dragover'); });\r\n dropZone.addEventListener('drop', function (e) {\r\n e.preventDefault(); this.classList.remove('dragover');\r\n applyFiles(Array.from(e.dataTransfer.files));\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BT Plus \u2014 Contact 24h\/24 Expertise assainissement Contactez BT PLUS Intervention BT PLUS Intervention, c’est l’excellence et la r\u00e9activit\u00e9 au service de vos canalisations. Nos techniciens sp\u00e9cialistes en assainissement interviennent 24h\/24 et 7j\/7, m\u00eame les jours f\u00e9ri\u00e9s, pour tous vos besoins en d\u00e9bouchage et curage dans toute l’\u00cele-de-France. 01 86 95 77 77 Appel gratuit […]<\/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-1708","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/1708","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=1708"}],"version-history":[{"count":11,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/1708\/revisions"}],"predecessor-version":[{"id":3027,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/1708\/revisions\/3027"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n BT Plus \u2014 Contact<\/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 \/* ============================================\r\n RESET & BASE\r\n ============================================ *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\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 --font-display: \"Sora\", sans-serif;\r\n --font-body: \"Inter\", sans-serif;\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 html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: var(--font-body);\r\n color: var(--ink);\r\n background: var(--paper);\r\n -webkit-font-smoothing: antialiased;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ============================================\r\n SECTION CONTACT - HERO\r\n ============================================ *\/\r\n .contact-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\r\n .contact-hero-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 24px 150px;\r\n display: grid;\r\n grid-template-columns: 1.05fr .95fr;\r\n gap: 50px;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n @media (max-width: 940px) {\r\n .contact-hero-inner {\r\n grid-template-columns: 1fr;\r\n padding: 28px 24px 130px;\r\n gap: 34px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n BADGE 24\/24\r\n ============================================ *\/\r\n .badge-247 {\r\n position: absolute;\r\n top: 20px;\r\n right: 24px;\r\n background: #ffffff;\r\n border-radius: 14px;\r\n padding: 12px 16px;\r\n box-shadow: var(--shadow-md);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n z-index: 10;\r\n border: 1px solid var(--blue-100);\r\n animation: floaty 6s ease-in-out infinite;\r\n animation-delay: 0.3s;\r\n }\r\n\r\n .badge-247 .fic {\r\n width: 38px;\r\n height: 38px;\r\n border-radius: 10px;\r\n display: grid;\r\n place-items: center;\r\n flex-shrink: 0;\r\n background: var(--blue-50);\r\n color: var(--blue-700);\r\n }\r\n\r\n .badge-247 .fic svg {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .badge-247 b {\r\n font-family: var(--font-display);\r\n display: block;\r\n font-size: 1.05rem;\r\n color: var(--blue-900);\r\n line-height: 1.1;\r\n }\r\n\r\n .badge-247 small {\r\n color: var(--slate);\r\n font-size: .74rem;\r\n }\r\n\r\n @keyframes floaty {\r\n 0%,\r\n 100% {\r\n transform: translateY(0);\r\n }\r\n 50% {\r\n transform: translateY(-12px);\r\n }\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\r\n ============================================ *\/\r\n h1 {\r\n font-family: var(--font-display);\r\n font-weight: 800;\r\n font-size: clamp(2.1rem, 5vw, 3.5rem);\r\n line-height: 1.06;\r\n letter-spacing: -.025em;\r\n color: var(--blue-900);\r\n margin: 18px 0 0;\r\n }\r\n\r\n h1 .accent {\r\n color: var(--orange);\r\n position: relative;\r\n white-space: nowrap;\r\n }\r\n\r\n h1 .accent::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n bottom: .06em;\r\n height: .16em;\r\n background: rgba(244, 166, 26, .28);\r\n border-radius: 4px;\r\n z-index: -1;\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n animation: underline 1s .8s ease forwards;\r\n }\r\n\r\n @keyframes underline {\r\n to {\r\n transform: scaleX(1);\r\n }\r\n }\r\n\r\n .lead {\r\n margin-top: 18px;\r\n font-size: 1.08rem;\r\n color: var(--slate);\r\n max-width: 520px;\r\n }\r\n\r\n \/* ============================================\r\n COORDONN\u00c9ES - INFOS DE CONTACT\r\n ============================================ *\/\r\n .contact-infos {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n margin-top: 24px;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: #ffffff;\r\n border: 1px solid var(--blue-100);\r\n border-radius: 12px;\r\n padding: 12px 16px;\r\n box-shadow: var(--shadow-sm);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n text-decoration: none;\r\n color: var(--ink);\r\n }\r\n\r\n .contact-item:hover {\r\n transform: translateY(-3px);\r\n box-shadow: var(--shadow-md);\r\n border-color: var(--blue-300);\r\n }\r\n\r\n .contact-item .icon {\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 .contact-item .icon svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .contact-item .info b {\r\n display: block;\r\n font-family: var(--font-display);\r\n font-size: 0.85rem;\r\n color: var(--blue-900);\r\n line-height: 1.2;\r\n }\r\n\r\n .contact-item .info small {\r\n font-size: 0.75rem;\r\n color: var(--slate);\r\n }\r\n\r\n .contact-item .icon.orange {\r\n background: #fff3df;\r\n color: var(--orange-dark);\r\n }\r\n\r\n .contact-item .icon.green {\r\n background: #e6f7ed;\r\n color: #1faa6b;\r\n }\r\n\r\n \/* ============================================\r\n CHIPS - AVANTAGES\r\n ============================================ *\/\r\n .chips {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n margin-top: 18px;\r\n }\r\n\r\n .chip {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: #fff;\r\n border: 1px solid var(--blue-100);\r\n padding: 8px 13px;\r\n border-radius: 11px;\r\n font-size: .86rem;\r\n font-weight: 600;\r\n color: var(--blue-800);\r\n box-shadow: var(--shadow-sm);\r\n transition: transform .2s, box-shadow .2s, border-color .2s;\r\n cursor: default;\r\n }\r\n\r\n .chip svg {\r\n width: 16px;\r\n height: 16px;\r\n color: var(--blue-500);\r\n }\r\n\r\n .chip:hover {\r\n transform: translateY(-3px);\r\n box-shadow: var(--shadow-md);\r\n border-color: var(--blue-300);\r\n }\r\n\r\n .chip.active {\r\n background: var(--orange);\r\n color: #fff;\r\n border-color: var(--orange);\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .chip.active svg {\r\n color: #fff;\r\n }\r\n\r\n \/* ============================================\r\n VISUAL - CERCLE AVEC PHOTO\r\n ============================================ *\/\r\n .visual {\r\n position: relative;\r\n display: grid;\r\n place-items: center;\r\n min-height: 380px;\r\n }\r\n\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.25);\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\r\n .ring:nth-child(3) {\r\n animation-delay: 1.3s;\r\n }\r\n .ring:nth-child(4) {\r\n animation-delay: 2.6s;\r\n }\r\n\r\n @keyframes ripple {\r\n 0% {\r\n transform: scale(.55);\r\n opacity: .6;\r\n }\r\n 80% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n transform: scale(1.18);\r\n opacity: 0;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n FLOATING CARDS\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\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\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\r\n .float small {\r\n color: var(--slate);\r\n font-size: .74rem;\r\n }\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\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\r\n @media (max-width: 560px) {\r\n .float.one {\r\n left: 0;\r\n }\r\n .float.two {\r\n right: 0;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n WAVES ANIM\u00c9ES\r\n ============================================ *\/\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\r\n .waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 120px;\r\n }\r\n\r\n .wave-back use {\r\n animation: wavemove 11s linear infinite;\r\n opacity: .55;\r\n }\r\n .wave-mid use {\r\n animation: wavemove 8s linear infinite reverse;\r\n opacity: .8;\r\n }\r\n .wave-front use {\r\n animation: wavemove 6s linear infinite;\r\n }\r\n\r\n @keyframes wavemove {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n \/* ============================================\r\n ANIMATIONS D'ENTR\u00c9E\r\n ============================================ *\/\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\r\n .d1 {\r\n animation-delay: .05s;\r\n }\r\n .d2 {\r\n animation-delay: .16s;\r\n }\r\n .d3 {\r\n animation-delay: .27s;\r\n }\r\n .d4 {\r\n animation-delay: .38s;\r\n }\r\n .d5 {\r\n animation-delay: .49s;\r\n }\r\n\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\r\n @keyframes rise {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes pop {\r\n to {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n * {\r\n animation: none !important;\r\n transition: none !important;\r\n }\r\n .reveal,\r\n .reveal-r {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n h1 .accent::after {\r\n transform: scaleX(1);\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media (max-width: 768px) {\r\n .contact-infos {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n }\r\n .contact-item {\r\n padding: 10px 12px;\r\n }\r\n .contact-item .info b {\r\n font-size: 0.78rem;\r\n }\r\n .contact-item .info small {\r\n font-size: 0.68rem;\r\n }\r\n .disc {\r\n width: min(340px, 85%);\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .contact-infos {\r\n grid-template-columns: 1fr;\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 .contact-item {\r\n padding: 8px 10px;\r\n }\r\n .contact-item .icon {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n .contact-item .icon svg {\r\n width: 15px;\r\n height: 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header class=\"contact-hero\">\r\n <div class=\"contact-hero-inner\">\r\n\r\n \r\n <div class=\"badge-247\">\r\n <span class=\"fic\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <path d=\"M12 7v5l3 2\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span>\r\n <b>24h\/24<\/b>\r\n <small>Expertise assainissement<\/small>\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n <h1 class=\"reveal d2\">\r\n Contactez <br>\r\n <span class=\"accent\">BT PLUS<\/span> Intervention\r\n <\/h1>\r\n\r\n <p class=\"lead reveal d3\">\r\n <strong>BT PLUS Intervention<\/strong>, c'est l'excellence et la r\u00e9activit\u00e9 au service de vos canalisations.\r\n Nos techniciens sp\u00e9cialistes en assainissement interviennent <strong>24h\/24 et 7j\/7<\/strong>,\r\n m\u00eame les jours f\u00e9ri\u00e9s, pour tous vos besoins en d\u00e9bouchage et curage dans toute l'<strong>\u00cele-de-France<\/strong>.\r\n <\/p>\r\n\r\n \r\n <div class=\"contact-infos reveal d4\">\r\n <a href=\"tel:+33186957777\" class=\"contact-item\">\r\n <span class=\"icon orange\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"info\">\r\n <b>01 86 95 77 77 <\/b>\r\n <small>Appel gratuit<\/small>\r\n <\/span>\r\n <\/a>\r\n\r\n <a href=\"mailto:contact@btplus-intervention.fr\" class=\"contact-item\">\r\n <span class=\"icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n <polyline points=\"22,6 12,13 2,6\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"info\">\r\n <b>contact@btplus.fr<\/b>\r\n <small>R\u00e9ponse sous 24h<\/small>\r\n <\/span>\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"contact-item\">\r\n <span class=\"icon green\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"info\">\r\n <b>\u00cele-de-France<\/b>\r\n <small>Intervention rapide<\/small>\r\n <\/span>\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"contact-item\">\r\n <span class=\"icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2.18\"\/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"22\"\/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"22\"\/>\r\n <line x1=\"2\" y1=\"8\" x2=\"22\" y2=\"8\"\/>\r\n <line x1=\"2\" y1=\"16\" x2=\"22\" y2=\"16\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"info\">\r\n <b>Devis gratuit<\/b>\r\n <small>En 24h chrono<\/small>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"chips reveal d5\">\r\n <span class=\"chip active\">\r\n <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>\r\n Urgence 24\/7\r\n <\/span>\r\n <span class=\"chip\">\r\n <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>\r\n Mat\u00e9riel pro\r\n <\/span>\r\n <span class=\"chip\">\r\n <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>\r\n Devis gratuit\r\n <\/span>\r\n <span class=\"chip\">\r\n <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>\r\n 15 ans d'exp\u00e9rience\r\n <\/span>\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:\/\/btgroup-france.com\/wp-content\/uploads\/2021\/08\/service-marketing.jpg\"\r\n alt=\"BT PLUS Intervention - Service marketing\"\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 <\/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 30 min<\/b><small>d\u00e9lai d'intervention<\/small><\/span>\r\n <\/div>\r\n\r\n <div class=\"float two\">\r\n <span class=\"fic\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><path d=\"M21 12a9 9 0 1 1-9-9c2.5 0 4.8 1 6.4 2.6\"\/><\/svg>\r\n <\/span>\r\n <span><b>4 500+<\/b><small>interventions \/ an<\/small><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"w\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/>\r\n <\/defs>\r\n <g class=\"wave-back\"><use href=\"#w\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n const chips = document.querySelectorAll('.chip');\r\n\r\n chips.forEach(function(chip) {\r\n chip.addEventListener('click', function() {\r\n chips.forEach(function(c) { c.classList.remove('active'); });\r\n this.classList.add('active');\r\n\r\n \/\/ Effet de retour visuel\r\n this.style.transform = 'scale(0.95)';\r\n setTimeout(function() {\r\n chip.style.transform = '';\r\n }, 200);\r\n });\r\n });\r\n\r\n \/\/ Animation d'entr\u00e9e\r\n const rv = document.querySelectorAll('.reveal');\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('shown');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n rv.forEach(function(el) { io.observe(el); });\r\n } else {\r\n rv.forEach(function(el) { el.classList.add('shown'); });\r\n }\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-395b8be e-con-full e-flex e-con e-parent\" data-id=\"395b8be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7c1e17 elementor-widget elementor-widget-html\" data-id=\"d7c1e17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n.contact { padding: 5rem 5% 6rem; position: relative; min-height: 100vh; display: flex; align-items: center;\r\n background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%), linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden; box-sizing: border-box; }\r\n.contact *, .contact *::before, .contact *::after { box-sizing: border-box; }\r\n.contact__waves { position: absolute; left: 0; right: 0; bottom: 0; line-height: 0; z-index: 0; pointer-events: none; }\r\n.contact__waves svg { display: block; width: 100%; height: 80px; }\r\n.contact__waves .wave-back use { animation: wavemove 11s linear infinite; opacity: 0.55; }\r\n.contact__waves .wave-mid use { animation: wavemove 8s linear infinite reverse; opacity: 0.8; }\r\n.contact__waves .wave-front use { animation: wavemove 6s linear infinite; }\r\n@keyframes wavemove { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n.contact__container { max-width: 1280px; margin: 0 auto; width: 100%; position: relative; z-index: 1; }\r\n.contact__header { text-align: center; max-width: 780px; margin: 0 auto 3.5rem; }\r\n.contact__badge { display: inline-flex; align-items: center; gap: 0.6rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.4rem 1.4rem 0.4rem 1rem; border-radius: 2rem; background: rgba(28, 126, 201, 0.07); color: #1c7ec9; border: 1px solid rgba(28, 126, 201, 0.12); margin-bottom: 1.2rem; }\r\n.contact__badge .dot { width: 6px; height: 6px; border-radius: 50%; background: #1c7ec9; animation: pulseDot 2s ease-in-out infinite; }\r\n@keyframes pulseDot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.6); } }\r\n.contact__title { font-family: 'Sora', sans-serif; font-weight: 800; font-size: clamp(2rem, 3.6vw, 3.2rem); letter-spacing: -0.03em; color: #07294a; line-height: 1.1; margin-bottom: 0.8rem; }\r\n.contact__title .highlight { background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n.contact__subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: clamp(1rem, 1.1vw, 1.15rem); color: #6b7f94; max-width: 600px; margin: 0 auto; line-height: 1.7; }\r\n.contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }\r\n.contact__form { background: #ffffff; border-radius: 24px; padding: 2.5rem; border: 1px solid #eef2f6; box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04); transition: all 0.4s ease; position: relative; }\r\n.contact__form:hover { box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08); border-color: #d6ebfb; }\r\n.contact__form-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 1.3rem; color: #07294a; margin-bottom: 0.3rem; }\r\n.contact__form-subtitle { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; margin-bottom: 1.5rem; }\r\n.contact__form-group { margin-bottom: 1.2rem; }\r\n.contact__form-group label { display: block; font-family: 'Sora', sans-serif; font-weight: 600; font-size: 0.7rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.3rem; }\r\n.contact__form-group label .required { color: #dc2626; }\r\n.contact__form-group input, .contact__form-group select, .contact__form-group textarea { width: 100%; padding: 0.8rem 1rem; border-radius: 12px; border: 1px solid #eef2f6; background: #f8fafc; font-family: 'Inter', sans-serif; font-size: 0.9rem; color: #07294a; transition: all 0.3s ease; outline: none; }\r\n.contact__form-group input:focus, .contact__form-group select:focus, .contact__form-group textarea:focus { border-color: #1c7ec9; background: #ffffff; box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06); }\r\n.contact__form-group input::placeholder, .contact__form-group textarea::placeholder { color: #b0c0d0; }\r\n.contact__form-group select option { background: #ffffff; color: #07294a; }\r\n.contact__form-group textarea { resize: vertical; min-height: 100px; }\r\n.contact__form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n.contact__form-group--file { position: relative; }\r\n.contact__form-group--file .file-drop-zone { border: 2px dashed #eef2f6; border-radius: 12px; padding: 1.5rem 1rem; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #f8fafc; }\r\n.contact__form-group--file .file-drop-zone:hover { border-color: #1c7ec9; background: #eef6fc; }\r\n.contact__form-group--file .file-drop-zone.dragover { border-color: #f4a61a; background: rgba(244, 166, 26, 0.04); }\r\n.contact__form-group--file .file-drop-zone i { font-size: 2rem; color: #1c7ec9; display: block; margin-bottom: 0.5rem; }\r\n.contact__form-group--file .file-drop-zone p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.85rem; color: #6b7f94; margin: 0; }\r\n.contact__form-group--file .file-drop-zone .file-types { font-size: 0.7rem; color: #b0c0d0; margin-top: 0.3rem; }\r\n.contact__form-group--file input[type=\"file\"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }\r\n.contact__form-group--file .file-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }\r\n.contact__form-group--file .file-item { display: inline-flex; align-items: center; gap: 0.5rem; background: #eef6fc; padding: 0.3rem 0.8rem 0.3rem 0.6rem; border-radius: 20px; font-family: 'Inter', sans-serif; font-size: 0.75rem; color: #1c7ec9; border: 1px solid #d6ebfb; }\r\n.contact__form-group--file .file-item i { font-size: 0.8rem; color: #1c7ec9; }\r\n.contact__form-group--file .file-item .file-remove { cursor: pointer; color: #6b7f94; transition: color 0.3s ease; font-size: 0.7rem; }\r\n.contact__form-group--file .file-item .file-remove:hover { color: #dc2626; }\r\n\r\n\/* ---- Consentement RGPD ---- *\/\r\n.contact__consent { display: flex; align-items: flex-start; gap: 0.7rem; margin-bottom: 1.5rem; }\r\n.contact__consent input[type=\"checkbox\"] { width: 18px; height: 18px; min-width: 18px; margin-top: 0.15rem; accent-color: #1c7ec9; cursor: pointer; flex-shrink: 0; }\r\n.contact__consent label { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.8rem; line-height: 1.5; color: #6b7f94; text-transform: none; letter-spacing: 0; margin-bottom: 0; cursor: pointer; }\r\n.contact__consent label .required { color: #dc2626; }\r\n.contact__consent label a { color: #1c7ec9; text-decoration: underline; }\r\n.contact__consent label a:hover { color: #07294a; }\r\n\r\n.btn--contact { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.02em; text-decoration: none; padding: 0.9rem 2.4rem; border-radius: 3rem; transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; border: none; text-align: center; background: linear-gradient(135deg, #f4a61a 0%, #e0960e 100%); box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25); color: #07294a; width: 100%; }\r\n.btn--contact:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40); color: #07294a; }\r\n.btn--contact .btn__icon { transition: transform 0.3s ease; }\r\n.btn--contact:hover .btn__icon { transform: translateX(4px); }\r\n.contact__info { display: flex; flex-direction: column; gap: 1.2rem; }\r\n.contact__info-card { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; transition: all 0.4s ease; display: flex; align-items: center; gap: 1.2rem; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); }\r\n.contact__info-card:hover { transform: translateX(6px); border-color: #1c7ec9; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.08); }\r\n.contact__info-icon { width: 50px; height: 50px; border-radius: 14px; background: #f0f4f8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s ease; }\r\n.contact__info-card:hover .contact__info-icon { background: #eef6fc; }\r\n.contact__info-icon i { font-size: 1.3rem; color: #1c7ec9; }\r\n.contact__info-content h4 { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #07294a; margin-bottom: 0.1rem; }\r\n.contact__info-content p, .contact__info-content a { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 0.9rem; color: #6b7f94; text-decoration: none; transition: color 0.3s ease; }\r\n.contact__info-content a:hover { color: #1c7ec9; }\r\n.contact__hours { background: #ffffff; border-radius: 16px; padding: 1.5rem 1.8rem; border: 1px solid #eef2f6; box-shadow: 0 2px 8px rgba(7, 41, 74, 0.03); transition: all 0.4s ease; }\r\n.contact__hours:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__hours-title { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 0.85rem; color: #6b7f94; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.8rem; }\r\n.contact__hours-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem 1rem; }\r\n.contact__hours-day { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #6b7f94; }\r\n.contact__hours-time { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; color: #07294a; text-align: right; }\r\n.contact__hours-time .urgent { color: #1c7ec9; font-weight: 700; }\r\n.contact__map { border-radius: 16px; overflow: hidden; border: 1px solid #eef2f6; height: 200px; background: #f8fafc; transition: all 0.4s ease; }\r\n.contact__map:hover { border-color: #d6ebfb; box-shadow: 0 8px 30px -8px rgba(7, 41, 74, 0.06); }\r\n.contact__map iframe { width: 100%; height: 100%; border: none; }\r\n@media (max-width: 992px) {\r\n .contact__grid { grid-template-columns: 1fr; gap: 2rem; }\r\n .contact__form { padding: 2rem; }\r\n .contact__info { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; }\r\n .contact__map { height: 180px; }\r\n}\r\n@media (max-width: 768px) {\r\n .contact { padding: 3.5rem 1.5rem 4rem; min-height: auto; }\r\n .contact__form { padding: 1.5rem; border-radius: 16px; }\r\n .contact__form-row { grid-template-columns: 1fr; gap: 0; }\r\n .contact__info { grid-template-columns: 1fr; gap: 1rem; }\r\n .contact__info-card { padding: 1.2rem 1.5rem; }\r\n .contact__hours { padding: 1.2rem 1.5rem; }\r\n .contact__hours-grid { grid-template-columns: 1fr 1fr; gap: 0.3rem 0.8rem; }\r\n .contact__hours-day { font-size: 0.75rem; }\r\n .contact__hours-time { font-size: 0.75rem; }\r\n .contact__map { height: 150px; }\r\n .btn--contact { padding: 0.7rem 1.8rem; font-size: 0.75rem; }\r\n .contact__form-group--file .file-drop-zone { padding: 1rem; }\r\n .contact__form-group--file .file-drop-zone i { font-size: 1.5rem; }\r\n .contact__waves svg { height: 40px; }\r\n}\r\n@media (max-width: 480px) {\r\n .contact__form { padding: 1rem; }\r\n .contact__info-card { padding: 1rem; }\r\n .contact__info-icon { width: 40px; height: 40px; }\r\n .contact__info-icon i { font-size: 1rem; }\r\n .contact__hours { padding: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact\">\r\n <div class=\"contact__container\">\r\n\r\n <div class=\"contact__header\">\r\n <span class=\"contact__badge\"><span class=\"dot\"><\/span> Contactez-nous<\/span>\r\n <h2 class=\"contact__title\">Pret a <span class=\"highlight\">securiser<\/span> vos reseaux ?<\/h2>\r\n <p class=\"contact__subtitle\">Une question, un devis, une urgence ? Notre equipe est a votre ecoute 24h\/24 et 7j\/7.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact__grid\">\r\n\r\n \r\n <div class=\"contact__form\">\r\n <h3 class=\"contact__form-title\">Demandez un diagnostic<\/h3>\r\n <p class=\"contact__form-subtitle\">Remplissez le formulaire et nous vous recontacterons sous 24h.<\/p>\r\n\r\n \r\n <form id=\"contactForm\"\r\n action=\"https:\/\/formsubmit.co\/info-contact@btplus.fr\"\r\n method=\"POST\"\r\n enctype=\"multipart\/form-data\">\r\n\r\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de diagnostic - Site BT Plus\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n \r\n <input type=\"hidden\" name=\"_cc\" value=\"marketing@btgroup-france.com\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n \r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"nom\">Nom complet <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"nom\" name=\"Nom complet\" placeholder=\"Jean Dupont\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"email\">Email <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jean@exemple.fr\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-row\">\r\n <div class=\"contact__form-group\">\r\n <label for=\"telephone\">Telephone <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"Telephone\" placeholder=\"01 23 45 67 89\" required \/>\r\n <\/div>\r\n <div class=\"contact__form-group\">\r\n <label for=\"cp\">Code postal<\/label>\r\n <input type=\"text\" id=\"cp\" name=\"Code postal\" placeholder=\"75000\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_batiment\">Type de batiment<\/label>\r\n <select id=\"type_batiment\" name=\"Type de batiment\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"copropriete\">Copropriete<\/option>\r\n <option value=\"syndic\">Syndic<\/option>\r\n <option value=\"bailleur\">Bailleur social<\/option>\r\n <option value=\"erp\">ERP (Etablissement recevant du public)<\/option>\r\n <option value=\"tertiaire\">Tertiaire (bureau, commerce)<\/option>\r\n <option value=\"collectivite\">Collectivite<\/option>\r\n <option value=\"particulier\">Particulier<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"type_besoin\">Type de besoin<\/label>\r\n <select id=\"type_besoin\" name=\"Type de besoin\">\r\n <option value=\"\">Selectionnez...<\/option>\r\n <option value=\"urgence\">Urgence (debouchage, curage)<\/option>\r\n <option value=\"entretien\">Entretien preventif<\/option>\r\n <option value=\"diagnostic\">Diagnostic \/ Inspection<\/option>\r\n <option value=\"travaux\">Travaux \/ Renovation<\/option>\r\n <option value=\"contrat\">Contrat d'entretien<\/option>\r\n <option value=\"devis\">Demande de devis<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"Message\" placeholder=\"Decrivez votre situation...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"contact__form-group contact__form-group--file\">\r\n <label>Ajouter une photo <span style=\"font-weight:400;text-transform:none;color:#b0c0d0;\">(optionnel - une seule)<\/span><\/label>\r\n <div class=\"file-drop-zone\" id=\"fileDropZone\">\r\n <i class=\"fas fa-cloud-upload-alt\"><\/i>\r\n <p>Glissez une photo ici ou cliquez pour la selectionner<\/p>\r\n <div class=\"file-types\">JPG, PNG, GIF - une seule photo, 5MB max<\/div>\r\n <input type=\"file\" id=\"fileInput\" name=\"attachment\" accept=\"image\/*\" \/>\r\n <\/div>\r\n <div class=\"file-list\" id=\"fileList\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__consent\">\r\n <input type=\"checkbox\" id=\"consent\" name=\"Consentement RGPD\" value=\"J'accepte\" required \/>\r\n <label for=\"consent\">\r\n J'accepte que les informations saisies dans ce formulaire soient utilisees par BT Plus\r\n afin de traiter ma demande et de me recontacter. Conformement au RGPD, je dispose d'un\r\n droit d'acces, de rectification et de suppression de mes donnees, que je peux exercer en\r\n ecrivant a <a href=\"mailto:info-contact@btplus.fr\">info-contact@btplus.fr<\/a>.\r\n <a href=\"\/politique-de-confidentialite\" target=\"_blank\" rel=\"noopener\">En savoir plus<\/a>.\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn--contact\">\r\n Envoyer <span class=\"btn__icon\">→<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact__info\">\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Telephone<\/h4><p><a href=\"tel:+331 86 95 77 77\">01 86 95 77 77<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Email<\/h4><p><a href=\"mailto:contact@btplus-intervention.fr\">info-contact@btplus.fr<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"contact__info-card\">\r\n <div class=\"contact__info-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"contact__info-content\"><h4>Adresse<\/h4><p>13 Rue Camille Desmoulins,\r\n92130 Issy-les-Moulineaux<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__hours\">\r\n <div class=\"contact__hours-title\">Horaires d'ouverture<\/div>\r\n <div class=\"contact__hours-grid\">\r\n <span class=\"contact__hours-day\">Lundi - Vendredi<\/span><span class=\"contact__hours-time\">08:00 - 20:00<\/span>\r\n <span class=\"contact__hours-day\">Samedi<\/span><span class=\"contact__hours-time\">09:00 - 18:00<\/span>\r\n <span class=\"contact__hours-day\">Dimanche & jours feries<\/span><span class=\"contact__hours-time\"><span class=\"urgent\">Urgence 24\/7<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__map\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2623.5!2d2.366!3d48.916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2f8e5c8b3d%3A0x8e5c8b3d47e66e2f!2sAubervilliers!5e0!3m2!1sfr!2sfr!4v1700000000000\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs><path id=\"w9\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs>\r\n <g class=\"wave-back\"><use href=\"#w9\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#w9\" x=\"176\" fill=\"#d6ebfb\"\/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#w9\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#w9\" x=\"176\" fill=\"#a9d4f3\"\/><\/g>\r\n <g class=\"wave-front\"><use href=\"#w9\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#w9\" x=\"176\" fill=\"#ffffff\"\/><\/g>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var fileInput = document.getElementById('fileInput');\r\n var fileList = document.getElementById('fileList');\r\n var dropZone = document.getElementById('fileDropZone');\r\n if (!fileInput || !dropZone) return;\r\n var perFileMax = 5 * 1024 * 1024;\r\n var totalMax = 10 * 1024 * 1024;\r\n\r\n function updateFileList(files) {\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach(function (file, index) {\r\n var item = document.createElement('span');\r\n item.className = 'file-item';\r\n var icon = file.type.indexOf('image\/') === 0 ? 'fa-image' : 'fa-file';\r\n item.innerHTML = '<i class=\"fas ' + icon + '\"><\/i><span>' + file.name + '<\/span><span class=\"file-remove\" data-index=\"' + index + '\"><i class=\"fas fa-times\"><\/i><\/span>';\r\n fileList.appendChild(item);\r\n });\r\n document.querySelectorAll('.file-remove').forEach(function (btn) {\r\n btn.addEventListener('click', function (e) {\r\n e.stopPropagation();\r\n var idx = parseInt(this.dataset.index);\r\n var dt = new DataTransfer();\r\n Array.from(fileInput.files).filter(function (_, i) { return i !== idx; }).forEach(function (f) { dt.items.add(f); });\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n });\r\n });\r\n }\r\n\r\n function applyFiles(candidate) {\r\n var valid = candidate.filter(function (f) { return f.type.indexOf('image\/') === 0 && f.size <= perFileMax; });\r\n if (candidate.length > 1) alert('Une seule photo peut etre envoyee. Seule la premiere a ete conservee.');\r\n else if (valid.length !== candidate.length) alert('Fichier ignore (image uniquement, 5MB max).');\r\n var dt = new DataTransfer();\r\n if (valid.length > 0) dt.items.add(valid[0]);\r\n fileInput.files = dt.files;\r\n updateFileList(fileInput.files);\r\n }\r\n\r\n dropZone.addEventListener('click', function (e) { if (e.target === this || e.target.closest('.file-drop-zone')) fileInput.click(); });\r\n fileInput.addEventListener('change', function () { applyFiles(Array.from(this.files)); });\r\n dropZone.addEventListener('dragover', function (e) { e.preventDefault(); this.classList.add('dragover'); });\r\n dropZone.addEventListener('dragleave', function (e) { e.preventDefault(); this.classList.remove('dragover'); });\r\n dropZone.addEventListener('drop', function (e) {\r\n e.preventDefault(); this.classList.remove('dragover');\r\n applyFiles(Array.from(e.dataTransfer.files));\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BT Plus \u2014 Contact 24h\/24 Expertise assainissement Contactez BT PLUS Intervention BT PLUS Intervention, c’est l’excellence et la r\u00e9activit\u00e9 au service de vos canalisations. Nos techniciens sp\u00e9cialistes en assainissement interviennent 24h\/24 et 7j\/7, m\u00eame les jours f\u00e9ri\u00e9s, pour tous vos besoins en d\u00e9bouchage et curage dans toute l’\u00cele-de-France. 01 86 95 77 77 Appel gratuit […]<\/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-1708","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/1708","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=1708"}],"version-history":[{"count":11,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/1708\/revisions"}],"predecessor-version":[{"id":3027,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/1708\/revisions\/3027"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}