{"id":523,"date":"2026-09-21T10:41:15","date_gmt":"2026-09-21T08:41:15","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/?page_id=523"},"modified":"2026-09-24T13:30:33","modified_gmt":"2026-09-24T11:30:33","slug":"entretien-vidange","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/entretien-vidange\/","title":{"rendered":"Entretien &amp; Vidange"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<!--\n  SOUS-PAGE SERVICE \u2014 ENTRETIEN & VIDANGE \u2014 DESIGN UNIQUE\n  Header + footer g\u00e9r\u00e9s par Blocksy\n  HTML\/CSS\/JS natif, optimis\u00e9 mobile + PageSpeed\n-->\n<main class=\"ev-page\" id=\"entretien-vidange\">\n<style>\n.ev-page{\n  --bg:#090d12;--bg2:#0d131a;--panel:#121a24;--panel2:#18212c;\n  --text:#f7f9fc;--muted:#aeb8c6;--line:rgba(255,255,255,.11);\n  --accent:#f04b3e;--accent2:#ff877b;--ok:#8ee7ad;--gold:#f6c85f;\n  --shadow:0 24px 60px rgba(0,0,0,.28);\n  background:var(--bg);color:var(--text);font-family:inherit;overflow:hidden;\n}\n.ev-page *,.ev-page *::before,.ev-page *::after{box-sizing:border-box}\n.ev-page a{text-decoration:none;color:inherit}.ev-page img{display:block;width:100%;height:auto}\n.ev-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.ev-section{position:relative;padding:78px 0}\n.ev-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#ffd7d2;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}\n.ev-eyebrow::before{content:\"\";width:28px;height:2px;background:var(--accent);border-radius:99px}\n.ev-title{margin:11px 0 14px;max-width:760px;font-size:clamp(1.85rem,3.35vw,2.9rem);line-height:1.06;letter-spacing:-.04em;font-weight:850;color:#f7f9fc}\n.ev-title span{color:var(--accent2)}.ev-lead{margin:0;max-width:690px;color:var(--muted);font-size:1rem;line-height:1.68}\n.ev-btn{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;border-radius:14px;font-weight:800;font-size:.91rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}\n.ev-btn:hover{transform:translateY(-2px)}.ev-btn--primary{background:linear-gradient(135deg,var(--accent),#d92f25);box-shadow:0 13px 28px rgba(240,75,62,.22)}.ev-btn--ghost{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.045)}\n\n\/* HERO \u2014 composition \u00e9ditoriale sp\u00e9cifique entretien *\/\n.ev-hero{position:relative;min-height:660px;display:flex;align-items:center;padding:64px 0 54px;background:#0a0f15;isolation:isolate}\n.ev-hero::before{content:\"\";position:absolute;inset:0;z-index:0;background:\n  radial-gradient(circle at 72% 30%,rgba(240,75,62,.14),transparent 28%),\n  linear-gradient(180deg,#0a0f15 0%,#0b1016 100%)}\n.ev-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr);gap:58px;align-items:center}\n.ev-hero__copy{max-width:610px}.ev-hero__tag{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.04);font-size:.74rem;font-weight:800;color:#e9eef6}.ev-hero__tag i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 5px rgba(142,231,173,.09)}\n.ev-hero h1{margin:18px 0 15px;max-width:620px;font-size:clamp(2.1rem,3.8vw,3.55rem);line-height:1.04;letter-spacing:-.045em;font-weight:900;color:#f8fafc}.ev-hero h1 span{display:block;color:var(--accent2);margin-top:7px}\n.ev-hero__intro{max-width:570px;margin:0;color:#d6deea;font-size:1rem;line-height:1.68}.ev-hero__actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}\n.ev-hero__proofs{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:19px;color:#c5ced9;font-size:.77rem}.ev-hero__proofs span{display:flex;align-items:center;gap:7px}.ev-hero__proofs i{width:6px;height:6px;border-radius:50%;background:var(--accent2)}\n\n.ev-maintenance-visual{position:relative;min-height:500px}\n.ev-photo-frame{position:absolute;inset:0 24px 0 0;border:1px solid rgba(255,255,255,.12);border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#17202a,#0e141a);box-shadow:var(--shadow)}\n.ev-photo-frame img{width:100%;height:100%;object-fit:cover}.ev-photo-frame::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,10,.05) 20%,rgba(3,6,10,.70) 100%)}\n.ev-oil-card{position:absolute;z-index:3;right:0;top:28px;width:160px;padding:16px;border-radius:20px;background:linear-gradient(150deg,#f04b3e,#c92f25);box-shadow:0 18px 40px rgba(240,75,62,.28);transform:rotate(2deg)}\n.ev-oil-card b{display:block;font-size:2.1rem;line-height:1;letter-spacing:-.04em}.ev-oil-card span{display:block;margin-top:5px;font-size:.72rem;font-weight:800;line-height:1.3;text-transform:uppercase}\n.ev-visual-check{position:absolute;z-index:4;left:-34px;bottom:28px;width:min(360px,78%);padding:17px 18px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(9,13,18,.88);backdrop-filter:blur(10px)}\n.ev-visual-check__top{display:flex;justify-content:space-between;gap:12px;align-items:center}.ev-visual-check strong{font-size:.97rem}.ev-visual-check small{color:var(--ok);font-weight:800}.ev-visual-check p{margin:7px 0 0;color:#b9c3cf;font-size:.8rem;line-height:1.5}\n\n\/* QUICK CHOICE *\/\n.ev-choice{background:linear-gradient(180deg,#0d1218,#0a0f15);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\n.ev-choice__top{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}.ev-choice__top .ev-lead{max-width:470px}\n.ev-choice__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ev-choice-card{position:relative;padding:23px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));overflow:hidden;transition:.3s ease}\n.ev-choice-card:hover{transform:translateY(-4px);border-color:rgba(240,75,62,.36)}.ev-choice-card::before{content:\"\";position:absolute;width:90px;height:90px;border-radius:50%;right:-28px;top:-28px;background:rgba(240,75,62,.08)}\n.ev-choice-card__num{font-size:.7rem;font-weight:900;letter-spacing:.12em;color:var(--accent2)}.ev-choice-card h3{margin:13px 0 8px;font-size:1.08rem;color:#fff}.ev-choice-card p{margin:0;color:#b8c2ce;font-size:.82rem;line-height:1.55}.ev-choice-card__link{display:inline-flex;margin-top:14px;font-size:.78rem;font-weight:800;color:#fff}\n\n\/* DASHBOARD ENTRETIEN *\/\n.ev-dashboard{background:#090d12}.ev-dashboard__grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:40px;align-items:center}\n.ev-dashboard__intro{max-width:520px}.ev-dashboard__panel{position:relative;padding:26px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(150deg,#151d27,#0f151c);box-shadow:var(--shadow)}\n.ev-dashboard__header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:22px}.ev-dashboard__header strong{font-size:1rem;color:#fff}.ev-dashboard__status{padding:7px 10px;border-radius:99px;background:rgba(142,231,173,.1);color:var(--ok);font-size:.7rem;font-weight:800}\n.ev-gauge-row{display:grid;grid-template-columns:170px 1fr;gap:26px;align-items:center}.ev-gauge{position:relative;width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) 0 76%,rgba(255,255,255,.08) 76% 100%);box-shadow:0 14px 34px rgba(0,0,0,.2)}.ev-gauge::after{content:\"\";position:absolute;inset:17px;border-radius:50%;background:#111821;border:1px solid rgba(255,255,255,.07)}.ev-gauge__center{position:relative;z-index:2;text-align:center}.ev-gauge__center b{display:flex;align-items:baseline;justify-content:center;gap:2px;font-size:1.82rem;line-height:1;font-weight:900;color:#fff}.ev-gauge__center b .ev-counter{font-size:1em;color:#fff}.ev-gauge__center b em{font-style:normal;font-size:.72em;color:#fff}.ev-gauge__center>span{display:block;margin-top:8px;color:#c4ced9;font-size:.78rem;font-weight:700;line-height:1.25}\n.ev-checklist{display:grid;gap:9px}.ev-checkitem{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.ev-checkitem i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(240,75,62,.12);color:var(--accent2);font-style:normal;font-weight:900}.ev-checkitem b{font-size:.81rem;color:#fff}.ev-checkitem span{font-size:.7rem;color:#98a4b2}\n.ev-dashboard__footer{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.ev-mini-stat{position:relative;min-height:108px;padding:17px 16px 15px;border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.08);overflow:hidden}.ev-mini-stat::before{content:\"\";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));opacity:.9}.ev-mini-stat strong{display:flex;align-items:baseline;gap:2px;font-size:1.65rem;line-height:1;font-weight:900;letter-spacing:-.04em;color:#fff}.ev-mini-stat strong .ev-counter{font-size:1em;color:#fff}.ev-mini-stat strong em{font-style:normal;font-size:.72em;color:var(--accent2)}.ev-mini-stat>span{display:block;margin-top:10px;color:#b7c1cd;font-size:.74rem;font-weight:650;line-height:1.35}\n\n.ev-dashboard .ev-title,\n.ev-dashboard .ev-title span{color:#fff}\n\n\/* CARNET ENTRETIEN *\/\n.ev-plan{background:linear-gradient(180deg,#0b1016,#0f151d)}.ev-plan__head{max-width:760px;margin-bottom:32px}\n.ev-plan__board{display:grid;grid-template-columns:180px 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#101721}\n.ev-plan__labels{background:#0d131a;border-right:1px solid var(--line)}.ev-plan__labels div{height:82px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);font-size:.78rem;font-weight:800}.ev-plan__labels div:first-child{height:58px;color:#97a4b2;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.ev-plan__labels div:last-child{border-bottom:0}\n.ev-plan__content{overflow:auto}.ev-plan__months{min-width:760px}.ev-plan__scale{height:58px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;border-bottom:1px solid rgba(255,255,255,.07);color:#97a4b2;font-size:.7rem;font-weight:800}.ev-plan__scale span{padding-left:18px}.ev-plan__row{position:relative;height:82px;border-bottom:1px solid rgba(255,255,255,.07)}.ev-plan__row:last-child{border-bottom:0}.ev-plan__row::before{content:\"\";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(255,255,255,.045) calc(25% - 1px) 25%)}\n.ev-plan__bar{position:absolute;top:26px;height:30px;border-radius:99px;display:flex;align-items:center;padding:0 13px;font-size:.7rem;font-weight:800;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.18)}.ev-plan__bar--oil{left:5%;width:33%;background:linear-gradient(90deg,#f04b3e,#ff776b)}.ev-plan__bar--filters{left:25%;width:42%;background:linear-gradient(90deg,#2f7dd1,#55a4f5)}.ev-plan__bar--full{left:52%;width:40%;background:linear-gradient(90deg,#6d5bd0,#9a87ff)}\n.ev-plan__note{margin-top:15px;color:#96a2b0;font-size:.75rem;line-height:1.5}\n\n\/* VERTICAL ACTIVE TIMELINE *\/\n.ev-process{background:#090d12}.ev-process__grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:56px;align-items:start}.ev-process__intro{position:sticky;top:110px}.ev-process__intro .ev-title{max-width:470px}.ev-process__list{position:relative;padding-left:48px}.ev-process__rail{position:absolute;left:14px;top:6px;bottom:6px;width:3px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.ev-process__progress{width:100%;height:0;background:linear-gradient(180deg,var(--accent),var(--accent2));box-shadow:0 0 18px rgba(240,75,62,.35)}\n.ev-process-step{position:relative;padding:0 0 40px}.ev-process-step:last-child{padding-bottom:0}.ev-process-step__dot{position:absolute;left:-48px;top:2px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#121a24;border:1px solid rgba(255,255,255,.14);color:#7f8c9b;font-size:.7rem;font-weight:900;transition:.3s ease}.ev-process-step.is-active .ev-process-step__dot{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 7px rgba(240,75,62,.1)}\n.ev-process-card{padding:21px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.017));transition:.3s ease}.ev-process-step.is-active .ev-process-card{border-color:rgba(240,75,62,.34);transform:translateX(4px)}.ev-process-card h3{margin:0 0 7px;font-size:1rem;color:#fff}.ev-process-card p{margin:0;color:#aeb8c6;font-size:.82rem;line-height:1.55}\n\n.ev-process .ev-title,\n.ev-process .ev-title span{color:#fff}\n\n\/* TRANSPARENCY *\/\n.ev-transparency{background:linear-gradient(180deg,#0d1218,#0a0f15)}.ev-transparency__box{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:34px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),#111923}\n.ev-price-stack{display:grid;gap:10px}.ev-price-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 15px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.ev-price-row b{font-size:.84rem}.ev-price-row span{font-size:.74rem;color:#9da9b7}.ev-price-row strong{color:var(--ok);font-size:.75rem;white-space:nowrap}\n.ev-transparency__note{margin-top:13px;padding:12px 13px;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:rgba(240,75,62,.08);color:#c7d0db;font-size:.76rem;line-height:1.5}\n\n\/* FAQ + CTA *\/\n.ev-faq{background:#090d12}.ev-faq__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px}.ev-faq-list{display:grid;gap:10px}.ev-faq details{border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.ev-faq summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:800;font-size:.87rem;display:flex;justify-content:space-between;gap:14px;align-items:center}.ev-faq summary::-webkit-details-marker{display:none}.ev-faq summary::after{content:\"+\";font-size:1.2rem;color:var(--accent2)}.ev-faq details[open] summary::after{content:\"\u2212\"}.ev-faq details p{margin:0;padding:0 18px 16px;color:#b8c2ce;font-size:.8rem;line-height:1.55}\n.ev-cta{padding:54px 0 72px;background:#090d12}.ev-cta__box{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:38px;border:1px solid rgba(240,75,62,.28);border-radius:26px;background:radial-gradient(circle at 90% 30%,rgba(240,75,62,.22),transparent 34%),linear-gradient(135deg,#151c24,#0f151c);box-shadow:var(--shadow)}.ev-cta h2{margin:0 0 9px;font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.06;letter-spacing:-.04em;color:#fff}.ev-cta p{margin:0;color:var(--muted);max-width:650px;line-height:1.62}.ev-cta__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}\n\n\/* reveal *\/\n.ev-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}.ev-reveal.is-visible{opacity:1;transform:none}.ev-delay-1{transition-delay:.08s}.ev-delay-2{transition-delay:.16s}\n\n@media(max-width:980px){\n  .ev-section{padding:64px 0}.ev-hero{min-height:auto;padding:54px 0 44px}.ev-hero__grid{grid-template-columns:1fr;gap:34px}.ev-maintenance-visual{min-height:410px}.ev-choice__grid{grid-template-columns:1fr 1fr}.ev-choice-card:last-child{grid-column:1\/-1}.ev-dashboard__grid,.ev-process__grid,.ev-transparency__box,.ev-faq__grid{grid-template-columns:1fr}.ev-process__intro{position:relative;top:auto}.ev-plan__board{grid-template-columns:150px 1fr}\n}\n@media(max-width:680px){\n  .ev-container{width:min(100% - 24px,1180px)}.ev-section{padding:46px 0}.ev-title{font-size:clamp(1.5rem,7vw,2rem)}.ev-lead{font-size:.91rem;line-height:1.56}.ev-eyebrow{font-size:.66rem}\n  .ev-hero{padding:34px 0 28px}.ev-hero h1{font-size:clamp(1.8rem,8vw,2.45rem);margin:14px 0 12px;line-height:1.07}.ev-hero__intro{font-size:.92rem;line-height:1.56}.ev-hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.ev-btn{min-height:45px;padding:0 12px;font-size:.78rem}.ev-hero__proofs{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;font-size:.69rem}.ev-maintenance-visual{min-height:300px}.ev-photo-frame{right:0;border-radius:20px}.ev-oil-card{width:112px;padding:12px;top:14px}.ev-oil-card b{font-size:1.45rem}.ev-oil-card span{font-size:.56rem}.ev-visual-check{left:10px;bottom:10px;width:82%;padding:12px}.ev-visual-check p{display:none}\n  .ev-choice__top{display:block}.ev-choice__top .ev-lead{margin-top:8px}.ev-choice__grid{grid-template-columns:1fr;gap:9px}.ev-choice-card,.ev-choice-card:last-child{grid-column:auto;padding:17px}.ev-choice-card h3{font-size:.94rem;margin:9px 0 6px}\n  .ev-dashboard__grid{gap:24px}\n  .ev-dashboard__intro{text-align:left}\n  .ev-dashboard__panel{padding:16px;border-radius:20px;background:linear-gradient(155deg,#151d27,#0c1218);box-shadow:0 18px 42px rgba(0,0,0,.24)}\n  .ev-dashboard__header{align-items:flex-start;margin-bottom:18px}\n  .ev-dashboard__header strong{font-size:1rem;line-height:1.25;color:#fff}\n  .ev-dashboard__status{font-size:.64rem;padding:6px 8px;white-space:nowrap}\n  .ev-gauge-row{grid-template-columns:1fr;justify-items:stretch;gap:18px}\n  .ev-gauge{width:142px;height:142px;margin-inline:auto}\n  .ev-gauge::after{inset:14px}\n  .ev-gauge__center b{font-size:1.62rem;color:#fff}\n  .ev-gauge__center>span{margin-top:7px;font-size:.74rem}\n  .ev-checklist{width:100%;gap:8px}\n  .ev-checkitem{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:11px 12px}\n  .ev-checkitem i{width:30px;height:30px}\n  .ev-checkitem b{font-size:.84rem;line-height:1.25;color:#fff}\n  .ev-checkitem span{grid-column:2;font-size:.69rem;margin-top:-5px;color:#aeb8c6}\n  .ev-dashboard__footer{grid-template-columns:1fr;gap:8px;margin-top:16px}\n  .ev-mini-stat{min-height:0;padding:13px 14px 12px;text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:13px;align-items:center}\n  .ev-mini-stat::before{width:3px;height:100%;background:linear-gradient(180deg,var(--accent),var(--accent2))}\n  .ev-mini-stat strong{font-size:1.38rem;min-width:58px}\n  .ev-mini-stat>span{margin-top:0;font-size:.72rem;line-height:1.3;color:#c0cad5}\n  .ev-plan__board{display:block;border-radius:18px}.ev-plan__labels{display:none}.ev-plan__content{overflow-x:auto;scrollbar-width:none}.ev-plan__content::-webkit-scrollbar{display:none}.ev-plan__months{min-width:650px}.ev-plan__scale{height:48px}.ev-plan__row{height:68px}.ev-plan__bar{top:19px;height:30px}\n  .ev-process__grid{gap:24px}\n  .ev-process__intro .ev-title,.ev-process__intro .ev-title span{color:#fff}\n  .ev-process__list{padding-left:40px}\n  .ev-process__rail{left:11px;top:4px;bottom:4px}\n  .ev-process-step{padding-bottom:22px}\n  .ev-process-step__dot{left:-40px;width:25px;height:25px}\n  .ev-process-card{padding:16px}\n  .ev-process-card h3{font-size:1rem;line-height:1.3;color:#fff}\n  .ev-process-card p{font-size:.78rem;line-height:1.55}\n  .ev-transparency__box{padding:21px;border-radius:20px;gap:24px}.ev-price-row{padding:12px}.ev-price-row span{display:none}\n  .ev-faq__grid{gap:24px}.ev-faq summary{font-size:.8rem;padding:14px 15px}\n  .ev-cta{padding:34px 0 46px}\n  .ev-cta__box{\n    display:block;\n    padding:24px 20px 20px;\n    border-radius:22px;\n    border-color:rgba(240,75,62,.34);\n    background:\n      radial-gradient(circle at 100% 0%,rgba(240,75,62,.24),transparent 42%),\n      linear-gradient(155deg,#171f29,#0d131a);\n    box-shadow:0 20px 46px rgba(0,0,0,.28)\n  }\n  .ev-cta__box::before{content:\"\";position:absolute;left:20px;right:20px;top:0;height:3px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,var(--accent),var(--accent2))}\n  .ev-cta h2{max-width:none;margin:0 0 11px;font-size:1.75rem;line-height:1.08;color:#fff}\n  .ev-cta p{font-size:.92rem;line-height:1.58;color:#c8d1dc}\n  .ev-cta__actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:20px}\n  .ev-cta__actions .ev-btn{width:100%;min-height:50px;font-size:.86rem}\n  .ev-cta__actions .ev-btn--ghost{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.16)}\n}\n@media(prefers-reduced-motion:reduce){.ev-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.ev-reveal{opacity:1;transform:none}}\n<\/style>\n\n<section class=\"ev-hero\">\n  <div class=\"ev-container ev-hero__grid\">\n    <div class=\"ev-hero__copy ev-reveal\">\n      <div class=\"ev-hero__tag\"><i><\/i> Entretien &amp; vidange multimarque<\/div>\n      <h1>L\u2019entretien au bon moment. <span>Pas quand il est trop tard.<\/span><\/h1>\n      <p class=\"ev-hero__intro\">Vidange, filtres, niveaux et contr\u00f4les essentiels selon votre v\u00e9hicule, son kilom\u00e9trage et les pr\u00e9conisations constructeur.<\/p>\n      <div class=\"ev-hero__actions\"><a class=\"ev-btn ev-btn--primary\" href=\"#rendez-vous\">Planifier mon entretien<\/a><a class=\"ev-btn ev-btn--ghost\" href=\"tel:+33000000000\">Appeler le garage<\/a><\/div>\n      <div class=\"ev-hero__proofs\"><span><i><\/i> Huile adapt\u00e9e au moteur<\/span><span><i><\/i> Devis avant travaux<\/span><span><i><\/i> Toutes marques<\/span><\/div>\n    <\/div>\n    <div class=\"ev-maintenance-visual ev-reveal ev-delay-1\">\n      <div class=\"ev-photo-frame\"><img src=\"https:\/\/images.unsplash.com\/photo-1487754180451-c456f719a1fc?auto=format&amp;fit=crop&amp;w=1300&amp;q=82\" alt=\"Entretien moteur dans un garage automobile\" width=\"1300\" height=\"900\" decoding=\"async\" fetchpriority=\"high\" onerror=\"this.style.display='none'\"><\/div>\n      <div class=\"ev-oil-card\"><b>100%<\/b><span>entretien adapt\u00e9 au v\u00e9hicule<\/span><\/div>\n      <div class=\"ev-visual-check\"><div class=\"ev-visual-check__top\"><strong>Contr\u00f4le entretien<\/strong><small>\u2713 clair &amp; expliqu\u00e9<\/small><\/div><p>Nous v\u00e9rifions l\u2019\u00e9ch\u00e9ance, le kilom\u00e9trage et les op\u00e9rations r\u00e9ellement n\u00e9cessaires.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"ev-section ev-choice\">\n  <div class=\"ev-container\">\n    <div class=\"ev-choice__top ev-reveal\"><div><span class=\"ev-eyebrow\">Pourquoi venez-vous ?<\/span><h2 class=\"ev-title\">Trois besoins, <span>une r\u00e9ponse adapt\u00e9e.<\/span><\/h2><\/div><p class=\"ev-lead\">Le client doit savoir imm\u00e9diatement quel type d\u2019entretien correspond \u00e0 sa situation.<\/p><\/div>\n    <div class=\"ev-choice__grid\">\n      <article class=\"ev-choice-card ev-reveal\"><span class=\"ev-choice-card__num\">01 \/ \u00c9CH\u00c9ANCE<\/span><h3>Ma vidange est \u00e0 faire<\/h3><p>Vidange moteur, filtre \u00e0 huile et contr\u00f4les essentiels selon le v\u00e9hicule.<\/p><span class=\"ev-choice-card__link\">Voir ce qui est contr\u00f4l\u00e9 \u2192<\/span><\/article>\n      <article class=\"ev-choice-card ev-reveal ev-delay-1\"><span class=\"ev-choice-card__num\">02 \/ R\u00c9VISION<\/span><h3>Mon entretien constructeur arrive<\/h3><p>Nous suivons les op\u00e9rations pr\u00e9vues selon l\u2019\u00e2ge, le kilom\u00e9trage et la motorisation.<\/p><span class=\"ev-choice-card__link\">Comprendre la r\u00e9vision \u2192<\/span><\/article>\n      <article class=\"ev-choice-card ev-reveal ev-delay-2\"><span class=\"ev-choice-card__num\">03 \/ PR\u00c9VENTION<\/span><h3>Je pr\u00e9pare un long trajet<\/h3><p>Niveaux, pneus, \u00e9clairage, freinage et points de s\u00e9curit\u00e9 avant de prendre la route.<\/p><span class=\"ev-choice-card__link\">Pr\u00e9parer mon v\u00e9hicule \u2192<\/span><\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"ev-section ev-dashboard\">\n  <div class=\"ev-container ev-dashboard__grid\">\n    <div class=\"ev-dashboard__intro ev-reveal\"><span class=\"ev-eyebrow\">Le contr\u00f4le en un coup d\u2019\u0153il<\/span><h2 class=\"ev-title\">Une r\u00e9vision lisible, <span>pas une liste incompr\u00e9hensible.<\/span><\/h2><p class=\"ev-lead\">Chaque point est v\u00e9rifi\u00e9 selon ce qui est pr\u00e9vu pour votre v\u00e9hicule. L\u2019objectif : intervenir l\u00e0 o\u00f9 c\u2019est utile et vous expliquer le reste.<\/p><\/div>\n    <div class=\"ev-dashboard__panel ev-reveal ev-delay-1\">\n      <div class=\"ev-dashboard__header\"><strong>\u00c9tat de l\u2019entretien<\/strong><span class=\"ev-dashboard__status\">Contr\u00f4le atelier<\/span><\/div>\n      <div class=\"ev-gauge-row\"><div class=\"ev-gauge\"><div class=\"ev-gauge__center\"><b><span class=\"ev-counter\" data-target=\"76\">0<\/span><em>%<\/em><\/b><span>points v\u00e9rifi\u00e9s<\/span><\/div><\/div>\n        <div class=\"ev-checklist\">\n          <div class=\"ev-checkitem\"><i>01<\/i><b>Huile moteur<\/b><span>Contr\u00f4l\u00e9e<\/span><\/div>\n          <div class=\"ev-checkitem\"><i>02<\/i><b>Filtres<\/b><span>Selon \u00e9ch\u00e9ance<\/span><\/div>\n          <div class=\"ev-checkitem\"><i>03<\/i><b>Niveaux &amp; fluides<\/b><span>V\u00e9rifi\u00e9s<\/span><\/div>\n          <div class=\"ev-checkitem\"><i>04<\/i><b>Pneus &amp; freinage<\/b><span>Contr\u00f4le visuel<\/span><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ev-dashboard__footer\"><div class=\"ev-mini-stat\"><strong><span class=\"ev-counter\" data-target=\"4\">0<\/span><\/strong><span>contr\u00f4les essentiels<\/span><\/div><div class=\"ev-mini-stat\"><strong><span class=\"ev-counter\" data-target=\"10\">0<\/span><em>+<\/em><\/strong><span>ann\u00e9es d\u2019exp\u00e9rience<\/span><\/div><div class=\"ev-mini-stat\"><strong><span class=\"ev-counter\" data-target=\"1200\">0<\/span><em>+<\/em><\/strong><span>v\u00e9hicules entretenus<\/span><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"ev-section ev-plan\">\n  <div class=\"ev-container\">\n    <div class=\"ev-plan__head ev-reveal\"><span class=\"ev-eyebrow\">Carnet d\u2019entretien<\/span><h2 class=\"ev-title\">Le bon entretien d\u00e9pend <span>du bon moment.<\/span><\/h2><p class=\"ev-lead\">Cette visualisation montre la logique g\u00e9n\u00e9rale. Les \u00e9ch\u00e9ances exactes d\u00e9pendent toujours du constructeur, du moteur, du kilom\u00e9trage et de l\u2019usage.<\/p><\/div>\n    <div class=\"ev-plan__board ev-reveal ev-delay-1\">\n      <div class=\"ev-plan__labels\"><div>Op\u00e9rations<\/div><div>Vidange<\/div><div>Filtres<\/div><div>R\u00e9vision compl\u00e8te<\/div><\/div>\n      <div class=\"ev-plan__content\"><div class=\"ev-plan__months\"><div class=\"ev-plan__scale\"><span>\u00c9ch\u00e9ance proche<\/span><span>Interm\u00e9diaire<\/span><span>\u00c0 surveiller<\/span><span>Prochaine r\u00e9vision<\/span><\/div><div class=\"ev-plan__row\"><div class=\"ev-plan__bar ev-plan__bar--oil\">Huile + filtre<\/div><\/div><div class=\"ev-plan__row\"><div class=\"ev-plan__bar ev-plan__bar--filters\">Filtres selon v\u00e9hicule<\/div><\/div><div class=\"ev-plan__row\"><div class=\"ev-plan__bar ev-plan__bar--full\">R\u00e9vision constructeur<\/div><\/div><\/div><\/div>\n    <\/div>\n    <p class=\"ev-plan__note ev-reveal\">Le carnet constructeur reste la r\u00e9f\u00e9rence. Nous v\u00e9rifions les pr\u00e9conisations avant de vous proposer l\u2019entretien adapt\u00e9.<\/p>\n  <\/div>\n<\/section>\n\n<section class=\"ev-section ev-process\" id=\"methode\">\n  <div class=\"ev-container ev-process__grid\">\n    <div class=\"ev-process__intro ev-reveal\"><span class=\"ev-eyebrow\">\u00c0 l\u2019atelier<\/span><h2 class=\"ev-title\">Votre entretien, <span>\u00e9tape par \u00e9tape.<\/span><\/h2><p class=\"ev-lead\">Une timeline verticale active au scroll, diff\u00e9rente du reste du site et pens\u00e9e pour cette prestation.<\/p><\/div>\n    <div class=\"ev-process__list\" data-process=\"\">\n      <div class=\"ev-process__rail\" aria-hidden=\"true\"><div class=\"ev-process__progress\"><\/div><\/div>\n      <article class=\"ev-process-step is-active ev-reveal\"><div class=\"ev-process-step__dot\">01<\/div><div class=\"ev-process-card\"><h3>Identification du v\u00e9hicule<\/h3><p>Mod\u00e8le, motorisation, kilom\u00e9trage et historique pour d\u00e9terminer ce qui est r\u00e9ellement pr\u00e9vu.<\/p><\/div><\/article>\n      <article class=\"ev-process-step ev-reveal\"><div class=\"ev-process-step__dot\">02<\/div><div class=\"ev-process-card\"><h3>Contr\u00f4le avant intervention<\/h3><p>Niveaux, usure visible et points de s\u00e9curit\u00e9 essentiels sont v\u00e9rifi\u00e9s.<\/p><\/div><\/article>\n      <article class=\"ev-process-step ev-reveal\"><div class=\"ev-process-step__dot\">03<\/div><div class=\"ev-process-card\"><h3>Vidange &amp; op\u00e9rations pr\u00e9vues<\/h3><p>Huile adapt\u00e9e, filtres et op\u00e9rations correspondant \u00e0 l\u2019\u00e9ch\u00e9ance valid\u00e9e.<\/p><\/div><\/article>\n      <article class=\"ev-process-step ev-reveal\"><div class=\"ev-process-step__dot\">04<\/div><div class=\"ev-process-card\"><h3>Compte-rendu clair<\/h3><p>Vous savez ce qui a \u00e9t\u00e9 fait, ce qui est \u00e0 surveiller et la prochaine \u00e9ch\u00e9ance utile.<\/p><\/div><\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"ev-section ev-transparency\">\n  <div class=\"ev-container\"><div class=\"ev-transparency__box ev-reveal\">\n    <div><span class=\"ev-eyebrow\">Transparence<\/span><h2 class=\"ev-title\">Pas de remplacement <span>sans explication.<\/span><\/h2><p class=\"ev-lead\">Si un \u00e9l\u00e9ment suppl\u00e9mentaire m\u00e9rite une intervention, il est identifi\u00e9 et expliqu\u00e9 avant travaux.<\/p><div class=\"ev-transparency__note\">Les prestations et prix finaux d\u00e9pendent du v\u00e9hicule, de l\u2019huile, des pi\u00e8ces et des op\u00e9rations r\u00e9ellement n\u00e9cessaires.<\/div><\/div>\n    <div class=\"ev-price-stack\"><div class=\"ev-price-row\"><div><b>Vidange moteur<\/b><span>Huile + filtre selon v\u00e9hicule<\/span><\/div><strong>Devis avant travaux<\/strong><\/div><div class=\"ev-price-row\"><div><b>Filtres<\/b><span>Air, habitacle, carburant\u2026<\/span><\/div><strong>Selon \u00e9ch\u00e9ance<\/strong><\/div><div class=\"ev-price-row\"><div><b>Contr\u00f4le visuel<\/b><span>Pneus, freinage, niveaux<\/span><\/div><strong>Expliqu\u00e9 au client<\/strong><\/div><\/div>\n  <\/div><\/div>\n<\/section>\n\n<section class=\"ev-section ev-faq\">\n  <div class=\"ev-container ev-faq__grid\"><div class=\"ev-reveal\"><span class=\"ev-eyebrow\">Questions fr\u00e9quentes<\/span><h2 class=\"ev-title\">Les r\u00e9ponses <span>avant votre rendez-vous.<\/span><\/h2><p class=\"ev-lead\">Des r\u00e9ponses rapides, sans jargon inutile.<\/p><\/div><div class=\"ev-faq-list ev-reveal ev-delay-1\">\n    <details><summary>\u00c0 quelle fr\u00e9quence faut-il faire une vidange ?<\/summary><p>La fr\u00e9quence d\u00e9pend du moteur, de l\u2019usage et des pr\u00e9conisations constructeur. Nous v\u00e9rifions l\u2019\u00e9ch\u00e9ance adapt\u00e9e \u00e0 votre v\u00e9hicule.<\/p><\/details>\n    <details><summary>Faut-il remplacer tous les filtres \u00e0 chaque fois ?<\/summary><p>Non. Chaque filtre poss\u00e8de sa propre p\u00e9riodicit\u00e9. Nous rempla\u00e7ons uniquement ceux pr\u00e9vus ou r\u00e9ellement n\u00e9cessaires.<\/p><\/details>\n    <details><summary>Puis-je venir uniquement pour une vidange ?<\/summary><p>Oui. Une vidange simple ou une r\u00e9vision plus compl\u00e8te peut \u00eatre r\u00e9alis\u00e9e selon votre besoin.<\/p><\/details>\n    <details><summary>Les travaux suppl\u00e9mentaires sont-ils valid\u00e9s avant ?<\/summary><p>Oui. Tout \u00e9l\u00e9ment d\u00e9tect\u00e9 en plus est expliqu\u00e9 avant toute intervention compl\u00e9mentaire.<\/p><\/details>\n  <\/div><\/div>\n<\/section>\n\n<section class=\"ev-cta\" id=\"rendez-vous\"><div class=\"ev-container\"><div class=\"ev-cta__box ev-reveal\"><div><h2>Votre entretien approche ?<\/h2><p>Donnez-nous le mod\u00e8le, l\u2019ann\u00e9e et le kilom\u00e9trage de votre v\u00e9hicule. Nous vous orientons vers l\u2019entretien adapt\u00e9.<\/p><\/div><div class=\"ev-cta__actions\"><a class=\"ev-btn ev-btn--primary\" href=\"tel:+33000000000\">Appeler maintenant<\/a><a class=\"ev-btn ev-btn--ghost\" href=\"#\">Prendre rendez-vous<\/a><\/div><\/div><\/div><\/section>\n\n<script>\n(()=>{\n  const root=document.querySelector('.ev-page');if(!root)return;\n  const reduced=matchMedia('(prefers-reduced-motion: reduce)').matches;\n  const reveal=root.querySelectorAll('.ev-reveal');\n  if(reduced||!('IntersectionObserver'in window)) reveal.forEach(e=>e.classList.add('is-visible')); else {\n    const o=new IntersectionObserver((entries,obs)=>entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('is-visible');obs.unobserve(e.target)}}),{threshold:.12,rootMargin:'0px 0px -6% 0px'});reveal.forEach(e=>o.observe(e));\n  }\n  const counters=root.querySelectorAll('.ev-counter');\n  const run=el=>{if(el.dataset.done)return;el.dataset.done='1';const target=+el.dataset.target||0;if(reduced){el.textContent=target.toLocaleString('fr-FR');return}const start=performance.now(),dur=950;const tick=now=>{const p=Math.min((now-start)\/dur,1),q=1-Math.pow(1-p,3);el.textContent=Math.round(target*q).toLocaleString('fr-FR');if(p<1)requestAnimationFrame(tick)};requestAnimationFrame(tick)};\n  if('IntersectionObserver'in window){const o=new IntersectionObserver((es,ob)=>es.forEach(e=>{if(e.isIntersecting){run(e.target);ob.unobserve(e.target)}}),{threshold:.45});counters.forEach(c=>o.observe(c))}else counters.forEach(run);\n  const process=root.querySelector('[data-process]');\n  if(process){\n    const prog=process.querySelector('.ev-process__progress');\n    const steps=[...process.querySelectorAll('.ev-process-step')];\n    const isMobile=()=>matchMedia('(max-width:680px)').matches;\n    let ticking=false;\n\n    const update=()=>{\n      ticking=false;\n      const vh=innerHeight||document.documentElement.clientHeight;\n\n      if(isMobile()){\n        const trigger=vh*.66;\n        let idx=0;\n\n        steps.forEach((step,i)=>{\n          if(step.getBoundingClientRect().top<=trigger)idx=i;\n        });\n\n        idx=Math.max(0,Math.min(steps.length-1,idx));\n        const p=steps.length>1?idx\/(steps.length-1):1;\n\n        if(prog)prog.style.height=`${p*100}%`;\n        steps.forEach((s,i)=>s.classList.toggle('is-active',i<=idx));\n        return;\n      }\n\n      const r=process.getBoundingClientRect();\n      const start=vh*.72,end=vh*.28;\n      let p=(start-r.top)\/Math.max(1,r.height+start-end);\n      p=Math.max(0,Math.min(1,p*1.18));\n      if(prog)prog.style.height=`${p*100}%`;\n      const idx=Math.min(steps.length-1,Math.max(0,Math.floor(p*steps.length)));\n      steps.forEach((s,i)=>s.classList.toggle('is-active',i<=idx))\n    };\n\n    const onScroll=()=>{if(!ticking){ticking=true;requestAnimationFrame(update)}};\n    addEventListener('scroll',onScroll,{passive:true});\n    addEventListener('resize',onScroll,{passive:true});\n    update();\n  }\n})();\n<\/script>\n<\/main>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Entretien &amp; vidange multimarque L\u2019entretien au bon moment. Pas quand il est trop tard. Vidange, filtres, niveaux et contr\u00f4les essentiels selon votre v\u00e9hicule, son kilom\u00e9trage et les pr\u00e9conisations constructeur. Planifier mon entretienAppeler le garage Huile adapt\u00e9e au moteur Devis avant travaux Toutes marques 100%entretien adapt\u00e9 au v\u00e9hicule Contr\u00f4le entretien\u2713 clair &amp; expliqu\u00e9 Nous v\u00e9rifions l\u2019\u00e9ch\u00e9ance, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-523","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/pages\/523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/comments?post=523"}],"version-history":[{"count":8,"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/pages\/523\/revisions"}],"predecessor-version":[{"id":662,"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/pages\/523\/revisions\/662"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/media?parent=523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}