{"id":124,"date":"2026-06-09T08:02:55","date_gmt":"2026-06-09T08:02:55","guid":{"rendered":"http:\/\/sci-bme.fr\/?page_id=124"},"modified":"2026-07-30T09:51:00","modified_gmt":"2026-07-30T09:51:00","slug":"tarifs","status":"publish","type":"page","link":"https:\/\/sci-bme.fr\/index.php\/tarifs\/","title":{"rendered":"Tarifs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"124\" class=\"elementor elementor-124\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad082f8 e-con-full e-flex e-con e-parent\" data-id=\"ad082f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b457b29 elementor-widget elementor-widget-html\" data-id=\"b457b29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>BT Plus \u2014 Tarifs & Assainissement<\/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    \/* ===== RESET & VARIABLES ===== *\/\r\n    * { box-sizing: border-box; margin: 0; padding: 0; }\r\n    html { scroll-behavior: smooth; }\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    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    \/* ===== SECTION TARIFS ===== *\/\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\r\n    .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      .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    \/* ===== BADGE PRIX ===== *\/\r\n    .badge-prix {\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-prix .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-prix .fic svg {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n\r\n    .badge-prix 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-prix 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-prix {\r\n        top: 12px;\r\n        right: 12px;\r\n        padding: 8px 12px;\r\n        gap: 8px;\r\n      }\r\n      .badge-prix .fic {\r\n        width: 30px;\r\n        height: 30px;\r\n      }\r\n      .badge-prix b {\r\n        font-size: .85rem;\r\n      }\r\n      .badge-prix small {\r\n        font-size: .65rem;\r\n      }\r\n    }\r\n\r\n    \/* ===== CONTENU TEXTE ===== *\/\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 { transform: scaleX(1); }\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    \/* ===== CHIPS TARIFS ===== *\/\r\n    .chips {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 9px;\r\n      margin-top: 24px;\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    }\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    \/* ===== TRUST STRIP ===== *\/\r\n    .trust {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 22px;\r\n      margin-top: 32px;\r\n    }\r\n\r\n    .trust div {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      font-size: .86rem;\r\n      color: var(--slate);\r\n      font-weight: 500;\r\n    }\r\n\r\n    .trust svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      color: #1faa6b;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    \/* ===== VISUAL ===== *\/\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) { animation-delay: 1.3s; }\r\n    .ring:nth-child(4) { animation-delay: 2.6s; }\r\n\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    \/* ===== FLOATING CARDS ===== *\/\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\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\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 { left: 0; }\r\n      .float.two { right: 0; }\r\n    }\r\n\r\n    \/* ===== 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\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 { 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\r\n    @keyframes wavemove {\r\n      0% { transform: translateX(0); }\r\n      100% { transform: translateX(-50%); }\r\n    }\r\n\r\n    \/* ===== ANIMATIONS ===== *\/\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 { 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\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 { opacity: 1; transform: translateY(0); }\r\n    }\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    \/* ===== RESPONSIVE ===== *\/\r\n    @media (max-width: 768px) {\r\n      .disc { width: min(340px, 85%); }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .disc { width: min(280px, 80%); }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <header class=\"hero\">\r\n    <div class=\"hero-inner\">\r\n\r\n      <!-- ===== BADGE TARIFS ===== -->\r\n      <div class=\"badge-prix\">\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>Tarifs clairs<\/b>\r\n          <small>Devis gratuit sans engagement<\/small>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <!-- ===== TEXTE ===== -->\r\n      <div class=\"content\">\r\n        <h1 class=\"reveal d2\">\r\n          Nos prix,<br>\r\n          votre <span class=\"accent\">tranquillit\u00e9<\/span>.\r\n        <\/h1>\r\n\r\n        <p class=\"lead reveal d3\">\r\n          Pas de mauvaise surprise : nos tarifs sont fix\u00e9s \u00e0 l'avance, \r\n          d\u00e9taill\u00e9s et adapt\u00e9s \u00e0 chaque intervention. D\u00e9bouchage, curage, \r\n          inspection cam\u00e9ra ou entretien, nous vous accompagnons avec \r\n          transparence.\r\n        <\/p>\r\n\r\n        <div class=\"chips reveal d4\">\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\" stroke-linejoin=\"round\"><path d=\"M21 12a9 9 0 1 1-9-9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\r\n            Sans majoration\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\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"6\" width=\"14\" height=\"12\" rx=\"2\"\/><path d=\"m16 10 6-3v10l-6-3\"\/><\/svg>\r\n            Forfait urgence\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\" stroke-linejoin=\"round\"><path d=\"M3 7h18\"\/><path d=\"M6 7v13h12V7\"\/><path d=\"M9 7V4h6v3\"\/><\/svg>\r\n            Paiement s\u00e9curis\u00e9\r\n          <\/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>Devis gratuit<\/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>Sans majoration<\/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>Techniciens agr\u00e9\u00e9s<\/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>Tarif annonc\u00e9 \u00e0 l'avance<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ===== VISUAL ===== -->\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\/09\/service-admin-1.jpg\"\r\n            alt=\"\u00c9quipe BT Plus \u2013 Service client\"\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        <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 45 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    <!-- ===== WAVES ===== -->\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-d990843 e-con-full e-flex e-con e-parent\" data-id=\"d990843\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa938cd elementor-widget elementor-widget-html\" data-id=\"aa938cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =============================================\r\n     TARIFS - CAROUSEL AVEC FL\u00c8CHES ORANGE\r\n     ============================================= -->\r\n\r\n<style>\r\n  \/* ===== BASE ===== *\/\r\n  .bt-tarifs * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n  .bt-tarifs {\r\n    font-family: 'Inter', sans-serif;\r\n    background-color: #fff;\r\n    color: #0a1a2b;\r\n    line-height: 1.6;\r\n    overflow-x: hidden;\r\n  }\r\n  .bt-tarifs__section {\r\n    padding: 5rem 0 6rem;\r\n    position: relative;\r\n    background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%),\r\n      linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n  }\r\n  .bt-tarifs__container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 5%;\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n  .bt-tarifs__header {\r\n    text-align: center;\r\n    max-width: 780px;\r\n    margin: 0 auto 3.5rem;\r\n  }\r\n  .bt-tarifs__badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    font-family: 'Sora', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 0.7rem;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    padding: 0.4rem 1.4rem 0.4rem 1rem;\r\n    border-radius: 2rem;\r\n    background: rgba(28, 126, 201, 0.07);\r\n    color: #1c7ec9;\r\n    border: 1px solid rgba(28, 126, 201, 0.12);\r\n    margin-bottom: 1.2rem;\r\n  }\r\n  .bt-tarifs__badge .dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: #1c7ec9;\r\n  }\r\n  .bt-tarifs__title {\r\n    font-family: 'Sora', sans-serif;\r\n    font-weight: 800;\r\n    font-size: clamp(2rem, 3.6vw, 3.2rem);\r\n    letter-spacing: -0.03em;\r\n    color: #07294a;\r\n    line-height: 1.1;\r\n    margin-bottom: 0.8rem;\r\n  }\r\n  .bt-tarifs__title .highlight {\r\n    background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n  .bt-tarifs__subtitle {\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 400;\r\n    font-size: clamp(1rem, 1.1vw, 1.15rem);\r\n    color: #6b7f94;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    line-height: 1.7;\r\n  }\r\n  .bt-tarifs__subtitle strong {\r\n    color: #07294a;\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* ===== CAROUSEL WRAPPER ===== *\/\r\n  .bt-carousel {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 0 60px; \/* espace pour les fl\u00e8ches *\/\r\n  }\r\n  .bt-carousel__track {\r\n    display: flex;\r\n    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    will-change: transform;\r\n  }\r\n  .bt-carousel__slide {\r\n    flex: 0 0 100%;\r\n    padding: 0 10px;\r\n    min-height: 420px;\r\n  }\r\n\r\n  \/* ===== CARTE ===== *\/\r\n  .bt-tarifs__card {\r\n    background: #fff;\r\n    border-radius: 20px;\r\n    padding: 2.2rem 2rem;\r\n    border: 1px solid #eef2f6;\r\n    box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04);\r\n    transition: all 0.4s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    max-width: 500px;\r\n    margin: 0 auto;\r\n  }\r\n  .bt-tarifs__card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08);\r\n    border-color: #d6ebfb;\r\n  }\r\n  .bt-tarifs__card-nom {\r\n    font-family: 'Sora', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 1.3rem;\r\n    color: #f4a61a;\r\n    margin-bottom: 0.3rem;\r\n  }\r\n  .bt-tarifs__card-desc {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 0.9rem;\r\n    color: #6b7f94;\r\n    line-height: 1.6;\r\n    margin-bottom: 1.2rem;\r\n  }\r\n  .bt-tarifs__card-prix {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: baseline;\r\n    gap: 0.3rem 0.6rem;\r\n    padding: 1rem 0;\r\n    border-top: 1px solid #eef2f6;\r\n    border-bottom: 1px solid #eef2f6;\r\n    margin-bottom: 1.2rem;\r\n  }\r\n  .bt-tarifs__card-prix .montant {\r\n    font-family: 'Sora', sans-serif;\r\n    font-weight: 800;\r\n    font-size: 2.6rem;\r\n    color: #f4a61a;\r\n    line-height: 1;\r\n  }\r\n  .bt-tarifs__card-prix .periode {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 0.85rem;\r\n    color: #94a3b8;\r\n    font-weight: 500;\r\n  }\r\n  .bt-tarifs__card-prix .unite {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 0.75rem;\r\n    color: #94a3b8;\r\n    font-weight: 500;\r\n    width: 100%;\r\n    margin-top: 0.1rem;\r\n  }\r\n  .bt-tarifs__card-prix .unite--highlight {\r\n    color: #f4a61a;\r\n    font-weight: 600;\r\n  }\r\n  .bt-tarifs__card-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 1.5rem 0;\r\n    flex-grow: 1;\r\n  }\r\n  .bt-tarifs__card-list li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 0.6rem;\r\n    padding: 0.4rem 0;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 0.85rem;\r\n    color: #1e293b;\r\n  }\r\n  .bt-tarifs__card-list li .dot-point {\r\n    color: #1c7ec9;\r\n    font-weight: 700;\r\n    font-size: 1.2rem;\r\n    line-height: 1;\r\n    flex-shrink: 0;\r\n  }\r\n  .bt-tarifs__card .btn--offre {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.75rem;\r\n    width: 100%;\r\n    font-family: 'Sora', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.85rem;\r\n    letter-spacing: 0.02em;\r\n    text-decoration: none;\r\n    padding: 0.9rem 1.5rem;\r\n    border-radius: 3rem;\r\n    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    cursor: pointer;\r\n    border: 1.5px solid #eef2f6;\r\n    background: #fff;\r\n    color: #07294a;\r\n    text-align: center;\r\n  }\r\n  .bt-tarifs__card .btn--offre:hover {\r\n    border-color: #1c7ec9;\r\n    background: #f0f7fd;\r\n    transform: translateY(-2px);\r\n  }\r\n  .bt-tarifs__card .btn--offre .btn__icon {\r\n    transition: transform 0.3s ease;\r\n  }\r\n  .bt-tarifs__card .btn--offre:hover .btn__icon {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* ===== FL\u00c8CHES ORANGE ===== *\/\r\n  .bt-carousel__btn {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    z-index: 10;\r\n    background: #f4a61a; \/* ORANGE *\/\r\n    border: none;\r\n    border-radius: 50%;\r\n    width: 48px;\r\n    height: 48px;\r\n    display: grid;\r\n    place-items: center;\r\n    cursor: pointer;\r\n    box-shadow: 0 4px 16px rgba(244, 166, 26, 0.35);\r\n    transition: all 0.25s ease;\r\n    color: #fff;\r\n    font-size: 1.8rem;\r\n    font-weight: 300;\r\n    line-height: 1;\r\n    padding: 0;\r\n  }\r\n  .bt-carousel__btn:hover {\r\n    background: #d98a0c; \/* orange fonc\u00e9 *\/\r\n    box-shadow: 0 8px 28px rgba(244, 166, 26, 0.5);\r\n    transform: translateY(-50%) scale(1.05);\r\n  }\r\n  .bt-carousel__btn:active {\r\n    transform: translateY(-50%) scale(0.92);\r\n  }\r\n  .bt-carousel__btn:disabled {\r\n    opacity: 0.3;\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n    box-shadow: none;\r\n  }\r\n  .bt-carousel__btn--prev {\r\n    left: 6px;\r\n  }\r\n  .bt-carousel__btn--next {\r\n    right: 6px;\r\n  }\r\n\r\n  \/* ===== INDICATEURS (dots) ===== *\/\r\n  .bt-carousel__dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    margin-top: 2rem;\r\n  }\r\n  .bt-carousel__dot {\r\n    width: 12px;\r\n    height: 12px;\r\n    border-radius: 50%;\r\n    border: none;\r\n    background: #d6ebfb;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    padding: 0;\r\n  }\r\n  .bt-carousel__dot--active {\r\n    background: #f4a61a; \/* orange *\/\r\n    transform: scale(1.2);\r\n    box-shadow: 0 0 0 3px rgba(244, 166, 26, 0.25);\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 768px) {\r\n    .bt-tarifs__section {\r\n      padding: 3rem 0;\r\n    }\r\n    .bt-tarifs__container {\r\n      padding: 0 1.5rem;\r\n    }\r\n    .bt-carousel {\r\n      padding: 0 40px;\r\n    }\r\n    .bt-carousel__btn {\r\n      width: 40px;\r\n      height: 40px;\r\n      font-size: 1.4rem;\r\n    }\r\n    .bt-carousel__btn--prev {\r\n      left: 2px;\r\n    }\r\n    .bt-carousel__btn--next {\r\n      right: 2px;\r\n    }\r\n    .bt-tarifs__card {\r\n      padding: 1.5rem;\r\n    }\r\n    .bt-tarifs__card-prix .montant {\r\n      font-size: 2.2rem;\r\n    }\r\n  }\r\n  @media (max-width: 480px) {\r\n    .bt-carousel {\r\n      padding: 0 30px;\r\n    }\r\n    .bt-carousel__btn {\r\n      width: 34px;\r\n      height: 34px;\r\n      font-size: 1.1rem;\r\n    }\r\n    .bt-carousel__btn--prev {\r\n      left: 0;\r\n    }\r\n    .bt-carousel__btn--next {\r\n      right: 0;\r\n    }\r\n    .bt-tarifs__card {\r\n      padding: 1.2rem;\r\n    }\r\n    .bt-tarifs__card-prix .montant {\r\n      font-size: 1.8rem;\r\n    }\r\n    .bt-tarifs__card-list li {\r\n      font-size: 0.8rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bt-tarifs\">\r\n  <section class=\"bt-tarifs__section\">\r\n    <div class=\"bt-tarifs__container\">\r\n      <!-- En\u2011t\u00eate -->\r\n      <div class=\"bt-tarifs__header\">\r\n        <span class=\"bt-tarifs__badge\"><span class=\"dot\"><\/span>Nos Tarifs 2026<\/span>\r\n        <h2 class=\"bt-tarifs__title\">Des prestations <span class=\"highlight\">sur mesure<\/span> pour tous vos r\u00e9seaux<\/h2>\r\n        <p class=\"bt-tarifs__subtitle\">Choisissez la prestation adapt\u00e9e \u00e0 vos besoins et b\u00e9n\u00e9ficiez d'un <strong>service de qualit\u00e9<\/strong> avec <strong>l'inspection cam\u00e9ra<\/strong> et la <strong>priorit\u00e9 urgence 24\/7<\/strong>.<\/p>\r\n      <\/div>\r\n\r\n      <!-- CAROUSEL -->\r\n      <div class=\"bt-carousel\" role=\"region\" aria-label=\"Offres de prestations\">\r\n        <div class=\"bt-carousel__track\" id=\"carouselTrack\">\r\n          <!-- Slide 1 -->\r\n          <div class=\"bt-carousel__slide\">\r\n            <div class=\"bt-tarifs__card\">\r\n              <div class=\"bt-tarifs__card-nom\">D\u00e9gorgement \/ D\u00e9bouchage<\/div>\r\n              <div class=\"bt-tarifs__card-desc\">D\u00e9gorgement simple<\/div>\r\n              <div class=\"bt-tarifs__card-prix\">\r\n                <span class=\"montant\">390<\/span>\r\n                <span class=\"periode\">\u20ac<\/span>\r\n                <span class=\"unite\">\/ 1h de prestation<\/span>\r\n              <\/div>\r\n              <ul class=\"bt-tarifs__card-list\">\r\n                <li><span class=\"dot-point\">\u2022<\/span> D\u00e9gorgement simple<\/li>\r\n                <li><span class=\"dot-point\">\u2022<\/span> D\u00e9placement offert<\/li>\r\n                <li><span class=\"dot-point\">\u2022<\/span> Rapport intervention photo<\/li>\r\n                <li><span class=\"dot-point\">\u2022<\/span> Devis compl\u00e9mentaire gratuit si besoin<\/li>\r\n              <\/ul>\r\n              <a href=\"tel:0186957777\" class=\"btn--offre\">Choisir ce service <span class=\"btn__icon\">\u2192<\/span><\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Slide 2 -->\r\n          <div class=\"bt-carousel__slide\">\r\n            <div class=\"bt-tarifs__card\">\r\n              <div class=\"bt-tarifs__card-nom\">D\u00e9gorgement + Curage<\/div>\r\n              <div class=\"bt-tarifs__card-desc\">Nettoyage en profondeur<\/div>\r\n              <div class=\"bt-tarifs__card-prix\">\r\n                <span class=\"montant\">490<\/span>\r\n                <span class=\"periode\">\u20ac<\/span>\r\n                <span class=\"unite\">\/ 1h de prestation<\/span>\r\n              <\/div>\r\n              <ul class=\"bt-tarifs__card-list\">\r\n                <li><span class=\"dot-point\">\u2022<\/span> D\u00e9gorgement + Curage<\/li>\r\n                <li><span class=\"dot-point\">\u2022<\/span> D\u00e9placement offert<\/li>\r\n                <li><span class=\"dot-point\">\u2022<\/span> Rapport intervention photo<\/li>\r\n                <li><span class=\"dot-point\">\u2022<\/span> Devis compl\u00e9mentaire gratuit si besoin<\/li>\r\n              <\/ul>\r\n              <a href=\"tel:0186957777\" class=\"btn--offre\">Choisir ce service <span class=\"btn__icon\">\u2192<\/span><\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Slide 3 -->\r\n          <div class=\"bt-carousel__slide\">\r\n            <div class=\"bt-tarifs__card\">\r\n              <div class=\"bt-tarifs__card-nom\">D\u00e9gorgement + Curage + Cam\u00e9ra<\/div>\r\n              <div class=\"bt-tarifs__card-desc\">Diagnostic complet HD<\/div>\r\n              <div class=\"bt-tarifs__card-prix\">\r\n                <span class=\"montant\">590<\/span>\r\n                <span class=\"periode\">\u20ac<\/span>\r\n                <span class=\"unite\">\/ 1h de prestation<\/span>\r\n              <\/div>\r\n              <ul class=\"bt-tarifs__card-list\">\r\n                <li><span class=\"dot-point\">\u2022<\/span> D\u00e9gorgement + Curage<\/li>\r\n                <li><span class=\"dot-point\">\u2022<\/span> Passage cam\u00e9ra HD 4K<\/li>\r\n                <li><span class=\"dot-point\">\u2022<\/span> Rapport vid\u00e9o + photo<\/li>\r\n                <li><span class=\"dot-point\">\u2022<\/span> D\u00e9placement offert<\/li>\r\n              <\/ul>\r\n              <a href=\"tel:0186957777\" class=\"btn--offre\">Choisir ce service <span class=\"btn__icon\">\u2192<\/span><\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Slide 4 -->\r\n          <div class=\"bt-carousel__slide\">\r\n            <div class=\"bt-tarifs__card\">\r\n              <div class=\"bt-tarifs__card-nom\">Curage sur devis<\/div>\r\n              <div class=\"bt-tarifs__card-desc\">Tarif selon le m\u00e8tre lin\u00e9aire (ML)<\/div>\r\n              <div class=\"bt-tarifs__card-prix\" style=\"border-bottom: none; margin-bottom: 0.5rem;\">\r\n                <span class=\"periode\" style=\"font-size:0.9rem; color:#07294a;\">Devis personnalis\u00e9<\/span>\r\n              <\/div>\r\n              <ul class=\"bt-tarifs__card-list\" style=\"margin-bottom:1rem;\">\r\n                <li><span class=\"dot-point\">\u2022<\/span> \u00c9tude sur mesure<\/li>\r\n                <li><span class=\"dot-point\">\u2022<\/span> Inspection pr\u00e9alable<\/li>\r\n                <li><span class=\"dot-point\">\u2022<\/span> Tarif d\u00e9gressif selon longueur<\/li>\r\n              <\/ul>\r\n              <a href=\"tel:0186957777\" class=\"btn--offre\">Choisir ce service <span class=\"btn__icon\">\u2192<\/span><\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Slide 5 -->\r\n          <div class=\"bt-carousel__slide\">\r\n            <div class=\"bt-tarifs__card\">\r\n              <div class=\"bt-tarifs__card-nom\">Pompage<\/div>\r\n              <div class=\"bt-tarifs__card-desc\">Vidange fosse septique, bac \u00e0 graisse<\/div>\r\n              <div class=\"bt-tarifs__card-prix\">\r\n                <span class=\"montant\">390<\/span>\r\n                <span class=\"periode\">\u20ac<\/span>\r\n                <span class=\"unite\">pour 0 \u00e0 3 m\u00b3<\/span>\r\n                <span class=\"unite unite--highlight\">+90\u20ac \/ m\u00b3 suppl\u00e9mentaire<\/span>\r\n              <\/div>\r\n              <ul class=\"bt-tarifs__card-list\">\r\n                <li><span class=\"dot-point\">\u2022<\/span> Pompe 0-3 m\u00b3 incluse<\/li>\r\n                <li><span class=\"dot-point\">\u2022<\/span> D\u00e9placement offert<\/li>\r\n                <li><span class=\"dot-point\">\u2022<\/span> \u00c9limination des d\u00e9chets<\/li>\r\n                <li><span class=\"dot-point\">\u2022<\/span> Devis compl\u00e9mentaire gratuit<\/li>\r\n              <\/ul>\r\n              <a href=\"tel:0186957777\" class=\"btn--offre\">Choisir ce service <span class=\"btn__icon\">\u2192<\/span><\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FL\u00c8CHES ORANGE -->\r\n        <button class=\"bt-carousel__btn bt-carousel__btn--prev\" id=\"prevBtn\" aria-label=\"Pr\u00e9c\u00e9dent\">\u2039<\/button>\r\n        <button class=\"bt-carousel__btn bt-carousel__btn--next\" id=\"nextBtn\" aria-label=\"Suivant\">\u203a<\/button>\r\n      <\/div>\r\n\r\n      <!-- Dots (indicateurs) -->\r\n      <div class=\"bt-carousel__dots\" id=\"dotsContainer\"><\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n  (function () {\r\n    'use strict';\r\n\r\n    const track = document.getElementById('carouselTrack');\r\n    const slides = Array.from(track.children);\r\n    const totalSlides = slides.length;\r\n    let currentIndex = 0;\r\n\r\n    const prevBtn = document.getElementById('prevBtn');\r\n    const nextBtn = document.getElementById('nextBtn');\r\n    const dotsContainer = document.getElementById('dotsContainer');\r\n\r\n    \/\/ Cr\u00e9ation des dots\r\n    slides.forEach((_, i) => {\r\n      const dot = document.createElement('button');\r\n      dot.classList.add('bt-carousel__dot');\r\n      dot.setAttribute('data-index', i);\r\n      dot.setAttribute('aria-label', `Aller \u00e0 l'offre ${i+1}`);\r\n      dotsContainer.appendChild(dot);\r\n    });\r\n    const dots = Array.from(dotsContainer.children);\r\n\r\n    function updateCarousel(index) {\r\n      prevBtn.disabled = (index === 0);\r\n      nextBtn.disabled = (index === totalSlides - 1);\r\n\r\n      const slideWidth = slides[0].getBoundingClientRect().width;\r\n      track.style.transform = `translateX(-${index * slideWidth}px)`;\r\n\r\n      dots.forEach((dot, i) => {\r\n        dot.classList.toggle('bt-carousel__dot--active', i === index);\r\n      });\r\n\r\n      currentIndex = index;\r\n    }\r\n\r\n    function nextSlide() {\r\n      if (currentIndex < totalSlides - 1) updateCarousel(currentIndex + 1);\r\n    }\r\n    function prevSlide() {\r\n      if (currentIndex > 0) updateCarousel(currentIndex - 1);\r\n    }\r\n\r\n    nextBtn.addEventListener('click', nextSlide);\r\n    prevBtn.addEventListener('click', prevSlide);\r\n\r\n    dots.forEach((dot) => {\r\n      dot.addEventListener('click', function () {\r\n        updateCarousel(parseInt(this.getAttribute('data-index')));\r\n      });\r\n    });\r\n\r\n    \/\/ Gestion du redimensionnement\r\n    let resizeTimeout;\r\n    window.addEventListener('resize', function () {\r\n      clearTimeout(resizeTimeout);\r\n      resizeTimeout = setTimeout(function () {\r\n        updateCarousel(currentIndex);\r\n      }, 100);\r\n    });\r\n\r\n    \/\/ Initialisation\r\n    updateCarousel(0);\r\n\r\n    \/\/ Swipe tactile\r\n    let startX = 0;\r\n    let isSwiping = false;\r\n    const carousel = document.querySelector('.bt-carousel');\r\n    carousel.addEventListener('touchstart', function (e) {\r\n      startX = e.changedTouches[0].screenX;\r\n      isSwiping = true;\r\n    });\r\n    carousel.addEventListener('touchmove', function (e) {\r\n      if (!isSwiping) return;\r\n      const diff = startX - e.changedTouches[0].screenX;\r\n      if (Math.abs(diff) > 50) {\r\n        if (diff > 0) nextSlide();\r\n        else prevSlide();\r\n        isSwiping = false;\r\n      }\r\n    });\r\n    carousel.addEventListener('touchend', function () {\r\n      isSwiping = false;\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-dc3f51a e-con-full e-flex e-con e-parent\" data-id=\"dc3f51a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d5a223 elementor-widget elementor-widget-html\" data-id=\"0d5a223\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .bt-simulateur * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n  .bt-simulateur {\r\n    font-family: 'Inter', sans-serif;\r\n    background-color: #fff;\r\n    color: #0a1a2b;\r\n    line-height: 1.6;\r\n    overflow-x: hidden;\r\n  }\r\n  .bt-simulateur__section {\r\n    padding: 5rem 0 6rem;\r\n    position: relative;\r\n    background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%),\r\n      linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n  }\r\n  .bt-simulateur__container {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    padding: 0 5%;\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n  .bt-simulateur__header {\r\n    text-align: center;\r\n    max-width: 780px;\r\n    margin: 0 auto 3.5rem;\r\n  }\r\n  .bt-simulateur__badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    font-family: 'Sora', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 0.7rem;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    padding: 0.4rem 1.4rem 0.4rem 1rem;\r\n    border-radius: 2rem;\r\n    background: rgba(28, 126, 201, 0.07);\r\n    color: #1c7ec9;\r\n    border: 1px solid rgba(28, 126, 201, 0.12);\r\n    margin-bottom: 1.2rem;\r\n  }\r\n  .bt-simulateur__badge .dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: #1c7ec9;\r\n    animation: bt-pulseDot 2s ease-in-out infinite;\r\n  }\r\n  @keyframes bt-pulseDot {\r\n    0%,\r\n    100% {\r\n      opacity: 1;\r\n      transform: scale(1);\r\n    }\r\n    50% {\r\n      opacity: 0.3;\r\n      transform: scale(0.6);\r\n    }\r\n  }\r\n  .bt-simulateur__title {\r\n    font-family: 'Sora', sans-serif;\r\n    font-weight: 800;\r\n    font-size: clamp(2rem, 3.6vw, 3.2rem);\r\n    letter-spacing: -0.03em;\r\n    color: #07294a;\r\n    line-height: 1.1;\r\n    margin-bottom: 0.8rem;\r\n  }\r\n  .bt-simulateur__title .highlight {\r\n    background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n  .bt-simulateur__subtitle {\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 400;\r\n    font-size: clamp(1rem, 1.1vw, 1.15rem);\r\n    color: #6b7f94;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    line-height: 1.7;\r\n  }\r\n  .bt-simulateur__widget {\r\n    background: #fff;\r\n    border-radius: 24px;\r\n    padding: 2.5rem;\r\n    border: 1px solid #eef2f6;\r\n    box-shadow: 0 2px 12px rgba(7, 41, 74, 0.04);\r\n    transition: all 0.4s ease;\r\n    position: relative;\r\n  }\r\n  .bt-simulateur__widget:hover {\r\n    box-shadow: 0 8px 40px rgba(7, 41, 74, 0.08);\r\n    border-color: #d6ebfb;\r\n  }\r\n  .bt-simulateur__fields {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 1.5rem;\r\n    margin-bottom: 1.5rem;\r\n  }\r\n  .bt-simulateur__field {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.4rem;\r\n  }\r\n  .bt-simulateur__field--full {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n  .bt-simulateur__field label {\r\n    font-family: 'Sora', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.75rem;\r\n    color: #6b7f94;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.04em;\r\n  }\r\n  .bt-simulateur__field select {\r\n    padding: 0.8rem 1rem;\r\n    border-radius: 12px;\r\n    border: 1px solid #eef2f6;\r\n    background: #f8fafc;\r\n    color: #07294a;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 0.95rem;\r\n    transition: all 0.3s ease;\r\n    outline: none;\r\n    appearance: none;\r\n    cursor: pointer;\r\n    background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7f94' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 1rem center;\r\n    background-size: 1.2rem;\r\n  }\r\n  .bt-simulateur__field select option {\r\n    background: #fff;\r\n    color: #07294a;\r\n  }\r\n  .bt-simulateur__field select:focus {\r\n    border-color: #1c7ec9;\r\n    background-color: #fff;\r\n    box-shadow: 0 0 0 4px rgba(28, 126, 201, 0.06);\r\n  }\r\n  .bt-simulateur__field select:hover {\r\n    border-color: #d6ebfb;\r\n    background-color: #fff;\r\n  }\r\n  .bt-simulateur__result {\r\n    background: #f8fafc;\r\n    border-radius: 16px;\r\n    padding: 1.5rem;\r\n    margin: 1.5rem 0;\r\n    border: 1px solid #eef2f6;\r\n    text-align: center;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    display: none;\r\n  }\r\n  .bt-simulateur__result--visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    display: block;\r\n  }\r\n  .bt-simulateur__result-label {\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 0.9rem;\r\n    color: #6b7f94;\r\n    margin-bottom: 0.5rem;\r\n  }\r\n  .bt-simulateur__result-offre {\r\n    font-family: 'Sora', sans-serif;\r\n    font-weight: 800;\r\n    font-size: 2.8rem;\r\n    color: #f4a61a;\r\n    line-height: 1;\r\n    margin-bottom: 0.5rem;\r\n  }\r\n  .bt-simulateur__result-offre span {\r\n    font-size: 1.5rem;\r\n    color: #6b7f94;\r\n  }\r\n  .bt-simulateur__result-desc {\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 0.95rem;\r\n    color: #6b7f94;\r\n    line-height: 1.7;\r\n  }\r\n  .bt-simulateur__result-desc strong {\r\n    color: #07294a;\r\n    font-weight: 600;\r\n  }\r\n  .bt-simulateur__result-details {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 1rem;\r\n    margin-top: 1.5rem;\r\n    padding-top: 1.5rem;\r\n    border-top: 1px solid #eef2f6;\r\n  }\r\n  .bt-simulateur__result-detail {\r\n    text-align: center;\r\n  }\r\n  .bt-simulateur__result-detail .value {\r\n    font-family: 'Sora', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 1.2rem;\r\n    color: #1c7ec9;\r\n  }\r\n  .bt-simulateur__result-detail .label {\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 0.7rem;\r\n    color: #6b7f94;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.04em;\r\n  }\r\n  .bt-simulateur__actions {\r\n    display: flex;\r\n    gap: 1rem;\r\n    flex-wrap: wrap;\r\n  }\r\n  .bt-btn--simulate {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.75rem;\r\n    flex: 1;\r\n    font-family: 'Sora', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 0.85rem;\r\n    letter-spacing: 0.02em;\r\n    text-decoration: none;\r\n    padding: 0.9rem 2.4rem;\r\n    border-radius: 3rem;\r\n    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    cursor: pointer;\r\n    border: none;\r\n    text-align: center;\r\n    background: linear-gradient(135deg, #f4a61a 0%, #e0960e 100%);\r\n    box-shadow: 0 4px 16px rgba(244, 166, 26, 0.25);\r\n    color: #fff !important;\r\n  }\r\n  .bt-btn--simulate:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 30px rgba(244, 166, 26, 0.40);\r\n    color: #fff !important;\r\n  }\r\n  .bt-btn--simulate .btn__icon {\r\n    transition: transform 0.3s ease;\r\n  }\r\n  .bt-btn--simulate:hover .btn__icon {\r\n    transform: translateX(4px);\r\n  }\r\n  .bt-btn--cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    font-family: 'Sora', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.8rem;\r\n    letter-spacing: 0.02em;\r\n    text-decoration: none;\r\n    padding: 0.9rem 2.4rem;\r\n    border-radius: 3rem;\r\n    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    cursor: pointer;\r\n    border: 1.5px solid #eef2f6;\r\n    background: #fff;\r\n    color: #07294a !important;\r\n    flex: 1;\r\n    justify-content: center;\r\n  }\r\n  .bt-btn--cta:hover {\r\n    border-color: #1c7ec9;\r\n    background: #f0f7fd;\r\n    color: #07294a !important;\r\n  }\r\n  .bt-btn--cta .btn__icon {\r\n    transition: transform 0.3s ease;\r\n  }\r\n  .bt-btn--cta:hover .btn__icon {\r\n    transform: translateX(4px);\r\n  }\r\n  @media (max-width: 768px) {\r\n    .bt-simulateur__section {\r\n      padding: 3.5rem 0 4rem;\r\n    }\r\n    .bt-simulateur__container {\r\n      padding: 0 1.5rem;\r\n    }\r\n    .bt-simulateur__widget {\r\n      padding: 1.5rem;\r\n      border-radius: 16px;\r\n    }\r\n    .bt-simulateur__fields {\r\n      grid-template-columns: 1fr;\r\n      gap: 1rem;\r\n    }\r\n    .bt-simulateur__result-offre {\r\n      font-size: 2.2rem;\r\n    }\r\n    .bt-simulateur__result-details {\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 0.8rem;\r\n    }\r\n    .bt-simulateur__actions {\r\n      flex-direction: column;\r\n    }\r\n    .bt-btn--simulate,\r\n    .bt-btn--cta {\r\n      width: 100%;\r\n      padding: 0.7rem 1.5rem;\r\n      font-size: 0.75rem;\r\n    }\r\n  }\r\n  @media (max-width: 480px) {\r\n    .bt-simulateur__container {\r\n      padding: 0 1rem;\r\n    }\r\n    .bt-simulateur__widget {\r\n      padding: 1.2rem;\r\n    }\r\n    .bt-simulateur__result-offre {\r\n      font-size: 1.8rem;\r\n    }\r\n    .bt-simulateur__result-details {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .bt-simulateur__field select {\r\n      font-size: 0.85rem;\r\n      padding: 0.6rem 0.8rem;\r\n    }\r\n    .bt-simulateur__result {\r\n      padding: 1rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bt-simulateur\">\r\n  <section class=\"bt-simulateur__section\">\r\n    <div class=\"bt-simulateur__container\">\r\n      <div class=\"bt-simulateur__header\">\r\n        <span class=\"bt-simulateur__badge\"><span class=\"dot\"><\/span>Simulateur d'offres<\/span>\r\n        <h2 class=\"bt-simulateur__title\">Trouvez l'offre <span class=\"highlight\">la plus adapt\u00e9e<\/span> \u00e0 votre probl\u00e8me<\/h2>\r\n        <p class=\"bt-simulateur__subtitle\">Renseignez quelques informations pour d\u00e9couvrir quelle prestation correspond le mieux \u00e0 votre situation.<\/p>\r\n      <\/div>\r\n      <div class=\"bt-simulateur__widget\" id=\"btSimulateurWidget\">\r\n        <div class=\"bt-simulateur__fields\">\r\n          <div class=\"bt-simulateur__field\">\r\n            <label for=\"btBatiment\">Type de b\u00e2timent<\/label>\r\n            <select id=\"btBatiment\">\r\n              <option value=\"copropriete\">Copropri\u00e9t\u00e9<\/option>\r\n              <option value=\"syndic\">Syndic \/ Gestionnaire<\/option>\r\n              <option value=\"tertiaire\">Tertiaire (bureau, commerce)<\/option>\r\n              <option value=\"collectivite\">Collectivit\u00e9 \/ ERP<\/option>\r\n              <option value=\"particulier\">Particulier<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          <div class=\"bt-simulateur__field\">\r\n            <label for=\"btLogements\">Nombre de logements \/ unit\u00e9s<\/label>\r\n            <select id=\"btLogements\">\r\n              <option value=\"5\">1 - 5<\/option>\r\n              <option value=\"15\" selected>6 - 20<\/option>\r\n              <option value=\"40\">21 - 50<\/option>\r\n              <option value=\"80\">51 - 100<\/option>\r\n              <option value=\"150\">101 - 200<\/option>\r\n              <option value=\"250\">200+<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          <div class=\"bt-simulateur__field bt-simulateur__field--full\">\r\n            <label for=\"btTypeProbleme\">Type de probl\u00e8me rencontr\u00e9<\/label>\r\n            <select id=\"btTypeProbleme\">\r\n              <option value=\"canalisations-bouchees\">Canalisations bouch\u00e9es<\/option>\r\n              <option value=\"mauvaises-odeurs\">Mauvaises odeurs<\/option>\r\n              <option value=\"fuites\">Fuites<\/option>\r\n              <option value=\"remontees-eaux-usees\">Remont\u00e9es d'eaux us\u00e9es<\/option>\r\n              <option value=\"fosse-septique\">Probl\u00e8mes de fosse septique<\/option>\r\n              <option value=\"inondations\">Inondations<\/option>\r\n              <option value=\"installations-non-conformes\">Installations non conformes<\/option>\r\n              <option value=\"graisses-dechets\">R\u00e9seaux bouch\u00e9s (graisses, d\u00e9chets)<\/option>\r\n              <option value=\"rejets\">Traitement obligatoire des rejets<\/option>\r\n              <option value=\"maintenance-equipements\">Maintenance des \u00e9quipements<\/option>\r\n              <option value=\"normes\">Respect des normes<\/option>\r\n              <option value=\"cout-eleve\">Co\u00fbts \u00e9lev\u00e9s<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          <div class=\"bt-simulateur__field bt-simulateur__field--full\" id=\"btEtageContainer\" style=\"display: none;\">\r\n            <label for=\"btEtage\">\u00c0 quel \u00e9tage se situe le probl\u00e8me ?<\/label>\r\n            <select id=\"btEtage\">\r\n              <option value=\"rdc\">RDC \/ Sous-sol<\/option>\r\n              <option value=\"1\">1er \u00e9tage<\/option>\r\n              <option value=\"2\">2\u00e8me \u00e9tage<\/option>\r\n              <option value=\"3\">3\u00e8me \u00e9tage<\/option>\r\n              <option value=\"4\">4\u00e8me \u00e9tage<\/option>\r\n              <option value=\"5\">5\u00e8me \u00e9tage et plus<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"bt-simulateur__result\" id=\"btSimulateurResult\">\r\n          <div class=\"bt-simulateur__result-label\">Offre recommand\u00e9e pour vous<\/div>\r\n          <div class=\"bt-simulateur__result-offre\" id=\"btResultOffre\"><span>Offre<\/span> Confort<\/div>\r\n          <div class=\"bt-simulateur__result-desc\" id=\"btResultDesc\"><strong>Pourquoi cette offre ?<\/strong> Elle correspond parfaitement \u00e0 votre profil et \u00e0 la nature de votre probl\u00e8me.<\/div>\r\n          <div class=\"bt-simulateur__result-details\">\r\n            <div class=\"bt-simulateur__result-detail\">\r\n              <div class=\"value\" id=\"btDetailNiveau\">\u00c9lev\u00e9<\/div>\r\n              <div class=\"label\">Niveau de priorit\u00e9<\/div>\r\n            <\/div>\r\n            <div class=\"bt-simulateur__result-detail\">\r\n              <div class=\"value\" id=\"btDetailInterventions\">3<\/div>\r\n              <div class=\"label\">Interventions\/an recommand\u00e9es<\/div>\r\n            <\/div>\r\n            <div class=\"bt-simulateur__result-detail\">\r\n              <div class=\"value\" id=\"btDetailUrgences\">24\/7<\/div>\r\n              <div class=\"label\">Assistance urgence<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"bt-simulateur__actions\">\r\n          <button class=\"bt-btn--simulate\" id=\"btSimulateBtn\">Trouver mon offre <span class=\"btn__icon\">\u2192<\/span><\/button>\r\n          <a href=\"http:\/\/sci-bme.fr\/index.php\/contact\/\" class=\"bt-btn--cta\" id=\"btDevisBtn\">Demander un devis <span class=\"btn__icon\">\u2192<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    'use strict';\r\n\r\n    const simulateBtn = document.getElementById('btSimulateBtn');\r\n    const resultDiv = document.getElementById('btSimulateurResult');\r\n    const resultOffre = document.getElementById('btResultOffre');\r\n    const resultDesc = document.getElementById('btResultDesc');\r\n    const detailNiveau = document.getElementById('btDetailNiveau');\r\n    const detailInterventions = document.getElementById('btDetailInterventions');\r\n    const detailUrgences = document.getElementById('btDetailUrgences');\r\n    const batimentSelect = document.getElementById('btBatiment');\r\n    const logementsSelect = document.getElementById('btLogements');\r\n    const typeProblemeSelect = document.getElementById('btTypeProbleme');\r\n    const etageSelect = document.getElementById('btEtage');\r\n    const etageContainer = document.getElementById('btEtageContainer');\r\n\r\n    \/\/ Afficher\/cacher le champ \u00e9tage selon le type de b\u00e2timent\r\n    function toggleEtage() {\r\n      etageContainer.style.display = (batimentSelect.value === 'particulier') ? 'block' : 'none';\r\n    }\r\n    batimentSelect.addEventListener('change', toggleEtage);\r\n    toggleEtage();\r\n\r\n    \/\/ === D\u00e9finition des 5 offres ===\r\n    const offres = {\r\n      degorgement: {\r\n        nom: 'D\u00e9gorgement \/ D\u00e9bouchage',\r\n        description: 'D\u00e9gorgement simple',\r\n        prix: '390 \u20ac \/ 1h',\r\n        niveau: 'Mod\u00e9r\u00e9',\r\n        urgence: '24\/7'\r\n      },\r\n      degorgement_curage: {\r\n        nom: 'D\u00e9gorgement + Curage',\r\n        description: 'Nettoyage en profondeur',\r\n        prix: '490 \u20ac \/ 1h',\r\n        niveau: '\u00c9lev\u00e9',\r\n        urgence: '24\/7'\r\n      },\r\n      degorgement_curage_camera: {\r\n        nom: 'D\u00e9gorgement + Curage + Cam\u00e9ra',\r\n        description: 'Diagnostic complet HD',\r\n        prix: '590 \u20ac \/ 1h',\r\n        niveau: 'Tr\u00e8s \u00e9lev\u00e9',\r\n        urgence: '24\/7'\r\n      },\r\n      curage_devis: {\r\n        nom: 'Curage sur devis',\r\n        description: 'Tarif selon le m\u00e8tre lin\u00e9aire',\r\n        prix: 'Devis personnalis\u00e9',\r\n        niveau: 'Sur mesure',\r\n        urgence: 'Sur devis'\r\n      },\r\n      pompage: {\r\n        nom: 'Pompage',\r\n        description: 'Vidange fosse septique, bac \u00e0 graisse',\r\n        prix: '390 \u20ac (0\u20113 m\u00b3) +90 \u20ac\/m\u00b3',\r\n        niveau: '\u00c9lev\u00e9',\r\n        urgence: '24\/7'\r\n      }\r\n    };\r\n\r\n    \/\/ === Logique de recommandation ===\r\n    function getOffreRecommandee() {\r\n      const batiment = batimentSelect.value;\r\n      const typeProbleme = typeProblemeSelect.value;\r\n      const logements = parseInt(logementsSelect.value) || 15;\r\n      const etage = etageSelect.value;\r\n\r\n      \/\/ Cas fosses \/ rejets \u2192 Pompage\r\n      if (typeProbleme === 'fosse-septique' || typeProbleme === 'rejets') {\r\n        return 'pompage';\r\n      }\r\n\r\n      \/\/ Probl\u00e8mes graves n\u00e9cessitant un diagnostic complet\r\n      const problemesGraves = [\r\n        'remontees-eaux-usees', 'inondations', 'fuites',\r\n        'installations-non-conformes', 'normes'\r\n      ];\r\n      if (problemesGraves.includes(typeProbleme)) {\r\n        return 'degorgement_curage_camera';\r\n      }\r\n\r\n      \/\/ Probl\u00e8mes de graisses\/d\u00e9chets \u2192 curage\r\n      if (typeProbleme === 'graisses-dechets') {\r\n        return 'degorgement_curage';\r\n      }\r\n\r\n      \/\/ Tertiaire \/ Collectivit\u00e9 \u2192 offre premium\r\n      if (batiment === 'tertiaire' || batiment === 'collectivite') {\r\n        return 'degorgement_curage_camera';\r\n      }\r\n\r\n      \/\/ Syndic \/ Copropri\u00e9t\u00e9 : selon le nombre de logements\r\n      if (batiment === 'syndic' || batiment === 'copropriete') {\r\n        if (logements >= 80) return 'degorgement_curage_camera';\r\n        if (logements >= 40) return 'degorgement_curage';\r\n        return 'degorgement';\r\n      }\r\n\r\n      \/\/ Particulier\r\n      if (batiment === 'particulier') {\r\n        \/\/ Canalisation bouch\u00e9e \u2192 on regarde l'\u00e9tage\r\n        if (typeProbleme === 'canalisations-bouchees') {\r\n          const etageNum = parseInt(etage);\r\n          if (etageNum >= 2 || etage === '5') return 'degorgement_curage';\r\n          \/\/ RDC ou sous-sol\r\n          return 'degorgement';\r\n        }\r\n        \/\/ Autres probl\u00e8mes pour particulier\r\n        if (typeProbleme === 'mauvaises-odeurs' || typeProbleme === 'cout-eleve') {\r\n          return 'degorgement';\r\n        }\r\n        if (typeProbleme === 'maintenance-equipements') {\r\n          return 'degorgement_curage';\r\n        }\r\n        \/\/ Par d\u00e9faut\r\n        return 'degorgement';\r\n      }\r\n\r\n      \/\/ Fallback\r\n      return 'degorgement';\r\n    }\r\n\r\n    \/\/ === Mise \u00e0 jour de l'affichage ===\r\n    function afficherResultat() {\r\n      const cle = getOffreRecommandee();\r\n      const offre = offres[cle];\r\n\r\n      \/\/ Nom de l'offre\r\n      resultOffre.innerHTML = `<span>Offre<\/span> ${offre.nom}`;\r\n\r\n      \/\/ Description\r\n      resultDesc.innerHTML = `<strong>Pourquoi cette offre ?<\/strong> ${offre.description}`;\r\n\r\n      \/\/ D\u00e9tails\r\n      detailNiveau.textContent = offre.niveau;\r\n\r\n      \/\/ On remplace \"Interventions\/an\" par \"Prix\" dans le label\r\n      const labelInterventions = detailInterventions.parentElement.querySelector('.label');\r\n      if (labelInterventions) {\r\n        labelInterventions.textContent = 'Prix';\r\n      }\r\n      detailInterventions.textContent = offre.prix;\r\n\r\n      detailUrgences.textContent = offre.urgence;\r\n\r\n      \/\/ Afficher le r\u00e9sultat\r\n      resultDiv.classList.add('bt-simulateur__result--visible');\r\n    }\r\n\r\n    \/\/ \u00c9v\u00e9nement du bouton\r\n    simulateBtn.addEventListener('click', afficherResultat);\r\n\r\n    \/\/ Appui sur Entr\u00e9e dans un champ select\r\n    document.addEventListener('keypress', function(e) {\r\n      if (e.key === 'Enter') {\r\n        const active = document.activeElement;\r\n        if (active && active.tagName === 'SELECT') {\r\n          afficherResultat();\r\n        }\r\n      }\r\n    });\r\n\r\n    \/\/ Initialisation : cacher le r\u00e9sultat\r\n    resultDiv.classList.remove('bt-simulateur__result--visible');\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-4842046 e-con-full e-flex e-con e-parent\" data-id=\"4842046\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61c06ee elementor-widget elementor-widget-html\" data-id=\"61c06ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     A COLLER DANS LE WIDGET \"HTML\" D'ELEMENTOR\r\n     (ne pas ajouter <html>, <head> ou <body> autour)\r\n     ============================================================ -->\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      <!-- FORMULAIRE -->\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        <!-- 1re soumission = FormSubmit envoie un email de confirmation a activer -->\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          <!-- Copie envoyee a la seconde adresse -->\r\n          <input type=\"hidden\" name=\"_cc\" value=\"marketing@btgroup-france.com\">\r\n          <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n          <!-- <input type=\"hidden\" name=\"_next\" value=\"https:\/\/votre-site.fr\/merci\"> -->\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          <!-- ---- Consentement RGPD (obligatoire) ---- -->\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\">&rarr;<\/span>\r\n          <\/button>\r\n        <\/form>\r\n      <\/div>\r\n\r\n      <!-- INFORMATIONS -->\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 Tarifs &#038; Assainissement Tarifs clairs Devis gratuit sans engagement Nos prix, votre tranquillit\u00e9. Pas de mauvaise surprise : nos tarifs sont fix\u00e9s \u00e0 l&#8217;avance, d\u00e9taill\u00e9s et adapt\u00e9s \u00e0 chaque intervention. D\u00e9bouchage, curage, inspection cam\u00e9ra ou entretien, nous vous accompagnons avec transparence. Devis gratuit Sans majoration Forfait urgence Paiement s\u00e9curis\u00e9 Devis gratuit Sans [&hellip;]<\/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-124","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/124","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=124"}],"version-history":[{"count":32,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/124\/revisions"}],"predecessor-version":[{"id":3021,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/124\/revisions\/3021"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}