{"id":516,"date":"2026-09-21T10:35:08","date_gmt":"2026-09-21T08:35:08","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/?page_id=516"},"modified":"2026-09-21T15:45:04","modified_gmt":"2026-09-21T13:45:04","slug":"accueil","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<!--\n  PAGE D'ACCUEIL \u2014 GARAGE AUTOMOBILE\n  Version autonome HTML\/CSS\/JS, optimis\u00e9e mobile + PageSpeed.\n  \u00c0 coller dans un bloc HTML personnalis\u00e9 \/ mod\u00e8le de page.\n  Header et footer volontairement absents (g\u00e9r\u00e9s par le th\u00e8me Blocksy).\n-->\n\n<main class=\"wjg-home\" id=\"accueil-garage\">\n  <style>\n    .wjg-home{\n      --bg:#090d12;\n      --bg-2:#0f151d;\n      --panel:#121a24;\n      --panel-2:#171f2a;\n      --text:#f7f8fa;\n      --muted:#aeb8c6;\n      --line:rgba(255,255,255,.11);\n      --accent:#f04b3e;\n      --accent-2:#ff7568;\n      --accent-soft:rgba(240,75,62,.13);\n      --ok:#8ee7ad;\n      --radius:22px;\n      --shadow:0 24px 60px rgba(0,0,0,.28);\n      color:var(--text);\n      background:var(--bg);\n      font-family:inherit;\n      overflow:hidden;\n    }\n\n    .wjg-home *, .wjg-home *::before, .wjg-home *::after{box-sizing:border-box}\n    .wjg-home a{text-decoration:none;color:inherit}\n    .wjg-home img{display:block;width:100%;height:auto}\n    .wjg-home button,.wjg-home a{-webkit-tap-highlight-color:transparent}\n\n    .wjg-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}\n    .wjg-section{position:relative;padding:84px 0}\n    .wjg-section--tight{padding:58px 0}\n\n    .wjg-eyebrow{\n      display:inline-flex;align-items:center;gap:9px;\n      color:#ffd6d1;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;\n    }\n    .wjg-eyebrow::before{content:\"\";width:28px;height:2px;background:var(--accent);border-radius:99px}\n\n    .wjg-title{\n      margin:12px 0 14px;\n      max-width:760px;\n      font-size:clamp(1.85rem,3.55vw,3rem);\n      line-height:1.06;letter-spacing:-.04em;font-weight:850;\n      color:#f5f7fb !important;\n    }\n    .wjg-title span{color:#ff897d !important}\n    .wjg-home h1,.wjg-home h2,.wjg-home h3,.wjg-home .wjg-quick__title,.wjg-home .wjg-cta h2{color:#f5f7fb}\n    .wjg-lead{margin:0;max-width:700px;color:var(--muted);font-size:1.05rem;line-height:1.7}\n\n    \/* ================= HERO ================= *\/\n    .wjg-hero{position:relative;min-height:690px;display:grid;align-items:center;padding:74px 0 52px;background:\n      radial-gradient(circle at 84% 24%,rgba(240,75,62,.18),transparent 26%),\n      linear-gradient(115deg,#090d12 0%,#0b1016 46%,#12151b 100%);\n      isolation:isolate;\n    }\n    .wjg-hero::before{content:\"\";position:absolute;inset:0;z-index:0;background:\n      linear-gradient(90deg,rgba(5,8,13,.94) 0%,rgba(5,8,13,.88) 32%,rgba(7,10,15,.70) 52%,rgba(7,10,15,.58) 100%),\n      url('https:\/\/images.unsplash.com\/photo-1493238792000-8113da705763?auto=format&fit=crop&w=1600&q=80') center\/cover no-repeat;\n      opacity:.95;\n    }\n    .wjg-hero::after{content:\"\";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}\n    .wjg-hero__grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(400px,.97fr);gap:56px;align-items:center}\n    .wjg-hero__copy{position:relative;z-index:2;max-width:660px}\n    .wjg-hero__kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.045);color:#e9eef6;font-size:.78rem;font-weight:750}\n    .wjg-hero__kicker i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 6px rgba(142,231,173,.10)}\n    .wjg-hero h1{margin:18px 0 16px;max-width:620px;font-size:clamp(2rem,3.7vw,3.55rem);line-height:1.04;letter-spacing:-.042em;font-weight:900;color:#f8fafc !important;text-shadow:0 12px 36px rgba(0,0,0,.32)}\n    .wjg-hero h1 span{display:block;margin-top:8px;color:#ff877b !important}\n    .wjg-hero__intro{max-width:580px;color:#d8e0eb;font-size:1rem;line-height:1.68;margin:0}\n    .wjg-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}\n    .wjg-btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;border-radius:14px;font-weight:800;font-size:.94rem;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}\n    .wjg-btn:hover{transform:translateY(-2px)}\n    .wjg-btn--primary{background:linear-gradient(135deg,var(--accent),#d92f25);box-shadow:0 13px 28px rgba(240,75,62,.22)}\n    .wjg-btn--primary:hover{box-shadow:0 16px 34px rgba(240,75,62,.32)}\n    .wjg-btn--ghost{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.045)}\n    .wjg-btn svg{width:18px;height:18px;flex:0 0 18px}\n\n    .wjg-hero__micro{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:24px;color:#aeb8c6;font-size:.82rem}\n    .wjg-hero__micro span{display:inline-flex;align-items:center;gap:8px}\n    .wjg-hero__micro svg{width:16px;height:16px;color:var(--ok)}\n\n    .wjg-hero__visual{position:relative;min-height:530px}\n    .wjg-hero__photo{position:absolute;inset:0 0 0 34px;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(145deg,#1b2430,#10161d)}\n    .wjg-hero__photo::before{content:\"\";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(3,7,12,.04),rgba(3,7,12,.60))}\n    .wjg-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:center}\n    .wjg-hero__card{position:absolute;z-index:3;left:0;bottom:30px;width:min(340px,82%);padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(12,17,23,.88);backdrop-filter:blur(10px);box-shadow:0 20px 45px rgba(0,0,0,.22)}\n    .wjg-hero__card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}\n    .wjg-hero__card strong{font-size:1rem}\n    .wjg-rating{color:#ffd269;font-size:.92rem;letter-spacing:.08em;white-space:nowrap}\n    .wjg-hero__card p{margin:9px 0 0;color:#aeb8c6;font-size:.84rem;line-height:1.5}\n    .wjg-hero__badge{position:absolute;z-index:4;right:-12px;top:32px;width:116px;height:116px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--accent);box-shadow:0 18px 40px rgba(240,75,62,.28);transform:rotate(7deg)}\n    .wjg-hero__badge b{display:block;font-size:1.45rem;line-height:1}.wjg-hero__badge span{display:block;margin-top:5px;font-size:.68rem;font-weight:800;line-height:1.2;text-transform:uppercase}\n\n    \/* ================= STATS ================= *\/\n    .wjg-stats-wrap{position:relative;z-index:5;margin-top:-1px;background:#0c1117;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\n    .wjg-stats{display:grid;grid-template-columns:repeat(4,1fr)}\n    .wjg-stat{position:relative;padding:28px 24px}\n    .wjg-stat:not(:last-child)::after{content:\"\";position:absolute;right:0;top:24%;bottom:24%;width:1px;background:var(--line)}\n    .wjg-stat__value{display:flex;align-items:baseline;gap:2px;font-size:clamp(1.7rem,3vw,2.65rem);font-weight:900;letter-spacing:-.045em}\n    .wjg-stat__value em{font-style:normal;color:var(--accent-2)}\n    .wjg-stat p{margin:5px 0 0;color:var(--muted);font-size:.84rem;line-height:1.4}\n\n    \/* ================= SERVICES ================= *\/\n    .wjg-services{background:linear-gradient(180deg,#0d1218,#0b1016)}\n    .wjg-section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}\n    .wjg-section-head .wjg-lead{max-width:470px}\n    .wjg-services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n    .wjg-service{position:relative;min-height:290px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);isolation:isolate;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}\n    .wjg-service:hover{transform:translateY(-5px);border-color:rgba(240,75,62,.45);box-shadow:0 20px 45px rgba(0,0,0,.18)}\n    .wjg-service img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .55s ease}\n    .wjg-service:hover img{transform:scale(1.04)}\n    .wjg-service::after{content:\"\";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,11,15,.02) 10%,rgba(8,11,15,.58) 62%,rgba(8,11,15,.86) 100%)}\n    .wjg-service__body{position:absolute;left:0;right:0;bottom:0;padding:22px}\n    .wjg-service__icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:12px;border-radius:12px;background:var(--accent);box-shadow:0 9px 24px rgba(240,75,62,.24)}\n    .wjg-service__icon svg{width:21px;height:21px}\n    .wjg-service h3{margin:0 0 7px;font-size:1.08rem;line-height:1.15;color:#fff !important}\n    .wjg-service p{margin:0;color:#d7dee8;font-size:.83rem;line-height:1.5}\n    .wjg-service__link{display:inline-flex;align-items:center;gap:7px;margin-top:11px;color:#fff;font-size:.8rem;font-weight:800}\n    .wjg-service__link svg{width:14px;height:14px}\n\n    \/* ================= SIGNS \/ QUICK DIAG ================= *\/\n    .wjg-quick{background:#0a0f15}\n    .wjg-quick__panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center;padding:36px;border:1px solid var(--line);border-radius:28px;background:\n      linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015)),var(--panel);box-shadow:var(--shadow)}\n    .wjg-quick__title{font-size:clamp(1.55rem,2.7vw,2.35rem);line-height:1.08;letter-spacing:-.035em;margin:10px 0 12px;color:#f5f7fb !important}\n    .wjg-signs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}\n    .wjg-sign{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035);color:#d7dee7;font-size:.88rem;font-weight:700}\n    .wjg-sign i{flex:0 0 34px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-2);font-style:normal;font-weight:900}\n\n    \/* ================= TIMELINE ================= *\/\n    .wjg-process{background:linear-gradient(180deg,#0b1016,#0e141c)}\n    .wjg-timeline{position:relative;margin-top:42px}\n    .wjg-timeline__rail{position:absolute;left:7%;right:7%;top:30px;height:3px;background:rgba(255,255,255,.09);border-radius:99px;overflow:hidden}\n    .wjg-timeline__progress{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 20px rgba(240,75,62,.35);transition:width .1s linear}\n    .wjg-timeline__scroller{overflow:visible}\n    .wjg-timeline__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}\n    .wjg-step{position:relative;padding-top:0;text-align:left}\n    .wjg-step__dot{position:relative;z-index:3;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;margin:0 0 18px;background:#111923;border:1px solid rgba(255,255,255,.13);font-weight:900;color:#8995a5;transition:all .3s ease}\n    .wjg-step.is-active .wjg-step__dot{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 8px rgba(240,75,62,.10),0 14px 30px rgba(240,75,62,.18)}\n    .wjg-step h3{margin:0 0 8px;font-size:1.05rem}\n    .wjg-step p{margin:0;max-width:245px;color:var(--muted);font-size:.84rem;line-height:1.55}\n\n    \/* ================= TRUST ================= *\/\n    .wjg-trust{background:#0a0f15}\n    .wjg-trust__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}\n    .wjg-trust__visual{position:relative;height:470px;border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(145deg,#18212b,#0f141a)}\n    .wjg-trust__visual img{width:100%;height:100%;object-fit:cover}\n    .wjg-trust__visual::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(6,9,12,.68))}\n    .wjg-trust__floating{position:absolute;z-index:2;left:20px;bottom:20px;right:20px;display:flex;justify-content:space-between;gap:12px;align-items:end}\n    .wjg-trust__floating strong{font-size:1.05rem}.wjg-trust__floating span{display:block;color:#d5dce5;font-size:.78rem;margin-top:4px}\n    .wjg-trust__pill{padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(7,11,15,.76);backdrop-filter:blur(8px);font-size:.78rem;font-weight:800}\n    .wjg-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}\n    .wjg-benefit{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}\n    .wjg-benefit svg{width:21px;height:21px;color:var(--accent-2);margin-bottom:9px}\n    .wjg-benefit h3{margin:0 0 6px;font-size:.98rem}.wjg-benefit p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.5}\n\n    \/* ================= REVIEWS ================= *\/\n    .wjg-reviews{background:linear-gradient(180deg,#0c1219,#090d12)}\n    .wjg-reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}\n    .wjg-review{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}\n    .wjg-review__stars{color:#ffd269;letter-spacing:.07em;font-size:.9rem}\n    .wjg-review p{margin:13px 0 18px;color:#c6ced8;font-size:.88rem;line-height:1.62}\n    .wjg-review__author{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#fff;font-size:.82rem;font-weight:800}\n    .wjg-review__author span{color:#8995a5;font-weight:650}\n\n    \/* ================= CTA ================= *\/\n    .wjg-cta{padding:60px 0 76px;background:#090d12}\n    .wjg-cta__box{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;padding:42px;border:1px solid rgba(240,75,62,.28);border-radius:28px;background:\n      radial-gradient(circle at 90% 30%,rgba(240,75,62,.22),transparent 32%),\n      linear-gradient(135deg,#151c24,#0f151c);box-shadow:var(--shadow)}\n    .wjg-cta__box::before{content:\"\";position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-80px;bottom:-130px}\n    .wjg-cta h2{margin:0 0 10px;font-size:clamp(1.9rem,3.5vw,3.1rem);line-height:1.02;letter-spacing:-.045em}\n    .wjg-cta p{margin:0;max-width:680px;color:var(--muted);line-height:1.65}\n    .wjg-cta__actions{position:relative;z-index:2;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}\n\n    \/* ================= REVEALS ================= *\/\n    .wjg-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}\n    .wjg-reveal.is-visible{opacity:1;transform:none}\n    .wjg-delay-1{transition-delay:.08s}.wjg-delay-2{transition-delay:.16s}.wjg-delay-3{transition-delay:.24s}\n\n    \/* ================= MOBILE ================= *\/\n    @media (max-width:980px){\n      .wjg-hero{min-height:auto;padding:52px 0 36px}\n      .wjg-hero::before{background:\n        linear-gradient(180deg,rgba(5,8,13,.92) 0%,rgba(5,8,13,.84) 42%,rgba(7,10,15,.66) 100%),\n        url('https:\/\/images.unsplash.com\/photo-1493238792000-8113da705763?auto=format&fit=crop&w=1400&q=78') center\/cover no-repeat}\n      .wjg-hero__grid{grid-template-columns:1fr;gap:34px}\n      .wjg-hero__copy{max-width:780px}\n      .wjg-hero__visual{min-height:420px}\n      .wjg-hero__photo{left:0}\n      .wjg-section{padding:66px 0}\n      .wjg-services__grid{grid-template-columns:repeat(2,1fr)}\n      .wjg-section-head{align-items:start;flex-direction:column;gap:8px}\n      .wjg-quick__panel,.wjg-trust__grid{grid-template-columns:1fr}\n      .wjg-trust__visual{height:380px}\n      .wjg-cta__box{grid-template-columns:1fr}.wjg-cta__actions{justify-content:flex-start}\n    }\n\n    @media (max-width:680px){\n      .wjg-container{width:min(100% - 24px,1180px)}\n      .wjg-section{padding:48px 0}.wjg-section--tight{padding:38px 0}\n      .wjg-eyebrow{font-size:.68rem}\n      .wjg-title{font-size:clamp(1.55rem,7vw,2.1rem);margin-top:9px}\n      .wjg-lead{font-size:.93rem;line-height:1.58}\n\n      .wjg-hero{padding:34px 0 24px}\n      .wjg-hero__grid{gap:24px}\n      .wjg-hero__kicker{font-size:.7rem}\n      .wjg-hero h1{font-size:clamp(1.75rem,7.8vw,2.45rem);margin:14px 0 12px;line-height:1.08}\n      .wjg-hero h1 span{margin-top:6px}\n      .wjg-hero__intro{font-size:.92rem;line-height:1.56}\n      .wjg-hero__actions{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:9px}\n      .wjg-btn{min-height:46px;padding:0 12px;font-size:.8rem;border-radius:12px}\n      .wjg-hero__micro{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;font-size:.72rem}\n      .wjg-hero__visual{min-height:300px}\n      .wjg-hero__photo{border-radius:21px}\n      .wjg-hero__card{bottom:12px;width:86%;padding:13px;border-radius:14px}\n      .wjg-hero__card p{display:none}\n      .wjg-hero__badge{width:82px;height:82px;right:-5px;top:14px}.wjg-hero__badge b{font-size:1.05rem}.wjg-hero__badge span{font-size:.56rem}\n\n      .wjg-stats{grid-template-columns:repeat(2,1fr)}\n      .wjg-stat{padding:18px 14px}\n      .wjg-stat:nth-child(2)::after{display:none}\n      .wjg-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}\n      .wjg-stat__value{font-size:1.65rem}.wjg-stat p{font-size:.72rem}\n\n      .wjg-services__grid{grid-template-columns:repeat(2,1fr);gap:10px}\n      .wjg-service{min-height:205px;border-radius:16px}\n      .wjg-service__body{padding:14px}\n      .wjg-service__icon{width:34px;height:34px;border-radius:10px;margin-bottom:8px}.wjg-service__icon svg{width:17px;height:17px}\n      .wjg-service h3{font-size:.9rem}.wjg-service p{display:none}.wjg-service__link{font-size:.71rem;margin-top:7px}\n\n      .wjg-quick__panel{padding:22px;gap:20px;border-radius:20px}\n      .wjg-quick__title{font-size:1.7rem}.wjg-signs{gap:8px}.wjg-sign{padding:10px;font-size:.75rem;gap:8px}.wjg-sign i{width:28px;height:28px;flex-basis:28px;border-radius:8px}\n\n      .wjg-timeline{margin-top:28px}\n      .wjg-timeline__scroller{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}\n      .wjg-timeline__scroller::-webkit-scrollbar{display:none}\n      .wjg-timeline__steps{display:flex;gap:10px;width:max-content}\n      .wjg-step{width:min(76vw,280px);scroll-snap-align:start;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}\n      .wjg-step__dot{width:42px;height:42px;margin-bottom:12px;font-size:.82rem}\n      .wjg-step p{font-size:.76rem}.wjg-step h3{font-size:.95rem}\n      .wjg-timeline__rail{left:14px;right:14px;top:auto;bottom:-7px;height:3px}\n\n      .wjg-trust__grid{gap:24px}.wjg-trust__visual{height:280px;border-radius:20px}.wjg-trust__floating{left:12px;right:12px;bottom:12px}.wjg-trust__pill{font-size:.67rem}\n      .wjg-benefits{gap:8px;margin-top:20px}.wjg-benefit{padding:12px}.wjg-benefit h3{font-size:.84rem}.wjg-benefit p{display:none}\n\n      .wjg-reviews__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:4px;scrollbar-width:none}\n      .wjg-reviews__grid::-webkit-scrollbar{display:none}.wjg-review{flex:0 0 82%;scroll-snap-align:start;padding:18px}.wjg-review p{font-size:.8rem}\n\n      .wjg-cta{padding:42px 0 52px}.wjg-cta__box{padding:24px;border-radius:20px}.wjg-cta__actions{display:grid;grid-template-columns:1fr 1fr}.wjg-cta .wjg-btn{width:100%}\n    }\n\n    @media (prefers-reduced-motion:reduce){\n      .wjg-home *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}\n      .wjg-reveal{opacity:1;transform:none}\n    }\n  <\/style>\n\n  <!-- HERO -->\n  <section class=\"wjg-hero\">\n    <div class=\"wjg-container wjg-hero__grid\">\n      <div class=\"wjg-hero__copy wjg-reveal\">\n        <div class=\"wjg-hero__kicker\"><i><\/i> Garage automobile multimarque<\/div>\n        <h1>Entretien, r\u00e9paration &#038; diagnostic. <span>Votre voiture repart sereinement.<\/span><\/h1>\n        <p class=\"wjg-hero__intro\">Un garage clair, r\u00e9actif et transparent pour l\u2019entretien courant, les r\u00e9parations m\u00e9caniques et le diagnostic de votre v\u00e9hicule.<\/p>\n\n        <div class=\"wjg-hero__actions\">\n          <a class=\"wjg-btn wjg-btn--primary\" href=\"#rendez-vous\">\n            Prendre rendez-vous\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n          <a class=\"wjg-btn wjg-btn--ghost\" href=\"tel:+33000000000\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M8.7 3.8 6.8 2.6a2 2 0 0 0-2.7.6L2.7 5.3a2 2 0 0 0-.2 1.8c1.7 6.6 6.8 11.7 13.4 13.4a2 2 0 0 0 1.8-.2l2.1-1.4a2 2 0 0 0 .6-2.7l-1.2-1.9a2 2 0 0 0-2.5-.8l-2.2.9a15 15 0 0 1-4.9-4.9l.9-2.2a2 2 0 0 0-.8-2.5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            Appeler le garage\n          <\/a>\n        <\/div>\n\n        <div class=\"wjg-hero__micro\">\n          <span><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"m5 12 4 4L19 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg> Devis clair avant intervention<\/span>\n          <span><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"m5 12 4 4L19 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg> Toutes marques<\/span>\n          <span><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"m5 12 4 4L19 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg> Diagnostic professionnel<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"wjg-hero__visual wjg-reveal wjg-delay-1\">\n        <div class=\"wjg-hero__photo\">\n          <img\n            src=\"https:\/\/images.unsplash.com\/photo-1487754180451-c456f719a1fc?auto=format&#038;fit=crop&#038;w=1200&#038;q=80\" onerror=\"this.style.display='none'\"\n            alt=\"M\u00e9canicien automobile dans un atelier\"\n            width=\"1200\" height=\"900\"\n            decoding=\"async\" fetchpriority=\"high\">\n        <\/div>\n        <div class=\"wjg-hero__card\">\n          <div class=\"wjg-hero__card-top\"><strong>Des automobilistes rassur\u00e9s<\/strong><span class=\"wjg-rating\">\u2605\u2605\u2605\u2605\u2605<\/span><\/div>\n          <p>Un accompagnement simple : diagnostic, devis, intervention et restitution du v\u00e9hicule.<\/p>\n        <\/div>\n        <div class=\"wjg-hero__badge\"><div><b>RDV<\/b><span>rapide &#038; simple<\/span><\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- COMPTEURS -->\n  <section class=\"wjg-stats-wrap\" aria-label=\"Chiffres cl\u00e9s\">\n    <div class=\"wjg-container wjg-stats\">\n      <article class=\"wjg-stat wjg-reveal\">\n        <div class=\"wjg-stat__value\"><span class=\"wjg-counter\" data-target=\"10\">0<\/span><em>+<\/em><\/div>\n        <p>ann\u00e9es d\u2019exp\u00e9rience<\/p>\n      <\/article>\n      <article class=\"wjg-stat wjg-reveal wjg-delay-1\">\n        <div class=\"wjg-stat__value\"><span class=\"wjg-counter\" data-target=\"1200\">0<\/span><em>+<\/em><\/div>\n        <p>v\u00e9hicules entretenus<\/p>\n      <\/article>\n      <article class=\"wjg-stat wjg-reveal wjg-delay-2\">\n        <div class=\"wjg-stat__value\"><span class=\"wjg-counter\" data-target=\"98\">0<\/span><em>%<\/em><\/div>\n        <p>clients satisfaits<\/p>\n      <\/article>\n      <article class=\"wjg-stat wjg-reveal wjg-delay-3\">\n        <div class=\"wjg-stat__value\"><span class=\"wjg-counter\" data-target=\"24\">0<\/span><em>h<\/em><\/div>\n        <p>pour un retour devis*<\/p>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <!-- SERVICES -->\n  <section class=\"wjg-section wjg-services\" id=\"services\">\n    <div class=\"wjg-container\">\n      <div class=\"wjg-section-head wjg-reveal\">\n        <div>\n          <span class=\"wjg-eyebrow\">Nos services<\/span>\n          <h2 class=\"wjg-title\">Tout ce qu\u2019il faut pour <span>garder votre v\u00e9hicule fiable.<\/span><\/h2>\n        <\/div>\n        <p class=\"wjg-lead\">Entretien courant, r\u00e9paration ou recherche de panne : trouvez imm\u00e9diatement le service adapt\u00e9 \u00e0 votre besoin.<\/p>\n      <\/div>\n\n      <div class=\"wjg-services__grid\">\n        <a class=\"wjg-service wjg-reveal\" href=\"#\">\n          <img src=\"https:\/\/images.unsplash.com\/photo-1487754180451-c456f719a1fc?auto=format&#038;fit=crop&#038;w=900&#038;q=80\" alt=\"Entretien et vidange automobile\" width=\"800\" height=\"650\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'\">\n          <div class=\"wjg-service__body\">\n            <span class=\"wjg-service__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M14.7 6.3a4 4 0 0 0-5-5L7.4 3.6l3 3-3.8 3.8-3-3-2.3 2.3a4 4 0 0 0 5 5l8.5 8.5 3.4-3.4-8.5-8.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n            <h3>Entretien &#038; vidange<\/h3><p>R\u00e9vision, filtres, niveaux et entretien p\u00e9riodique.<\/p>\n            <span class=\"wjg-service__link\">D\u00e9couvrir <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14m-6-6 6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span>\n          <\/div>\n        <\/a>\n\n        <a class=\"wjg-service wjg-reveal wjg-delay-1\" href=\"#\">\n          <img src=\"https:\/\/images.unsplash.com\/photo-1486262715619-67b85e0b08d3?auto=format&#038;fit=crop&#038;w=900&#038;q=80\" alt=\"R\u00e9paration m\u00e9canique automobile\" width=\"800\" height=\"650\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'\">\n          <div class=\"wjg-service__body\">\n            <span class=\"wjg-service__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 4v16M4 12h16M7 7l10 10M17 7 7 17\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/><\/svg><\/span>\n            <h3>Freinage<\/h3><p>Plaquettes, disques, liquide et contr\u00f4le du syst\u00e8me.<\/p>\n            <span class=\"wjg-service__link\">D\u00e9couvrir <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14m-6-6 6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span>\n          <\/div>\n        <\/a>\n\n        <a class=\"wjg-service wjg-reveal wjg-delay-2\" href=\"#\">\n          <img src=\"https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?auto=format&#038;fit=crop&#038;w=900&#038;q=80\" alt=\"Pneu automobile\" width=\"800\" height=\"650\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'\">\n          <div class=\"wjg-service__body\">\n            <span class=\"wjg-service__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"8\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/span>\n            <h3>Pneus &#038; g\u00e9om\u00e9trie<\/h3><p>Montage, \u00e9quilibrage, pression et contr\u00f4le d\u2019usure.<\/p>\n            <span class=\"wjg-service__link\">D\u00e9couvrir <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14m-6-6 6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span>\n          <\/div>\n        <\/a>\n\n        <a class=\"wjg-service wjg-reveal\" href=\"#\">\n          <img src=\"https:\/\/images.unsplash.com\/photo-1486262715619-67b85e0b08d3?auto=format&#038;fit=crop&#038;w=900&#038;q=80\" alt=\"Diagnostic automobile \u00e9lectronique\" width=\"800\" height=\"650\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'\">\n          <div class=\"wjg-service__body\">\n            <span class=\"wjg-service__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 7h14v10H5zM8 4v3m8-3v3M8 17v3m8-3v3M2 10h3m14 0h3M2 14h3m14 0h3\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/><\/svg><\/span>\n            <h3>Diagnostic \u00e9lectronique<\/h3><p>Voyants, d\u00e9fauts moteur et recherche de panne cibl\u00e9e.<\/p>\n            <span class=\"wjg-service__link\">D\u00e9couvrir <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14m-6-6 6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span>\n          <\/div>\n        <\/a>\n\n        <a class=\"wjg-service wjg-reveal wjg-delay-1\" href=\"#\">\n          <img src=\"https:\/\/images.unsplash.com\/photo-1492144534655-ae79c964c9d7?auto=format&#038;fit=crop&#038;w=900&#038;q=80\" alt=\"Entretien moteur automobile\" width=\"800\" height=\"650\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'\">\n          <div class=\"wjg-service__body\">\n            <span class=\"wjg-service__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 8h12l2 3v6H5zM7 8l2-3h5l2 3M8 17v2m8-2v2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n            <h3>Distribution &#038; moteur<\/h3><p>Courroie, accessoires et interventions m\u00e9caniques.<\/p>\n            <span class=\"wjg-service__link\">D\u00e9couvrir <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14m-6-6 6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span>\n          <\/div>\n        <\/a>\n\n        <a class=\"wjg-service wjg-reveal wjg-delay-2\" href=\"#\">\n          <img src=\"https:\/\/images.unsplash.com\/photo-1503376780353-7e6692767b70?auto=format&#038;fit=crop&#038;w=900&#038;q=80\" alt=\"Climatisation automobile\" width=\"800\" height=\"650\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'\">\n          <div class=\"wjg-service__body\">\n            <span class=\"wjg-service__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3v18M5.6 6.7l12.8 10.6M18.4 6.7 5.6 17.3M8.5 4.8 12 7l3.5-2.2M8.5 19.2 12 17l3.5 2.2\" stroke=\"currentColor\" stroke-width=\"1.55\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n            <h3>Climatisation<\/h3><p>Contr\u00f4le, recharge et v\u00e9rification du circuit.<\/p>\n            <span class=\"wjg-service__link\">D\u00e9couvrir <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14m-6-6 6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span>\n          <\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- BESOINS RAPIDES -->\n  <section class=\"wjg-section wjg-section--tight wjg-quick\">\n    <div class=\"wjg-container\">\n      <div class=\"wjg-quick__panel wjg-reveal\">\n        <div>\n          <span class=\"wjg-eyebrow\">Un doute sur votre voiture ?<\/span>\n          <h2 class=\"wjg-quick__title\">Un bruit, un voyant ou un comportement inhabituel ?<\/h2>\n          <p class=\"wjg-lead\">Ne cherchez pas au hasard. Nous contr\u00f4lons le v\u00e9hicule et vous expliquons clairement ce qui doit \u00eatre fait.<\/p>\n          <div style=\"margin-top:20px\"><a class=\"wjg-btn wjg-btn--primary\" href=\"#rendez-vous\">Faire contr\u00f4ler mon v\u00e9hicule<\/a><\/div>\n        <\/div>\n        <div class=\"wjg-signs\">\n          <div class=\"wjg-sign\"><i>!<\/i> Voyant moteur allum\u00e9<\/div>\n          <div class=\"wjg-sign\"><i>\u266a<\/i> Bruit inhabituel<\/div>\n          <div class=\"wjg-sign\"><i>\u21af<\/i> Perte de puissance<\/div>\n          <div class=\"wjg-sign\"><i>\u25c9<\/i> Freinage moins efficace<\/div>\n          <div class=\"wjg-sign\"><i>\u2248<\/i> Vibrations au volant<\/div>\n          <div class=\"wjg-sign\"><i>\u00b0<\/i> Climatisation faible<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- TIMELINE ACTIVE -->\n  <section class=\"wjg-section wjg-process\" id=\"methode\">\n    <div class=\"wjg-container\">\n      <div class=\"wjg-reveal\">\n        <span class=\"wjg-eyebrow\">Notre m\u00e9thode<\/span>\n        <h2 class=\"wjg-title\">Une prise en charge <span>simple et transparente.<\/span><\/h2>\n        <p class=\"wjg-lead\">Vous savez \u00e0 chaque \u00e9tape ce qui est contr\u00f4l\u00e9, ce qui est recommand\u00e9 et ce qui sera factur\u00e9.<\/p>\n      <\/div>\n\n      <div class=\"wjg-timeline\" data-timeline>\n        <div class=\"wjg-timeline__rail\" aria-hidden=\"true\"><div class=\"wjg-timeline__progress\"><\/div><\/div>\n        <div class=\"wjg-timeline__scroller\">\n          <div class=\"wjg-timeline__steps\">\n            <article class=\"wjg-step is-active\">\n              <div class=\"wjg-step__dot\">01<\/div><h3>\u00c9change &#038; diagnostic<\/h3><p>Nous identifions votre besoin et contr\u00f4lons le v\u00e9hicule.<\/p>\n            <\/article>\n            <article class=\"wjg-step\">\n              <div class=\"wjg-step__dot\">02<\/div><h3>Devis expliqu\u00e9<\/h3><p>Les travaux utiles sont d\u00e9taill\u00e9s avant toute intervention.<\/p>\n            <\/article>\n            <article class=\"wjg-step\">\n              <div class=\"wjg-step__dot\">03<\/div><h3>Intervention atelier<\/h3><p>Nos techniciens r\u00e9alisent les op\u00e9rations pr\u00e9vues et les contr\u00f4les associ\u00e9s.<\/p>\n            <\/article>\n            <article class=\"wjg-step\">\n              <div class=\"wjg-step__dot\">04<\/div><h3>Restitution du v\u00e9hicule<\/h3><p>Nous vous expliquons ce qui a \u00e9t\u00e9 fait et les prochains points \u00e0 surveiller.<\/p>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- POURQUOI NOUS -->\n  <section class=\"wjg-section wjg-trust\">\n    <div class=\"wjg-container wjg-trust__grid\">\n      <div class=\"wjg-trust__visual wjg-reveal\">\n        <img src=\"https:\/\/images.unsplash.com\/photo-1486262715619-67b85e0b08d3?auto=format&#038;fit=crop&#038;w=1200&#038;q=80\" alt=\"Atelier de garage automobile\" width=\"1100\" height=\"900\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'\">\n        <div class=\"wjg-trust__floating\">\n          <div><strong>Un atelier qui vous explique.<\/strong><span>Pas de r\u00e9paration incompr\u00e9hensible.<\/span><\/div>\n          <div class=\"wjg-trust__pill\">TRANSPARENCE<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"wjg-reveal wjg-delay-1\">\n        <span class=\"wjg-eyebrow\">Pourquoi nous choisir<\/span>\n        <h2 class=\"wjg-title\">La m\u00e9canique sans <span>mauvaises surprises.<\/span><\/h2>\n        <p class=\"wjg-lead\">Notre priorit\u00e9 : vous rendre un v\u00e9hicule fiable avec une explication simple, un devis lisible et des interventions adapt\u00e9es \u00e0 votre besoin r\u00e9el.<\/p>\n\n        <div class=\"wjg-benefits\">\n          <article class=\"wjg-benefit\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"m5 12 4 4L19 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><h3>Devis avant travaux<\/h3><p>Vous gardez la ma\u00eetrise du budget avant l\u2019intervention.<\/p><\/article>\n          <article class=\"wjg-benefit\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"m5 12 4 4L19 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><h3>Techniciens exp\u00e9riment\u00e9s<\/h3><p>Un diagnostic m\u00e9thodique avant de remplacer des pi\u00e8ces.<\/p><\/article>\n          <article class=\"wjg-benefit\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"m5 12 4 4L19 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><h3>V\u00e9hicules multimarques<\/h3><p>Entretien et r\u00e9paration sur un large choix de v\u00e9hicules.<\/p><\/article>\n          <article class=\"wjg-benefit\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"m5 12 4 4L19 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><h3>Suivi clair<\/h3><p>Des recommandations compr\u00e9hensibles pour anticiper l\u2019entretien.<\/p><\/article>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- AVIS -->\n  <section class=\"wjg-section wjg-section--tight wjg-reviews\">\n    <div class=\"wjg-container\">\n      <div class=\"wjg-section-head wjg-reveal\">\n        <div><span class=\"wjg-eyebrow\">Avis clients<\/span><h2 class=\"wjg-title\">La confiance se construit <span>\u00e0 l\u2019atelier.<\/span><\/h2><\/div>\n        <p class=\"wjg-lead\">Exemples de pr\u00e9sentation \u00e0 remplacer par vos vrais avis Google avant mise en ligne.<\/p>\n      <\/div>\n      <div class=\"wjg-reviews__grid\">\n        <article class=\"wjg-review wjg-reveal\"><div class=\"wjg-review__stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p>\u00ab Prise en charge rapide, devis clair et aucune mauvaise surprise. Les explications \u00e9taient vraiment simples. \u00bb<\/p><div class=\"wjg-review__author\">Client v\u00e9rifi\u00e9 <span>Google<\/span><\/div><\/article>\n        <article class=\"wjg-review wjg-reveal wjg-delay-1\"><div class=\"wjg-review__stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p>\u00ab Garage s\u00e9rieux et professionnel. J\u2019ai r\u00e9cup\u00e9r\u00e9 ma voiture dans les d\u00e9lais annonc\u00e9s avec un vrai suivi. \u00bb<\/p><div class=\"wjg-review__author\">Client v\u00e9rifi\u00e9 <span>Google<\/span><\/div><\/article>\n        <article class=\"wjg-review wjg-reveal wjg-delay-2\"><div class=\"wjg-review__stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p>\u00ab Diagnostic pr\u00e9cis et \u00e9quipe agr\u00e9able. Ils m\u2019ont expliqu\u00e9 ce qui \u00e9tait urgent et ce qui pouvait attendre. \u00bb<\/p><div class=\"wjg-review__author\">Client v\u00e9rifi\u00e9 <span>Google<\/span><\/div><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA FINAL -->\n  <section class=\"wjg-cta\" id=\"rendez-vous\">\n    <div class=\"wjg-container\">\n      <div class=\"wjg-cta__box wjg-reveal\">\n        <div>\n          <h2>Votre v\u00e9hicule a besoin d\u2019un contr\u00f4le ?<\/h2>\n          <p>Expliquez-nous votre besoin et prenez rendez-vous. Nous vous orientons vers l\u2019intervention adapt\u00e9e sans perdre de temps.<\/p>\n        <\/div>\n        <div class=\"wjg-cta__actions\">\n          <a class=\"wjg-btn wjg-btn--primary\" href=\"tel:+33000000000\">Appeler maintenant<\/a>\n          <a class=\"wjg-btn wjg-btn--ghost\" href=\"#\">Demander un rendez-vous<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n  (() => {\n    const root = document.querySelector('.wjg-home');\n    if (!root) return;\n\n    const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    \/\/ Apparitions l\u00e9g\u00e8res et performantes\n    const revealEls = root.querySelectorAll('.wjg-reveal');\n    if (reduced || !('IntersectionObserver' in window)) {\n      revealEls.forEach(el => el.classList.add('is-visible'));\n    } else {\n      const revealObserver = new IntersectionObserver((entries, obs) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('is-visible');\n            obs.unobserve(entry.target);\n          }\n        });\n      }, { threshold: .12, rootMargin: '0px 0px -6% 0px' });\n      revealEls.forEach(el => revealObserver.observe(el));\n    }\n\n    \/\/ Compteurs 0 -> valeur finale, une seule fois\n    const counters = root.querySelectorAll('.wjg-counter');\n    const runCounter = el => {\n      if (el.dataset.done === '1') return;\n      el.dataset.done = '1';\n      const target = Number(el.dataset.target || 0);\n      if (reduced) { el.textContent = target.toLocaleString('fr-FR'); return; }\n      const duration = 1050;\n      const start = performance.now();\n      const tick = now => {\n        const p = Math.min((now - start) \/ duration, 1);\n        const eased = 1 - Math.pow(1 - p, 3);\n        el.textContent = Math.round(target * eased).toLocaleString('fr-FR');\n        if (p < 1) requestAnimationFrame(tick);\n      };\n      requestAnimationFrame(tick);\n    };\n    if ('IntersectionObserver' in window) {\n      const counterObserver = new IntersectionObserver((entries, obs) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) { runCounter(entry.target); obs.unobserve(entry.target); }\n        });\n      }, { threshold: .45 });\n      counters.forEach(c => counterObserver.observe(c));\n    } else counters.forEach(runCounter);\n\n    \/\/ Timeline : active au scroll vertical sur desktop, horizontal sur mobile\n    const timeline = root.querySelector('[data-timeline]');\n    if (timeline) {\n      const progress = timeline.querySelector('.wjg-timeline__progress');\n      const scroller = timeline.querySelector('.wjg-timeline__scroller');\n      const steps = [...timeline.querySelectorAll('.wjg-step')];\n      let ticking = false;\n\n      const setState = p => {\n        const clamped = Math.max(0, Math.min(1, p));\n        progress.style.width = `${clamped * 100}%`;\n        const index = Math.min(steps.length - 1, Math.max(0, Math.round(clamped * (steps.length - 1))));\n        steps.forEach((step, i) => step.classList.toggle('is-active', i <= index));\n      };\n\n      const updateDesktop = () => {\n        ticking = false;\n        const r = timeline.getBoundingClientRect();\n        const vh = window.innerHeight || document.documentElement.clientHeight;\n        const start = vh * .72;\n        const end = vh * .30;\n        const p = (start - r.top) \/ Math.max(1, (r.height + start - end));\n        setState(p * 1.35);\n      };\n\n      const updateMobile = () => {\n        const max = Math.max(1, scroller.scrollWidth - scroller.clientWidth);\n        setState(scroller.scrollLeft \/ max);\n      };\n\n      const isMobile = () => window.matchMedia('(max-width:680px)').matches;\n      const onScroll = () => {\n        if (isMobile()) return;\n        if (!ticking) { ticking = true; requestAnimationFrame(updateDesktop); }\n      };\n\n      window.addEventListener('scroll', onScroll, { passive:true });\n      window.addEventListener('resize', () => isMobile() ? updateMobile() : updateDesktop(), { passive:true });\n      scroller.addEventListener('scroll', () => { if (isMobile()) requestAnimationFrame(updateMobile); }, { passive:true });\n      isMobile() ? updateMobile() : updateDesktop();\n    }\n  })();\n  <\/script>\n<\/main>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Garage automobile multimarque Entretien, r\u00e9paration &#038; diagnostic. Votre voiture repart sereinement. Un garage clair, r\u00e9actif et transparent pour l\u2019entretien courant, les r\u00e9parations m\u00e9caniques et le diagnostic de votre v\u00e9hicule. Prendre rendez-vous Appeler le garage Devis clair avant intervention Toutes marques Diagnostic professionnel Des automobilistes rassur\u00e9s\u2605\u2605\u2605\u2605\u2605 Un accompagnement simple : diagnostic, devis, intervention et restitution du [&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-516","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\/516","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=516"}],"version-history":[{"count":14,"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/pages\/516\/revisions"}],"predecessor-version":[{"id":586,"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/pages\/516\/revisions\/586"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/media?parent=516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}