BT Plus \u2014 Micro-station d'assainissement<\/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\r\n<style>\r\n.bt-microstation-explainer * { margin:0; padding:0; box-sizing:border-box; }\r\n.bt-microstation-explainer { font-family:'Inter',sans-serif; background:#fff; color:#0a1a2b; line-height:1.6; overflow-x:hidden; }\r\n.bt-microstation-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-microstation-explainer .waves { position:absolute; left:0; right:0; bottom:0; line-height:0; z-index:0; pointer-events:none; }\r\n.bt-microstation-explainer .waves svg { display:block; width:100%; height:100px; }\r\n.bt-microstation-explainer .waves .wave-back use { animation: bt-wavemove 11s linear infinite; opacity:.55; }\r\n.bt-microstation-explainer .waves .wave-mid use { animation: bt-wavemove 8s linear infinite reverse; opacity:.8; }\r\n.bt-microstation-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-microstation-explainer .container { max-width:1200px; width:100%; margin:0 auto; padding:0 20px; position:relative; z-index:10; }\r\n\r\n.bt-microstation-explainer .header { text-align:center; max-width:880px; margin:0 auto 2.5rem; }\r\n.bt-microstation-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-microstation-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-microstation-explainer .title { font-family:'Sora',sans-serif; font-weight:800; font-size:clamp(2.1rem,4vw,3.2rem); letter-spacing:-.03em; color:#07294a; line-height:1.1; margin-bottom:.6rem; }\r\n.bt-microstation-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-microstation-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-microstation-explainer .subtitle strong { color:#07294a; font-weight:600; }\r\n\r\n.bt-microstation-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-microstation-explainer .scene:hover { box-shadow:0 16px 80px rgba(7,41,74,.10); }\r\n.bt-microstation-explainer .scene svg { display:block; width:100%; height:auto; max-height:640px; overflow:visible; }\r\n.bt-microstation-explainer .scene-scroll { width:100%; }\r\n.bt-microstation-explainer .scroll-hint { display:none; text-align:center; font-size:.72rem; color:#6b7f94; margin-top:6px; }\r\n\r\n.bt-microstation-explainer .step-zone { cursor:pointer; transition:filter .3s ease; }\r\n.bt-microstation-explainer .step-zone:hover { filter:drop-shadow(0 0 24px rgba(244,166,26,.45)); }\r\n.bt-microstation-explainer .step-zone.active { filter:drop-shadow(0 0 34px rgba(244,166,26,.65)); }\r\n.bt-microstation-explainer .step-zone .step-num { transition: transform .3s ease; }\r\n.bt-microstation-explainer .step-zone.active .step-num,\r\n.bt-microstation-explainer .step-zone:hover .step-num { transform: scale(1.15); }\r\n\r\n.bt-microstation-explainer .drop { animation: dropFlow 5s ease-in-out infinite; }\r\n@keyframes dropFlow { 0%{opacity:0;} 10%{opacity:1;} 90%{opacity:1;} 100%{opacity:0;} }\r\n.bt-microstation-explainer .bubble { animation: bubbleRise 3s ease-in infinite; }\r\n@keyframes bubbleRise { 0%{opacity:.6; transform:translateY(0) scale(1);} 100%{opacity:0; transform:translateY(-40px) scale(1.4);} }\r\n\r\n.bt-microstation-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-microstation-explainer .tooltip.visible { opacity:1; transform:translateY(0) scale(1); display:block; }\r\n.bt-microstation-explainer .tooltip strong { color:#f4a61a; display:block; font-size:1.05rem; margin-bottom:4px; font-family:'Sora',sans-serif; }\r\n\r\n.bt-microstation-explainer .steps-bar { display:flex; justify-content:center; gap:18px; margin-top:20px; flex-wrap:wrap; }\r\n.bt-microstation-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-microstation-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-microstation-explainer .step-dot.done { background:#1c7ec9; opacity:.5; }\r\n.bt-microstation-explainer .step-dot:hover { transform:scale(1.15); background:rgba(244,166,26,.3); }\r\n\r\n.bt-microstation-explainer .recap { max-width:1000px; margin:2.2rem auto 0; display:grid; grid-template-columns:repeat(6,1fr); gap:10px; }\r\n.bt-microstation-explainer .recap .card {\r\n background:rgba(255,255,255,.7); border:1px solid rgba(7,41,74,.08); border-radius:14px; padding:12px 8px;\r\n text-align:center; transition:transform .25s ease, box-shadow .25s ease; cursor:pointer;\r\n}\r\n.bt-microstation-explainer .recap .card:hover, .bt-microstation-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-microstation-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-microstation-explainer .recap .card .t { font-family:'Sora',sans-serif; font-weight:700; font-size:.75rem; color:#07294a; }\r\n\r\n@media (max-width:992px){\r\n .bt-microstation-explainer .wrapper{padding:2rem 3% 3rem;}\r\n .bt-microstation-explainer .recap{grid-template-columns:repeat(3,1fr);}\r\n}\r\n@media (max-width:768px){\r\n .bt-microstation-explainer .wrapper{padding:1.25rem 0 2.5rem;}\r\n .bt-microstation-explainer .scene{padding:10px 0;border-radius:20px;}\r\n .bt-microstation-explainer .title{font-size:24px;padding:0 1.25rem;}\r\n .bt-microstation-explainer .subtitle{font-size:14px;padding:0 1.25rem;}\r\n .bt-microstation-explainer .badge{font-size:.65rem;padding:.3rem 1.2rem .3rem .8rem;}\r\n .bt-microstation-explainer .step-dot{width:14px;height:14px;}\r\n .bt-microstation-explainer .tooltip{max-width:210px;font-size:.85rem;padding:12px 16px;}\r\n\r\n \/* le dessin (maison \u2192 micro-station \u00e0 3 compartiments \u2192 rejet) est trop\r\n large pour tenir en entier et rester lisible : on l'affiche \u00e0 une\r\n taille fixe plus grande et on laisse d\u00e9filer horizontalement *\/\r\n .bt-microstation-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-microstation-explainer .scene svg{ width:900px; max-width:none; flex-shrink:0; }\r\n .bt-microstation-explainer .scroll-hint{ display:block; }\r\n .bt-microstation-explainer .recap{grid-template-columns:repeat(3,1fr); padding:0 1.25rem;}\r\n}\r\n@media (max-width:480px){\r\n .bt-microstation-explainer .recap{grid-template-columns:repeat(2,1fr);}\r\n}\r\n<\/style>\r\n\r\n<section class=\"bt-microstation-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> Micro-station d'assainissement<\/span>\r\n <h2 class=\"title\">Micro-station d'assainissement : <span class=\"highlight\">fonctionnement et entretien<\/span><\/h2>\r\n <p class=\"subtitle\">\r\n <strong>Micro-station<\/strong> (ou <strong>station d'\u00e9puration individuelle<\/strong>) : un syst\u00e8me\r\n compact qui traite vos eaux us\u00e9es par <strong>a\u00e9ration biologique<\/strong>. D\u00e9couvrez son\r\n fonctionnement en 6 \u00e9tapes \u2014 cliquez sur un rep\u00e8re ou faites d\u00e9filer la molette.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"scene\" id=\"microStationScene\">\r\n <div class=\"scene-scroll\">\r\n <svg id=\"microStationSvg\" viewBox=\"0 0 1100 540\" preserveAspectRatio=\"xMidYMid meet\">\r\n\r\n <defs>\r\n <linearGradient id=\"skyGrad2\" 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=\"groundGrad2\" 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 <linearGradient id=\"aeratedGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"#6ad0e0\" stop-opacity=\"0.3\" \/>\r\n <stop offset=\"100%\" stop-color=\"#1a7a9a\" stop-opacity=\"0.6\" \/>\r\n <\/linearGradient>\r\n <filter id=\"glow2\">\r\n <feGaussianBlur stdDeviation=\"4\" result=\"blur\" \/>\r\n <feMerge><feMergeNode in=\"blur\" \/><feMergeNode in=\"SourceGraphic\" \/><\/feMerge>\r\n <\/filter>\r\n <filter id=\"shadow2\">\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(#skyGrad2)\" \/>\r\n <rect x=\"0\" y=\"280\" width=\"1100\" height=\"260\" fill=\"url(#groundGrad2)\" \/>\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 \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 \r\n <g class=\"step-zone\" data-step=\"2\">\r\n <path d=\"M220 220 L320 220 L320 320 L400 320\" stroke=\"#6a7a6a\" stroke-width=\"8\" fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\r\n <path d=\"M400 320 L480 320 L480 380\" stroke=\"#6a7a6a\" stroke-width=\"8\" fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\r\n <text x=\"330\" y=\"210\" font-size=\"11\" fill=\"#6b7f94\" font-weight=\"600\" font-family=\"Inter, sans-serif\">Canalisation<\/text>\r\n <circle class=\"step-num\" cx=\"290\" cy=\"220\" r=\"14\" fill=\"#f4a61a\" \/>\r\n <text x=\"290\" 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(#glow2)\">\r\n <animate attributeName=\"cx\" from=\"225\" to=\"480\" dur=\"4.5s\" repeatCount=\"indefinite\" \/>\r\n <animate attributeName=\"cy\" from=\"220\" to=\"380\" 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 \r\n <g class=\"step-zone\" data-step=\"3\" filter=\"url(#shadow2)\">\r\n <rect x=\"560\" y=\"340\" width=\"80\" height=\"90\" fill=\"#3a4a3a\" stroke=\"#4a5a4a\" stroke-width=\"2\" rx=\"8\" \/>\r\n <rect x=\"560\" y=\"340\" width=\"80\" height=\"90\" fill=\"#2a3a2a\" rx=\"8\" \/>\r\n <rect x=\"565\" y=\"360\" width=\"70\" height=\"15\" fill=\"#4a5a3a\" opacity=\"0.5\" \/>\r\n <rect x=\"565\" y=\"390\" width=\"70\" height=\"25\" fill=\"#2a3a2a\" opacity=\"0.6\" \/>\r\n <text x=\"600\" y=\"335\" font-size=\"12\" fill=\"#fff\" font-weight=\"700\" font-family=\"Sora, sans-serif\" text-anchor=\"middle\">D\u00e9cantation<\/text>\r\n <circle class=\"step-num\" cx=\"553\" cy=\"355\" r=\"14\" fill=\"#f4a61a\" \/>\r\n <text x=\"553\" y=\"360\" font-size=\"13\" fill=\"#fff\" font-weight=\"800\" font-family=\"Sora,sans-serif\" text-anchor=\"middle\">3<\/text>\r\n <\/g>\r\n\r\n \r\n <g class=\"step-zone\" data-step=\"4\" filter=\"url(#shadow2)\">\r\n <rect x=\"660\" y=\"340\" width=\"90\" height=\"90\" fill=\"#3a5a4a\" stroke=\"#4a6a5a\" stroke-width=\"2\" rx=\"8\" \/>\r\n <rect x=\"660\" y=\"340\" width=\"90\" height=\"90\" fill=\"#2a4a3a\" rx=\"8\" \/>\r\n <rect x=\"665\" y=\"355\" width=\"80\" height=\"70\" fill=\"url(#aeratedGrad)\" rx=\"6\" \/>\r\n <circle class=\"bubble\" cx=\"685\" cy=\"400\" r=\"3\" fill=\"#8ae0f0\" opacity=\"0.6\">\r\n <animate attributeName=\"cy\" from=\"400\" to=\"355\" dur=\"2.5s\" repeatCount=\"indefinite\" \/>\r\n <animate attributeName=\"opacity\" from=\"0.6\" to=\"0\" dur=\"2.5s\" repeatCount=\"indefinite\" \/>\r\n <\/circle>\r\n <circle class=\"bubble\" cx=\"705\" cy=\"410\" r=\"4\" fill=\"#8ae0f0\" opacity=\"0.6\">\r\n <animate attributeName=\"cy\" from=\"410\" to=\"355\" dur=\"3s\" repeatCount=\"indefinite\" \/>\r\n <animate attributeName=\"opacity\" from=\"0.6\" to=\"0\" dur=\"3s\" repeatCount=\"indefinite\" \/>\r\n <\/circle>\r\n <circle class=\"bubble\" cx=\"725\" cy=\"395\" r=\"3\" fill=\"#8ae0f0\" opacity=\"0.6\">\r\n <animate attributeName=\"cy\" from=\"395\" to=\"355\" dur=\"2.8s\" repeatCount=\"indefinite\" \/>\r\n <animate attributeName=\"opacity\" from=\"0.6\" to=\"0\" dur=\"2.8s\" repeatCount=\"indefinite\" \/>\r\n <\/circle>\r\n <circle class=\"bubble\" cx=\"695\" cy=\"390\" r=\"2\" fill=\"#8ae0f0\" opacity=\"0.5\">\r\n <animate attributeName=\"cy\" from=\"390\" to=\"355\" dur=\"3.2s\" repeatCount=\"indefinite\" \/>\r\n <animate attributeName=\"opacity\" from=\"0.5\" to=\"0\" dur=\"3.2s\" repeatCount=\"indefinite\" \/>\r\n <\/circle>\r\n <text x=\"705\" y=\"335\" font-size=\"12\" fill=\"#fff\" font-weight=\"700\" font-family=\"Sora, sans-serif\" text-anchor=\"middle\">A\u00e9ration<\/text>\r\n <text x=\"705\" y=\"320\" font-size=\"9\" fill=\"#6b7f94\" font-family=\"Inter, sans-serif\" text-anchor=\"middle\">(oxyg\u00e8ne)<\/text>\r\n <circle class=\"step-num\" cx=\"753\" cy=\"355\" r=\"14\" fill=\"#f4a61a\" \/>\r\n <text x=\"753\" y=\"360\" 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 \r\n <g class=\"step-zone\" data-step=\"5\" filter=\"url(#shadow2)\">\r\n <rect x=\"770\" y=\"340\" width=\"70\" height=\"90\" fill=\"#3a4a5a\" stroke=\"#4a5a6a\" stroke-width=\"2\" rx=\"8\" \/>\r\n <rect x=\"770\" y=\"340\" width=\"70\" height=\"90\" fill=\"#2a3a4a\" rx=\"8\" \/>\r\n <rect x=\"775\" y=\"370\" width=\"60\" height=\"40\" fill=\"#4ac0e0\" opacity=\"0.3\" rx=\"4\" \/>\r\n <text x=\"805\" y=\"335\" font-size=\"12\" fill=\"#fff\" font-weight=\"700\" font-family=\"Sora, sans-serif\" text-anchor=\"middle\">Clarification<\/text>\r\n <circle class=\"step-num\" cx=\"847\" cy=\"355\" r=\"14\" fill=\"#f4a61a\" \/>\r\n <text x=\"847\" y=\"360\" font-size=\"13\" fill=\"#fff\" font-weight=\"800\" font-family=\"Sora,sans-serif\" text-anchor=\"middle\">5<\/text>\r\n <\/g>\r\n\r\n \r\n <g class=\"step-zone\" data-step=\"6\">\r\n <path d=\"M840 380 L920 380 L920 440 L1000 440\" stroke=\"#4ac0e0\" stroke-width=\"6\" fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" opacity=\"0.6\" \/>\r\n <circle cx=\"1000\" cy=\"440\" r=\"12\" fill=\"#4ac0e0\" opacity=\"0.3\" filter=\"url(#glow2)\" \/>\r\n <text x=\"920\" y=\"460\" font-size=\"11\" fill=\"#6b7f94\" font-weight=\"600\" font-family=\"Inter, sans-serif\" text-anchor=\"middle\">Rejet \u00e9pur\u00e9<\/text>\r\n <path d=\"M990 430 Q1000 420 1010 430\" stroke=\"#5a8a4a\" stroke-width=\"3\" fill=\"none\" \/>\r\n <path d=\"M995 435 Q1005 425 1015 435\" stroke=\"#5a8a4a\" stroke-width=\"3\" fill=\"none\" \/>\r\n <circle class=\"step-num\" cx=\"1030\" cy=\"440\" r=\"14\" fill=\"#f4a61a\" \/>\r\n <text x=\"1030\" y=\"445\" font-size=\"13\" fill=\"#fff\" font-weight=\"800\" font-family=\"Sora,sans-serif\" text-anchor=\"middle\">6<\/text>\r\n <\/g>\r\n\r\n <path d=\"M640 385 L658 385\" stroke=\"#fff\" stroke-width=\"2\" opacity=\"0.4\" \/>\r\n <path d=\"M750 385 L768 385\" stroke=\"#fff\" stroke-width=\"2\" opacity=\"0.4\" \/>\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=\"microTooltip\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"steps-bar\" id=\"microStepsBar\">\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=\"microRecap\">\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\">D\u00e9cantation<\/div><\/div>\r\n <div class=\"card\" data-step=\"4\"><div class=\"n\">4<\/div><div class=\"t\">A\u00e9ration<\/div><\/div>\r\n <div class=\"card\" data-step=\"5\"><div class=\"n\">5<\/div><div class=\"t\">Clarification<\/div><\/div>\r\n <div class=\"card\" data-step=\"6\"><div class=\"n\">6<\/div><div class=\"t\">Rejet<\/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-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\"><use href=\"#bt-w5\" x=\"0\" fill=\"#d6ebfb\" \/><use href=\"#bt-w5\" x=\"176\" fill=\"#d6ebfb\" \/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#bt-w5\" x=\"0\" fill=\"#a9d4f3\" \/><use href=\"#bt-w5\" x=\"176\" fill=\"#a9d4f3\" \/><\/g>\r\n <g class=\"wave-front\"><use href=\"#bt-w5\" x=\"0\" fill=\"#ffffff\" \/><use href=\"#bt-w5\" 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('microStationScene');\r\n const tooltip = document.getElementById('microTooltip');\r\n const dots = document.querySelectorAll('#microStepsBar .step-dot');\r\n const zones = document.querySelectorAll('.step-zone');\r\n const cards = document.querySelectorAll('#microRecap .card');\r\n\r\n const STEPS = [\r\n { id:1, label:'Maison', desc:\"Les eaux us\u00e9es (WC, douche, cuisine) quittent la maison par la canalisation.\" },\r\n { id:2, label:'Canalisation', desc:\"Les eaux us\u00e9es sont achemin\u00e9es vers la micro-station enterr\u00e9e.\" },\r\n { id:3, label:'D\u00e9cantation', desc:\"Les mati\u00e8res lourdes (boues) se d\u00e9posent au fond. Les graisses et flottants remontent \u00e0 la surface.\" },\r\n { id:4, label:'A\u00e9ration', desc:\"Des bact\u00e9ries a\u00e9robies d\u00e9gradent la pollution. Des bulles d'air (oxyg\u00e8ne) sont inject\u00e9es en continu.\" },\r\n { id:5, label:'Clarification', desc:\"L'eau trait\u00e9e est s\u00e9par\u00e9e des boues. L'eau claire est pr\u00eate \u00e0 \u00eatre rejet\u00e9e.\" },\r\n { id:6, label:'Rejet', desc:\"L'eau \u00e9pur\u00e9e, conforme aux normes, est rejet\u00e9e dans le milieu naturel (foss\u00e9, ruisseau, 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('#microRecap .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-a87df49 e-con-full e-flex e-con e-parent\" data-id=\"a87df49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27b0f15 elementor-widget elementor-widget-html\" data-id=\"27b0f15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n\/* ============================================================\r\n CSS DE L'ARTICLE \u2014 Micro-station d'assainissement\r\n ============================================================ *\/\r\n.bt-article-micro-text * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n.bt-article-micro-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-micro-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-micro-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-micro-text .waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 100px;\r\n}\r\n.bt-article-micro-text .waves .wave-back use {\r\n animation: bt-wavemove 11s linear infinite;\r\n opacity: .55;\r\n}\r\n.bt-article-micro-text .waves .wave-mid use {\r\n animation: bt-wavemove 8s linear infinite reverse;\r\n opacity: .8;\r\n}\r\n.bt-article-micro-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-micro-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-micro-text .header {\r\n text-align: center;\r\n max-width: 880px;\r\n margin: 0 auto 1.5rem;\r\n}\r\n.bt-article-micro-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-micro-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-micro-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-micro-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-micro-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-micro-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-micro-text .content {\r\n font-size: 1.05rem;\r\n line-height: 1.8;\r\n color: #1e293b;\r\n}\r\n.bt-article-micro-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-micro-text .content h3 .highlight {\r\n color: #f4a61a;\r\n}\r\n.bt-article-micro-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-micro-text .content p {\r\n margin-bottom: 1.2rem;\r\n}\r\n.bt-article-micro-text .content ul, .bt-article-micro-text .content ol {\r\n margin: 0.8rem 0 1.5rem 1.8rem;\r\n}\r\n.bt-article-micro-text .content li {\r\n margin-bottom: 0.4rem;\r\n}\r\n.bt-article-micro-text .content strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n}\r\n.bt-article-micro-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-micro-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-micro-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-micro-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-micro-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-micro-text .cta-article p {\r\n font-size: 1.1rem;\r\n color: #48637d;\r\n}\r\n.bt-article-micro-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-micro-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-micro-text .wrapper {\r\n padding: 1.5rem 1.5rem 3rem;\r\n }\r\n .bt-article-micro-text .title {\r\n font-size: 26px;\r\n }\r\n .bt-article-micro-text .subtitle {\r\n font-size: 14px;\r\n }\r\n .bt-article-micro-text .content {\r\n font-size: 0.95rem;\r\n }\r\n .bt-article-micro-text .content h3 {\r\n font-size: 1.25rem;\r\n }\r\n .bt-article-micro-text .content h4 {\r\n font-size: 1rem;\r\n }\r\n .bt-article-micro-text .badge {\r\n font-size: 0.65rem;\r\n padding: .3rem 1.2rem .3rem .8rem;\r\n }\r\n .bt-article-micro-text .waves svg {\r\n height: 50px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .bt-article-micro-text .wrapper {\r\n padding: 1rem 1rem 2rem;\r\n }\r\n .bt-article-micro-text .title {\r\n font-size: 22px;\r\n }\r\n .bt-article-micro-text .subtitle {\r\n font-size: 13px;\r\n }\r\n .bt-article-micro-text .content {\r\n font-size: 0.9rem;\r\n }\r\n .bt-article-micro-text .content h3 {\r\n font-size: 1.1rem;\r\n }\r\n .bt-article-micro-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<div class=\"bt-article-micro-text\">\r\n <div class=\"wrapper\">\r\n\r\n <div class=\"container\">\r\n\r\n \r\n <header class=\"header\">\r\n <span class=\"badge\"><span class=\"dot\"><\/span> Assainissement individuel<\/span>\r\n <h1 class=\"title\">Micro-station d'assainissement <span class=\"highlight\">fonctionnement et entretien<\/span><\/h1>\r\n <p class=\"subtitle\">\r\n <strong>Micro-station<\/strong> (ou <strong>station d'\u00e9puration individuelle<\/strong>) :\r\n un syst\u00e8me compact qui traite vos eaux us\u00e9es par <strong>a\u00e9ration biologique<\/strong>.\r\n D\u00e9couvrez son fonctionnement \u00e9tape par \u00e9tape et les bonnes pratiques d'entretien.\r\n <\/p>\r\n <p style=\"font-size:0.9rem; color:#94a3b8; margin-top:0.8rem;\">\r\n Publi\u00e9 le 10 juillet 2026 \u00b7 Temps de lecture : 8 minutes\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"content\">\r\n\r\n <p>\r\n Vous cherchez une alternative moderne \u00e0 la <strong>fosse septique<\/strong> traditionnelle ?\r\n La <strong>micro-station d'assainissement<\/strong> \u2013 \u00e9galement appel\u00e9e <strong>station d'\u00e9puration individuelle<\/strong> \u2013\r\n est une solution compacte et performante pour traiter les <strong>eaux us\u00e9es<\/strong> d'une <strong>maison<\/strong>\r\n ou d'un <strong>petit immeuble<\/strong>. Elle fonctionne gr\u00e2ce \u00e0 un <strong>traitement biologique par a\u00e9ration<\/strong>\r\n qui d\u00e9grade la pollution beaucoup plus rapidement qu'une fosse classique.\r\n <\/p>\r\n\r\n <p>\r\n Dans cet article, nous vous expliquons <strong>comment fonctionne une micro-station<\/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 nos <strong>conseils d'entretien<\/strong> pour garantir sa <strong>durabilit\u00e9<\/strong> et sa <strong>conformit\u00e9<\/strong>\r\n aux normes environnementales.\r\n <\/p>\r\n\r\n \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> Une micro-station bien entretenue peut durer <strong>30 \u00e0 40 ans<\/strong> et\r\n traite les eaux us\u00e9es avec un <strong>rendement \u00e9puratoire sup\u00e9rieur \u00e0 95 %<\/strong>, ce qui en fait l'une\r\n des solutions d'<strong>assainissement non collectif<\/strong> les plus efficaces.\r\n <\/p>\r\n\r\n <h3>1. <span class=\"highlight\">D\u00e9cantation<\/span> \u2014 le premier compartiment<\/h3>\r\n <p>\r\n Dans le premier compartiment de la micro-station, les <strong>eaux us\u00e9es<\/strong> sont mises au repos.\r\n Sous l'effet de la <strong>gravit\u00e9<\/strong>, les particules lourdes (<strong>boues<\/strong>) tombent au fond,\r\n tandis que les <strong>graisses<\/strong> et les <strong>flottants<\/strong> remontent \u00e0 la surface.\r\n Cette <strong>d\u00e9cantation primaire<\/strong> s\u00e9pare environ <strong>30 \u00e0 40 %<\/strong> de la pollution.\r\n <\/p>\r\n\r\n <h3>2. <span class=\"highlight\">A\u00e9ration<\/span> \u2014 le c\u0153ur du traitement biologique<\/h3>\r\n <p>\r\n Dans le deuxi\u00e8me compartiment, un <strong>compresseur d'air<\/strong> injecte en continu de l'<strong>oxyg\u00e8ne<\/strong>\r\n dans l'eau. Ce proc\u00e9d\u00e9, appel\u00e9 <strong>a\u00e9ration prolong\u00e9e<\/strong>, favorise le d\u00e9veloppement de\r\n <strong>bact\u00e9ries a\u00e9robies<\/strong> qui d\u00e9gradent la mati\u00e8re organique. Ces micro-organismes transforment\r\n la pollution en <strong>eau, dioxyde de carbone<\/strong> et en <strong>biomasse<\/strong> (boues).\r\n Le rendement \u00e9puratoire atteint <strong>95 \u00e0 98 %<\/strong>.\r\n <\/p>\r\n\r\n \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 savoir :<\/strong> L'a\u00e9ration est le principal facteur de performance d'une micro-station.\r\n Sans oxyg\u00e8ne, les bact\u00e9ries ne peuvent pas travailler efficacement. D'o\u00f9 l'importance de v\u00e9rifier\r\n r\u00e9guli\u00e8rement le <strong>compresseur<\/strong> et les <strong>diffuseurs d'air<\/strong>.\r\n <\/p>\r\n\r\n <h3>3. <span class=\"highlight\">Clarification<\/span> \u2014 s\u00e9paration finale<\/h3>\r\n <p>\r\n Le troisi\u00e8me compartiment est un <strong>clarificateur<\/strong> o\u00f9 l'eau trait\u00e9e est s\u00e9par\u00e9e des boues.\r\n Les boues en exc\u00e8s sont <strong>recircul\u00e9es<\/strong> vers le premier compartiment pour y \u00eatre stock\u00e9es.\r\n L'eau claire, d\u00e9sormais <strong>\u00e9pur\u00e9e<\/strong>, est pr\u00eate \u00e0 \u00eatre rejet\u00e9e dans le <strong>milieu naturel<\/strong>\r\n (foss\u00e9, ruisseau ou sol) via un <strong>syst\u00e8me de rejet<\/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 Une micro-station demande un <strong>entretien r\u00e9gulier<\/strong> pour conserver son efficacit\u00e9\r\n et sa <strong>conformit\u00e9<\/strong> aux normes (arr\u00eat\u00e9 du 7 septembre 2009). Voici les points cl\u00e9s :\r\n <\/p>\r\n <ul>\r\n <li><strong>Vidange des boues<\/strong> : tous les <strong>1 \u00e0 3 ans<\/strong> selon l'usage.<\/li>\r\n <li><strong>Contr\u00f4le du compresseur<\/strong> : v\u00e9rifier le d\u00e9bit d'air et le niveau sonore.<\/li>\r\n <li><strong>Nettoyage des diffuseurs<\/strong> : d\u00e9boucher les orifices bouch\u00e9s par le calcaire.<\/li>\r\n <li><strong>Inspection annuelle<\/strong> : faire appel \u00e0 un <strong>professionnel agr\u00e9\u00e9<\/strong> (SPANC ou installateur).<\/li>\r\n <li><strong>\u00c9viter les produits toxiques<\/strong> : javel, solvants, acides freinent l'activit\u00e9 bact\u00e9rienne.<\/li>\r\n <\/ul>\r\n\r\n <h3>5. <span class=\"highlight\">Avantages<\/span> par rapport \u00e0 une fosse septique<\/h3>\r\n <ul>\r\n <li><strong>Meilleur rendement \u00e9puratoire<\/strong> (> 95 % contre 70 % pour une fosse classique).<\/li>\r\n <li><strong>Encombrement r\u00e9duit<\/strong> : id\u00e9ale pour les terrains \u00e9troits.<\/li>\r\n <li><strong>Odorat contr\u00f4l\u00e9<\/strong> : l'a\u00e9ration limite les mauvaises odeurs.<\/li>\r\n <li><strong>Rejet autoris\u00e9<\/strong> dans le milieu naturel sous certaines conditions.<\/li>\r\n <li><strong>Conformit\u00e9<\/strong> facilit\u00e9e avec les exigences r\u00e9glementaires.<\/li>\r\n <\/ul>\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>\u00e9tudes de sol<\/strong>,\r\n des <strong>installations<\/strong> de micro-stations et des <strong>contrats d'entretien<\/strong> sur mesure.\r\n Nos techniciens interviennent dans toute l'<strong>\u00cele-de-France<\/strong>.\r\n <\/p>\r\n\r\n \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 \r\n <\/div>\r\n \r\n\r\n \r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"bt-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-e532dd0 e-con-full e-flex e-con e-parent\" data-id=\"e532dd0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-519b94e elementor-widget elementor-widget-html\" data-id=\"519b94e\" 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 Micro-station d’assainissement Micro-station d’assainissement Micro-station d’assainissement : fonctionnement et entretien Micro-station (ou station d’\u00e9puration individuelle) : un syst\u00e8me compact qui traite vos eaux us\u00e9es par a\u00e9ration biologique. D\u00e9couvrez son fonctionnement en 6 \u00e9tapes \u2014 cliquez sur un rep\u00e8re ou faites d\u00e9filer la molette. Maison 1 Canalisation 2 D\u00e9cantation 3 A\u00e9ration (oxyg\u00e8ne) 4 […]<\/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-2209","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/2209","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=2209"}],"version-history":[{"count":26,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/2209\/revisions"}],"predecessor-version":[{"id":2936,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/2209\/revisions\/2936"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=2209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\nBT Plus \u2014 Micro-station d'assainissement<\/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\r\n<style>\r\n.bt-microstation-explainer * { margin:0; padding:0; box-sizing:border-box; }\r\n.bt-microstation-explainer { font-family:'Inter',sans-serif; background:#fff; color:#0a1a2b; line-height:1.6; overflow-x:hidden; }\r\n.bt-microstation-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-microstation-explainer .waves { position:absolute; left:0; right:0; bottom:0; line-height:0; z-index:0; pointer-events:none; }\r\n.bt-microstation-explainer .waves svg { display:block; width:100%; height:100px; }\r\n.bt-microstation-explainer .waves .wave-back use { animation: bt-wavemove 11s linear infinite; opacity:.55; }\r\n.bt-microstation-explainer .waves .wave-mid use { animation: bt-wavemove 8s linear infinite reverse; opacity:.8; }\r\n.bt-microstation-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-microstation-explainer .container { max-width:1200px; width:100%; margin:0 auto; padding:0 20px; position:relative; z-index:10; }\r\n\r\n.bt-microstation-explainer .header { text-align:center; max-width:880px; margin:0 auto 2.5rem; }\r\n.bt-microstation-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-microstation-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-microstation-explainer .title { font-family:'Sora',sans-serif; font-weight:800; font-size:clamp(2.1rem,4vw,3.2rem); letter-spacing:-.03em; color:#07294a; line-height:1.1; margin-bottom:.6rem; }\r\n.bt-microstation-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-microstation-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-microstation-explainer .subtitle strong { color:#07294a; font-weight:600; }\r\n\r\n.bt-microstation-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-microstation-explainer .scene:hover { box-shadow:0 16px 80px rgba(7,41,74,.10); }\r\n.bt-microstation-explainer .scene svg { display:block; width:100%; height:auto; max-height:640px; overflow:visible; }\r\n.bt-microstation-explainer .scene-scroll { width:100%; }\r\n.bt-microstation-explainer .scroll-hint { display:none; text-align:center; font-size:.72rem; color:#6b7f94; margin-top:6px; }\r\n\r\n.bt-microstation-explainer .step-zone { cursor:pointer; transition:filter .3s ease; }\r\n.bt-microstation-explainer .step-zone:hover { filter:drop-shadow(0 0 24px rgba(244,166,26,.45)); }\r\n.bt-microstation-explainer .step-zone.active { filter:drop-shadow(0 0 34px rgba(244,166,26,.65)); }\r\n.bt-microstation-explainer .step-zone .step-num { transition: transform .3s ease; }\r\n.bt-microstation-explainer .step-zone.active .step-num,\r\n.bt-microstation-explainer .step-zone:hover .step-num { transform: scale(1.15); }\r\n\r\n.bt-microstation-explainer .drop { animation: dropFlow 5s ease-in-out infinite; }\r\n@keyframes dropFlow { 0%{opacity:0;} 10%{opacity:1;} 90%{opacity:1;} 100%{opacity:0;} }\r\n.bt-microstation-explainer .bubble { animation: bubbleRise 3s ease-in infinite; }\r\n@keyframes bubbleRise { 0%{opacity:.6; transform:translateY(0) scale(1);} 100%{opacity:0; transform:translateY(-40px) scale(1.4);} }\r\n\r\n.bt-microstation-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-microstation-explainer .tooltip.visible { opacity:1; transform:translateY(0) scale(1); display:block; }\r\n.bt-microstation-explainer .tooltip strong { color:#f4a61a; display:block; font-size:1.05rem; margin-bottom:4px; font-family:'Sora',sans-serif; }\r\n\r\n.bt-microstation-explainer .steps-bar { display:flex; justify-content:center; gap:18px; margin-top:20px; flex-wrap:wrap; }\r\n.bt-microstation-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-microstation-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-microstation-explainer .step-dot.done { background:#1c7ec9; opacity:.5; }\r\n.bt-microstation-explainer .step-dot:hover { transform:scale(1.15); background:rgba(244,166,26,.3); }\r\n\r\n.bt-microstation-explainer .recap { max-width:1000px; margin:2.2rem auto 0; display:grid; grid-template-columns:repeat(6,1fr); gap:10px; }\r\n.bt-microstation-explainer .recap .card {\r\n background:rgba(255,255,255,.7); border:1px solid rgba(7,41,74,.08); border-radius:14px; padding:12px 8px;\r\n text-align:center; transition:transform .25s ease, box-shadow .25s ease; cursor:pointer;\r\n}\r\n.bt-microstation-explainer .recap .card:hover, .bt-microstation-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-microstation-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-microstation-explainer .recap .card .t { font-family:'Sora',sans-serif; font-weight:700; font-size:.75rem; color:#07294a; }\r\n\r\n@media (max-width:992px){\r\n .bt-microstation-explainer .wrapper{padding:2rem 3% 3rem;}\r\n .bt-microstation-explainer .recap{grid-template-columns:repeat(3,1fr);}\r\n}\r\n@media (max-width:768px){\r\n .bt-microstation-explainer .wrapper{padding:1.25rem 0 2.5rem;}\r\n .bt-microstation-explainer .scene{padding:10px 0;border-radius:20px;}\r\n .bt-microstation-explainer .title{font-size:24px;padding:0 1.25rem;}\r\n .bt-microstation-explainer .subtitle{font-size:14px;padding:0 1.25rem;}\r\n .bt-microstation-explainer .badge{font-size:.65rem;padding:.3rem 1.2rem .3rem .8rem;}\r\n .bt-microstation-explainer .step-dot{width:14px;height:14px;}\r\n .bt-microstation-explainer .tooltip{max-width:210px;font-size:.85rem;padding:12px 16px;}\r\n\r\n \/* le dessin (maison \u2192 micro-station \u00e0 3 compartiments \u2192 rejet) est trop\r\n large pour tenir en entier et rester lisible : on l'affiche \u00e0 une\r\n taille fixe plus grande et on laisse d\u00e9filer horizontalement *\/\r\n .bt-microstation-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-microstation-explainer .scene svg{ width:900px; max-width:none; flex-shrink:0; }\r\n .bt-microstation-explainer .scroll-hint{ display:block; }\r\n .bt-microstation-explainer .recap{grid-template-columns:repeat(3,1fr); padding:0 1.25rem;}\r\n}\r\n@media (max-width:480px){\r\n .bt-microstation-explainer .recap{grid-template-columns:repeat(2,1fr);}\r\n}\r\n<\/style>\r\n\r\n<section class=\"bt-microstation-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> Micro-station d'assainissement<\/span>\r\n <h2 class=\"title\">Micro-station d'assainissement : <span class=\"highlight\">fonctionnement et entretien<\/span><\/h2>\r\n <p class=\"subtitle\">\r\n <strong>Micro-station<\/strong> (ou <strong>station d'\u00e9puration individuelle<\/strong>) : un syst\u00e8me\r\n compact qui traite vos eaux us\u00e9es par <strong>a\u00e9ration biologique<\/strong>. D\u00e9couvrez son\r\n fonctionnement en 6 \u00e9tapes \u2014 cliquez sur un rep\u00e8re ou faites d\u00e9filer la molette.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"scene\" id=\"microStationScene\">\r\n <div class=\"scene-scroll\">\r\n <svg id=\"microStationSvg\" viewBox=\"0 0 1100 540\" preserveAspectRatio=\"xMidYMid meet\">\r\n\r\n <defs>\r\n <linearGradient id=\"skyGrad2\" 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=\"groundGrad2\" 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 <linearGradient id=\"aeratedGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"#6ad0e0\" stop-opacity=\"0.3\" \/>\r\n <stop offset=\"100%\" stop-color=\"#1a7a9a\" stop-opacity=\"0.6\" \/>\r\n <\/linearGradient>\r\n <filter id=\"glow2\">\r\n <feGaussianBlur stdDeviation=\"4\" result=\"blur\" \/>\r\n <feMerge><feMergeNode in=\"blur\" \/><feMergeNode in=\"SourceGraphic\" \/><\/feMerge>\r\n <\/filter>\r\n <filter id=\"shadow2\">\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(#skyGrad2)\" \/>\r\n <rect x=\"0\" y=\"280\" width=\"1100\" height=\"260\" fill=\"url(#groundGrad2)\" \/>\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 \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 \r\n <g class=\"step-zone\" data-step=\"2\">\r\n <path d=\"M220 220 L320 220 L320 320 L400 320\" stroke=\"#6a7a6a\" stroke-width=\"8\" fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\r\n <path d=\"M400 320 L480 320 L480 380\" stroke=\"#6a7a6a\" stroke-width=\"8\" fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" \/>\r\n <text x=\"330\" y=\"210\" font-size=\"11\" fill=\"#6b7f94\" font-weight=\"600\" font-family=\"Inter, sans-serif\">Canalisation<\/text>\r\n <circle class=\"step-num\" cx=\"290\" cy=\"220\" r=\"14\" fill=\"#f4a61a\" \/>\r\n <text x=\"290\" 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(#glow2)\">\r\n <animate attributeName=\"cx\" from=\"225\" to=\"480\" dur=\"4.5s\" repeatCount=\"indefinite\" \/>\r\n <animate attributeName=\"cy\" from=\"220\" to=\"380\" 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 \r\n <g class=\"step-zone\" data-step=\"3\" filter=\"url(#shadow2)\">\r\n <rect x=\"560\" y=\"340\" width=\"80\" height=\"90\" fill=\"#3a4a3a\" stroke=\"#4a5a4a\" stroke-width=\"2\" rx=\"8\" \/>\r\n <rect x=\"560\" y=\"340\" width=\"80\" height=\"90\" fill=\"#2a3a2a\" rx=\"8\" \/>\r\n <rect x=\"565\" y=\"360\" width=\"70\" height=\"15\" fill=\"#4a5a3a\" opacity=\"0.5\" \/>\r\n <rect x=\"565\" y=\"390\" width=\"70\" height=\"25\" fill=\"#2a3a2a\" opacity=\"0.6\" \/>\r\n <text x=\"600\" y=\"335\" font-size=\"12\" fill=\"#fff\" font-weight=\"700\" font-family=\"Sora, sans-serif\" text-anchor=\"middle\">D\u00e9cantation<\/text>\r\n <circle class=\"step-num\" cx=\"553\" cy=\"355\" r=\"14\" fill=\"#f4a61a\" \/>\r\n <text x=\"553\" y=\"360\" font-size=\"13\" fill=\"#fff\" font-weight=\"800\" font-family=\"Sora,sans-serif\" text-anchor=\"middle\">3<\/text>\r\n <\/g>\r\n\r\n \r\n <g class=\"step-zone\" data-step=\"4\" filter=\"url(#shadow2)\">\r\n <rect x=\"660\" y=\"340\" width=\"90\" height=\"90\" fill=\"#3a5a4a\" stroke=\"#4a6a5a\" stroke-width=\"2\" rx=\"8\" \/>\r\n <rect x=\"660\" y=\"340\" width=\"90\" height=\"90\" fill=\"#2a4a3a\" rx=\"8\" \/>\r\n <rect x=\"665\" y=\"355\" width=\"80\" height=\"70\" fill=\"url(#aeratedGrad)\" rx=\"6\" \/>\r\n <circle class=\"bubble\" cx=\"685\" cy=\"400\" r=\"3\" fill=\"#8ae0f0\" opacity=\"0.6\">\r\n <animate attributeName=\"cy\" from=\"400\" to=\"355\" dur=\"2.5s\" repeatCount=\"indefinite\" \/>\r\n <animate attributeName=\"opacity\" from=\"0.6\" to=\"0\" dur=\"2.5s\" repeatCount=\"indefinite\" \/>\r\n <\/circle>\r\n <circle class=\"bubble\" cx=\"705\" cy=\"410\" r=\"4\" fill=\"#8ae0f0\" opacity=\"0.6\">\r\n <animate attributeName=\"cy\" from=\"410\" to=\"355\" dur=\"3s\" repeatCount=\"indefinite\" \/>\r\n <animate attributeName=\"opacity\" from=\"0.6\" to=\"0\" dur=\"3s\" repeatCount=\"indefinite\" \/>\r\n <\/circle>\r\n <circle class=\"bubble\" cx=\"725\" cy=\"395\" r=\"3\" fill=\"#8ae0f0\" opacity=\"0.6\">\r\n <animate attributeName=\"cy\" from=\"395\" to=\"355\" dur=\"2.8s\" repeatCount=\"indefinite\" \/>\r\n <animate attributeName=\"opacity\" from=\"0.6\" to=\"0\" dur=\"2.8s\" repeatCount=\"indefinite\" \/>\r\n <\/circle>\r\n <circle class=\"bubble\" cx=\"695\" cy=\"390\" r=\"2\" fill=\"#8ae0f0\" opacity=\"0.5\">\r\n <animate attributeName=\"cy\" from=\"390\" to=\"355\" dur=\"3.2s\" repeatCount=\"indefinite\" \/>\r\n <animate attributeName=\"opacity\" from=\"0.5\" to=\"0\" dur=\"3.2s\" repeatCount=\"indefinite\" \/>\r\n <\/circle>\r\n <text x=\"705\" y=\"335\" font-size=\"12\" fill=\"#fff\" font-weight=\"700\" font-family=\"Sora, sans-serif\" text-anchor=\"middle\">A\u00e9ration<\/text>\r\n <text x=\"705\" y=\"320\" font-size=\"9\" fill=\"#6b7f94\" font-family=\"Inter, sans-serif\" text-anchor=\"middle\">(oxyg\u00e8ne)<\/text>\r\n <circle class=\"step-num\" cx=\"753\" cy=\"355\" r=\"14\" fill=\"#f4a61a\" \/>\r\n <text x=\"753\" y=\"360\" 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 \r\n <g class=\"step-zone\" data-step=\"5\" filter=\"url(#shadow2)\">\r\n <rect x=\"770\" y=\"340\" width=\"70\" height=\"90\" fill=\"#3a4a5a\" stroke=\"#4a5a6a\" stroke-width=\"2\" rx=\"8\" \/>\r\n <rect x=\"770\" y=\"340\" width=\"70\" height=\"90\" fill=\"#2a3a4a\" rx=\"8\" \/>\r\n <rect x=\"775\" y=\"370\" width=\"60\" height=\"40\" fill=\"#4ac0e0\" opacity=\"0.3\" rx=\"4\" \/>\r\n <text x=\"805\" y=\"335\" font-size=\"12\" fill=\"#fff\" font-weight=\"700\" font-family=\"Sora, sans-serif\" text-anchor=\"middle\">Clarification<\/text>\r\n <circle class=\"step-num\" cx=\"847\" cy=\"355\" r=\"14\" fill=\"#f4a61a\" \/>\r\n <text x=\"847\" y=\"360\" font-size=\"13\" fill=\"#fff\" font-weight=\"800\" font-family=\"Sora,sans-serif\" text-anchor=\"middle\">5<\/text>\r\n <\/g>\r\n\r\n \r\n <g class=\"step-zone\" data-step=\"6\">\r\n <path d=\"M840 380 L920 380 L920 440 L1000 440\" stroke=\"#4ac0e0\" stroke-width=\"6\" fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" opacity=\"0.6\" \/>\r\n <circle cx=\"1000\" cy=\"440\" r=\"12\" fill=\"#4ac0e0\" opacity=\"0.3\" filter=\"url(#glow2)\" \/>\r\n <text x=\"920\" y=\"460\" font-size=\"11\" fill=\"#6b7f94\" font-weight=\"600\" font-family=\"Inter, sans-serif\" text-anchor=\"middle\">Rejet \u00e9pur\u00e9<\/text>\r\n <path d=\"M990 430 Q1000 420 1010 430\" stroke=\"#5a8a4a\" stroke-width=\"3\" fill=\"none\" \/>\r\n <path d=\"M995 435 Q1005 425 1015 435\" stroke=\"#5a8a4a\" stroke-width=\"3\" fill=\"none\" \/>\r\n <circle class=\"step-num\" cx=\"1030\" cy=\"440\" r=\"14\" fill=\"#f4a61a\" \/>\r\n <text x=\"1030\" y=\"445\" font-size=\"13\" fill=\"#fff\" font-weight=\"800\" font-family=\"Sora,sans-serif\" text-anchor=\"middle\">6<\/text>\r\n <\/g>\r\n\r\n <path d=\"M640 385 L658 385\" stroke=\"#fff\" stroke-width=\"2\" opacity=\"0.4\" \/>\r\n <path d=\"M750 385 L768 385\" stroke=\"#fff\" stroke-width=\"2\" opacity=\"0.4\" \/>\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=\"microTooltip\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"steps-bar\" id=\"microStepsBar\">\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=\"microRecap\">\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\">D\u00e9cantation<\/div><\/div>\r\n <div class=\"card\" data-step=\"4\"><div class=\"n\">4<\/div><div class=\"t\">A\u00e9ration<\/div><\/div>\r\n <div class=\"card\" data-step=\"5\"><div class=\"n\">5<\/div><div class=\"t\">Clarification<\/div><\/div>\r\n <div class=\"card\" data-step=\"6\"><div class=\"n\">6<\/div><div class=\"t\">Rejet<\/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-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\"><use href=\"#bt-w5\" x=\"0\" fill=\"#d6ebfb\" \/><use href=\"#bt-w5\" x=\"176\" fill=\"#d6ebfb\" \/><\/g>\r\n <g class=\"wave-mid\"><use href=\"#bt-w5\" x=\"0\" fill=\"#a9d4f3\" \/><use href=\"#bt-w5\" x=\"176\" fill=\"#a9d4f3\" \/><\/g>\r\n <g class=\"wave-front\"><use href=\"#bt-w5\" x=\"0\" fill=\"#ffffff\" \/><use href=\"#bt-w5\" 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('microStationScene');\r\n const tooltip = document.getElementById('microTooltip');\r\n const dots = document.querySelectorAll('#microStepsBar .step-dot');\r\n const zones = document.querySelectorAll('.step-zone');\r\n const cards = document.querySelectorAll('#microRecap .card');\r\n\r\n const STEPS = [\r\n { id:1, label:'Maison', desc:\"Les eaux us\u00e9es (WC, douche, cuisine) quittent la maison par la canalisation.\" },\r\n { id:2, label:'Canalisation', desc:\"Les eaux us\u00e9es sont achemin\u00e9es vers la micro-station enterr\u00e9e.\" },\r\n { id:3, label:'D\u00e9cantation', desc:\"Les mati\u00e8res lourdes (boues) se d\u00e9posent au fond. Les graisses et flottants remontent \u00e0 la surface.\" },\r\n { id:4, label:'A\u00e9ration', desc:\"Des bact\u00e9ries a\u00e9robies d\u00e9gradent la pollution. Des bulles d'air (oxyg\u00e8ne) sont inject\u00e9es en continu.\" },\r\n { id:5, label:'Clarification', desc:\"L'eau trait\u00e9e est s\u00e9par\u00e9e des boues. L'eau claire est pr\u00eate \u00e0 \u00eatre rejet\u00e9e.\" },\r\n { id:6, label:'Rejet', desc:\"L'eau \u00e9pur\u00e9e, conforme aux normes, est rejet\u00e9e dans le milieu naturel (foss\u00e9, ruisseau, 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('#microRecap .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-a87df49 e-con-full e-flex e-con e-parent\" data-id=\"a87df49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27b0f15 elementor-widget elementor-widget-html\" data-id=\"27b0f15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n\/* ============================================================\r\n CSS DE L'ARTICLE \u2014 Micro-station d'assainissement\r\n ============================================================ *\/\r\n.bt-article-micro-text * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n.bt-article-micro-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-micro-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-micro-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-micro-text .waves svg {\r\n display: block;\r\n width: 100%;\r\n height: 100px;\r\n}\r\n.bt-article-micro-text .waves .wave-back use {\r\n animation: bt-wavemove 11s linear infinite;\r\n opacity: .55;\r\n}\r\n.bt-article-micro-text .waves .wave-mid use {\r\n animation: bt-wavemove 8s linear infinite reverse;\r\n opacity: .8;\r\n}\r\n.bt-article-micro-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-micro-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-micro-text .header {\r\n text-align: center;\r\n max-width: 880px;\r\n margin: 0 auto 1.5rem;\r\n}\r\n.bt-article-micro-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-micro-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-micro-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-micro-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-micro-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-micro-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-micro-text .content {\r\n font-size: 1.05rem;\r\n line-height: 1.8;\r\n color: #1e293b;\r\n}\r\n.bt-article-micro-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-micro-text .content h3 .highlight {\r\n color: #f4a61a;\r\n}\r\n.bt-article-micro-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-micro-text .content p {\r\n margin-bottom: 1.2rem;\r\n}\r\n.bt-article-micro-text .content ul, .bt-article-micro-text .content ol {\r\n margin: 0.8rem 0 1.5rem 1.8rem;\r\n}\r\n.bt-article-micro-text .content li {\r\n margin-bottom: 0.4rem;\r\n}\r\n.bt-article-micro-text .content strong {\r\n color: #07294a;\r\n font-weight: 600;\r\n}\r\n.bt-article-micro-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-micro-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-micro-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-micro-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-micro-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-micro-text .cta-article p {\r\n font-size: 1.1rem;\r\n color: #48637d;\r\n}\r\n.bt-article-micro-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-micro-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-micro-text .wrapper {\r\n padding: 1.5rem 1.5rem 3rem;\r\n }\r\n .bt-article-micro-text .title {\r\n font-size: 26px;\r\n }\r\n .bt-article-micro-text .subtitle {\r\n font-size: 14px;\r\n }\r\n .bt-article-micro-text .content {\r\n font-size: 0.95rem;\r\n }\r\n .bt-article-micro-text .content h3 {\r\n font-size: 1.25rem;\r\n }\r\n .bt-article-micro-text .content h4 {\r\n font-size: 1rem;\r\n }\r\n .bt-article-micro-text .badge {\r\n font-size: 0.65rem;\r\n padding: .3rem 1.2rem .3rem .8rem;\r\n }\r\n .bt-article-micro-text .waves svg {\r\n height: 50px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .bt-article-micro-text .wrapper {\r\n padding: 1rem 1rem 2rem;\r\n }\r\n .bt-article-micro-text .title {\r\n font-size: 22px;\r\n }\r\n .bt-article-micro-text .subtitle {\r\n font-size: 13px;\r\n }\r\n .bt-article-micro-text .content {\r\n font-size: 0.9rem;\r\n }\r\n .bt-article-micro-text .content h3 {\r\n font-size: 1.1rem;\r\n }\r\n .bt-article-micro-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<div class=\"bt-article-micro-text\">\r\n <div class=\"wrapper\">\r\n\r\n <div class=\"container\">\r\n\r\n \r\n <header class=\"header\">\r\n <span class=\"badge\"><span class=\"dot\"><\/span> Assainissement individuel<\/span>\r\n <h1 class=\"title\">Micro-station d'assainissement <span class=\"highlight\">fonctionnement et entretien<\/span><\/h1>\r\n <p class=\"subtitle\">\r\n <strong>Micro-station<\/strong> (ou <strong>station d'\u00e9puration individuelle<\/strong>) :\r\n un syst\u00e8me compact qui traite vos eaux us\u00e9es par <strong>a\u00e9ration biologique<\/strong>.\r\n D\u00e9couvrez son fonctionnement \u00e9tape par \u00e9tape et les bonnes pratiques d'entretien.\r\n <\/p>\r\n <p style=\"font-size:0.9rem; color:#94a3b8; margin-top:0.8rem;\">\r\n Publi\u00e9 le 10 juillet 2026 \u00b7 Temps de lecture : 8 minutes\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"content\">\r\n\r\n <p>\r\n Vous cherchez une alternative moderne \u00e0 la <strong>fosse septique<\/strong> traditionnelle ?\r\n La <strong>micro-station d'assainissement<\/strong> \u2013 \u00e9galement appel\u00e9e <strong>station d'\u00e9puration individuelle<\/strong> \u2013\r\n est une solution compacte et performante pour traiter les <strong>eaux us\u00e9es<\/strong> d'une <strong>maison<\/strong>\r\n ou d'un <strong>petit immeuble<\/strong>. Elle fonctionne gr\u00e2ce \u00e0 un <strong>traitement biologique par a\u00e9ration<\/strong>\r\n qui d\u00e9grade la pollution beaucoup plus rapidement qu'une fosse classique.\r\n <\/p>\r\n\r\n <p>\r\n Dans cet article, nous vous expliquons <strong>comment fonctionne une micro-station<\/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 nos <strong>conseils d'entretien<\/strong> pour garantir sa <strong>durabilit\u00e9<\/strong> et sa <strong>conformit\u00e9<\/strong>\r\n aux normes environnementales.\r\n <\/p>\r\n\r\n \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> Une micro-station bien entretenue peut durer <strong>30 \u00e0 40 ans<\/strong> et\r\n traite les eaux us\u00e9es avec un <strong>rendement \u00e9puratoire sup\u00e9rieur \u00e0 95 %<\/strong>, ce qui en fait l'une\r\n des solutions d'<strong>assainissement non collectif<\/strong> les plus efficaces.\r\n <\/p>\r\n\r\n <h3>1. <span class=\"highlight\">D\u00e9cantation<\/span> \u2014 le premier compartiment<\/h3>\r\n <p>\r\n Dans le premier compartiment de la micro-station, les <strong>eaux us\u00e9es<\/strong> sont mises au repos.\r\n Sous l'effet de la <strong>gravit\u00e9<\/strong>, les particules lourdes (<strong>boues<\/strong>) tombent au fond,\r\n tandis que les <strong>graisses<\/strong> et les <strong>flottants<\/strong> remontent \u00e0 la surface.\r\n Cette <strong>d\u00e9cantation primaire<\/strong> s\u00e9pare environ <strong>30 \u00e0 40 %<\/strong> de la pollution.\r\n <\/p>\r\n\r\n <h3>2. <span class=\"highlight\">A\u00e9ration<\/span> \u2014 le c\u0153ur du traitement biologique<\/h3>\r\n <p>\r\n Dans le deuxi\u00e8me compartiment, un <strong>compresseur d'air<\/strong> injecte en continu de l'<strong>oxyg\u00e8ne<\/strong>\r\n dans l'eau. Ce proc\u00e9d\u00e9, appel\u00e9 <strong>a\u00e9ration prolong\u00e9e<\/strong>, favorise le d\u00e9veloppement de\r\n <strong>bact\u00e9ries a\u00e9robies<\/strong> qui d\u00e9gradent la mati\u00e8re organique. Ces micro-organismes transforment\r\n la pollution en <strong>eau, dioxyde de carbone<\/strong> et en <strong>biomasse<\/strong> (boues).\r\n Le rendement \u00e9puratoire atteint <strong>95 \u00e0 98 %<\/strong>.\r\n <\/p>\r\n\r\n \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 savoir :<\/strong> L'a\u00e9ration est le principal facteur de performance d'une micro-station.\r\n Sans oxyg\u00e8ne, les bact\u00e9ries ne peuvent pas travailler efficacement. D'o\u00f9 l'importance de v\u00e9rifier\r\n r\u00e9guli\u00e8rement le <strong>compresseur<\/strong> et les <strong>diffuseurs d'air<\/strong>.\r\n <\/p>\r\n\r\n <h3>3. <span class=\"highlight\">Clarification<\/span> \u2014 s\u00e9paration finale<\/h3>\r\n <p>\r\n Le troisi\u00e8me compartiment est un <strong>clarificateur<\/strong> o\u00f9 l'eau trait\u00e9e est s\u00e9par\u00e9e des boues.\r\n Les boues en exc\u00e8s sont <strong>recircul\u00e9es<\/strong> vers le premier compartiment pour y \u00eatre stock\u00e9es.\r\n L'eau claire, d\u00e9sormais <strong>\u00e9pur\u00e9e<\/strong>, est pr\u00eate \u00e0 \u00eatre rejet\u00e9e dans le <strong>milieu naturel<\/strong>\r\n (foss\u00e9, ruisseau ou sol) via un <strong>syst\u00e8me de rejet<\/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 Une micro-station demande un <strong>entretien r\u00e9gulier<\/strong> pour conserver son efficacit\u00e9\r\n et sa <strong>conformit\u00e9<\/strong> aux normes (arr\u00eat\u00e9 du 7 septembre 2009). Voici les points cl\u00e9s :\r\n <\/p>\r\n <ul>\r\n <li><strong>Vidange des boues<\/strong> : tous les <strong>1 \u00e0 3 ans<\/strong> selon l'usage.<\/li>\r\n <li><strong>Contr\u00f4le du compresseur<\/strong> : v\u00e9rifier le d\u00e9bit d'air et le niveau sonore.<\/li>\r\n <li><strong>Nettoyage des diffuseurs<\/strong> : d\u00e9boucher les orifices bouch\u00e9s par le calcaire.<\/li>\r\n <li><strong>Inspection annuelle<\/strong> : faire appel \u00e0 un <strong>professionnel agr\u00e9\u00e9<\/strong> (SPANC ou installateur).<\/li>\r\n <li><strong>\u00c9viter les produits toxiques<\/strong> : javel, solvants, acides freinent l'activit\u00e9 bact\u00e9rienne.<\/li>\r\n <\/ul>\r\n\r\n <h3>5. <span class=\"highlight\">Avantages<\/span> par rapport \u00e0 une fosse septique<\/h3>\r\n <ul>\r\n <li><strong>Meilleur rendement \u00e9puratoire<\/strong> (> 95 % contre 70 % pour une fosse classique).<\/li>\r\n <li><strong>Encombrement r\u00e9duit<\/strong> : id\u00e9ale pour les terrains \u00e9troits.<\/li>\r\n <li><strong>Odorat contr\u00f4l\u00e9<\/strong> : l'a\u00e9ration limite les mauvaises odeurs.<\/li>\r\n <li><strong>Rejet autoris\u00e9<\/strong> dans le milieu naturel sous certaines conditions.<\/li>\r\n <li><strong>Conformit\u00e9<\/strong> facilit\u00e9e avec les exigences r\u00e9glementaires.<\/li>\r\n <\/ul>\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>\u00e9tudes de sol<\/strong>,\r\n des <strong>installations<\/strong> de micro-stations et des <strong>contrats d'entretien<\/strong> sur mesure.\r\n Nos techniciens interviennent dans toute l'<strong>\u00cele-de-France<\/strong>.\r\n <\/p>\r\n\r\n \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 \r\n <\/div>\r\n \r\n\r\n \r\n <div class=\"waves\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\">\r\n <defs>\r\n <path id=\"bt-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-e532dd0 e-con-full e-flex e-con e-parent\" data-id=\"e532dd0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-519b94e elementor-widget elementor-widget-html\" data-id=\"519b94e\" 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 Micro-station d’assainissement Micro-station d’assainissement Micro-station d’assainissement : fonctionnement et entretien Micro-station (ou station d’\u00e9puration individuelle) : un syst\u00e8me compact qui traite vos eaux us\u00e9es par a\u00e9ration biologique. D\u00e9couvrez son fonctionnement en 6 \u00e9tapes \u2014 cliquez sur un rep\u00e8re ou faites d\u00e9filer la molette. Maison 1 Canalisation 2 D\u00e9cantation 3 A\u00e9ration (oxyg\u00e8ne) 4 […]<\/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-2209","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/2209","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=2209"}],"version-history":[{"count":26,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/2209\/revisions"}],"predecessor-version":[{"id":2936,"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/pages\/2209\/revisions\/2936"}],"wp:attachment":[{"href":"https:\/\/sci-bme.fr\/index.php\/wp-json\/wp\/v2\/media?parent=2209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}