{"id":2195,"date":"2026-07-10T09:02:20","date_gmt":"2026-07-10T09:02:20","guid":{"rendered":"https:\/\/sci-bme.fr\/?page_id=2195"},"modified":"2026-07-29T12:22:58","modified_gmt":"2026-07-29T12:22:58","slug":"assainissement-non-collectif","status":"publish","type":"page","link":"https:\/\/sci-bme.fr\/index.php\/assainissement-non-collectif\/","title":{"rendered":"Assainissement non collectif"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\nBT Plus \u2014 Assainissement individuel<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body style=\"margin:0;background:#fff;\">\r\n\r\n<!-- ============================================================\r\n BT PLUS \u2014 Section immersive \"Assainissement individuel\"\r\n Version 2 \u2014 num\u00e9rotation + bandeau r\u00e9cap + mobile agrandi\r\n (le parcours reste diagonal, propre \u00e0 ce mod\u00e8le)\r\n ============================================================ -->\r\n\r\n<style>\r\n.bt-assainissement-explainer * { margin:0; padding:0; box-sizing:border-box; }\r\n.bt-assainissement-explainer { font-family:'Inter',sans-serif; background:#fff; color:#0a1a2b; line-height:1.6; overflow-x:hidden; }\r\n.bt-assainissement-explainer .wrapper {\r\n padding: 3rem 5% 5rem; position: relative;\r\n background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%),\r\n linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden; isolation: isolate;\r\n}\r\n.bt-assainissement-explainer .waves { position:absolute; left:0; right:0; bottom:0; line-height:0; z-index:0; pointer-events:none; }\r\n.bt-assainissement-explainer .waves svg { display:block; width:100%; height:100px; }\r\n.bt-assainissement-explainer .waves .wave-back use { animation: bt-wavemove 11s linear infinite; opacity:.55; }\r\n.bt-assainissement-explainer .waves .wave-mid use { animation: bt-wavemove 8s linear infinite reverse; opacity:.8; }\r\n.bt-assainissement-explainer .waves .wave-front use { animation: bt-wavemove 6s linear infinite; }\r\n@keyframes bt-wavemove { 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }\r\n\r\n.bt-assainissement-explainer .container { max-width:1200px; width:100%; margin:0 auto; padding:0 20px; position:relative; z-index:10; }\r\n\r\n.bt-assainissement-explainer .header { text-align:center; max-width:880px; margin:0 auto 2.5rem; }\r\n.bt-assainissement-explainer .badge {\r\n display:inline-flex; align-items:center; gap:.8rem; font-family:'Sora',sans-serif; font-weight:700;\r\n font-size:.85rem; letter-spacing:.12em; text-transform:uppercase; padding:.5rem 1.8rem .5rem 1rem;\r\n border-radius:2rem; background:rgba(28,126,201,.07); color:#1c7ec9; border:1px solid rgba(28,126,201,.12); margin-bottom:1rem;\r\n}\r\n.bt-assainissement-explainer .badge .dot { width:8px; height:8px; border-radius:50%; background:#1c7ec9; animation:bt-pulseDot 2s ease-in-out infinite; }\r\n@keyframes bt-pulseDot { 0%,100%{opacity:1; transform:scale(1);} 50%{opacity:.3; transform:scale(.6);} }\r\n.bt-assainissement-explainer .title { font-family:'Sora',sans-serif; font-weight:800; font-size:clamp(2.2rem,4.2vw,3.4rem); letter-spacing:-.03em; color:#07294a; line-height:1.1; margin-bottom:.6rem; }\r\n.bt-assainissement-explainer .title .highlight { background:linear-gradient(135deg,#f4a61a 0%,#d98a0c 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n.bt-assainissement-explainer .subtitle { font-weight:400; font-size:clamp(1rem,1.2vw,1.15rem); color:#6b7f94; max-width:720px; margin:0 auto; line-height:1.7; }\r\n.bt-assainissement-explainer .subtitle strong { color:#07294a; font-weight:600; }\r\n\r\n.bt-assainissement-explainer .scene {\r\n width:100%; max-width:1140px; margin:0 auto; position:relative; background:rgba(255,255,255,.6);\r\n border-radius:32px; padding:24px 20px 8px; backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.5);\r\n box-shadow:0 12px 60px rgba(7,41,74,.06); transition:box-shadow .4s ease;\r\n}\r\n.bt-assainissement-explainer .scene:hover { box-shadow:0 16px 80px rgba(7,41,74,.10); }\r\n.bt-assainissement-explainer .scene svg { display:block; width:100%; height:auto; max-height:640px; overflow:visible; }\r\n.bt-assainissement-explainer .scene-scroll { width:100%; }\r\n.bt-assainissement-explainer .scroll-hint { display:none; text-align:center; font-size:.72rem; color:#6b7f94; margin-top:6px; }\r\n\r\n.bt-assainissement-explainer .step-zone { cursor:pointer; transition:filter .3s ease; }\r\n.bt-assainissement-explainer .step-zone:hover { filter:drop-shadow(0 0 24px rgba(244,166,26,.45)); }\r\n.bt-assainissement-explainer .step-zone.active { filter:drop-shadow(0 0 34px rgba(244,166,26,.65)); }\r\n.bt-assainissement-explainer .step-zone .step-num { transition: transform .3s ease; }\r\n.bt-assainissement-explainer .step-zone.active .step-num,\r\n.bt-assainissement-explainer .step-zone:hover .step-num { transform: scale(1.15); }\r\n\r\n.bt-assainissement-explainer .drop { animation: dropFlow 4s ease-in-out infinite; }\r\n@keyframes dropFlow { 0%{opacity:0;} 10%{opacity:1;} 90%{opacity:1;} 100%{opacity:0;} }\r\n.bt-assainissement-explainer .particle { animation: particleFall 3.5s ease-in infinite; }\r\n@keyframes particleFall { 0%{opacity:.7; transform:translateY(0);} 100%{opacity:0; transform:translateY(80px);} }\r\n\r\n.bt-assainissement-explainer .tooltip {\r\n position:absolute; background:rgba(255,255,255,.97); backdrop-filter:blur(12px); color:#07294a;\r\n padding:16px 22px; border-radius:16px; font-size:.95rem; max-width:290px; line-height:1.55;\r\n box-shadow:0 16px 48px rgba(0,0,0,.14); border:1px solid rgba(255,255,255,.4); pointer-events:none;\r\n opacity:0; transform:translateY(8px) scale(.96); transition:opacity .25s ease, transform .25s ease;\r\n z-index:20; font-weight:500; display:none;\r\n}\r\n.bt-assainissement-explainer .tooltip.visible { opacity:1; transform:translateY(0) scale(1); display:block; }\r\n.bt-assainissement-explainer .tooltip strong { color:#f4a61a; display:block; font-size:1.05rem; margin-bottom:4px; font-family:'Sora',sans-serif; }\r\n\r\n.bt-assainissement-explainer .steps-bar { display:flex; justify-content:center; gap:18px; margin-top:20px; flex-wrap:wrap; }\r\n.bt-assainissement-explainer .step-dot { width:16px; height:16px; border-radius:50%; background:rgba(7,41,74,.10); border:2px solid transparent; transition:all .3s ease; cursor:pointer; }\r\n.bt-assainissement-explainer .step-dot.active { background:#f4a61a; border-color:#fff; box-shadow:0 0 30px rgba(244,166,26,.35); transform:scale(1.25); }\r\n.bt-assainissement-explainer .step-dot.done { background:#1c7ec9; opacity:.5; }\r\n.bt-assainissement-explainer .step-dot:hover { transform:scale(1.15); background:rgba(244,166,26,.3); }\r\n\r\n.bt-assainissement-explainer .recap { max-width:1000px; margin:2.2rem auto 0; display:grid; grid-template-columns:repeat(6,1fr); gap:10px; }\r\n.bt-assainissement-explainer .recap .card {\r\n background:rgba(255,255,255,.7); border:1px solid rgba(7,41,74,.08); border-radius:14px; padding:12px 10px;\r\n text-align:center; transition:transform .25s ease, box-shadow .25s ease; cursor:pointer;\r\n}\r\n.bt-assainissement-explainer .recap .card:hover, .bt-assainissement-explainer .recap .card.active {\r\n transform:translateY(-4px); box-shadow:0 10px 28px rgba(7,41,74,.10); border-color:rgba(244,166,26,.4);\r\n}\r\n.bt-assainissement-explainer .recap .card .n {\r\n width:26px; height:26px; border-radius:50%; background:#f4a61a; color:#fff; font-family:'Sora',sans-serif;\r\n font-weight:800; font-size:.8rem; display:flex; align-items:center; justify-content:center; margin:0 auto 6px;\r\n}\r\n.bt-assainissement-explainer .recap .card .t { font-family:'Sora',sans-serif; font-weight:700; font-size:.78rem; color:#07294a; }\r\n\r\n@media (max-width:992px){\r\n .bt-assainissement-explainer .wrapper{padding:2rem 3% 3rem;}\r\n .bt-assainissement-explainer .recap{grid-template-columns:repeat(3,1fr);}\r\n}\r\n@media (max-width:768px){\r\n .bt-assainissement-explainer .wrapper{padding:1.25rem 0 2.5rem;}\r\n .bt-assainissement-explainer .scene{padding:10px 0;border-radius:20px;}\r\n .bt-assainissement-explainer .title{font-size:26px;padding:0 1.25rem;}\r\n .bt-assainissement-explainer .subtitle{font-size:14px;padding:0 1.25rem;}\r\n .bt-assainissement-explainer .badge{font-size:.65rem;padding:.3rem 1.2rem .3rem .8rem;}\r\n .bt-assainissement-explainer .step-dot{width:14px;height:14px;}\r\n .bt-assainissement-explainer .tooltip{max-width:210px;font-size:.85rem;padding:12px 16px;}\r\n\r\n \/* le dessin (parcours diagonal maison \u2192 drains) est trop large pour tenir\r\n en entier et rester lisible : on l'affiche \u00e0 une taille fixe plus grande\r\n et on laisse d\u00e9filer horizontalement *\/\r\n .bt-assainissement-explainer .scene-scroll{\r\n overflow-x:auto; -webkit-overflow-scrolling:touch; padding:0 12px;\r\n scroll-snap-type:x proximity;\r\n }\r\n .bt-assainissement-explainer .scene svg{ width:900px; max-width:none; flex-shrink:0; }\r\n .bt-assainissement-explainer .scroll-hint{ display:block; }\r\n .bt-assainissement-explainer .recap{grid-template-columns:repeat(3,1fr); padding:0 1.25rem;}\r\n}\r\n@media (max-width:480px){\r\n .bt-assainissement-explainer .recap{grid-template-columns:repeat(2,1fr);}\r\n}\r\n<\/style>\r\n\r\n<section class=\"bt-assainissement-explainer\">\r\n <div class=\"wrapper\">\r\n <div class=\"container\">\r\n <div class=\"header\">\r\n <span class=\"badge\"><span class=\"dot\"><\/span> Assainissement individuel<\/span>\r\n <h2 class=\"title\">Comprendre l'<span class=\"highlight\">assainissement individuel<\/span><\/h2>\r\n <p class=\"subtitle\">\r\n <strong>Fosse septique<\/strong>, <strong>pr\u00e9filtre<\/strong>, <strong>drains<\/strong> et\r\n <strong>filtration naturelle<\/strong> : suivez le parcours de l'eau en 6 \u00e9tapes et d\u00e9couvrez\r\n comment fonctionne un syst\u00e8me d'<strong>assainissement non collectif<\/strong> (ANC) \u2014 cliquez\r\n sur un rep\u00e8re ou faites d\u00e9filer la molette.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"scene\" id=\"sceneContainer\">\r\n <div class=\"scene-scroll\">\r\n <svg id=\"sceneSvg\" viewBox=\"0 0 1100 540\" preserveAspectRatio=\"xMidYMid meet\">\r\n\r\n <defs>\r\n <linearGradient id=\"skyGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"#eef6fc\" \/>\r\n <stop offset=\"100%\" stop-color=\"#d6ebfb\" \/>\r\n <\/linearGradient>\r\n <linearGradient id=\"groundGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"#8a9a6a\" stop-opacity=\"0.2\" \/>\r\n <stop offset=\"100%\" stop-color=\"#4a5a3a\" stop-opacity=\"0.4\" \/>\r\n <\/linearGradient>\r\n <filter id=\"glow\">\r\n <feGaussianBlur stdDeviation=\"4\" result=\"blur\" \/>\r\n <feMerge><feMergeNode in=\"blur\" \/><feMergeNode in=\"SourceGraphic\" \/><\/feMerge>\r\n <\/filter>\r\n <filter id=\"shadow\">\r\n <feDropShadow dx=\"0\" dy=\"4\" stdDeviation=\"8\" flood-opacity=\"0.15\" \/>\r\n <\/filter>\r\n <\/defs>\r\n\r\n <rect width=\"1100\" height=\"540\" fill=\"url(#skyGrad)\" \/>\r\n <rect x=\"0\" y=\"280\" width=\"1100\" height=\"260\" fill=\"url(#groundGrad)\" \/>\r\n <path d=\"M0 280 Q300 260 550 275 Q800 290 1100 270 L1100 540 L0 540 Z\" fill=\"#5a6a4a\" opacity=\"0.08\" \/>\r\n\r\n <!-- ligne de parcours pointill\u00e9e reliant les 6 \u00e9tapes (diagonale) -->\r\n <path d=\"M150 260 L360 220 L620 355 L741 362 L505 350 L875 413\" stroke=\"#c7d6e2\" stroke-width=\"2.5\" stroke-dasharray=\"2 8\" fill=\"none\" opacity=\"0\" \/>\r\n\r\n <!-- ===== \u00c9TAPE 1 : MAISON ===== -->\r\n <g class=\"step-zone\" data-step=\"1\">\r\n <rect x=\"80\" y=\"140\" width=\"140\" height=\"115\" fill=\"#d4c8b0\" stroke=\"#b09a80\" stroke-width=\"2\" rx=\"6\" \/>\r\n <polygon points=\"65,140 150,85 235,140\" fill=\"#b04a3a\" stroke=\"#8a3a2a\" stroke-width=\"2\" \/>\r\n <rect x=\"125\" y=\"200\" width=\"40\" height=\"55\" fill=\"#8a7a5a\" stroke=\"#6a5a3a\" stroke-width=\"2\" rx=\"3\" \/>\r\n <rect x=\"165\" y=\"170\" width=\"30\" height=\"28\" fill=\"#6ac0e0\" stroke=\"#4a8a9a\" stroke-width=\"2\" rx=\"3\" \/>\r\n <rect x=\"105\" y=\"170\" width=\"30\" height=\"28\" fill=\"#6ac0e0\" stroke=\"#4a8a9a\" stroke-width=\"2\" rx=\"3\" \/>\r\n <rect x=\"200\" y=\"105\" width=\"18\" height=\"35\" fill=\"#8a7a5a\" stroke=\"#6a5a3a\" stroke-width=\"2\" \/>\r\n <text x=\"130\" y=\"120\" font-size=\"14\" fill=\"#07294a\" font-weight=\"700\" font-family=\"Sora, sans-serif\">Maison<\/text>\r\n <circle class=\"step-num\" cx=\"72\" cy=\"132\" r=\"15\" fill=\"#f4a61a\" \/>\r\n <text x=\"72\" y=\"137\" font-size=\"14\" fill=\"#fff\" font-weight=\"800\" font-family=\"Sora,sans-serif\" text-anchor=\"middle\">1<\/text>\r\n <\/g>\r\n\r\n <!-- ===== \u00c9TAPE 2 : CANALISATION ===== -->\r\n <g class=\"step-zone\" data-step=\"2\">\r\n <path d=\"M220 220 L360 220 L360 320 L440 320\" stroke=\"#6a7a6a\" stroke-width=\"8\" fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\r\n <path d=\"M440 320 L520 320 L520 365\" stroke=\"#6a7a6a\" stroke-width=\"8\" fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\r\n <text x=\"350\" y=\"210\" font-size=\"11\" fill=\"#6b7f94\" font-weight=\"600\" font-family=\"Inter, sans-serif\">Canalisation<\/text>\r\n <circle class=\"step-num\" cx=\"300\" cy=\"220\" r=\"14\" fill=\"#f4a61a\" \/>\r\n <text x=\"300\" y=\"225\" font-size=\"13\" fill=\"#fff\" font-weight=\"800\" font-family=\"Sora,sans-serif\" text-anchor=\"middle\">2<\/text>\r\n <\/g>\r\n\r\n <circle class=\"drop\" cx=\"225\" cy=\"220\" r=\"7\" fill=\"#4ac0e0\" filter=\"url(#glow)\">\r\n <animate attributeName=\"cx\" from=\"225\" to=\"520\" dur=\"4.5s\" repeatCount=\"indefinite\" \/>\r\n <animate attributeName=\"cy\" from=\"220\" to=\"365\" dur=\"4.5s\" repeatCount=\"indefinite\" \/>\r\n <animate attributeName=\"opacity\" from=\"0\" to=\"0.9\" dur=\"0.3s\" repeatCount=\"indefinite\" \/>\r\n <\/circle>\r\n\r\n <!-- ===== \u00c9TAPE 3 : FOSSE SEPTIQUE ===== -->\r\n <g class=\"step-zone\" data-step=\"3\" filter=\"url(#shadow)\">\r\n <ellipse cx=\"620\" cy=\"410\" rx=\"80\" ry=\"50\" fill=\"#3a4a3a\" stroke=\"#4a5a4a\" stroke-width=\"2\" \/>\r\n <ellipse cx=\"620\" cy=\"410\" rx=\"68\" ry=\"40\" fill=\"#2a3a2a\" \/>\r\n <ellipse cx=\"620\" cy=\"350\" rx=\"56\" ry=\"18\" fill=\"#6a7a5a\" stroke=\"#4a5a3a\" stroke-width=\"2\" \/>\r\n <rect x=\"580\" y=\"345\" width=\"80\" height=\"10\" fill=\"#5a6a4a\" rx=\"5\" \/>\r\n <ellipse cx=\"620\" cy=\"398\" rx=\"56\" ry=\"18\" fill=\"#3a6a4a\" opacity=\"0.5\" \/>\r\n <ellipse cx=\"608\" cy=\"403\" rx=\"38\" ry=\"12\" fill=\"#4a8a5a\" opacity=\"0.3\" \/>\r\n <text x=\"620\" y=\"345\" font-size=\"13\" fill=\"#fff\" font-weight=\"700\" font-family=\"Sora, sans-serif\" text-anchor=\"middle\">Fosse<\/text>\r\n <circle class=\"step-num\" cx=\"562\" cy=\"358\" r=\"15\" fill=\"#f4a61a\" \/>\r\n <text x=\"562\" y=\"363\" font-size=\"14\" fill=\"#fff\" font-weight=\"800\" font-family=\"Sora,sans-serif\" text-anchor=\"middle\">3<\/text>\r\n <\/g>\r\n\r\n <!-- ===== \u00c9TAPE 4 : PR\u00c9FILTRE ===== -->\r\n <g class=\"step-zone\" data-step=\"4\">\r\n <rect x=\"720\" y=\"340\" width=\"42\" height=\"58\" fill=\"#5a6a5a\" stroke=\"#4a5a4a\" stroke-width=\"2\" rx=\"8\" \/>\r\n <rect x=\"725\" y=\"346\" width=\"32\" height=\"18\" fill=\"#3a5a3a\" opacity=\"0.5\" \/>\r\n <rect x=\"725\" y=\"368\" width=\"32\" height=\"24\" fill=\"#6a7a4a\" opacity=\"0.3\" \/>\r\n <circle cx=\"741\" cy=\"362\" r=\"5\" fill=\"#4ac0e0\" opacity=\"0.5\" filter=\"url(#glow)\" \/>\r\n <text x=\"741\" y=\"335\" font-size=\"10\" fill=\"#6b7f94\" font-weight=\"600\" text-anchor=\"middle\" font-family=\"Inter, sans-serif\">Pr\u00e9filtre<\/text>\r\n <circle class=\"step-num\" cx=\"713\" cy=\"332\" r=\"14\" fill=\"#f4a61a\" \/>\r\n <text x=\"713\" y=\"337\" font-size=\"13\" fill=\"#fff\" font-weight=\"800\" font-family=\"Sora,sans-serif\" text-anchor=\"middle\">4<\/text>\r\n <\/g>\r\n\r\n <!-- ===== \u00c9TAPE 5 : REGARDS ===== -->\r\n <g class=\"step-zone\" data-step=\"5\">\r\n <rect x=\"440\" y=\"335\" width=\"30\" height=\"22\" fill=\"#6a7a5a\" stroke=\"#4a5a3a\" stroke-width=\"2\" rx=\"5\" \/>\r\n <rect x=\"520\" y=\"342\" width=\"30\" height=\"22\" fill=\"#6a7a5a\" stroke=\"#4a5a3a\" stroke-width=\"2\" rx=\"5\" \/>\r\n <text x=\"455\" y=\"330\" font-size=\"9\" fill=\"#6b7f94\" font-weight=\"500\" font-family=\"Inter, sans-serif\">Regards<\/text>\r\n <circle class=\"step-num\" cx=\"425\" cy=\"322\" r=\"13\" fill=\"#f4a61a\" \/>\r\n <text x=\"425\" y=\"327\" font-size=\"12\" fill=\"#fff\" font-weight=\"800\" font-family=\"Sora,sans-serif\" text-anchor=\"middle\">5<\/text>\r\n <\/g>\r\n\r\n <!-- ===== \u00c9TAPE 6 : DRAINS D'\u00c9PANDAGE ===== -->\r\n <g class=\"step-zone\" data-step=\"6\">\r\n <path d=\"M765 395 L875 395 L985 395\" stroke=\"#4a6a4a\" stroke-width=\"6\" stroke-dasharray=\"5 8\" fill=\"none\" \/>\r\n <path d=\"M765 413 L875 413 L985 413\" stroke=\"#4a6a4a\" stroke-width=\"6\" stroke-dasharray=\"5 8\" fill=\"none\" \/>\r\n <path d=\"M765 431 L875 431 L985 431\" stroke=\"#4a6a4a\" stroke-width=\"6\" stroke-dasharray=\"5 8\" fill=\"none\" \/>\r\n <text x=\"875\" y=\"388\" font-size=\"11\" fill=\"#6b7f94\" font-weight=\"600\" text-anchor=\"middle\" font-family=\"Inter, sans-serif\">Drains d'\u00e9pandage<\/text>\r\n <circle class=\"step-num\" cx=\"1000\" cy=\"413\" r=\"14\" fill=\"#f4a61a\" \/>\r\n <text x=\"1000\" y=\"418\" font-size=\"13\" fill=\"#fff\" font-weight=\"800\" font-family=\"Sora,sans-serif\" text-anchor=\"middle\">6<\/text>\r\n\r\n <circle class=\"particle\" cx=\"785\" cy=\"431\" r=\"3\" fill=\"#4ac0e0\" opacity=\"0.6\">\r\n <animate attributeName=\"cy\" from=\"431\" to=\"510\" dur=\"3.5s\" repeatCount=\"indefinite\" \/>\r\n <animate attributeName=\"opacity\" from=\"0.6\" to=\"0\" dur=\"3.5s\" repeatCount=\"indefinite\" \/>\r\n <\/circle>\r\n <circle class=\"particle\" cx=\"845\" cy=\"431\" r=\"3\" fill=\"#4ac0e0\" opacity=\"0.6\">\r\n <animate attributeName=\"cy\" from=\"431\" to=\"510\" dur=\"4s\" repeatCount=\"indefinite\" \/>\r\n <animate attributeName=\"opacity\" from=\"0.6\" to=\"0\" dur=\"4s\" repeatCount=\"indefinite\" \/>\r\n <\/circle>\r\n <circle class=\"particle\" cx=\"905\" cy=\"431\" r=\"3\" fill=\"#4ac0e0\" opacity=\"0.6\">\r\n <animate attributeName=\"cy\" from=\"431\" to=\"510\" dur=\"4.5s\" repeatCount=\"indefinite\" \/>\r\n <animate attributeName=\"opacity\" from=\"0.6\" to=\"0\" dur=\"4.5s\" repeatCount=\"indefinite\" \/>\r\n <\/circle>\r\n <circle class=\"particle\" cx=\"945\" cy=\"431\" r=\"3\" fill=\"#4ac0e0\" opacity=\"0.6\">\r\n <animate attributeName=\"cy\" from=\"431\" to=\"510\" dur=\"3.8s\" repeatCount=\"indefinite\" \/>\r\n <animate attributeName=\"opacity\" from=\"0.6\" to=\"0\" dur=\"3.8s\" repeatCount=\"indefinite\" \/>\r\n <\/circle>\r\n <\/g>\r\n\r\n <!-- SOL FILTRANT -->\r\n <rect x=\"755\" y=\"460\" width=\"250\" height=\"22\" fill=\"#6a7a4a\" opacity=\"0.12\" rx=\"5\" \/>\r\n <rect x=\"755\" y=\"482\" width=\"250\" height=\"22\" fill=\"#5a6a3a\" opacity=\"0.10\" rx=\"5\" \/>\r\n <rect x=\"755\" y=\"504\" width=\"250\" height=\"22\" fill=\"#4a5a2a\" opacity=\"0.08\" rx=\"5\" \/>\r\n <text x=\"880\" y=\"493\" font-size=\"10\" fill=\"#6b7f94\" font-weight=\"500\" text-anchor=\"middle\" font-family=\"Inter, sans-serif\">Sol filtrant<\/text>\r\n\r\n <path d=\"M755 520 Q880 508 1005 520\" stroke=\"#4a8a9a\" stroke-width=\"2.5\" fill=\"none\" opacity=\"0.2\" stroke-dasharray=\"4 8\" \/>\r\n\r\n <\/svg>\r\n <\/div>\r\n <p class=\"scroll-hint\">\u2190 Faites glisser pour voir tout le parcours \u2192<\/p>\r\n <div class=\"tooltip\" id=\"tooltip\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"steps-bar\" id=\"stepsBar\">\r\n <span class=\"step-dot active\" data-step=\"1\"><\/span>\r\n <span class=\"step-dot\" data-step=\"2\"><\/span>\r\n <span class=\"step-dot\" data-step=\"3\"><\/span>\r\n <span class=\"step-dot\" data-step=\"4\"><\/span>\r\n <span class=\"step-dot\" data-step=\"5\"><\/span>\r\n <span class=\"step-dot\" data-step=\"6\"><\/span>\r\n <\/div>\r\n\r\n <div class=\"recap\" id=\"recap\">\r\n <div class=\"card\" data-step=\"1\"><div class=\"n\">1<\/div><div class=\"t\">Maison<\/div><\/div>\r\n <div class=\"card\" data-step=\"2\"><div class=\"n\">2<\/div><div class=\"t\">Canalisation<\/div><\/div>\r\n <div class=\"card\" data-step=\"3\"><div class=\"n\">3<\/div><div class=\"t\">Fosse<\/div><\/div>\r\n <div class=\"card\" data-step=\"4\"><div class=\"n\">4<\/div><div class=\"t\">Pr\u00e9filtre<\/div><\/div>\r\n <div class=\"card\" data-step=\"5\"><div class=\"n\">5<\/div><div class=\"t\">Regards<\/div><\/div>\r\n <div class=\"card\" data-step=\"6\"><div class=\"n\">6<\/div><div class=\"t\">Drains<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"bt-w4\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/>\r\n <\/defs>\r\n <g class=\"wave-back\"><use href=\"#bt-w4\" x=\"0\" fill=\"#d6ebfb\" \/><use href=\"#bt-w4\" x=\"176\" fill=\"#d6ebfb\" \/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#bt-w4\" x=\"0\" fill=\"#a9d4f3\" \/><use href=\"#bt-w4\" x=\"176\" fill=\"#a9d4f3\" \/><\/g>\r\n <g class=\"wave-front\"><use href=\"#bt-w4\" x=\"0\" fill=\"#ffffff\" \/><use href=\"#bt-w4\" x=\"176\" fill=\"#ffffff\" \/><\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n const container = document.getElementById('sceneContainer');\r\n const tooltip = document.getElementById('tooltip');\r\n const dots = document.querySelectorAll('.step-dot');\r\n const zones = document.querySelectorAll('.step-zone');\r\n const cards = document.querySelectorAll('.recap .card');\r\n\r\n const STEPS = [\r\n { id:1, label:'Maison', desc:\"Les eaux us\u00e9es quittent la maison par la canalisation principale.\" },\r\n { id:2, label:'Canalisation', desc:\"L'eau us\u00e9e s'\u00e9coule dans la canalisation enterr\u00e9e vers la fosse septique.\" },\r\n { id:3, label:'Fosse septique', desc:\"Les mati\u00e8res solides se d\u00e9posent au fond, les graisses flottent, l'eau clarifi\u00e9e continue son chemin.\" },\r\n { id:4, label:'Pr\u00e9filtre', desc:\"L'eau clarifi\u00e9e traverse un pr\u00e9filtre qui retient les derni\u00e8res particules fines.\" },\r\n { id:5, label:'Regards', desc:\"Des regards permettent de contr\u00f4ler et d'entretenir le r\u00e9seau facilement.\" },\r\n { id:6, label:'Drains', desc:\"L'eau clarifi\u00e9e s'\u00e9coule dans les drains perfor\u00e9s et s'infiltre dans le sol.\" }\r\n ];\r\n\r\n let activeStep = 1, tooltipTimeout = null;\r\n\r\n function setActive(stepId) {\r\n activeStep = stepId;\r\n dots.forEach(d => { const id = +d.dataset.step; d.classList.toggle('active', id===stepId); d.classList.toggle('done', id<stepId); });\r\n zones.forEach(z => z.classList.toggle('active', +z.dataset.step === stepId));\r\n cards.forEach(c => c.classList.toggle('active', +c.dataset.step === stepId));\r\n }\r\n\r\n function triggerStep(stepId, evt) {\r\n setActive(stepId);\r\n const step = STEPS.find(s => s.id === stepId);\r\n if (!step) return;\r\n const rect = container.getBoundingClientRect();\r\n let x, y;\r\n if (evt && evt.clientX) { x = evt.clientX - rect.left + 16; y = evt.clientY - rect.top - 10; }\r\n else { x = rect.width\/2 - 130; y = 20; }\r\n tooltip.innerHTML = `<strong>${step.label}<\/strong>${step.desc}`;\r\n tooltip.style.left = x + 'px';\r\n tooltip.style.top = y + 'px';\r\n tooltip.classList.add('visible');\r\n clearTimeout(tooltipTimeout);\r\n tooltipTimeout = setTimeout(() => tooltip.classList.remove('visible'), 4200);\r\n }\r\n\r\n zones.forEach(el => {\r\n el.addEventListener('mouseenter', e => triggerStep(+el.dataset.step, e));\r\n el.addEventListener('mousemove', e => {\r\n const rect = container.getBoundingClientRect();\r\n tooltip.style.left = (e.clientX - rect.left + 16) + 'px';\r\n tooltip.style.top = (e.clientY - rect.top - 10) + 'px';\r\n });\r\n el.addEventListener('mouseleave', () => tooltip.classList.remove('visible'));\r\n el.addEventListener('click', e => triggerStep(+el.dataset.step, e));\r\n });\r\n dots.forEach(d => d.addEventListener('click', () => triggerStep(+d.dataset.step)));\r\n cards.forEach(c => c.addEventListener('click', () => triggerStep(+c.dataset.step)));\r\n\r\n let wheelLock = false;\r\n window.addEventListener('wheel', e => {\r\n if (wheelLock) return;\r\n wheelLock = true;\r\n setTimeout(() => wheelLock = false, 700);\r\n const dir = e.deltaY > 0 ? 1 : -1;\r\n const next = Math.min(Math.max(activeStep + dir, 1), STEPS.length);\r\n if (next !== activeStep) triggerStep(next);\r\n }, { passive: true });\r\n\r\n setActive(1);\r\n\r\n document.addEventListener('click', e => {\r\n if (!container.contains(e.target) && !e.target.closest('.step-dot') && !e.target.closest('.recap .card')) {\r\n tooltip.classList.remove('visible');\r\n }\r\n });\r\n})();\r\n<\/script>\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-afe4abf e-con-full e-flex e-con e-parent\" data-id=\"afe4abf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4ce99b elementor-widget elementor-widget-html\" data-id=\"a4ce99b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n TEXTE DE L'ARTICLE \u2014 Assainissement non collectif (ANC)\r\n AVEC SON CSS\r\n ============================================================ -->\r\n\r\n<style>\r\n\/* ============================================================\r\n CSS DE L'ARTICLE \u2014 Assainissement non collectif (ANC)\r\n ============================================================ *\/\r\n.bt-article-text * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n.bt-article-text {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #fff;\r\n color: #0a1a2b;\r\n line-height: 1.7;\r\n overflow-x: hidden;\r\n}\r\n\r\n.bt-article-text .wrapper {\r\n padding: 3rem 5% 5rem;\r\n position: relative;\r\n background: radial-gradient(1100px 520px at 78% -8%, #d6ebfb, transparent 60%),\r\n linear-gradient(180deg, #fbfdff 0%, #eef6fc 100%);\r\n overflow: hidden;\r\n isolation: isolate;\r\n}\r\n\r\n\/* ---------- vagues ---------- *\/\r\n.bt-article-text .waves {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n line-height: 0;\r\n z-index: 0;\r\n pointer-events: none;\r\n}\r\n.bt-article-text .waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 100px;\r\n}\r\n.bt-article-text .waves .wave-back use {\r\n animation: bt-wavemove 11s linear infinite;\r\n opacity: .55;\r\n}\r\n.bt-article-text .waves .wave-mid use {\r\n animation: bt-wavemove 8s linear infinite reverse;\r\n opacity: .8;\r\n}\r\n.bt-article-text .waves .wave-front use {\r\n animation: bt-wavemove 6s linear infinite;\r\n}\r\n@keyframes bt-wavemove {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n}\r\n\r\n\/* ---------- conteneur ---------- *\/\r\n.bt-article-text .container {\r\n max-width: 1000px;\r\n width: 100%;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 10;\r\n}\r\n\r\n\/* ---------- en-t\u00eate de l'article ---------- *\/\r\n.bt-article-text .header {\r\n text-align: center;\r\n max-width: 880px;\r\n margin: 0 auto 2.5rem;\r\n}\r\n.bt-article-text .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .8rem;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: .85rem;\r\n letter-spacing: .12em;\r\n text-transform: uppercase;\r\n padding: .5rem 1.8rem .5rem 1rem;\r\n border-radius: 2rem;\r\n background: rgba(28, 126, 201, .07);\r\n color: #1c7ec9;\r\n border: 1px solid rgba(28, 126, 201, .12);\r\n margin-bottom: 1rem;\r\n}\r\n.bt-article-text .badge .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #1c7ec9;\r\n animation: bt-pulseDot 2s ease-in-out infinite;\r\n}\r\n@keyframes bt-pulseDot {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: .3; transform: scale(.6); }\r\n}\r\n.bt-article-text .title {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 800;\r\n font-size: clamp(2.6rem, 5vw, 4rem);\r\n letter-spacing: -.03em;\r\n color: #07294a;\r\n line-height: 1.1;\r\n margin-bottom: .6rem;\r\n}\r\n.bt-article-text .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-article-text .subtitle {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 400;\r\n font-size: clamp(1.1rem, 1.3vw, 1.3rem);\r\n color: #6b7f94;\r\n max-width: 720px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n}\r\n.bt-article-text .subtitle strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n}\r\n\r\n\/* ---------- contenu de l'article ---------- *\/\r\n.bt-article-text .content {\r\n font-size: 1.05rem;\r\n line-height: 1.8;\r\n color: #1e293b;\r\n}\r\n.bt-article-text .content h3 {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1.5rem;\r\n color: #07294a;\r\n margin: 2.2rem 0 0.8rem;\r\n}\r\n.bt-article-text .content h3 .highlight {\r\n color: #f4a61a;\r\n}\r\n.bt-article-text .content h4 {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 600;\r\n font-size: 1.15rem;\r\n color: #0d4f8b;\r\n margin: 1.6rem 0 0.5rem;\r\n}\r\n.bt-article-text .content p {\r\n margin-bottom: 1.2rem;\r\n}\r\n.bt-article-text .content ul, .bt-article-text .content ol {\r\n margin: 0.8rem 0 1.5rem 1.8rem;\r\n}\r\n.bt-article-text .content li {\r\n margin-bottom: 0.4rem;\r\n}\r\n.bt-article-text .content strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n}\r\n.bt-article-text .content .highlight-text {\r\n color: #f4a61a;\r\n font-weight: 600;\r\n}\r\n\r\n\/* ---------- s\u00e9parateur ---------- *\/\r\n.bt-article-text .divider {\r\n text-align: center;\r\n margin: 2.5rem 0;\r\n font-family: 'JetBrains Mono', monospace;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.15em;\r\n color: #94a3b8;\r\n position: relative;\r\n}\r\n.bt-article-text .divider span {\r\n background: #fff;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n.bt-article-text .divider::after {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n top: 50%;\r\n height: 1px;\r\n background: #eef2f6;\r\n}\r\n\r\n\/* ---------- CTA article ---------- *\/\r\n.bt-article-text .cta-article {\r\n text-align: center;\r\n margin-top: 3rem;\r\n padding: 2rem;\r\n background: transparent;\r\n border-radius: 24px;\r\n border: 1px solid rgba(244, 166, 26, 0.10);\r\n}\r\n.bt-article-text .cta-article p {\r\n font-size: 1.1rem;\r\n color: #48637d;\r\n}\r\n.bt-article-text .cta-article .btn-article {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: 1rem;\r\n background: linear-gradient(135deg, #f4a61a 0%, #d98a0c 100%);\r\n color: #fff;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 1rem;\r\n padding: 14px 36px;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 20px rgba(244, 166, 26, 0.25);\r\n}\r\n.bt-article-text .cta-article .btn-article:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 32px rgba(244, 166, 26, 0.35);\r\n}\r\n\r\n\/* ---------- responsive ---------- *\/\r\n@media (max-width: 768px) {\r\n .bt-article-text .wrapper {\r\n padding: 1.5rem 1.5rem 3rem;\r\n }\r\n .bt-article-text .title {\r\n font-size: 26px;\r\n }\r\n .bt-article-text .subtitle {\r\n font-size: 14px;\r\n }\r\n .bt-article-text .content {\r\n font-size: 0.95rem;\r\n }\r\n .bt-article-text .content h3 {\r\n font-size: 1.25rem;\r\n }\r\n .bt-article-text .content h4 {\r\n font-size: 1rem;\r\n }\r\n .bt-article-text .badge {\r\n font-size: 0.65rem;\r\n padding: .3rem 1.2rem .3rem .8rem;\r\n }\r\n .bt-article-text .waves svg {\r\n height: 50px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .bt-article-text .wrapper {\r\n padding: 1rem 1rem 2rem;\r\n }\r\n .bt-article-text .title {\r\n font-size: 22px;\r\n }\r\n .bt-article-text .subtitle {\r\n font-size: 13px;\r\n }\r\n .bt-article-text .content {\r\n font-size: 0.9rem;\r\n }\r\n .bt-article-text .content h3 {\r\n font-size: 1.1rem;\r\n }\r\n .bt-article-text .cta-article .btn-article {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n}\r\n<\/style>\r\n\r\n<!-- ============================================================\r\n TEXTE DE L'ARTICLE \u2014 Assainissement non collectif (ANC)\r\n ============================================================ -->\r\n<div class=\"bt-article-text\">\r\n <div class=\"wrapper\">\r\n\r\n <div class=\"container\">\r\n\r\n <!-- ========== EN-T\u00caTE DE L'ARTICLE ========== -->\r\n <header class=\"header\">\r\n <span class=\"badge\"><span class=\"dot\"><\/span> Assainissement non collectif<\/span>\r\n <h1 class=\"title\">Assainissement non collectif : <span class=\"highlight\">fonctionnement, entretien et r\u00e9glementation<\/span><\/h1>\r\n <p class=\"subtitle\">\r\n <strong>Fosse septique<\/strong>, <strong>pr\u00e9filtre<\/strong>, <strong>drains<\/strong> et\r\n <strong>filtration naturelle<\/strong> : d\u00e9couvrez comment fonctionne un syst\u00e8me d'<strong>assainissement non collectif<\/strong> (ANC)\r\n et les bonnes pratiques pour le maintenir en conformit\u00e9.\r\n <\/p>\r\n <p style=\"font-size:0.9rem; color:#94a3b8; margin-top:0.8rem;\">\r\n Publi\u00e9 le 12 juillet 2026 \u00b7 Temps de lecture : 7 minutes\r\n <\/p>\r\n <\/header>\r\n\r\n <!-- ========== CONTENU DE L'ARTICLE ========== -->\r\n <div class=\"content\">\r\n\r\n <p>\r\n Vous \u00eates propri\u00e9taire d'une <strong>maison individuelle<\/strong> ou d'un <strong>petit immeuble<\/strong>\r\n non raccord\u00e9 au r\u00e9seau d'assainissement collectif ? Vous avez probablement un <strong>assainissement non collectif<\/strong> (ANC),\r\n souvent appel\u00e9 <strong>fosse septique<\/strong>. Ce syst\u00e8me, qui traite les <strong>eaux us\u00e9es<\/strong> directement sur\r\n votre terrain, est soumis \u00e0 des <strong>r\u00e8gles strictes<\/strong> de conception, d'installation et d'<strong>entretien<\/strong>.\r\n <\/p>\r\n\r\n <p>\r\n Dans cet article, nous vous expliquons <strong>comment fonctionne un syst\u00e8me ANC<\/strong> \u00e9tape par \u00e9tape,\r\n avec une <strong>animation interactive<\/strong> pour visualiser le parcours de l'eau. Nous vous donnons \u00e9galement\r\n les <strong>cl\u00e9s pour entretenir<\/strong> votre installation et rester en conformit\u00e9 avec la\r\n <strong>r\u00e9glementation<\/strong>.\r\n <\/p>\r\n\r\n <!-- Phrase \"\u00c0 retenir\" sans fond jaune -->\r\n <p style=\"font-weight: 500; color: #07294a; margin: 1.5rem 0; border-left: 4px solid #f4a61a; padding-left: 1.2rem;\">\r\n <strong>\u00c0 retenir :<\/strong> Un assainissement non collectif bien con\u00e7u et r\u00e9guli\u00e8rement entretenu peut durer\r\n <strong>plus de 30 ans<\/strong> et pr\u00e9serve la qualit\u00e9 des <strong>nappes phr\u00e9atiques<\/strong> et des\r\n <strong>cours d'eau<\/strong>.\r\n <\/p>\r\n\r\n <h3>1. <span class=\"highlight\">La fosse septique<\/span> \u2014 le c\u0153ur du syst\u00e8me<\/h3>\r\n <p>\r\n La <strong>fosse septique<\/strong> (ou fosse toutes eaux) est le premier compartiment du syst\u00e8me d'ANC.\r\n Elle re\u00e7oit l'ensemble des <strong>eaux us\u00e9es<\/strong> de la maison. Sous l'effet de la <strong>gravit\u00e9<\/strong>,\r\n les mati\u00e8res lourdes (<strong>boues<\/strong>) tombent au fond, tandis que les <strong>graisses<\/strong>\r\n et les <strong>flottants<\/strong> remontent \u00e0 la surface. Cette <strong>d\u00e9cantation primaire<\/strong> permet\r\n de retenir environ <strong>70 %<\/strong> des mati\u00e8res en suspension.\r\n <\/p>\r\n\r\n <h3>2. <span class=\"highlight\">Le pr\u00e9filtre<\/span> \u2014 protection de l'\u00e9pandage<\/h3>\r\n <p>\r\n L'eau clarifi\u00e9e quitte la fosse par le milieu et traverse un <strong>pr\u00e9filtre<\/strong> (souvent rempli de\r\n <strong>pouzzolane<\/strong> ou de <strong>fibres de coco<\/strong>). Ce filtre retient les derni\u00e8res\r\n <strong>particules fines<\/strong> et emp\u00eache le <strong>colmatage<\/strong> des drains d'\u00e9pandage.\r\n Un pr\u00e9filtre bien entretenu est essentiel pour la <strong>long\u00e9vit\u00e9<\/strong> de l'ensemble du syst\u00e8me.\r\n <\/p>\r\n\r\n <h3>3. <span class=\"highlight\">Les drains d'\u00e9pandage<\/span> \u2014 l'\u00e9puration par le sol<\/h3>\r\n <p>\r\n L'eau pr\u00e9trait\u00e9e est ensuite achemin\u00e9e vers un <strong>r\u00e9seau de drains perfor\u00e9s<\/strong> enterr\u00e9s dans une\r\n <strong>tranch\u00e9e de graviers<\/strong>. C'est dans le <strong>sol<\/strong> que s'op\u00e8re la v\u00e9ritable\r\n <strong>\u00e9puration<\/strong> : les <strong>bact\u00e9ries<\/strong> et les <strong>micro-organismes<\/strong> du sol\r\n d\u00e9gradent la pollution restante (<strong>mati\u00e8res organiques<\/strong>, <strong>azote<\/strong>, <strong>phosphore<\/strong>).\r\n L'eau, d\u00e9sormais <strong>\u00e9pur\u00e9e<\/strong>, rejoint les <strong>nappes phr\u00e9atiques<\/strong> ou les\r\n <strong>cours d'eau<\/strong>.\r\n <\/p>\r\n\r\n <h3>4. <span class=\"highlight\">Entretien<\/span> \u2014 les bonnes pratiques<\/h3>\r\n <p>\r\n Un syst\u00e8me d'ANC demande un <strong>entretien r\u00e9gulier<\/strong> pour conserver son efficacit\u00e9 et rester\r\n en <strong>conformit\u00e9<\/strong> avec la <strong>r\u00e9glementation<\/strong> (arr\u00eat\u00e9 du 7 septembre 2009).\r\n Voici les points cl\u00e9s :\r\n <\/p>\r\n <ul>\r\n <li><strong>Vidange de la fosse<\/strong> : tous les <strong>2 \u00e0 4 ans<\/strong> selon le nombre d'occupants.<\/li>\r\n <li><strong>Nettoyage du pr\u00e9filtre<\/strong> : au moins une fois par an.<\/li>\r\n <li><strong>Inspection des regards<\/strong> : v\u00e9rifier l'\u00e9tanch\u00e9it\u00e9 et l'absence d'obstruction.<\/li>\r\n <li><strong>Contr\u00f4le par le SPANC<\/strong> : obligatoire tous les 4 \u00e0 10 ans.<\/li>\r\n <li><strong>\u00c9viter les produits toxiques<\/strong> : javel, solvants, acides d\u00e9truisent les bact\u00e9ries du sol.<\/li>\r\n <\/ul>\r\n\r\n <h3>5. <span class=\"highlight\">R\u00e9glementation<\/span> \u2014 ce qu'il faut savoir<\/h3>\r\n <p>\r\n L'<strong>assainissement non collectif<\/strong> est encadr\u00e9 par la <strong>loi sur l'eau<\/strong> et le\r\n <strong>code de la sant\u00e9 publique<\/strong>. Le <strong>SPANC<\/strong> (Service Public d'Assainissement Non Collectif)\r\n est l'organisme comp\u00e9tent pour contr\u00f4ler les installations. Une <strong>mise en conformit\u00e9<\/strong> peut \u00eatre\r\n exig\u00e9e en cas de <strong>non-conformit\u00e9<\/strong> (absence de pr\u00e9filtre, rejet en surface, etc.).\r\n <strong>BT Plus<\/strong> vous accompagne dans toutes les \u00e9tapes : <strong>\u00e9tude de sol<\/strong>,\r\n <strong>dimensionnement<\/strong>, <strong>installation<\/strong> et <strong>entretien<\/strong>.\r\n <\/p>\r\n\r\n <div class=\"divider\"><span>\u2014\u2014\u2014<\/span><\/div>\r\n\r\n <h3>Besoin d'un diagnostic ou d'un devis ?<\/h3>\r\n <p>\r\n <strong>BT Plus<\/strong> est une <strong>entreprise sp\u00e9cialis\u00e9e<\/strong> dans l'<strong>assainissement individuel<\/strong>\r\n et le <strong>traitement des eaux us\u00e9es<\/strong>. Nous r\u00e9alisons des <strong>diagnostics complets<\/strong>\r\n de votre syst\u00e8me ANC, des <strong>\u00e9tudes de sol<\/strong>, des <strong>installations<\/strong> et des\r\n <strong>contrats d'entretien<\/strong> sur mesure. Nos techniciens interviennent dans toute l'<strong>\u00cele-de-France<\/strong>.\r\n <\/p>\r\n\r\n <!-- CTA final (sans \u00e9moji) -->\r\n <div class=\"cta-article\">\r\n <p>\r\n <strong>Appelez-nous d\u00e8s maintenant<\/strong> pour un <strong>diagnostic<\/strong> ou un\r\n <strong>devis d'entretien<\/strong>.\r\n <\/p>\r\n <a href=\"tel:0186957777\" class=\"btn-article\">\r\n 01 86 95 77 77\r\n <\/a>\r\n <p style=\"font-size:0.85rem; margin-top:0.6rem; color:#94a3b8;\">\r\n Disponible 24h\/24 \u2013 7j\/7\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <!-- fin .content -->\r\n <\/div>\r\n <!-- fin .container -->\r\n\r\n <!-- ========== VAGUES ========== -->\r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"bt-w5\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/>\r\n <\/defs>\r\n <g class=\"wave-back\">\r\n <use href=\"#bt-w5\" x=\"0\" fill=\"#d6ebfb\" \/>\r\n <use href=\"#bt-w5\" x=\"176\" fill=\"#d6ebfb\" \/>\r\n <\/g>\r\n <g class=\"wave-mid\">\r\n <use href=\"#bt-w5\" x=\"0\" fill=\"#a9d4f3\" \/>\r\n <use href=\"#bt-w5\" x=\"176\" fill=\"#a9d4f3\" \/>\r\n <\/g>\r\n <g class=\"wave-front\">\r\n <use href=\"#bt-w5\" x=\"0\" fill=\"#ffffff\" \/>\r\n <use href=\"#bt-w5\" x=\"176\" fill=\"#ffffff\" \/>\r\n <\/g>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0626b46 e-con-full e-flex e-con e-parent\" data-id=\"0626b46\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65b2c93 elementor-widget elementor-widget-html\" data-id=\"65b2c93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.bt-contact *{margin:0;padding:0;box-sizing:border-box}.bt-contact{font-family:'Inter',sans-serif;background-color:#fff;color:#0a1a2b;line-height:1.6;overflow-x:hidden}.bt-contact__section{padding:5rem 5% 6rem;position:relative;min-height:100vh;display:flex;align-items:center;background:radial-gradient(1100px 520px at 78% -8%,#d6ebfb,transparent 60%),linear-gradient(180deg,#fbfdff 0%,#eef6fc 100%);overflow:hidden}.bt-contact__waves{position:absolute;left:0;right:0;bottom:0;line-height:0;z-index:0;pointer-events:none}.bt-contact__waves svg{display:block;width:100%;height:80px}.bt-contact__waves .wave-back use{animation:bt-wavemove 11s linear infinite;opacity:.55}.bt-contact__waves .wave-mid use{animation:bt-wavemove 8s linear infinite reverse;opacity:.8}.bt-contact__waves .wave-front use{animation:bt-wavemove 6s linear infinite}@keyframes bt-wavemove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.bt-contact__container{max-width:1280px;margin:0 auto;width:100%;position:relative;z-index:1}.bt-contact__header{text-align:center;max-width:780px;margin:0 auto 3.5rem}.bt-contact__badge{display:inline-flex;align-items:center;gap:.6rem;font-family:'Sora',sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.4rem 1.4rem .4rem 1rem;border-radius:2rem;background:rgba(28,126,201,.07);color:#1c7ec9;border:1px solid rgba(28,126,201,.12);margin-bottom:1.2rem}.bt-contact__badge .dot{width:6px;height:6px;border-radius:50%;background:#1c7ec9;animation:bt-pulseDot 2s ease-in-out infinite}@keyframes bt-pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.bt-contact__title{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(2rem,3.6vw,3.2rem);letter-spacing:-.03em;color:#07294a;line-height:1.1;margin-bottom:.8rem}.bt-contact__title .highlight{background:linear-gradient(135deg,#f4a61a 0%,#d98a0c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bt-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}.bt-contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.bt-contact__form{background:#fff;border-radius:24px;padding:2.5rem;border:1px solid #eef2f6;box-shadow:0 2px 12px rgba(7,41,74,.04);transition:all .4s ease;position:relative}.bt-contact__form:hover{box-shadow:0 8px 40px rgba(7,41,74,.08);border-color:#d6ebfb}.bt-contact__form-title{font-family:'Sora',sans-serif;font-weight:700;font-size:1.3rem;color:#07294a;margin-bottom:.3rem}.bt-contact__form-subtitle{font-family:'Inter',sans-serif;font-weight:400;font-size:.9rem;color:#6b7f94;margin-bottom:1.5rem}.bt-contact__form-group{margin-bottom:1.2rem}.bt-contact__form-group label{display:block;font-family:'Sora',sans-serif;font-weight:600;font-size:.7rem;color:#6b7f94;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3rem}.bt-contact__form-group label .required{color:#dc2626}.bt-contact__form-group input,.bt-contact__form-group select,.bt-contact__form-group textarea{width:100%;padding:.8rem 1rem;border-radius:12px;border:1px solid #eef2f6;background:#f8fafc;font-family:'Inter',sans-serif;font-size:.9rem;color:#07294a;transition:all .3s ease;outline:none}.bt-contact__form-group input:focus,.bt-contact__form-group select:focus,.bt-contact__form-group textarea:focus{border-color:#1c7ec9;background:#fff;box-shadow:0 0 0 4px rgba(28,126,201,.06)}.bt-contact__form-group input::placeholder,.bt-contact__form-group textarea::placeholder{color:#b0c0d0}.bt-contact__form-group select option{background:#fff;color:#07294a}.bt-contact__form-group textarea{resize:vertical;min-height:100px}.bt-contact__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.bt-contact__form-group--file{position:relative}.bt-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 .3s ease;background:#f8fafc}.bt-contact__form-group--file .file-drop-zone:hover{border-color:#1c7ec9;background:#eef6fc}.bt-contact__form-group--file .file-drop-zone.dragover{border-color:#f4a61a;background:rgba(244,166,26,.04)}.bt-contact__form-group--file .file-drop-zone svg{width:2rem;height:2rem;stroke:#1c7ec9;fill:none;stroke-width:2;display:block;margin:0 auto .5rem}.bt-contact__form-group--file .file-drop-zone p{font-family:'Inter',sans-serif;font-weight:400;font-size:.85rem;color:#6b7f94;margin:0}.bt-contact__form-group--file .file-drop-zone .file-types{font-size:.7rem;color:#b0c0d0;margin-top:.3rem}.bt-contact__form-group--file input[type=\"file\"]{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.bt-contact__form-group--file .file-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.bt-contact__form-group--file .file-item{display:inline-flex;align-items:center;gap:.5rem;background:#eef6fc;padding:.3rem .8rem .3rem .6rem;border-radius:20px;font-family:'Inter',sans-serif;font-size:.75rem;color:#1c7ec9;border:1px solid #d6ebfb}.bt-contact__form-group--file .file-item svg{width:.8rem;height:.8rem;stroke:#1c7ec9;fill:none;stroke-width:2}.bt-contact__form-group--file .file-item .file-remove{cursor:pointer;color:#6b7f94;transition:color .3s ease;display:flex;align-items:center}.bt-contact__form-group--file .file-item .file-remove svg{stroke:#6b7f94;transition:stroke .3s ease}.bt-contact__form-group--file .file-item .file-remove:hover svg{stroke:#dc2626}.bt-contact__consent{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:1.5rem}.bt-contact__consent input[type=\"checkbox\"]{width:18px;height:18px;min-width:18px;margin-top:.15rem;accent-color:#1c7ec9;cursor:pointer;flex-shrink:0}.bt-contact__consent label{font-family:'Inter',sans-serif;font-weight:400;font-size:.8rem;line-height:1.5;color:#6b7f94;text-transform:none;letter-spacing:0;margin-bottom:0;cursor:pointer}.bt-contact__consent label .required{color:#dc2626}.bt-contact__consent label a{color:#1c7ec9;text-decoration:underline}.bt-contact__consent label a:hover{color:#07294a}.bt-btn--contact{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-family:'Sora',sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.02em;text-decoration:none;padding:.9rem 2.4rem;border-radius:3rem;transition:all .35s cubic-bezier(.34,1.56,.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,.25);color:#07294a;width:100%}.bt-btn--contact:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(244,166,26,.40);color:#07294a}.bt-btn--contact .btn__icon{transition:transform .3s ease}.bt-btn--contact:hover .btn__icon{transform:translateX(4px)}.bt-contact__info{display:flex;flex-direction:column;gap:1.2rem}.bt-contact__info-card{background:#fff;border-radius:16px;padding:1.5rem 1.8rem;border:1px solid #eef2f6;transition:all .4s ease;display:flex;align-items:center;gap:1.2rem;box-shadow:0 2px 8px rgba(7,41,74,.03)}.bt-contact__info-card:hover{transform:translateX(6px);border-color:#1c7ec9;box-shadow:0 8px 30px -8px rgba(7,41,74,.08)}.bt-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 .3s ease}.bt-contact__info-card:hover .bt-contact__info-icon{background:#eef6fc}.bt-contact__info-icon svg{width:1.3rem;height:1.3rem;stroke:#1c7ec9;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bt-contact__info-content h4{font-family:'Sora',sans-serif;font-weight:700;font-size:.85rem;color:#07294a;margin-bottom:.1rem}.bt-contact__info-content p,.bt-contact__info-content a{font-family:'Inter',sans-serif;font-weight:400;font-size:.9rem;color:#6b7f94;text-decoration:none;transition:color .3s ease}.bt-contact__info-content a:hover{color:#1c7ec9}.bt-contact__hours{background:#fff;border-radius:16px;padding:1.5rem 1.8rem;border:1px solid #eef2f6;box-shadow:0 2px 8px rgba(7,41,74,.03);transition:all .4s ease}.bt-contact__hours:hover{border-color:#d6ebfb;box-shadow:0 8px 30px -8px rgba(7,41,74,.06)}.bt-contact__hours-title{font-family:'Sora',sans-serif;font-weight:700;font-size:.85rem;color:#6b7f94;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.8rem}.bt-contact__hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem 1rem}.bt-contact__hours-day{font-family:'Inter',sans-serif;font-weight:500;font-size:.85rem;color:#6b7f94}.bt-contact__hours-time{font-family:'Inter',sans-serif;font-weight:500;font-size:.85rem;color:#07294a;text-align:right}.bt-contact__hours-time .urgent{color:#1c7ec9;font-weight:700}.bt-contact__map{border-radius:16px;overflow:hidden;border:1px solid #eef2f6;height:200px;background:#f8fafc;transition:all .4s ease}.bt-contact__map:hover{border-color:#d6ebfb;box-shadow:0 8px 30px -8px rgba(7,41,74,.06)}.bt-contact__map iframe{width:100%;height:100%;border:none}@media (max-width:992px){.bt-contact__grid{grid-template-columns:1fr;gap:2rem}.bt-contact__form{padding:2rem}.bt-contact__info{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.bt-contact__hours-grid{grid-template-columns:1fr 1fr}.bt-contact__map{height:180px}}@media (max-width:768px){.bt-contact__section{padding:3.5rem 1.5rem 4rem;min-height:auto}.bt-contact__form{padding:1.5rem;border-radius:16px}.bt-contact__form-row{grid-template-columns:1fr;gap:0}.bt-contact__info{grid-template-columns:1fr;gap:1rem}.bt-contact__info-card{padding:1.2rem 1.5rem}.bt-contact__hours{padding:1.2rem 1.5rem}.bt-contact__hours-grid{grid-template-columns:1fr 1fr;gap:.3rem .8rem}.bt-contact__hours-day{font-size:.75rem}.bt-contact__hours-time{font-size:.75rem}.bt-contact__map{height:150px}.bt-btn--contact{padding:.7rem 1.8rem;font-size:.75rem}.bt-contact__form-group--file .file-drop-zone{padding:1rem}.bt-contact__form-group--file .file-drop-zone svg{width:1.5rem;height:1.5rem}.bt-contact__waves svg{height:40px}}@media (max-width:480px){.bt-contact__form{padding:1rem}.bt-contact__info-card{padding:1rem}.bt-contact__info-icon{width:40px;height:40px}.bt-contact__info-icon svg{width:1rem;height:1rem}.bt-contact__hours{padding:1rem}}<\/style>\r\n\r\n<div class=\"bt-contact\">\r\n <section class=\"bt-contact__section\">\r\n <div class=\"bt-contact__container\">\r\n <div class=\"bt-contact__header\">\r\n <span class=\"bt-contact__badge\"><span class=\"dot\"><\/span>Contactez-nous<\/span>\r\n <h2 class=\"bt-contact__title\">Pr\u00eat \u00e0 <span class=\"highlight\">s\u00e9curiser<\/span> vos r\u00e9seaux ?<\/h2>\r\n <p class=\"bt-contact__subtitle\">Une question, un devis, une urgence ? Notre \u00e9quipe est \u00e0 votre \u00e9coute 24h\/24 et 7j\/7.<\/p>\r\n <\/div>\r\n <div class=\"bt-contact__grid\">\r\n <div class=\"bt-contact__form\">\r\n <h3 class=\"bt-contact__form-title\">Demandez un diagnostic<\/h3>\r\n <p class=\"bt-contact__form-subtitle\">Remplissez le formulaire et nous vous recontacterons sous 24h.<\/p>\r\n <form id=\"btContactForm\" action=\"https:\/\/formsubmit.co\/info-contact@btplus.fr\" method=\"POST\" enctype=\"multipart\/form-data\">\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 <input type=\"hidden\" name=\"_cc\" value=\"marketing@btgroup-france.com\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\">\r\n <div class=\"bt-contact__form-row\">\r\n <div class=\"bt-contact__form-group\">\r\n <label for=\"btNom\">Nom complet <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"btNom\" name=\"Nom complet\" placeholder=\"Jean Dupont\" required \/>\r\n <\/div>\r\n <div class=\"bt-contact__form-group\">\r\n <label for=\"btEmail\">Email <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"btEmail\" name=\"email\" placeholder=\"jean@exemple.fr\" required \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-contact__form-row\">\r\n <div class=\"bt-contact__form-group\">\r\n <label for=\"btTelephone\">T\u00e9l\u00e9phone <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"btTelephone\" name=\"T\u00e9l\u00e9phone\" placeholder=\"01 23 45 67 89\" required \/>\r\n <\/div>\r\n <div class=\"bt-contact__form-group\">\r\n <label for=\"btCp\">Code postal<\/label>\r\n <input type=\"text\" id=\"btCp\" name=\"Code postal\" placeholder=\"75000\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-contact__form-group\">\r\n <label for=\"btTypeBatiment\">Type de b\u00e2timent<\/label>\r\n <select id=\"btTypeBatiment\" name=\"Type de b\u00e2timent\">\r\n <option value=\"\">S\u00e9lectionnez...<\/option>\r\n <option value=\"copropriete\">Copropri\u00e9t\u00e9<\/option>\r\n <option value=\"syndic\">Syndic<\/option>\r\n <option value=\"bailleur\">Bailleur social<\/option>\r\n <option value=\"erp\">ERP (\u00c9tablissement recevant du public)<\/option>\r\n <option value=\"tertiaire\">Tertiaire (bureau, commerce)<\/option>\r\n <option value=\"collectivite\">Collectivit\u00e9<\/option>\r\n <option value=\"particulier\">Particulier<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"bt-contact__form-group\">\r\n <label for=\"btTypeBesoin\">Type de besoin<\/label>\r\n <select id=\"btTypeBesoin\" name=\"Type de besoin\">\r\n <option value=\"\">S\u00e9lectionnez...<\/option>\r\n <option value=\"urgence\">Urgence (d\u00e9bouchage, curage)<\/option>\r\n <option value=\"entretien\">Entretien pr\u00e9ventif<\/option>\r\n <option value=\"diagnostic\">Diagnostic \/ Inspection<\/option>\r\n <option value=\"travaux\">Travaux \/ R\u00e9novation<\/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 <div class=\"bt-contact__form-group\">\r\n <label for=\"btMessage\">Message<\/label>\r\n <textarea id=\"btMessage\" name=\"Message\" placeholder=\"D\u00e9crivez votre situation...\"><\/textarea>\r\n <\/div>\r\n <div class=\"bt-contact__form-group bt-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=\"btFileDropZone\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"><\/path><polyline points=\"16 16 12 12 8 16\"><\/polyline><line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"21\"><\/line><\/svg>\r\n <p>Glissez une photo ici ou cliquez pour la s\u00e9lectionner<\/p>\r\n <div class=\"file-types\">JPG, PNG, GIF - une seule photo, 5MB max<\/div>\r\n <input type=\"file\" id=\"btFileInput\" name=\"attachment\" accept=\"image\/*\" \/>\r\n <\/div>\r\n <div class=\"file-list\" id=\"btFileList\"><\/div>\r\n <\/div>\r\n <div class=\"bt-contact__consent\">\r\n <input type=\"checkbox\" id=\"btConsent\" name=\"Consentement RGPD\" value=\"J'accepte\" required \/>\r\n <label for=\"btConsent\">J'accepte que les informations saisies dans ce formulaire soient utilis\u00e9es par BT Plus afin de traiter ma demande et de me recontacter. Conform\u00e9ment au RGPD, je dispose d'un droit d'acc\u00e8s, de rectification et de suppression de mes donn\u00e9es, que je peux exercer en \u00e9crivant \u00e0 <a href=\"mailto:info-contact@btplus.fr\">info-contact@btplus.fr<\/a>.<a href=\"\/politique-de-confidentialite\" target=\"_blank\" rel=\"noopener\"> En savoir plus<\/a>.<span class=\"required\">*<\/span><\/label>\r\n <\/div>\r\n <button type=\"submit\" class=\"bt-btn--contact\">Envoyer <span class=\"btn__icon\">→<\/span><\/button>\r\n <\/form>\r\n <\/div>\r\n <div class=\"bt-contact__info\">\r\n <div class=\"bt-contact__info-card\">\r\n <div class=\"bt-contact__info-icon\"><svg viewBox=\"0 0 24 24\"><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.72c.127.96.362 1.903.7 2.81a2 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-.45c.907.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg><\/div>\r\n <div class=\"bt-contact__info-content\"><h4>T\u00e9l\u00e9phone<\/h4><p><a href=\"tel:0186957777\">01 86 95 77 77<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"bt-contact__info-card\">\r\n <div class=\"bt-contact__info-icon\"><svg viewBox=\"0 0 24 24\"><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\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg><\/div>\r\n <div class=\"bt-contact__info-content\"><h4>Email<\/h4><p><a href=\"mailto:info-contact@btplus.fr\">info-contact@btplus.fr<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"bt-contact__info-card\">\r\n <div class=\"bt-contact__info-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/div>\r\n <div class=\"bt-contact__info-content\"><h4>Adresse<\/h4><p>13 Rue Camille Desmoulins, 92130 Issy-les-Moulineaux<\/p><\/div>\r\n <\/div>\r\n <div class=\"bt-contact__hours\">\r\n <div class=\"bt-contact__hours-title\">Horaires d'ouverture<\/div>\r\n <div class=\"bt-contact__hours-grid\">\r\n <span class=\"bt-contact__hours-day\">Lundi - Vendredi<\/span><span class=\"bt-contact__hours-time\">08:00 - 20:00<\/span>\r\n <span class=\"bt-contact__hours-day\">Samedi<\/span><span class=\"bt-contact__hours-time\">09:00 - 18:00<\/span>\r\n <span class=\"bt-contact__hours-day\">Dimanche & jours f\u00e9ri\u00e9s<\/span><span class=\"bt-contact__hours-time\"><span class=\"urgent\">Urgence 24\/7<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bt-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 <\/div>\r\n <\/div>\r\n <div class=\"bt-contact__waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\"><defs><path id=\"bt-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><g class=\"wave-back\"><use href=\"#bt-w9\" x=\"0\" fill=\"#d6ebfb\"\/><use href=\"#bt-w9\" x=\"176\" fill=\"#d6ebfb\"\/><\/g><g class=\"wave-mid\"><use href=\"#bt-w9\" x=\"0\" fill=\"#a9d4f3\"\/><use href=\"#bt-w9\" x=\"176\" fill=\"#a9d4f3\"\/><\/g><g class=\"wave-front\"><use href=\"#bt-w9\" x=\"0\" fill=\"#ffffff\"\/><use href=\"#bt-w9\" x=\"176\" fill=\"#ffffff\"\/><\/g><\/svg>\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n\r\n<script>!function(){var e=document.getElementById('btFileInput'),t=document.getElementById('btFileList'),n=document.getElementById('btFileDropZone');if(e&&n){var o=5*1024*1024;function r(e){t.innerHTML='';for(var r=0;r<e.length;r++){var i=e[r],a=document.createElement('span');a.className='file-item';var l=i.type.indexOf('image\/')===0?'<svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>':'<svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>';a.innerHTML=l+'<span>'+i.name+'<\/span><span class=\"file-remove\" data-index=\"'+r+'\"><svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><\/span>',t.appendChild(a)}document.querySelectorAll('.file-remove').forEach(function(e){e.addEventListener('click',function(e){e.stopPropagation();var r=parseInt(this.dataset.index),i=new DataTransfer();for(var a=0;a<fileInput.files.length;a++)a!==r&&i.items.add(fileInput.files[a]);fileInput.files=i.files,r(fileInput.files)})})}function i(e){for(var t=[],r=0;r<e.length;r++)e[r].type.indexOf('image\/')===0&&e[r].size<=o&&t.push(e[r]);e.length>1&&alert('Une seule photo peut \u00eatre envoy\u00e9e. Seule la premi\u00e8re a \u00e9t\u00e9 conserv\u00e9e.');var i=new DataTransfer();t.length>0&&i.items.add(t[0]),fileInput.files=i.files,r(fileInput.files)}n.addEventListener('click',function(e){(e.target===this||e.target.closest('.file-drop-zone'))&&fileInput.click()}),e.addEventListener('change',function(){i(Array.from(this.files))}),n.addEventListener('dragover',function(e){e.preventDefault(),this.classList.add('dragover')}),n.addEventListener('dragleave',function(e){e.preventDefault(),this.classList.remove('dragover')}),n.addEventListener('drop',function(e){e.preventDefault(),this.classList.remove('dragover'),i(Array.from(e.dataTransfer.files))})}}();<\/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 Assainissement individuel Assainissement individuel Comprendre l’assainissement individuel Fosse septique, pr\u00e9filtre, drains et filtration naturelle : suivez le parcours de l’eau en 6 \u00e9tapes et d\u00e9couvrez comment fonctionne un syst\u00e8me d’assainissement non collectif (ANC) \u2014 cliquez sur un rep\u00e8re ou faites d\u00e9filer la molette. Maison 1 Canalisation 2 Fosse 3 Pr\u00e9filtre 4 Regards […]<\/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-2195","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/2195","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=2195"}],"version-history":[{"count":14,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/2195\/revisions"}],"predecessor-version":[{"id":2930,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/2195\/revisions\/2930"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=2195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}