{"id":2,"date":"2026-03-11T00:07:36","date_gmt":"2026-03-11T00:07:36","guid":{"rendered":"https:\/\/one-batt.com\/?page_id=2"},"modified":"2026-05-01T20:41:56","modified_gmt":"2026-05-01T20:41:56","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/one-batt.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n ONE BATT \u2013 Atelier \u2022 Batteries \u2022 Services<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;500;600;700&family=DM+Sans:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n *,*::before,*::after{\r\n box-sizing:border-box;\r\n margin:0;\r\n padding:0;\r\n }\r\n\r\n :root{\r\n --yellow:#f5c518;\r\n --yellow-dark:#d8aa07;\r\n --navy:#18253d;\r\n --black:#0d1117;\r\n --black2:#151922;\r\n --white:#ffffff;\r\n --light:#f6f7f9;\r\n --grey:#eceff3;\r\n --text:#687180;\r\n --fond-metal:url(\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/05\/91e11b41-e905-4541-b4eb-62dafd72332b.png\");\r\n }\r\n\r\n html{\r\n scroll-behavior:smooth;\r\n }\r\n\r\n body{\r\n font-family:'DM Sans',sans-serif;\r\n background:var(--light);\r\n color:#111;\r\n overflow-x:hidden;\r\n }\r\n\r\n .entry-title,\r\n .page-title,\r\n h1.entry-title,\r\n .elementor-page-title{\r\n display:none !important;\r\n }\r\n\r\n a{\r\n text-decoration:none;\r\n color:inherit;\r\n }\r\n\r\n img{\r\n display:block;\r\n max-width:100%;\r\n }\r\n\r\n .container{\r\n width:min(1540px, calc(100% - 80px));\r\n margin:auto;\r\n }\r\n\r\n \/* FOND METAL *\/\r\n .ob-metal{\r\n position:relative;\r\n overflow:hidden;\r\n color:#fff;\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(10,12,16,.22) 0%,\r\n rgba(10,12,16,.46) 55%,\r\n rgba(10,12,16,.78) 100%\r\n ),\r\n var(--fond-metal) center center \/ cover no-repeat;\r\n }\r\n\r\n .ob-metal::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n pointer-events:none;\r\n background:radial-gradient(circle at 50% 12%, rgba(255,255,255,.10), transparent 34%);\r\n z-index:1;\r\n }\r\n\r\n .ob-metal > *{\r\n position:relative;\r\n z-index:2;\r\n }\r\n\r\n \/* HERO *\/\r\n .hero{\r\n min-height:560px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n text-align:center;\r\n padding:36px 0 44px;\r\n }\r\n\r\n .hero-inner{\r\n width:100%;\r\n max-width:1180px;\r\n margin:auto;\r\n }\r\n\r\n .hero-logo{\r\n display:flex;\r\n justify-content:center;\r\n align-items:center;\r\n margin-bottom:24px;\r\n background:transparent !important;\r\n }\r\n\r\n .hero-logo img{\r\n width:min(100%, 1050px);\r\n height:auto;\r\n object-fit:contain;\r\n background:transparent !important;\r\n box-shadow:none !important;\r\n filter:drop-shadow(0 18px 34px rgba(0,0,0,.42));\r\n }\r\n\r\n .hero-signature{\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:14px;\r\n margin-bottom:18px;\r\n }\r\n\r\n .hero-signature span{\r\n width:46px;\r\n height:2px;\r\n background:var(--yellow);\r\n opacity:.9;\r\n }\r\n\r\n .hero-signature p{\r\n font-family:'Oswald',sans-serif;\r\n color:var(--yellow);\r\n font-size:15px;\r\n font-weight:700;\r\n text-transform:uppercase;\r\n letter-spacing:2px;\r\n }\r\n\r\n .hero-subtitle-clean{\r\n max-width:780px;\r\n margin:0 auto 26px;\r\n font-size:17px;\r\n line-height:1.8;\r\n color:#e6ebf2;\r\n font-weight:500;\r\n }\r\n\r\n .hero-btns{\r\n display:flex;\r\n justify-content:center;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .btn-yellow,\r\n .btn-dark{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n min-height:46px;\r\n padding:13px 22px;\r\n border-radius:10px;\r\n font-size:12px;\r\n font-weight:900;\r\n text-transform:uppercase;\r\n letter-spacing:1px;\r\n transition:.22s;\r\n }\r\n\r\n .btn-yellow{\r\n background:var(--yellow);\r\n color:#111;\r\n box-shadow:0 10px 24px rgba(245,197,24,.24);\r\n }\r\n\r\n .btn-yellow:hover{\r\n background:#ffd84b;\r\n transform:translateY(-2px);\r\n }\r\n\r\n .btn-dark{\r\n border:1px solid rgba(255,255,255,.18);\r\n background:rgba(255,255,255,.06);\r\n color:#fff;\r\n }\r\n\r\n .btn-dark:hover{\r\n border-color:rgba(245,197,24,.45);\r\n transform:translateY(-2px);\r\n }\r\n\r\n \/* BANDEAU MARQUES *\/\r\n .brand-strip{\r\n background:#fff;\r\n border-bottom:1px solid rgba(0,0,0,.08);\r\n box-shadow:0 12px 28px rgba(0,0,0,.04);\r\n padding:44px 0 50px;\r\n }\r\n\r\n .brand-strip .container{\r\n width:min(1680px, calc(100% - 100px));\r\n }\r\n\r\n .brand-strip-head{\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:18px;\r\n margin-bottom:34px;\r\n text-align:center;\r\n }\r\n\r\n .brand-strip-head span{\r\n width:56px;\r\n height:2px;\r\n background:var(--yellow);\r\n }\r\n\r\n .brand-strip-head p{\r\n font-family:'Oswald',sans-serif;\r\n font-size:15px;\r\n font-weight:700;\r\n color:var(--navy);\r\n text-transform:uppercase;\r\n letter-spacing:2px;\r\n }\r\n\r\n .brand-grid{\r\n display:grid;\r\n grid-template-columns:repeat(9, minmax(110px, 1fr));\r\n gap:26px;\r\n align-items:stretch;\r\n }\r\n\r\n .brand-card{\r\n position:relative;\r\n min-height:132px;\r\n border-radius:22px;\r\n background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);\r\n border:1px solid rgba(0,0,0,.08);\r\n box-shadow:0 10px 24px rgba(0,0,0,.05);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n padding:18px;\r\n overflow:hidden;\r\n transition:.22s;\r\n }\r\n\r\n .brand-card::before{\r\n content:\"\";\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n right:0;\r\n height:4px;\r\n background:linear-gradient(90deg,var(--yellow),#ffdf6a);\r\n }\r\n\r\n .brand-card:hover{\r\n transform:translateY(-4px);\r\n box-shadow:0 18px 36px rgba(0,0,0,.09);\r\n border-color:rgba(245,197,24,.42);\r\n }\r\n\r\n .brand-card img{\r\n max-width:100%;\r\n max-height:82px;\r\n object-fit:contain;\r\n filter:contrast(1.04);\r\n }\r\n\r\n \/* BANDEAUX SECTIONS *\/\r\n .separator-band{\r\n min-height:150px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n text-align:center;\r\n padding:34px 20px;\r\n border-top:1px solid rgba(255,255,255,.08);\r\n border-bottom:1px solid rgba(255,255,255,.08);\r\n }\r\n\r\n .separator-inner{\r\n max-width:900px;\r\n margin:auto;\r\n }\r\n\r\n .separator-kicker{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:10px;\r\n color:var(--yellow);\r\n font-size:11px;\r\n font-weight:900;\r\n text-transform:uppercase;\r\n letter-spacing:2px;\r\n margin-bottom:10px;\r\n }\r\n\r\n .separator-kicker::before,\r\n .separator-kicker::after{\r\n content:\"\";\r\n width:24px;\r\n height:2px;\r\n background:var(--yellow);\r\n }\r\n\r\n .separator-title{\r\n font-family:'Oswald',sans-serif;\r\n font-size:clamp(28px,4vw,44px);\r\n line-height:.95;\r\n text-transform:uppercase;\r\n color:#fff;\r\n }\r\n\r\n .separator-title span{\r\n color:var(--yellow);\r\n }\r\n\r\n .separator-text{\r\n max-width:720px;\r\n margin:12px auto 0;\r\n color:#dfe5ee;\r\n font-size:15px;\r\n line-height:1.7;\r\n }\r\n\r\n \/* GENERAL *\/\r\n .section{\r\n padding:88px 0;\r\n }\r\n\r\n .section-white{\r\n background:#fff;\r\n }\r\n\r\n .section-grey{\r\n background:var(--grey);\r\n }\r\n\r\n .hl{\r\n color:#b88400;\r\n font-weight:800;\r\n }\r\n\r\n .section-white .container{\r\n width:min(1480px, calc(100% - 100px));\r\n }\r\n\r\n .section-grey .container{\r\n width:min(1560px, calc(100% - 100px));\r\n }\r\n\r\n \/* SERVICES *\/\r\n .services-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3, minmax(0, 1fr));\r\n gap:40px;\r\n align-items:stretch;\r\n }\r\n\r\n .service-card{\r\n position:relative;\r\n background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);\r\n border:1px solid rgba(0,0,0,.08);\r\n border-radius:28px;\r\n padding:20px;\r\n box-shadow:0 18px 40px rgba(15,23,42,.08);\r\n transition:.25s;\r\n overflow:hidden;\r\n }\r\n\r\n .service-card::before{\r\n content:\"\";\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n right:0;\r\n height:5px;\r\n background:linear-gradient(90deg,var(--yellow),#ffdd66);\r\n }\r\n\r\n .service-card:hover{\r\n transform:translateY(-6px);\r\n box-shadow:0 24px 52px rgba(15,23,42,.13);\r\n border-color:rgba(245,197,24,.35);\r\n }\r\n\r\n .service-thumb{\r\n height:270px;\r\n border-radius:22px;\r\n overflow:hidden;\r\n background:#e5e7eb;\r\n margin-bottom:22px;\r\n box-shadow:0 14px 28px rgba(15,23,42,.09);\r\n }\r\n\r\n .service-thumb img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n }\r\n\r\n .service-content{\r\n position:relative;\r\n padding-left:20px;\r\n padding-bottom:6px;\r\n }\r\n\r\n .service-content::before{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n top:2px;\r\n bottom:2px;\r\n width:4px;\r\n border-radius:999px;\r\n background:linear-gradient(180deg,#f5c518 0%, #ffdf6a 100%);\r\n box-shadow:0 0 12px rgba(245,197,24,.24);\r\n }\r\n\r\n .service-label{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n min-height:28px;\r\n padding:5px 12px;\r\n border-radius:999px;\r\n background:rgba(245,197,24,.14);\r\n color:#8a6800;\r\n font-size:11px;\r\n font-weight:900;\r\n letter-spacing:.09em;\r\n text-transform:uppercase;\r\n margin-bottom:14px;\r\n }\r\n\r\n .service-content h3{\r\n font-family:'Oswald',sans-serif;\r\n font-size:30px;\r\n line-height:1.08;\r\n color:var(--navy);\r\n text-transform:uppercase;\r\n margin-bottom:14px;\r\n }\r\n\r\n .service-content p{\r\n font-size:15px;\r\n line-height:1.8;\r\n color:#4b5563;\r\n font-weight:500;\r\n }\r\n\r\n \/* DIAGNOSTIC ENERGIE *\/\r\n .service-energy-band{\r\n margin-top:48px;\r\n border-radius:28px;\r\n padding:38px;\r\n border:1px solid rgba(255,255,255,.12);\r\n box-shadow:0 18px 40px rgba(0,0,0,.16);\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:34px;\r\n align-items:center;\r\n }\r\n\r\n .service-energy-left small{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n color:var(--yellow);\r\n font-size:11px;\r\n font-weight:900;\r\n letter-spacing:2px;\r\n text-transform:uppercase;\r\n margin-bottom:14px;\r\n }\r\n\r\n .service-energy-left small::before{\r\n content:\"\";\r\n width:26px;\r\n height:2px;\r\n background:var(--yellow);\r\n }\r\n\r\n .service-energy-left h3{\r\n font-family:'Oswald',sans-serif;\r\n font-size:clamp(30px,4vw,48px);\r\n line-height:.96;\r\n text-transform:uppercase;\r\n color:#fff;\r\n margin-bottom:14px;\r\n }\r\n\r\n .service-energy-left h3 span{\r\n color:var(--yellow);\r\n }\r\n\r\n .service-energy-left p{\r\n max-width:680px;\r\n font-size:16px;\r\n line-height:1.8;\r\n color:#dbe2eb;\r\n margin-bottom:22px;\r\n }\r\n\r\n .energy-points{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:12px;\r\n }\r\n\r\n .energy-points div{\r\n border-radius:16px;\r\n padding:14px;\r\n background:rgba(255,255,255,.07);\r\n border:1px solid rgba(255,255,255,.12);\r\n }\r\n\r\n .energy-points strong{\r\n display:block;\r\n font-family:'Oswald',sans-serif;\r\n font-size:18px;\r\n text-transform:uppercase;\r\n color:#fff;\r\n margin-bottom:4px;\r\n }\r\n\r\n .energy-points span{\r\n display:block;\r\n color:#aeb6c2;\r\n font-size:13px;\r\n line-height:1.45;\r\n }\r\n\r\n .ob-battery-mini{\r\n --seg-color-main:var(--yellow);\r\n position:relative;\r\n width:100%;\r\n max-width:430px;\r\n margin-left:auto;\r\n padding:26px;\r\n border-radius:24px;\r\n background:rgba(255,255,255,.08);\r\n border:1px solid rgba(255,255,255,.14);\r\n box-shadow:\r\n inset 0 1px 0 rgba(255,255,255,.10),\r\n 0 18px 36px rgba(0,0,0,.22);\r\n }\r\n\r\n .ob-battery-mini-status{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n min-height:34px;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n background:rgba(245,197,24,.13);\r\n border:1px solid rgba(245,197,24,.28);\r\n color:var(--yellow);\r\n font-family:'Oswald',sans-serif;\r\n font-size:13px;\r\n font-weight:700;\r\n letter-spacing:1.2px;\r\n text-transform:uppercase;\r\n margin-bottom:16px;\r\n animation:obStatusBlink 1.6s ease-in-out infinite;\r\n }\r\n\r\n @keyframes obStatusBlink{\r\n 0%,100%{opacity:1}\r\n 50%{opacity:.62}\r\n }\r\n\r\n .ob-battery-mini-top{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n margin-bottom:10px;\r\n }\r\n\r\n .ob-battery-mini-label{\r\n font-family:'Oswald',sans-serif;\r\n font-size:12px;\r\n font-weight:700;\r\n letter-spacing:1.6px;\r\n text-transform:uppercase;\r\n color:#fff;\r\n }\r\n\r\n .ob-battery-mini-percent{\r\n font-family:'Oswald',sans-serif;\r\n font-size:13px;\r\n font-weight:700;\r\n color:var(--seg-color-main);\r\n }\r\n\r\n .ob-battery-mini-shell{\r\n position:relative;\r\n width:100%;\r\n height:36px;\r\n border-radius:10px;\r\n padding:6px 8px;\r\n display:flex;\r\n gap:4px;\r\n background:rgba(255,255,255,.08);\r\n border:1px solid rgba(255,255,255,.18);\r\n box-shadow:inset 0 2px 6px rgba(0,0,0,.35);\r\n }\r\n\r\n .ob-battery-mini-tip{\r\n position:absolute;\r\n right:-11px;\r\n top:50%;\r\n transform:translateY(-50%);\r\n width:8px;\r\n height:17px;\r\n border-radius:0 5px 5px 0;\r\n background:rgba(255,255,255,.16);\r\n border:1px solid rgba(255,255,255,.20);\r\n border-left:none;\r\n }\r\n\r\n .ob-battery-mini-seg{\r\n flex:1;\r\n height:100%;\r\n border-radius:5px;\r\n background:rgba(255,255,255,.10);\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .ob-battery-mini-seg.is-filled{\r\n background:var(--seg-color,var(--yellow));\r\n box-shadow:\r\n 0 0 12px var(--seg-color,var(--yellow)),\r\n inset 0 1px 0 rgba(255,255,255,.32);\r\n }\r\n\r\n .ob-battery-mini-seg.is-filled::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(\r\n to bottom,\r\n rgba(255,255,255,.34) 0%,\r\n rgba(255,255,255,.08) 48%,\r\n rgba(0,0,0,.10) 100%\r\n );\r\n }\r\n\r\n .ob-battery-mini-seg.is-leading{\r\n animation:obSegPulse 1.05s ease-in-out infinite;\r\n }\r\n\r\n @keyframes obSegPulse{\r\n 0%,100%{filter:brightness(1)}\r\n 50%{filter:brightness(1.38)}\r\n }\r\n\r\n .ob-battery-mini-sweep{\r\n position:absolute;\r\n inset:0;\r\n border-radius:10px;\r\n pointer-events:none;\r\n overflow:hidden;\r\n }\r\n\r\n .ob-battery-mini-sweep::after{\r\n content:\"\";\r\n position:absolute;\r\n top:0;\r\n bottom:0;\r\n width:70px;\r\n background:linear-gradient(\r\n 90deg,\r\n transparent 0%,\r\n rgba(255,255,255,.18) 50%,\r\n transparent 100%\r\n );\r\n animation:obSweepMove 2.5s linear infinite;\r\n }\r\n\r\n @keyframes obSweepMove{\r\n from{left:-70px}\r\n to{left:calc(100% + 70px)}\r\n }\r\n\r\n .ob-battery-mini-bottom{\r\n display:grid;\r\n grid-template-columns:1fr auto;\r\n gap:18px;\r\n align-items:end;\r\n margin-top:18px;\r\n }\r\n\r\n .ob-battery-mini-bar{\r\n height:6px;\r\n border-radius:999px;\r\n background:rgba(255,255,255,.12);\r\n overflow:hidden;\r\n position:relative;\r\n box-shadow:inset 0 1px 4px rgba(0,0,0,.28);\r\n }\r\n\r\n .ob-battery-mini-bar-fill{\r\n position:absolute;\r\n left:0;\r\n top:0;\r\n bottom:0;\r\n border-radius:999px;\r\n background:var(--seg-color-main);\r\n box-shadow:0 0 14px var(--seg-color-main);\r\n }\r\n\r\n .ob-battery-mini-big{\r\n display:flex;\r\n align-items:flex-end;\r\n gap:5px;\r\n }\r\n\r\n .ob-battery-mini-value{\r\n font-family:'Oswald',sans-serif;\r\n font-size:50px;\r\n font-weight:700;\r\n line-height:.85;\r\n color:#fff;\r\n text-shadow:0 12px 28px rgba(0,0,0,.28);\r\n }\r\n\r\n .ob-battery-mini-unit{\r\n font-family:'Oswald',sans-serif;\r\n font-size:20px;\r\n font-weight:700;\r\n color:var(--seg-color-main);\r\n padding-bottom:2px;\r\n }\r\n\r\n \/* PRODUITS *\/\r\n .products-grid{\r\n display:grid;\r\n grid-template-columns:repeat(7, minmax(140px, 1fr));\r\n gap:32px;\r\n }\r\n\r\n .product-card{\r\n position:relative;\r\n background:#fff;\r\n border-radius:22px;\r\n border:1px solid rgba(0,0,0,.08);\r\n padding:28px 18px 26px;\r\n text-align:center;\r\n box-shadow:0 14px 30px rgba(0,0,0,.06);\r\n transition:.22s;\r\n overflow:hidden;\r\n min-height:260px;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:flex-start;\r\n }\r\n\r\n .product-card::before{\r\n content:\"\";\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n right:0;\r\n height:4px;\r\n background:linear-gradient(90deg,var(--yellow),#ffdf6a);\r\n }\r\n\r\n .product-card:hover{\r\n transform:translateY(-5px);\r\n box-shadow:0 20px 40px rgba(0,0,0,.10);\r\n border-color:rgba(245,197,24,.45);\r\n }\r\n\r\n .product-card img{\r\n width:100%;\r\n height:145px;\r\n object-fit:contain;\r\n margin-bottom:18px;\r\n }\r\n\r\n .product-card h3{\r\n font-family:'Oswald',sans-serif;\r\n font-size:18px;\r\n line-height:1.15;\r\n color:var(--navy);\r\n margin-bottom:10px;\r\n }\r\n\r\n .product-card p{\r\n font-size:13px;\r\n color:#66707f;\r\n line-height:1.55;\r\n }\r\n\r\n \/* POURQUOI *\/\r\n .why-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:46px;\r\n align-items:center;\r\n }\r\n\r\n .why-photo{\r\n height:500px;\r\n border-radius:26px;\r\n overflow:hidden;\r\n box-shadow:0 18px 42px rgba(0,0,0,.12);\r\n background:#ddd;\r\n }\r\n\r\n .why-photo img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n }\r\n\r\n .why-content h2{\r\n font-family:'Oswald',sans-serif;\r\n font-size:clamp(34px,5vw,56px);\r\n line-height:.95;\r\n text-transform:uppercase;\r\n color:var(--navy);\r\n margin-bottom:16px;\r\n }\r\n\r\n .why-content p{\r\n font-size:16px;\r\n line-height:1.8;\r\n color:var(--text);\r\n margin-bottom:24px;\r\n }\r\n\r\n .why-points{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n }\r\n\r\n .why-point{\r\n position:relative;\r\n background:#fff;\r\n border-radius:20px;\r\n padding:20px 18px 20px 22px;\r\n border:1px solid rgba(0,0,0,.08);\r\n box-shadow:0 10px 24px rgba(0,0,0,.05);\r\n }\r\n\r\n .why-point::before{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n top:14px;\r\n bottom:14px;\r\n width:4px;\r\n background:linear-gradient(180deg,var(--yellow),#ffdf6a);\r\n border-radius:999px;\r\n }\r\n\r\n .why-point strong{\r\n display:block;\r\n font-size:17px;\r\n font-weight:900;\r\n margin-bottom:8px;\r\n color:#111827;\r\n }\r\n\r\n .why-point span{\r\n display:block;\r\n font-size:14px;\r\n line-height:1.65;\r\n color:#4b5563;\r\n }\r\n\r\n \/* FAQ *\/\r\n .faq-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:24px;\r\n }\r\n\r\n .faq-item{\r\n position:relative;\r\n background:linear-gradient(180deg,#fff,#fff9e8);\r\n border:1px solid rgba(245,197,24,.22);\r\n border-radius:22px;\r\n padding:24px;\r\n box-shadow:0 12px 28px rgba(0,0,0,.06);\r\n }\r\n\r\n .faq-item::before{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n top:16px;\r\n bottom:16px;\r\n width:5px;\r\n background:linear-gradient(180deg,var(--yellow),#ffdf6a);\r\n border-radius:999px;\r\n }\r\n\r\n .faq-q{\r\n font-size:18px;\r\n font-weight:900;\r\n margin-bottom:9px;\r\n color:#111827;\r\n }\r\n\r\n .faq-a{\r\n font-size:14px;\r\n line-height:1.7;\r\n color:#4b5563;\r\n }\r\n\r\n \/* NOUS TROUVER *\/\r\n .local-section{\r\n padding:90px 0;\r\n background:#fff;\r\n }\r\n\r\n .local-card{\r\n display:grid;\r\n grid-template-columns:1.15fr .85fr;\r\n gap:28px;\r\n align-items:stretch;\r\n border-radius:30px;\r\n padding:24px;\r\n background:\r\n linear-gradient(180deg, rgba(8,12,18,.26) 0%, rgba(8,12,18,.74) 100%),\r\n var(--fond-metal) center center \/ cover no-repeat;\r\n border:1px solid rgba(255,255,255,.14);\r\n box-shadow:0 28px 70px rgba(0,0,0,.28);\r\n overflow:hidden;\r\n }\r\n\r\n .local-map{\r\n position:relative;\r\n min-height:430px;\r\n border-radius:24px;\r\n overflow:hidden;\r\n background:#e5e7eb;\r\n box-shadow:0 18px 40px rgba(0,0,0,.24);\r\n border:1px solid rgba(255,255,255,.12);\r\n }\r\n\r\n .local-map iframe{\r\n width:100%;\r\n height:100%;\r\n border:0;\r\n display:block;\r\n filter:saturate(.9) contrast(1.02);\r\n }\r\n\r\n .local-content{\r\n position:relative;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n padding:26px 12px 26px 28px;\r\n }\r\n\r\n .local-content::before{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n top:28px;\r\n bottom:28px;\r\n width:4px;\r\n border-radius:999px;\r\n background:linear-gradient(180deg,var(--yellow) 0%, #ffdf6a 100%);\r\n box-shadow:0 0 16px rgba(245,197,24,.34);\r\n }\r\n\r\n .local-kicker{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n margin-bottom:14px;\r\n color:var(--yellow);\r\n font-family:'Oswald',sans-serif;\r\n font-size:11px;\r\n font-weight:900;\r\n letter-spacing:2px;\r\n text-transform:uppercase;\r\n }\r\n\r\n .local-kicker::before{\r\n content:\"\";\r\n width:26px;\r\n height:2px;\r\n background:var(--yellow);\r\n }\r\n\r\n .local-title{\r\n font-family:'Oswald',sans-serif;\r\n font-size:clamp(36px,5vw,58px);\r\n line-height:.92;\r\n text-transform:uppercase;\r\n color:#fff;\r\n margin-bottom:18px;\r\n }\r\n\r\n .local-title span{\r\n color:var(--yellow);\r\n }\r\n\r\n .local-address{\r\n font-size:17px;\r\n line-height:1.7;\r\n color:#e5ebf3;\r\n font-weight:600;\r\n margin-bottom:24px;\r\n }\r\n\r\n .local-infos{\r\n display:grid;\r\n gap:12px;\r\n }\r\n\r\n .local-info-item{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n gap:16px;\r\n padding:16px 18px;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.08);\r\n border:1px solid rgba(255,255,255,.14);\r\n box-shadow:0 10px 24px rgba(0,0,0,.14);\r\n }\r\n\r\n .local-info-item strong{\r\n font-family:'Oswald',sans-serif;\r\n font-size:17px;\r\n text-transform:uppercase;\r\n color:#fff;\r\n letter-spacing:.5px;\r\n }\r\n\r\n .local-info-item span{\r\n font-size:16px;\r\n font-weight:800;\r\n color:var(--yellow);\r\n text-align:right;\r\n }\r\n\r\n .local-note{\r\n margin-top:20px;\r\n padding:16px 18px;\r\n border-radius:18px;\r\n background:linear-gradient(135deg, rgba(245,197,24,.16), rgba(245,197,24,.06));\r\n border:1px solid rgba(245,197,24,.22);\r\n color:#dfe5ee;\r\n font-size:14px;\r\n line-height:1.65;\r\n }\r\n\r\n \/* CONTACT *\/\r\n .contact-section{\r\n padding:100px 0;\r\n }\r\n\r\n .contact-wrap{\r\n display:grid;\r\n grid-template-columns:.9fr 1.1fr;\r\n border-radius:28px;\r\n overflow:hidden;\r\n box-shadow:0 28px 70px rgba(0,0,0,.32);\r\n border:1px solid rgba(255,255,255,.12);\r\n }\r\n\r\n .contact-left{\r\n position:relative;\r\n background:linear-gradient(135deg, #f5c518 0%, #ffd84b 100%);\r\n color:#111;\r\n padding:54px 42px;\r\n overflow:hidden;\r\n }\r\n\r\n .contact-left::after{\r\n content:\"\";\r\n position:absolute;\r\n right:-80px;\r\n bottom:-80px;\r\n width:240px;\r\n height:240px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.22);\r\n }\r\n\r\n .contact-left h2{\r\n position:relative;\r\n z-index:2;\r\n font-family:'Oswald',sans-serif;\r\n font-size:clamp(38px,5vw,62px);\r\n line-height:.92;\r\n text-transform:uppercase;\r\n color:var(--navy);\r\n margin-bottom:18px;\r\n }\r\n\r\n .contact-left p{\r\n position:relative;\r\n z-index:2;\r\n max-width:430px;\r\n line-height:1.85;\r\n color:rgba(0,0,0,.72);\r\n font-size:16px;\r\n margin-bottom:22px;\r\n }\r\n\r\n .contact-info{\r\n position:relative;\r\n z-index:2;\r\n display:grid;\r\n gap:12px;\r\n }\r\n\r\n .contact-info div{\r\n background:rgba(255,255,255,.55);\r\n border:1px solid rgba(255,255,255,.35);\r\n border-radius:16px;\r\n padding:14px;\r\n font-size:14px;\r\n font-weight:800;\r\n color:#111;\r\n }\r\n\r\n .contact-right{\r\n background:linear-gradient(180deg, #121821 0%, #090d14 100%);\r\n padding:42px;\r\n }\r\n\r\n .form{\r\n display:flex;\r\n flex-direction:column;\r\n gap:16px;\r\n }\r\n\r\n .form-title{\r\n font-family:'Oswald',sans-serif;\r\n font-size:30px;\r\n text-transform:uppercase;\r\n color:#fff;\r\n margin-bottom:4px;\r\n }\r\n\r\n .form-sub{\r\n color:#aeb6c2;\r\n font-size:14px;\r\n line-height:1.6;\r\n margin-bottom:8px;\r\n }\r\n\r\n .form-row{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:14px;\r\n }\r\n\r\n .form-group{\r\n display:flex;\r\n flex-direction:column;\r\n gap:7px;\r\n }\r\n\r\n .form label{\r\n font-size:11px;\r\n font-weight:900;\r\n text-transform:uppercase;\r\n letter-spacing:1.4px;\r\n color:var(--yellow);\r\n }\r\n\r\n .form input,\r\n .form textarea,\r\n .form select{\r\n width:100%;\r\n padding:15px 16px;\r\n border-radius:12px;\r\n border:1px solid rgba(255,255,255,.13);\r\n background:rgba(255,255,255,.07);\r\n color:#fff;\r\n font-family:'DM Sans',sans-serif;\r\n font-size:14px;\r\n outline:none;\r\n transition:.2s;\r\n }\r\n\r\n .form input:focus,\r\n .form textarea:focus,\r\n .form select:focus{\r\n border-color:rgba(245,197,24,.65);\r\n background:rgba(255,255,255,.10);\r\n box-shadow:0 0 0 3px rgba(245,197,24,.10);\r\n }\r\n\r\n .form input::placeholder,\r\n .form textarea::placeholder{\r\n color:#8f98a6;\r\n }\r\n\r\n .form select{\r\n cursor:pointer;\r\n }\r\n\r\n .form select option{\r\n background:#111821;\r\n color:#fff;\r\n }\r\n\r\n .form textarea{\r\n min-height:140px;\r\n resize:vertical;\r\n }\r\n\r\n .form button{\r\n align-self:flex-start;\r\n border:0;\r\n padding:15px 28px;\r\n border-radius:12px;\r\n background:var(--yellow);\r\n color:#111;\r\n font-size:12px;\r\n font-weight:900;\r\n text-transform:uppercase;\r\n letter-spacing:1.2px;\r\n cursor:pointer;\r\n transition:.2s;\r\n box-shadow:0 10px 24px rgba(245,197,24,.22);\r\n }\r\n\r\n .form button:hover{\r\n transform:translateY(-2px);\r\n background:#ffd84b;\r\n box-shadow:0 16px 34px rgba(245,197,24,.30);\r\n }\r\n\r\n .form-note{\r\n color:#7f8997;\r\n font-size:12px;\r\n line-height:1.5;\r\n }\r\n\r\n \/* FOOTER *\/\r\n .footer{\r\n background:#070b12;\r\n color:#d0d6df;\r\n border-top:1px solid rgba(255,255,255,.08);\r\n }\r\n\r\n .footer-grid{\r\n display:grid;\r\n grid-template-columns:1.2fr .8fr .8fr;\r\n gap:34px;\r\n padding:48px 0;\r\n }\r\n\r\n .footer-brand{\r\n font-family:'Oswald',sans-serif;\r\n font-size:30px;\r\n font-weight:700;\r\n color:var(--yellow);\r\n letter-spacing:2px;\r\n text-transform:uppercase;\r\n margin-bottom:12px;\r\n }\r\n\r\n .footer-brand-block p,\r\n .footer-contact-block p{\r\n font-size:14px;\r\n line-height:1.75;\r\n color:#9ca6b4;\r\n max-width:420px;\r\n }\r\n\r\n .footer h4{\r\n font-family:'Oswald',sans-serif;\r\n font-size:18px;\r\n color:#fff;\r\n text-transform:uppercase;\r\n letter-spacing:.8px;\r\n margin-bottom:14px;\r\n }\r\n\r\n .footer ul{\r\n list-style:none;\r\n display:grid;\r\n gap:9px;\r\n }\r\n\r\n .footer a{\r\n color:#9ca6b4;\r\n font-size:14px;\r\n transition:.2s;\r\n }\r\n\r\n .footer a:hover{\r\n color:var(--yellow);\r\n }\r\n\r\n .footer-socials{\r\n display:flex;\r\n gap:12px;\r\n margin-top:18px;\r\n }\r\n\r\n .social-link{\r\n width:42px;\r\n height:42px;\r\n border-radius:14px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:rgba(255,255,255,.07);\r\n border:1px solid rgba(255,255,255,.12);\r\n transition:.22s;\r\n }\r\n\r\n .social-link:hover{\r\n transform:translateY(-3px);\r\n background:rgba(245,197,24,.14);\r\n border-color:rgba(245,197,24,.35);\r\n }\r\n\r\n .social-link svg{\r\n width:20px;\r\n height:20px;\r\n fill:currentColor;\r\n }\r\n\r\n .footer-bottom{\r\n border-top:1px solid rgba(255,255,255,.08);\r\n background:rgba(0,0,0,.22);\r\n }\r\n\r\n .footer-bottom-inner{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:16px;\r\n padding:18px 0;\r\n color:#6f7a89;\r\n font-size:13px;\r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n @media(max-width:1300px){\r\n .brand-grid{\r\n grid-template-columns:repeat(5,1fr);\r\n gap:24px;\r\n }\r\n\r\n .products-grid{\r\n grid-template-columns:repeat(4,1fr);\r\n gap:28px;\r\n }\r\n }\r\n\r\n @media(max-width:1100px){\r\n .services-grid,\r\n .why-grid,\r\n .contact-wrap,\r\n .service-energy-band,\r\n .local-card{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .products-grid{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .ob-battery-mini{\r\n max-width:100%;\r\n margin-left:0;\r\n }\r\n\r\n .footer-grid{\r\n grid-template-columns:1.1fr .9fr .9fr;\r\n }\r\n }\r\n\r\n @media(max-width:900px){\r\n .container,\r\n .brand-strip .container,\r\n .section-white .container,\r\n .section-grey .container{\r\n width:min(100% - 40px, 1280px);\r\n }\r\n\r\n .services-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .products-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .energy-points{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .faq-grid,\r\n .why-points{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .local-map{\r\n min-height:340px;\r\n }\r\n }\r\n\r\n @media(max-width:760px){\r\n .brand-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n }\r\n\r\n .brand-card{\r\n min-height:112px;\r\n }\r\n\r\n .brand-card img{\r\n max-height:70px;\r\n }\r\n\r\n .brand-strip-head p{\r\n font-size:12px;\r\n letter-spacing:1.4px;\r\n }\r\n\r\n .brand-strip-head span{\r\n width:24px;\r\n }\r\n\r\n .footer-grid{\r\n grid-template-columns:1fr;\r\n gap:26px;\r\n padding:38px 0;\r\n }\r\n\r\n .footer-bottom-inner{\r\n flex-direction:column;\r\n text-align:center;\r\n }\r\n }\r\n\r\n @media(max-width:560px){\r\n .container{\r\n width:min(100% - 24px, 1280px);\r\n }\r\n\r\n .hero{\r\n min-height:auto;\r\n padding:34px 0 30px;\r\n }\r\n\r\n .hero-logo{\r\n margin-bottom:20px;\r\n }\r\n\r\n .hero-logo img{\r\n width:100%;\r\n }\r\n\r\n .hero-signature{\r\n gap:10px;\r\n }\r\n\r\n .hero-signature span{\r\n width:24px;\r\n }\r\n\r\n .hero-signature p{\r\n font-size:12px;\r\n letter-spacing:1.5px;\r\n }\r\n\r\n .hero-subtitle-clean{\r\n font-size:14px;\r\n }\r\n\r\n .section{\r\n padding:64px 0;\r\n }\r\n\r\n .products-grid{\r\n grid-template-columns:1fr 1fr;\r\n gap:18px;\r\n }\r\n\r\n .product-card{\r\n min-height:auto;\r\n padding:22px 12px 20px;\r\n }\r\n\r\n .product-card img{\r\n height:110px;\r\n }\r\n\r\n .service-thumb{\r\n height:220px;\r\n }\r\n\r\n .why-photo{\r\n height:280px;\r\n }\r\n\r\n .service-energy-band,\r\n .local-card{\r\n padding:22px;\r\n border-radius:22px;\r\n }\r\n\r\n .local-map{\r\n min-height:270px;\r\n border-radius:18px;\r\n }\r\n\r\n .local-content{\r\n padding:20px 8px 20px 24px;\r\n }\r\n\r\n .local-info-item{\r\n flex-direction:column;\r\n align-items:flex-start;\r\n }\r\n\r\n .local-info-item span{\r\n text-align:left;\r\n }\r\n\r\n .form-row{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .contact-left,\r\n .contact-right{\r\n padding:28px 20px;\r\n }\r\n }\r\n\r\n @media(max-width:480px){\r\n .products-grid{\r\n grid-template-columns:1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- HERO -->\r\n <section class=\"hero ob-metal\">\r\n <div class=\"container hero-inner\">\r\n\r\n <div class=\"hero-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/05\/onebatt_logo_vrai_fond_transparent.png\" alt=\"ONE BATT\">\r\n <\/div>\r\n\r\n <div class=\"hero-signature\">\r\n <span><\/span>\r\n <p>Magasin & atelier d\u00e9di\u00e9 \u00e0 l\u2019\u00e9nergie embarqu\u00e9e<\/p>\r\n <span><\/span>\r\n <\/div>\r\n\r\n <p class=\"hero-subtitle-clean\">\r\n Batteries, diagnostic, remplacement et solutions atelier pour v\u00e9hicules du quotidien,\r\n loisirs, utilitaires, vans et camping-cars.\r\n <\/p>\r\n\r\n <div class=\"hero-btns\">\r\n <a href=\"#services\" class=\"btn-yellow\">Voir nos services<\/a>\r\n <a href=\"#produits\" class=\"btn-dark\">Voir les batteries<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- BANDEAU MARQUES -->\r\n <section class=\"brand-strip\">\r\n <div class=\"container\">\r\n\r\n <div class=\"brand-strip-head\">\r\n <span><\/span>\r\n <p>Marques, partenaires & solutions \u00e9nergie<\/p>\r\n <span><\/span>\r\n <\/div>\r\n\r\n <div class=\"brand-grid\">\r\n <a href=\"#produits\" class=\"brand-card\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/05\/Energie-mobile-.jpg\" alt=\"\u00c9nergie mobile\">\r\n <\/a>\r\n\r\n <a href=\"#produits\" class=\"brand-card\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2025-11-06-233616.png\" alt=\"Solution \u00e9nergie\">\r\n <\/a>\r\n\r\n <a href=\"#produits\" class=\"brand-card\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/05\/ECO-Worthy.jpg\" alt=\"ECO-Worthy\">\r\n <\/a>\r\n\r\n <a href=\"#produits\" class=\"brand-card\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/05\/Enix-energies.jpg\" alt=\"Enix Energies\">\r\n <\/a>\r\n\r\n <a href=\"#produits\" class=\"brand-card\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/05\/Tech-power.jpg\" alt=\"Tech Power\">\r\n <\/a>\r\n\r\n <a href=\"#produits\" class=\"brand-card\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/05\/YUASA.jpg\" alt=\"YUASA\">\r\n <\/a>\r\n\r\n <a href=\"#produits\" class=\"brand-card\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/05\/SC-POWER.jpg\" alt=\"SC POWER\">\r\n <\/a>\r\n\r\n <a href=\"#produits\" class=\"brand-card\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-03-12-141520.png\" alt=\"Partenaire \u00e9nergie\">\r\n <\/a>\r\n\r\n <a href=\"#produits\" class=\"brand-card\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/05\/UNITEK.jpg\" alt=\"UNITEK\">\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- BANDEAU SERVICES -->\r\n <section class=\"separator-band ob-metal\">\r\n <div class=\"separator-inner\">\r\n <div class=\"separator-kicker\">Nos services<\/div>\r\n <h2 class=\"separator-title\">Atelier \u2022 Batteries \u2022 <span>Services<\/span><\/h2>\r\n <p class=\"separator-text\">\r\n Trois univers compl\u00e9mentaires pour r\u00e9pondre aux besoins des particuliers, professionnels et v\u00e9hicules loisirs.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SERVICES -->\r\n <section class=\"section section-white\" id=\"services\">\r\n <div class=\"container\">\r\n\r\n <div class=\"services-grid\">\r\n <article class=\"service-card\">\r\n <div class=\"service-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/04\/2-photo.png\" alt=\"Atelier ONE BATT\">\r\n <\/div>\r\n <div class=\"service-content\">\r\n <div class=\"service-label\">Atelier<\/div>\r\n <h3>Diagnostic, remplacement et interventions rapides<\/h3>\r\n <p>\r\n Contr\u00f4le de charge, remplacement batterie, diagnostic \u00e9lectrique,\r\n alternateur, d\u00e9marreur, entretien simple et interventions rapides\r\n sur v\u00e9hicules du quotidien.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card\">\r\n <div class=\"service-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/04\/5-pohto.png\" alt=\"Batteries ONE BATT\">\r\n <\/div>\r\n <div class=\"service-content\">\r\n <div class=\"service-label\">Batteries<\/div>\r\n <h3>Auto, moto, utilitaire, loisirs et lithium<\/h3>\r\n <p>\r\n Batteries auto, moto, utilitaire, camping-car, loisirs, lithium,\r\n PMR et besoins sp\u00e9cifiques, avec conseil selon votre v\u00e9hicule,\r\n votre utilisation et votre budget.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card\">\r\n <div class=\"service-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/04\/4-photo.png\" alt=\"Services ONE BATT\">\r\n <\/div>\r\n <div class=\"service-content\">\r\n <div class=\"service-label\">Services<\/div>\r\n <h3>Proximit\u00e9, conseil et accompagnement client<\/h3>\r\n <p>\r\n Services de proximit\u00e9 pour particuliers, artisans et professionnels :\r\n conseil, remplacement, aide au choix, accompagnement et solutions adapt\u00e9es\r\n \u00e0 chaque besoin.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n\r\n <!-- BLOC DIAGNOSTIC ENERGIE -->\r\n <div class=\"service-energy-band ob-metal\">\r\n <div class=\"service-energy-left\">\r\n <small>Diagnostic \u00e9nergie<\/small>\r\n <h3>Contr\u00f4le batterie, charge et <span>syst\u00e8me \u00e9lectrique<\/span><\/h3>\r\n <p>\r\n ONE BATT contr\u00f4le l\u2019\u00e9tat de votre batterie, le syst\u00e8me de charge,\r\n l\u2019alternateur et les signes de faiblesse li\u00e9s au d\u00e9marrage.\r\n <\/p>\r\n\r\n <div class=\"energy-points\">\r\n <div>\r\n <strong>Batterie<\/strong>\r\n <span>Tension, capacit\u00e9 et \u00e9tat g\u00e9n\u00e9ral.<\/span>\r\n <\/div>\r\n <div>\r\n <strong>Charge<\/strong>\r\n <span>Contr\u00f4le alternateur et circuit.<\/span>\r\n <\/div>\r\n <div>\r\n <strong>Conseil<\/strong>\r\n <span>Choix adapt\u00e9 au v\u00e9hicule.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-energy-right\">\r\n <div class=\"ob-battery-mini\" id=\"bat-onebatt\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- BANDEAU PRODUITS -->\r\n <section class=\"separator-band ob-metal\">\r\n <div class=\"separator-inner\">\r\n <div class=\"separator-kicker\">Nos batteries<\/div>\r\n <h2 class=\"separator-title\">Batteries & solutions <span>d\u2019autonomie<\/span><\/h2>\r\n <p class=\"separator-text\">\r\n Des r\u00e9f\u00e9rences pour l\u2019auto, la moto, les utilitaires, les loisirs, le lithium et l\u2019\u00e9nergie embarqu\u00e9e.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- PRODUITS -->\r\n <section class=\"section section-grey\" id=\"produits\">\r\n <div class=\"container\">\r\n\r\n <div class=\"products-grid\">\r\n <div class=\"product-card\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/03\/L3-AGM.png\" alt=\"Batteries auto\">\r\n <h3>Batteries auto<\/h3>\r\n <p>AGM, EFB, standard et stop & start.<\/p>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/03\/L5-36100-LOISIR.png\" alt=\"Batteries loisir\">\r\n <h3>Batteries loisir<\/h3>\r\n <p>Camping-car, van, bateau et autonomie.<\/p>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/03\/MOTO-20L-BS-NX-.jpg\" alt=\"Batteries moto\">\r\n <h3>Batteries moto<\/h3>\r\n <p>Moto, scooter, quad et loisirs.<\/p>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/03\/MOTO-lithium-20L-BS-NX-.jpg\" alt=\"Batteries lithium\">\r\n <h3>Batteries lithium<\/h3>\r\n <p>L\u00e9g\u00e8res, performantes et sp\u00e9cifiques.<\/p>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/03\/Traction-6v-240AH-yuasa.jpg\" alt=\"Batteries traction\">\r\n <h3>Traction<\/h3>\r\n <p>Golfettes, mobilit\u00e9 et applications cycliques.<\/p>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/05\/batterie-ecosorthy.jpg\" alt=\"Batteries loisirs\">\r\n <h3>Batteries loisirs<\/h3>\r\n <p>Solutions pour autonomie, van, camping-car et \u00e9nergie embarqu\u00e9e.<\/p>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/05\/Panneu-solaire-.jpg\" alt=\"Panneaux solaires\">\r\n <h3>Panneaux solaires<\/h3>\r\n <p>Production solaire, recharge et autonomie pour loisirs et v\u00e9hicules am\u00e9nag\u00e9s.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- BANDEAU POURQUOI -->\r\n <section class=\"separator-band ob-metal\">\r\n <div class=\"separator-inner\">\r\n <div class=\"separator-kicker\">Pourquoi ONE BATT<\/div>\r\n <h2 class=\"separator-title\">Une approche <span>utile et claire<\/span><\/h2>\r\n <p class=\"separator-text\">\r\n Des conseils simples, un diagnostic coh\u00e9rent et des solutions adapt\u00e9es \u00e0 votre v\u00e9hicule ou \u00e0 votre projet.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- POURQUOI -->\r\n <section class=\"section section-white\" id=\"pourquoi\">\r\n <div class=\"container why-grid\">\r\n <div class=\"why-photo\">\r\n <img decoding=\"async\" src=\"https:\/\/one-batt.com\/wp-content\/uploads\/2026\/04\/van-life.png\" alt=\"Van life et autonomie\">\r\n <\/div>\r\n\r\n <div class=\"why-content\">\r\n <h2>Une approche claire, utile et adapt\u00e9e<\/h2>\r\n <p>\r\n Nous privil\u00e9gions des solutions concr\u00e8tes, compr\u00e9hensibles et adapt\u00e9es\r\n \u00e0 votre v\u00e9hicule, \u00e0 votre projet et \u00e0 votre fa\u00e7on de rouler.\r\n <\/p>\r\n\r\n <div class=\"why-points\">\r\n <div class=\"why-point\">\r\n <strong>Conseil adapt\u00e9<\/strong>\r\n <span>Un choix orient\u00e9 selon votre v\u00e9hicule, votre usage et votre budget.<\/span>\r\n <\/div>\r\n\r\n <div class=\"why-point\">\r\n <strong>Diagnostic utile<\/strong>\r\n <span>Contr\u00f4le batterie, alternateur, d\u00e9marreur et syst\u00e8me de charge.<\/span>\r\n <\/div>\r\n\r\n <div class=\"why-point\">\r\n <strong>Mat\u00e9riel s\u00e9lectionn\u00e9<\/strong>\r\n <span>Des r\u00e9f\u00e9rences adapt\u00e9es \u00e0 l\u2019auto, moto, loisir, van et camping-car.<\/span>\r\n <\/div>\r\n\r\n <div class=\"why-point\">\r\n <strong>Service local<\/strong>\r\n <span>Une prise en charge simple, locale et r\u00e9active \u00e0 B\u00e9ziers.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- BANDEAU FAQ -->\r\n <section class=\"separator-band ob-metal\">\r\n <div class=\"separator-inner\">\r\n <div class=\"separator-kicker\">FAQ<\/div>\r\n <h2 class=\"separator-title\">Questions <span>courantes<\/span><\/h2>\r\n <p class=\"separator-text\">\r\n Les r\u00e9ponses simples aux demandes les plus fr\u00e9quentes autour des batteries et du diagnostic.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ -->\r\n <section class=\"section section-grey\" id=\"faq\">\r\n <div class=\"container\">\r\n <div class=\"faq-grid\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">Comment savoir si ma batterie est en fin de vie ?<\/div>\r\n <div class=\"faq-a\">\r\n D\u00e9marrage difficile, t\u00e9moin batterie ou tension irr\u00e9guli\u00e8re sont souvent les premiers signes.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">Quelle batterie choisir pour mon v\u00e9hicule ?<\/div>\r\n <div class=\"faq-a\">\r\n Cela d\u00e9pend du v\u00e9hicule, de l\u2019\u00e9quipement, du syst\u00e8me de charge et de l\u2019usage.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">Contr\u00f4lez-vous alternateur et d\u00e9marreur ?<\/div>\r\n <div class=\"faq-a\">\r\n Oui, cela permet d\u2019\u00e9viter un remplacement inutile de batterie.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">Pouvez-vous aider pour un van ou camping-car ?<\/div>\r\n <div class=\"faq-a\">\r\n Oui, notamment pour batterie loisir, lithium, autonomie, recharge et \u00e9nergie embarqu\u00e9e.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- BANDEAU NOUS TROUVER -->\r\n <section class=\"separator-band ob-metal\">\r\n <div class=\"separator-inner\">\r\n <div class=\"separator-kicker\">Nous trouver<\/div>\r\n <h2 class=\"separator-title\">ONE BATT au <span>Kube<\/span><\/h2>\r\n <p class=\"separator-text\">\r\n Retrouvez-nous \u00e0 B\u00e9ziers, Zone de Mercorent, pour vos batteries, diagnostics et besoins d\u2019\u00e9nergie embarqu\u00e9e.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- NOUS TROUVER -->\r\n <section class=\"local-section\" id=\"nous-trouver\">\r\n <div class=\"container\">\r\n <div class=\"local-card\">\r\n\r\n <div class=\"local-map\">\r\n <iframe\r\n src=\"https:\/\/www.google.com\/maps?q=Le%20Kube%20Zone%20de%20Mercorent%2034500%20B%C3%A9ziers&output=embed\"\r\n loading=\"lazy\"\r\n allowfullscreen\r\n referrerpolicy=\"no-referrer-when-downgrade\">\r\n <\/iframe>\r\n <\/div>\r\n\r\n <div class=\"local-content\">\r\n <div class=\"local-kicker\">Adresse & horaires<\/div>\r\n\r\n <h2 class=\"local-title\">\r\n ONE BATT<br>\r\n <span>au Kube<\/span>\r\n <\/h2>\r\n\r\n <div class=\"local-address\">\r\n Le Kube \u00b7 Zone de Mercorent<br>\r\n 34500 B\u00e9ziers\r\n <\/div>\r\n\r\n <div class=\"local-infos\">\r\n <div class=\"local-info-item\">\r\n <strong>Lundi - Vendredi<\/strong>\r\n <span>8h - 19h<\/span>\r\n <\/div>\r\n\r\n <div class=\"local-info-item\">\r\n <strong>Samedi<\/strong>\r\n <span>8h - 12h30<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"local-note\">\r\n Accueil en magasin et atelier pour diagnostic batterie, remplacement,\r\n conseil \u00e9nergie embarqu\u00e9e, v\u00e9hicules loisirs, utilitaires, vans et camping-cars.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- BANDEAU CONTACT -->\r\n <section class=\"separator-band ob-metal\">\r\n <div class=\"separator-inner\">\r\n <div class=\"separator-kicker\">Contact<\/div>\r\n <h2 class=\"separator-title\">Parlons de votre <span>besoin<\/span><\/h2>\r\n <p class=\"separator-text\">\r\n Batterie, diagnostic, remplacement ou projet d\u2019autonomie : envoyez votre demande \u00e0 ONE BATT.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CONTACT -->\r\n <section class=\"contact-section ob-metal\" id=\"contact\">\r\n <div class=\"container\">\r\n <div class=\"contact-wrap\">\r\n\r\n <div class=\"contact-left\">\r\n <h2>Contactez<br>ONE BATT<\/h2>\r\n <p>\r\n Pour une batterie, un diagnostic, un remplacement ou une intervention atelier,\r\n indiquez votre v\u00e9hicule et votre besoin. Nous vous recontactons rapidement.\r\n <\/p>\r\n\r\n <div class=\"contact-info\">\r\n <div>\ud83d\udccd Le Kube \u00b7 Zone de Mercorent \u00b7 B\u00e9ziers<\/div>\r\n <div>\ud83d\udcde 04 67 XX XX XX<\/div>\r\n <div>\u2709\ufe0f contact@one-batt.com<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-right\">\r\n <form class=\"form\" onsubmit=\"obSubmit(event)\">\r\n\r\n <div>\r\n <div class=\"form-title\">Demande de contact<\/div>\r\n <div class=\"form-sub\">\r\n Remplissez les informations principales pour que l\u2019on puisse vous r\u00e9pondre efficacement.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"ob-prenom\">Pr\u00e9nom<\/label>\r\n <input type=\"text\" id=\"ob-prenom\" placeholder=\"Votre pr\u00e9nom\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"ob-nom\">Nom<\/label>\r\n <input type=\"text\" id=\"ob-nom\" placeholder=\"Votre nom\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"ob-email\">Email<\/label>\r\n <input type=\"email\" id=\"ob-email\" placeholder=\"exemple@email.fr\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"ob-tel\">T\u00e9l\u00e9phone<\/label>\r\n <input type=\"tel\" id=\"ob-tel\" placeholder=\"06 00 00 00 00\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"ob-vehicule\">Type de v\u00e9hicule<\/label>\r\n <select id=\"ob-vehicule\">\r\n <option value=\"\">S\u00e9lectionnez un v\u00e9hicule<\/option>\r\n <option>Voiture<\/option>\r\n <option>Moto<\/option>\r\n <option>Scooter<\/option>\r\n <option>Utilitaire<\/option>\r\n <option>Fourgon<\/option>\r\n <option>Van am\u00e9nag\u00e9<\/option>\r\n <option>Camping-car<\/option>\r\n <option>4x4<\/option>\r\n <option>Quad<\/option>\r\n <option>Golfette<\/option>\r\n <option>Poids lourd<\/option>\r\n <option>Engin \/ mat\u00e9riel<\/option>\r\n <option>Autre<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"ob-immatriculation\">Immatriculation<\/label>\r\n <input type=\"text\" id=\"ob-immatriculation\" placeholder=\"Ex : AB-123-CD\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"ob-besoin\">Votre besoin<\/label>\r\n <select id=\"ob-besoin\">\r\n <option value=\"\">S\u00e9lectionnez votre besoin<\/option>\r\n <option>Achat de batterie<\/option>\r\n <option>Diagnostic batterie<\/option>\r\n <option>Remplacement batterie<\/option>\r\n <option>Probl\u00e8me de d\u00e9marrage<\/option>\r\n <option>Contr\u00f4le alternateur \/ charge<\/option>\r\n <option>D\u00e9marreur \/ alternateur<\/option>\r\n <option>Installation lithium \/ solaire<\/option>\r\n <option>Demande professionnelle<\/option>\r\n <option>Autre demande<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"ob-msg\">Message<\/label>\r\n <textarea id=\"ob-msg\" placeholder=\"Expliquez rapidement votre demande, le mod\u00e8le du v\u00e9hicule, le probl\u00e8me rencontr\u00e9...\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\">Envoyer ma demande<\/button>\r\n\r\n <div class=\"form-note\">\r\n Les champs pr\u00e9nom et email sont n\u00e9cessaires pour valider l\u2019envoi.\r\n <\/div>\r\n\r\n <\/form>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FOOTER -->\r\n <footer class=\"footer\">\r\n <div class=\"container footer-grid\">\r\n\r\n <div class=\"footer-brand-block\">\r\n <div class=\"footer-brand\">ONE BATT<\/div>\r\n <p>\r\n Magasin & atelier d\u00e9di\u00e9 \u00e0 l\u2019\u00e9nergie embarqu\u00e9e.<br>\r\n Batteries, diagnostic, remplacement et solutions atelier \u00e0 B\u00e9ziers.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-links-block\">\r\n <h4>Informations<\/h4>\r\n <ul>\r\n <li><a href=\"\/mentions-legales\/\">Mentions l\u00e9gales<\/a><\/li>\r\n <li><a href=\"\/conditions-generales-de-vente\/\">CGV<\/a><\/li>\r\n <li><a href=\"\/politique-de-confidentialite\/\">Politique de confidentialit\u00e9<\/a><\/li>\r\n <li><a href=\"\/gestion-des-cookies\/\">Gestion des cookies<\/a><\/li>\r\n <li><a href=\"\/contact\/\">Contact<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-contact-block\">\r\n <h4>Nous trouver<\/h4>\r\n <p>\r\n Le Kube \u00b7 Zone de Mercorent<br>\r\n 34500 B\u00e9ziers\r\n <\/p>\r\n\r\n <div class=\"footer-socials\">\r\n <a href=\"#\" aria-label=\"Facebook ONE BATT\" class=\"social-link\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M14 8.5V6.8c0-.8.3-1.3 1.4-1.3H17V2.6c-.8-.1-1.7-.2-2.5-.2-2.6 0-4.4 1.6-4.4 4.5v1.6H7.2V12h2.9v9.5H14V12h3l.5-3.5H14Z\"\/>\r\n <\/svg>\r\n <\/a>\r\n\r\n <a href=\"#\" aria-label=\"Instagram ONE BATT\" class=\"social-link\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M7.5 2.5h9A5 5 0 0 1 21.5 7.5v9a5 5 0 0 1-5 5h-9a5 5 0 0 1-5-5v-9a5 5 0 0 1 5-5Zm0 3A2 2 0 0 0 5.5 7.5v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2h-9ZM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm4.7-3.7a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <div class=\"container footer-bottom-inner\">\r\n <span>\u00a9 2026 ONE BATT \u00b7 B\u00e9ziers \u00b7 Tous droits r\u00e9serv\u00e9s<\/span>\r\n <span>Site vitrine professionnel<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n function obSubmit(e){\r\n e.preventDefault();\r\n\r\n var p = document.getElementById('ob-prenom').value.trim();\r\n var em = document.getElementById('ob-email').value.trim();\r\n\r\n if(!p || !em){\r\n alert('Veuillez remplir au minimum votre pr\u00e9nom et votre email.');\r\n return;\r\n }\r\n\r\n alert('Merci ' + p + ' ! Votre demande a bien \u00e9t\u00e9 prise en compte.');\r\n }\r\n\r\n (function () {\r\n const SEGS = 12;\r\n\r\n function getColor(level){\r\n if(level <= 0.20) return '#ff3b3b';\r\n if(level <= 0.45) return '#ff8c2a';\r\n if(level <= 0.70) return '#f5c518';\r\n return '#34d17a';\r\n }\r\n\r\n function getStatus(level){\r\n if(level <= 0.20) return '\u26a1 Faible';\r\n if(level <= 0.45) return '\u2191 En charge';\r\n if(level <= 0.70) return '\u25ce Nominal';\r\n return '\u2713 Optimal';\r\n }\r\n\r\n function render(el, level){\r\n if(!el) return;\r\n\r\n level = Math.max(0, Math.min(1, level));\r\n\r\n const pct = Math.round(level * 100);\r\n const color = getColor(level);\r\n const status = getStatus(level);\r\n const filled = Math.round(level * SEGS);\r\n\r\n el.style.setProperty('--seg-color-main', color);\r\n\r\n let segs = '';\r\n\r\n for(let i = 0; i < SEGS; i++){\r\n const isFilled = i < filled;\r\n const isLeading = i === filled - 1 && filled > 0 && filled < SEGS;\r\n\r\n segs += `\r\n <div \r\n class=\"ob-battery-mini-seg${isFilled ? ' is-filled' : ''}${isLeading ? ' is-leading' : ''}\"\r\n ${isFilled ? `style=\"--seg-color:${color}\"` : ''}\r\n ><\/div>\r\n `;\r\n }\r\n\r\n el.innerHTML = `\r\n <div class=\"ob-battery-mini-status\" style=\"color:${color}; border-color:${color}55; background:${color}18;\">\r\n ${status}\r\n <\/div>\r\n\r\n <div class=\"ob-battery-mini-top\">\r\n <span class=\"ob-battery-mini-label\">Niveau de charge<\/span>\r\n <span class=\"ob-battery-mini-percent\">${pct}%<\/span>\r\n <\/div>\r\n\r\n <div class=\"ob-battery-mini-shell\">\r\n ${segs}\r\n <div class=\"ob-battery-mini-tip\"><\/div>\r\n <div class=\"ob-battery-mini-sweep\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"ob-battery-mini-bottom\">\r\n <div class=\"ob-battery-mini-bar\">\r\n <div class=\"ob-battery-mini-bar-fill\" style=\"width:${pct}%\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"ob-battery-mini-big\">\r\n <div class=\"ob-battery-mini-value\">${pct}<\/div>\r\n <div class=\"ob-battery-mini-unit\">%<\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n const el = document.getElementById('bat-onebatt');\r\n\r\n let level = 0;\r\n let dir = 1;\r\n let holdUntil = 0;\r\n\r\n function animate(now){\r\n if(now >= holdUntil){\r\n level += dir * 0.0042;\r\n\r\n if(level >= 1){\r\n level = 1;\r\n dir = -1;\r\n holdUntil = now + 1000;\r\n }\r\n\r\n if(level <= 0){\r\n level = 0;\r\n dir = 1;\r\n holdUntil = now + 700;\r\n }\r\n }\r\n\r\n render(el, level);\r\n requestAnimationFrame(animate);\r\n }\r\n\r\n requestAnimationFrame(animate);\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>ONE BATT \u2013 Atelier \u2022 Batteries \u2022 Services Magasin & atelier d\u00e9di\u00e9 \u00e0 l\u2019\u00e9nergie embarqu\u00e9e Batteries, diagnostic, remplacement et solutions […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/one-batt.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/one-batt.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/one-batt.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/one-batt.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/one-batt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":979,"href":"https:\/\/one-batt.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":1695,"href":"https:\/\/one-batt.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/1695"}],"wp:attachment":[{"href":"https:\/\/one-batt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}