{"id":527,"date":"2026-09-21T10:41:59","date_gmt":"2026-09-21T08:41:59","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/?page_id=527"},"modified":"2026-09-24T13:39:35","modified_gmt":"2026-09-24T11:39:35","slug":"pneumatiques","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/pneumatiques\/","title":{"rendered":"Pneumatiques"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<!--\n  SOUS-PAGE SERVICE \u2014 PNEUS & G\u00c9OM\u00c9TRIE\n  Design unique \/ autonome HTML CSS JS\n  Header + footer g\u00e9r\u00e9s par Blocksy.\n-->\n<main class=\"wjp-page\" id=\"pneus-geometrie\">\n  <style>\n    .wjp-page{\n      --bg:#090d12;\n      --bg2:#0d131a;\n      --panel:#121a24;\n      --panel2:#18212c;\n      --text:#f7f9fc;\n      --muted:#b9c4d2;\n      --line:rgba(255,255,255,.11);\n      --accent:#f04b3e;\n      --accent2:#ff8a7d;\n      --ok:#7ee3a8;\n      --warn:#ffc767;\n      --radius:22px;\n      color:var(--text);\n      background:var(--bg);\n      font-family:inherit;\n      overflow:hidden;\n    }\n    .wjp-page*,.wjp-page*::before,.wjp-page*::after{box-sizing:border-box}\n    .wjp-page a{text-decoration:none;color:inherit}\n    .wjp-page img{display:block;width:100%;height:auto}\n    .wjp-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}\n    .wjp-section{position:relative;padding:82px 0}\n    .wjp-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#ffd6d1;font-size:.9rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}\n    .wjp-eyebrow::before{content:\"\";width:28px;height:2px;background:var(--accent);border-radius:99px}\n    .wjp-title{margin:13px 0 16px;max-width:850px;font-size:clamp(2.2rem,4vw,3.55rem);line-height:1.05;letter-spacing:-.04em;color:#fff;font-weight:900}\n    .wjp-title span{color:var(--accent2)}\n    .wjp-lead{margin:0;max-width:760px;color:#c7d1dd;font-size:1.16rem;line-height:1.72}\n    .wjp-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 21px;border-radius:14px;font-size:.98rem;font-weight:850;transition:.25s ease}\n    .wjp-btn:hover{transform:translateY(-2px)}\n    .wjp-btn--primary{background:linear-gradient(135deg,var(--accent),#d93429);box-shadow:0 16px 32px rgba(240,75,62,.23)}\n    .wjp-btn--ghost{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.045)}\n\n    \/* HERO \u2014 unique : panneau lat\u00e9ral + roue *\/\n    .wjp-hero{position:relative;min-height:660px;display:grid;align-items:center;background:\n      radial-gradient(circle at 80% 18%,rgba(240,75,62,.16),transparent 30%),\n      linear-gradient(115deg,#090d12,#0c1118 52%,#111821);isolation:isolate}\n    .wjp-hero::before{content:\"\";position:absolute;inset:0;z-index:0;background:\n      linear-gradient(90deg,rgba(5,8,13,.96) 0%,rgba(5,8,13,.90) 38%,rgba(5,8,13,.58) 70%,rgba(5,8,13,.48) 100%),\n      url('https:\/\/images.unsplash.com\/photo-1580273916550-e323be2ae537?auto=format&fit=crop&w=1700&q=80') center\/cover no-repeat}\n    .wjp-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;padding:78px 0 64px}\n    .wjp-hero__copy{max-width:690px}\n    .wjp-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(8,12,17,.56);backdrop-filter:blur(8px);font-size:.8rem;font-weight:800;color:#edf2f8}\n    .wjp-kicker i{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 6px rgba(126,227,168,.1)}\n    .wjp-hero h1{margin:20px 0 18px;max-width:650px;font-size:clamp(2.15rem,4.2vw,3.9rem);line-height:1.03;letter-spacing:-.045em;font-weight:900;color:#fff}\n    .wjp-hero h1 span{display:block;color:var(--accent2);margin-top:7px}\n    .wjp-hero p{margin:0;max-width:620px;color:#d7dee8;font-size:1.06rem;line-height:1.72}\n    .wjp-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}\n    .wjp-micro{display:flex;flex-wrap:wrap;gap:13px 20px;margin-top:20px;color:#c4ceda;font-size:.87rem}\n    .wjp-micro span{display:inline-flex;align-items:center;gap:7px}.wjp-micro b{color:var(--ok)}\n\n    .wjp-wheelpanel{position:relative;min-height:440px;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:linear-gradient(145deg,rgba(19,27,37,.88),rgba(10,15,21,.88));box-shadow:0 28px 70px rgba(0,0,0,.30);overflow:hidden}\n    .wjp-wheelpanel::before{content:\"\";position:absolute;width:320px;height:320px;border-radius:50%;right:-36px;top:48px;border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 0 0 24px rgba(255,255,255,.015),inset 0 0 0 52px rgba(255,255,255,.012)}\n    .wjp-wheel{position:absolute;right:28px;top:72px;width:270px;height:270px;border-radius:50%;background:\n      radial-gradient(circle at center,#121820 0 12%,#5e6875 13% 15%,#11161d 16% 27%,#9ba5b0 28% 30%,#161d26 31% 51%,#0b0f14 52% 61%,#151a20 62% 100%);\n      box-shadow:0 24px 55px rgba(0,0,0,.36), inset 0 0 0 8px #0a0e13}\n    .wjp-wheel::after{content:\"\";position:absolute;inset:18px;border-radius:50%;border:2px dashed rgba(255,255,255,.14);animation:wjp-spin 18s linear infinite}\n    @keyframes wjp-spin{to{transform:rotate(360deg)}}\n    .wjp-wheelpanel__info{position:absolute;left:24px;bottom:24px;right:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}\n    .wjp-mini{padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(8,12,17,.72);backdrop-filter:blur(8px)}\n    .wjp-mini strong{display:block;font-size:1.08rem;color:#fff}.wjp-mini span{display:block;margin-top:4px;color:#b9c4d2;font-size:.79rem}\n    .wjp-wheelbadge{position:absolute;left:24px;top:24px;padding:11px 14px;border-radius:12px;background:var(--accent);font-size:.8rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}\n\n    \/* CHOIX RAPIDE *\/\n    .wjp-needs{background:#0b1016}\n    .wjp-needs__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}\n    .wjp-need{position:relative;padding:22px 20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));min-height:190px;transition:.3s ease}\n    .wjp-need:hover{transform:translateY(-5px);border-color:rgba(240,75,62,.4);box-shadow:0 18px 38px rgba(0,0,0,.16)}\n    .wjp-need__num{font-size:.75rem;color:var(--accent2);font-weight:900;letter-spacing:.12em}\n    .wjp-need h3{margin:28px 0 9px;font-size:1.3rem;color:#fff}.wjp-need p{margin:0;color:#c4ceda;font-size:1.02rem;line-height:1.62}\n    .wjp-need::after{content:\"\u2192\";position:absolute;right:18px;top:18px;color:#7f8b9a;font-size:1.2rem}\n\n    \/* CONTROLE PNEU \u2014 panneau de diagnostic premium *\/\n    .wjp-wear{background:linear-gradient(180deg,#0d131a 0%,#090e14 100%)}\n    .wjp-wear__grid{display:grid;grid-template-columns:.98fr 1.02fr;gap:56px;align-items:center}\n    .wjp-inspection{padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#151e29,#0d141c);box-shadow:0 26px 64px rgba(0,0,0,.28)}\n    .wjp-inspection__top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}\n    .wjp-inspection__top strong{font-size:1.3rem;color:#fff}.wjp-inspection__top span{font-size:.9rem;color:var(--ok);font-weight:800}\n    .wjp-gauges{display:grid;grid-template-columns:1fr 1fr;gap:16px}\n    .wjp-gaugecard{padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#0d141c}\n    .wjp-gaugecard__label{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#d7dee8;font-size:1rem;font-weight:800}\n    .wjp-gaugecard__label span{color:#91a0b2;font-size:.83rem;font-weight:700}\n    .wjp-gauge{position:relative;width:170px;height:170px;margin:18px auto 8px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) 0 72%,rgba(255,255,255,.08) 72% 100%)}\n    .wjp-gauge::after{content:\"\";position:absolute;inset:14px;border-radius:50%;background:#101821;border:1px solid rgba(255,255,255,.08)}\n    .wjp-gauge__value{position:relative;z-index:2;text-align:center}.wjp-gauge__value b{display:block;font-size:2.35rem;line-height:1;color:#fff}.wjp-gauge__value small{display:block;margin-top:6px;color:#aeb9c7;font-size:.86rem}\n    .wjp-tread{position:relative;height:128px;margin:22px 0 12px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:\n      repeating-linear-gradient(96deg,#10161d 0 17px,#26313d 17px 25px,#111820 25px 44px)}\n    .wjp-tread::before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:68%;background:linear-gradient(90deg,rgba(126,227,168,.10),rgba(126,227,168,.26))}\n    .wjp-tread::after{content:\"\";position:absolute;left:68%;top:10px;bottom:10px;width:3px;border-radius:99px;background:var(--ok);box-shadow:0 0 24px rgba(126,227,168,.35)}\n    .wjp-treadvalue{display:flex;justify-content:space-between;align-items:end;gap:12px}.wjp-treadvalue b{font-size:2rem;color:#fff}.wjp-treadvalue span{font-size:.92rem;color:#9ba8b8}\n    .wjp-inspection__footer{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}\n    .wjp-inspection__footer div{padding:14px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}\n    .wjp-inspection__footer strong{display:block;font-size:1rem;color:#fff}.wjp-inspection__footer span{display:block;margin-top:4px;color:#aeb9c7;font-size:.84rem;line-height:1.4}\n\n    .wjp-checks{display:grid;gap:13px;margin-top:26px}\n    .wjp-check{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:18px;border-radius:17px;border:1px solid var(--line);background:rgba(255,255,255,.025)}\n    .wjp-check i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(240,75,62,.14);color:var(--accent2);font-style:normal;font-weight:900;font-size:1rem}\n    .wjp-check strong{display:block;font-size:1.12rem;color:#fff}.wjp-check span{display:block;color:#c2ccd8;font-size:.97rem;line-height:1.55;margin-top:4px}\n\n    \/* G\u00c9OM\u00c9TRIE *\/\n    .wjp-align{background:#090e14}\n    .wjp-alignbox{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}\n    .wjp-aligncard{position:relative;min-height:360px;padding:30px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,#151e28,#101720);overflow:hidden}\n    .wjp-aligncard h3{margin:0;font-size:1.48rem;color:#fff}.wjp-aligncard p{margin:9px 0 0;color:#c0cad6;font-size:1.02rem;line-height:1.62;max-width:430px}\n    .wjp-axle{position:absolute;left:34px;right:34px;bottom:34px;height:165px}\n    .wjp-road{position:absolute;left:0;right:0;bottom:27px;height:4px;background:#52606f;border-radius:99px}\n    .wjp-wheelmark{position:absolute;bottom:34px;width:66px;height:116px;border-radius:16px;background:repeating-linear-gradient(90deg,#151c24 0 8px,#2b3643 8px 13px)}\n    .wjp-wheelmark.left{left:25%}.wjp-wheelmark.right{right:25%}\n    .wjp-aligncard.before .wjp-wheelmark.left{transform:rotate(9deg)}.wjp-aligncard.before .wjp-wheelmark.right{transform:rotate(-9deg)}\n    .wjp-aligncard.after .wjp-wheelmark{transform:none;box-shadow:0 0 0 2px rgba(126,227,168,.20)}\n    .wjp-aligntag{position:absolute;right:24px;top:24px;padding:9px 11px;border-radius:999px;font-size:.79rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}\n    .before .wjp-aligntag{background:rgba(255,199,103,.12);color:var(--warn)}.after .wjp-aligntag{background:rgba(126,227,168,.12);color:var(--ok)}\n\n    \/* STATS \u2014 valeurs \u00e9quilibr\u00e9es et lisibles *\/\n    .wjp-stats{padding:38px 0;background:#0c1117;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\n    .wjp-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}\n    .wjp-stat{position:relative;min-height:164px;padding:25px 24px 22px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));overflow:hidden}\n    .wjp-stat::before{content:\"\";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.78}\n    .wjp-stat strong{display:flex;align-items:baseline;gap:8px;margin:0;font-size:clamp(2.8rem,4vw,3.9rem);line-height:.95;font-weight:900;letter-spacing:-.045em;color:#fff}\n    .wjp-stat strong .wjp-counter{display:inline!important;margin:0!important;font-size:1em!important;line-height:inherit!important;font-weight:900!important;color:#fff!important;letter-spacing:inherit!important}\n    .wjp-stat strong em{display:inline;font-style:normal;color:var(--accent2);font-size:.72em;line-height:1;font-weight:900;letter-spacing:-.035em}\n    .wjp-stat > span{display:block;margin-top:17px;color:#d0d8e2;font-size:1rem;line-height:1.5;max-width:220px}\n\n    \/* PROCESS \u2014 vraie timeline active au scroll *\/\n    .wjp-process{background:linear-gradient(180deg,#0a0f15,#0d131a)}\n    .wjp-process .wjp-title{color:#fff}.wjp-process .wjp-title span{color:var(--accent2)}\n    .wjp-processwrap{position:relative;margin-top:42px}\n    .wjp-processrail{position:absolute;left:7%;right:7%;top:28px;height:4px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}\n    .wjp-processprogress{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 18px rgba(240,75,62,.35);transition:width .15s linear}\n    .wjp-processgrid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}\n    .wjp-step{position:relative;padding-top:0;background:none;border:0}\n    .wjp-step__n{position:relative;z-index:2;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#101720;border:1px solid var(--line);font-weight:900;color:#8d99a8;font-size:1rem;transition:.3s ease}\n    .wjp-step.is-active .wjp-step__n{background:var(--accent);color:white;border-color:var(--accent);box-shadow:0 0 0 8px rgba(240,75,62,.09),0 14px 28px rgba(240,75,62,.20)}\n    .wjp-step__card{margin-top:22px;padding:22px 20px;min-height:160px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}\n    .wjp-step h3{margin:0 0 10px;font-size:1.22rem;color:#fff}.wjp-step p{margin:0;color:#c1cbd7;font-size:1rem;line-height:1.62}\n\n    \/* CTA *\/\n    .wjp-cta{padding:66px 0 84px;background:#090d12}\n    .wjp-ctabox{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;padding:42px;border-radius:28px;border:1px solid rgba(240,75,62,.28);background:radial-gradient(circle at 90% 30%,rgba(240,75,62,.19),transparent 32%),linear-gradient(135deg,#151d26,#0f151c);box-shadow:0 26px 60px rgba(0,0,0,.24)}\n    .wjp-ctabox h2{margin:0 0 10px;max-width:660px;font-size:clamp(2rem,3.15vw,3rem);letter-spacing:-.04em;line-height:1.06;color:#fff}\n    .wjp-ctabox p{margin:0;max-width:680px;color:#c5cfda;font-size:1.08rem;line-height:1.65}\n    .wjp-ctaactions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}\n    \/* REVEAL *\/\n    .wjp-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}.wjp-reveal.is-visible{opacity:1;transform:none}.wjp-d1{transition-delay:.08s}.wjp-d2{transition-delay:.16s}.wjp-d3{transition-delay:.24s}\n\n    @media(max-width:980px){\n      .wjp-hero{min-height:auto}.wjp-hero__grid{grid-template-columns:1fr;gap:28px;padding:58px 0 44px}.wjp-wheelpanel{min-height:380px}\n      .wjp-needs__grid{grid-template-columns:repeat(2,1fr)}\n      .wjp-wear__grid{grid-template-columns:1fr;gap:32px}\n      .wjp-alignbox{grid-template-columns:1fr 1fr}\n      .wjp-stats__grid{grid-template-columns:repeat(2,1fr)}\n      .wjp-processgrid{grid-template-columns:repeat(2,1fr);gap:18px}\n      .wjp-processrail{display:none}\n      .wjp-ctabox{grid-template-columns:1fr}.wjp-ctaactions{justify-content:flex-start}\n    }\n    @media(max-width:680px){\n      .wjp-container{width:min(100% - 24px,1180px)}\n      .wjp-section{padding:52px 0}\n      .wjp-title{font-size:clamp(1.8rem,7.5vw,2.3rem)}\n      .wjp-lead{font-size:1rem;line-height:1.6}\n      .wjp-eyebrow{font-size:.78rem}\n      .wjp-hero::before{background:linear-gradient(180deg,rgba(5,8,13,.92),rgba(5,8,13,.76)),url('https:\/\/images.unsplash.com\/photo-1580273916550-e323be2ae537?auto=format&fit=crop&w=1000&q=76') center\/cover no-repeat}\n      .wjp-hero__grid{padding:38px 0 28px}\n      .wjp-hero h1{font-size:clamp(1.95rem,8.4vw,2.7rem);margin:15px 0 13px}\n      .wjp-hero p{font-size:1rem;line-height:1.6}\n      .wjp-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:20px}\n      .wjp-btn{min-height:48px;padding:0 12px;font-size:.86rem}\n      .wjp-micro{font-size:.82rem;gap:8px 12px}\n      .wjp-wheelpanel{min-height:305px;border-radius:22px}\n      .wjp-wheel{width:180px;height:180px;right:15px;top:54px}\n      .wjp-wheelpanel::before{width:220px;height:220px;right:-40px;top:34px}\n      .wjp-wheelbadge{left:14px;top:14px;font-size:.71rem}\n      .wjp-wheelpanel__info{left:14px;right:14px;bottom:14px;gap:7px}\n      .wjp-mini{padding:11px}.wjp-mini strong{font-size:.97rem}.wjp-mini span{font-size:.74rem}\n      .wjp-needs__grid{grid-template-columns:repeat(2,1fr);gap:10px}\n      .wjp-need{min-height:165px;padding:17px 15px}.wjp-need h3{font-size:1.02rem;margin:24px 0 7px}.wjp-need p{font-size:.84rem;line-height:1.48}\n      .wjp-inspection{padding:18px;border-radius:20px}\n      .wjp-inspection__top strong{font-size:1.08rem}.wjp-inspection__top span{font-size:.75rem}\n      .wjp-gauges{grid-template-columns:1fr;gap:10px}\n      .wjp-gaugecard{padding:16px}\n      .wjp-gauge{width:140px;height:140px}.wjp-gauge__value b{font-size:2rem}\n      .wjp-tread{height:100px;margin-top:16px}.wjp-treadvalue b{font-size:1.6rem}\n      .wjp-inspection__footer{grid-template-columns:repeat(3,1fr);gap:6px}.wjp-inspection__footer div{padding:10px 8px}.wjp-inspection__footer strong{font-size:.86rem}.wjp-inspection__footer span{font-size:.7rem}\n      .wjp-check{grid-template-columns:38px 1fr;padding:14px}.wjp-check i{width:38px;height:38px}.wjp-check strong{font-size:1rem}.wjp-check span{font-size:.86rem}\n      .wjp-alignbox{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:4px;scrollbar-width:none}.wjp-alignbox::-webkit-scrollbar{display:none}\n      .wjp-aligncard{flex:0 0 88%;min-height:290px;scroll-snap-align:start;padding:20px}.wjp-aligncard h3{font-size:1.16rem}.wjp-aligncard p{font-size:.9rem}.wjp-axle{height:125px;left:18px;right:18px}.wjp-wheelmark{width:48px;height:90px}\n      .wjp-stats{padding:26px 0}.wjp-stats__grid{grid-template-columns:repeat(2,1fr);gap:9px}.wjp-stat{min-height:136px;padding:18px 15px}.wjp-stat strong{font-size:2.35rem;gap:6px}.wjp-stat strong em{font-size:.68em}.wjp-stat > span{margin-top:13px;font-size:.9rem;line-height:1.42}\n      .wjp-processgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none}.wjp-processgrid::-webkit-scrollbar{display:none}\n      .wjp-step{flex:0 0 82%;scroll-snap-align:start}.wjp-step__n{width:50px;height:50px}.wjp-step__card{margin-top:14px;min-height:145px;padding:18px}.wjp-step h3{font-size:1.08rem}.wjp-step p{font-size:.9rem}\n      .wjp-cta{padding:46px 0 56px}.wjp-ctabox{padding:24px;border-radius:20px}.wjp-ctabox h2{font-size:1.8rem}.wjp-ctabox p{font-size:.96rem}.wjp-ctaactions{display:grid;grid-template-columns:1fr 1fr}.wjp-ctaactions .wjp-btn{width:100%}\n    }\n    @media(prefers-reduced-motion:reduce){.wjp-page *{animation:none!important;transition-duration:.01ms!important}.wjp-reveal{opacity:1;transform:none}}\n  <\/style>\n\n  <section class=\"wjp-hero\">\n    <div class=\"wjp-container wjp-hero__grid\">\n      <div class=\"wjp-hero__copy wjp-reveal\">\n        <div class=\"wjp-kicker\"><i><\/i> Pneus &amp; g\u00e9om\u00e9trie<\/div>\n        <h1>Une voiture stable, pr\u00e9cise et s\u00fbre. <span>Du pneu jusqu\u2019au r\u00e9glage des trains roulants.<\/span><\/h1>\n        <p>Montage, \u00e9quilibrage, contr\u00f4le d\u2019usure et g\u00e9om\u00e9trie : nous v\u00e9rifions ce qui relie r\u00e9ellement votre voiture \u00e0 la route.<\/p>\n        <div class=\"wjp-actions\">\n          <a class=\"wjp-btn wjp-btn--primary\" href=\"#rendez-vous-pneus\">Prendre rendez-vous<\/a>\n          <a class=\"wjp-btn wjp-btn--ghost\" href=\"tel:+33000000000\">Appeler le garage<\/a>\n        <\/div>\n        <div class=\"wjp-micro\"><span><b>\u2713<\/b> Contr\u00f4le d\u2019usure<\/span><span><b>\u2713<\/b> \u00c9quilibrage<\/span><span><b>\u2713<\/b> G\u00e9om\u00e9trie<\/span><\/div>\n      <\/div>\n\n      <div class=\"wjp-wheelpanel wjp-reveal wjp-d1\">\n        <div class=\"wjp-wheelbadge\">Pr\u00e9cision atelier<\/div>\n        <div class=\"wjp-wheel\" aria-hidden=\"true\"><\/div>\n        <div class=\"wjp-wheelpanel__info\">\n          <div class=\"wjp-mini\"><strong>Usure<\/strong><span>Contr\u00f4le visuel + profondeur<\/span><\/div>\n          <div class=\"wjp-mini\"><strong>G\u00e9om\u00e9trie<\/strong><span>Parall\u00e9lisme &amp; alignement<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"wjp-section wjp-needs\">\n    <div class=\"wjp-container\">\n      <div class=\"wjp-reveal\"><span class=\"wjp-eyebrow\">Votre situation<\/span><h2 class=\"wjp-title\">Pourquoi venez-vous <span>au garage aujourd\u2019hui ?<\/span><\/h2><p class=\"wjp-lead\">En quelques secondes, identifiez le cas qui vous ressemble.<\/p><\/div>\n      <div class=\"wjp-needs__grid\">\n        <article class=\"wjp-need wjp-reveal\"><span class=\"wjp-need__num\">01<\/span><h3>Pneus us\u00e9s<\/h3><p>T\u00e9moins proches, gomme craquel\u00e9e ou adh\u00e9rence moins bonne.<\/p><\/article>\n        <article class=\"wjp-need wjp-reveal wjp-d1\"><span class=\"wjp-need__num\">02<\/span><h3>Vibrations<\/h3><p>Volant qui tremble \u00e0 certaines vitesses ou apr\u00e8s un changement de pneus.<\/p><\/article>\n        <article class=\"wjp-need wjp-reveal wjp-d2\"><span class=\"wjp-need__num\">03<\/span><h3>Voiture qui tire<\/h3><p>Le v\u00e9hicule part l\u00e9g\u00e8rement d\u2019un c\u00f4t\u00e9 ou le volant n\u2019est plus parfaitement droit.<\/p><\/article>\n        <article class=\"wjp-need wjp-reveal wjp-d3\"><span class=\"wjp-need__num\">04<\/span><h3>Changement saisonnier<\/h3><p>Passage \u00e9t\u00e9 \/ hiver ou contr\u00f4le avant long trajet.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"wjp-section wjp-wear\">\n    <div class=\"wjp-container wjp-wear__grid\">\n      <div class=\"wjp-inspection wjp-reveal\">\n        <div class=\"wjp-inspection__top\">\n          <strong>Contr\u00f4le rapide du pneu<\/strong>\n          <span>\u25cf valeurs d\u2019exemple<\/span>\n        <\/div>\n\n        <div class=\"wjp-gauges\">\n          <div class=\"wjp-gaugecard\">\n            <div class=\"wjp-gaugecard__label\">Pression <span>\u00e0 v\u00e9rifier \u00e0 froid<\/span><\/div>\n            <div class=\"wjp-gauge\">\n              <div class=\"wjp-gauge__value\"><b>2,3<\/b><small>bar<\/small><\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"wjp-gaugecard\">\n            <div class=\"wjp-gaugecard__label\">Profondeur <span>sculptures<\/span><\/div>\n            <div class=\"wjp-tread\" aria-hidden=\"true\"><\/div>\n            <div class=\"wjp-treadvalue\"><b>4,8 mm<\/b><span>zone confortable<\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"wjp-inspection__footer\">\n          <div><strong>Pression<\/strong><span>adapt\u00e9e au v\u00e9hicule<\/span><\/div>\n          <div><strong>Usure<\/strong><span>int\u00e9rieur \/ centre \/ ext\u00e9rieur<\/span><\/div>\n          <div><strong>Flanc<\/strong><span>coupure, hernie, craquelure<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"wjp-reveal wjp-d1\">\n        <span class=\"wjp-eyebrow\">Usure des pneus<\/span>\n        <h2 class=\"wjp-title\">Un pneu ne s\u2019use pas toujours <span>de fa\u00e7on uniforme.<\/span><\/h2>\n        <p class=\"wjp-lead\">Pression, g\u00e9om\u00e9trie et \u00e9tat du train roulant influencent directement l\u2019adh\u00e9rence et la dur\u00e9e de vie du pneu. Le contr\u00f4le doit donc regarder toute la bande de roulement, pas seulement le t\u00e9moin.<\/p>\n        <div class=\"wjp-checks\">\n          <div class=\"wjp-check\"><i>1<\/i><div><strong>Usure au centre<\/strong><span>Peut \u00eatre li\u00e9e \u00e0 une pression trop \u00e9lev\u00e9e ou \u00e0 une utilisation inadapt\u00e9e.<\/span><\/div><\/div>\n          <div class=\"wjp-check\"><i>2<\/i><div><strong>Usure sur les deux bords<\/strong><span>Peut appara\u00eetre quand la pression est insuffisante ou lorsque le pneu travaille trop sur ses \u00e9paules.<\/span><\/div><\/div>\n          <div class=\"wjp-check\"><i>3<\/i><div><strong>Usure d\u2019un seul c\u00f4t\u00e9<\/strong><span>Un contr\u00f4le de g\u00e9om\u00e9trie et du train roulant permet de rechercher la cause avant de remplacer inutilement le pneu.<\/span><\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"wjp-section wjp-align\">\n    <div class=\"wjp-container\">\n      <div class=\"wjp-reveal\"><span class=\"wjp-eyebrow\">G\u00e9om\u00e9trie<\/span><h2 class=\"wjp-title\">Quand les roues ne travaillent plus <span>dans le m\u00eame axe.<\/span><\/h2><p class=\"wjp-lead\">Le r\u00e9glage permet de retrouver une direction plus pr\u00e9cise, une meilleure stabilit\u00e9 et une usure plus r\u00e9guli\u00e8re des pneus.<\/p><\/div>\n      <div class=\"wjp-alignbox\">\n        <article class=\"wjp-aligncard before wjp-reveal\"><span class=\"wjp-aligntag\">Avant r\u00e9glage<\/span><h3>Train mal align\u00e9<\/h3><p>Les roues ne suivent plus exactement le m\u00eame axe.<\/p><div class=\"wjp-axle\"><div class=\"wjp-road\"><\/div><span class=\"wjp-wheelmark left\"><\/span><span class=\"wjp-wheelmark right\"><\/span><\/div><\/article>\n        <article class=\"wjp-aligncard after wjp-reveal wjp-d1\"><span class=\"wjp-aligntag\">Apr\u00e8s r\u00e9glage<\/span><h3>Direction stabilis\u00e9e<\/h3><p>Les roues retrouvent un alignement coh\u00e9rent selon les valeurs constructeur.<\/p><div class=\"wjp-axle\"><div class=\"wjp-road\"><\/div><span class=\"wjp-wheelmark left\"><\/span><span class=\"wjp-wheelmark right\"><\/span><\/div><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"wjp-stats\" aria-label=\"Chiffres cl\u00e9s pneus\">\n    <div class=\"wjp-container wjp-stats__grid\">\n      <article class=\"wjp-stat wjp-reveal\"><strong><span class=\"wjp-counter\" data-target=\"4\">0<\/span><em> roues<\/em><\/strong><span>contr\u00f4l\u00e9es lors d\u2019un bilan complet.<\/span><\/article>\n      <article class=\"wjp-stat wjp-reveal wjp-d1\"><strong><span class=\"wjp-counter\" data-target=\"100\">0<\/span><em>%<\/em><\/strong><span>des travaux expliqu\u00e9s avant intervention.<\/span><\/article>\n      <article class=\"wjp-stat wjp-reveal wjp-d2\"><strong><span class=\"wjp-counter\" data-target=\"24\">0<\/span><em>h<\/em><\/strong><span>objectif de retour sur devis*.<\/span><\/article>\n      <article class=\"wjp-stat wjp-reveal wjp-d3\"><strong><span class=\"wjp-counter\" data-target=\"10\">0<\/span><em>+<\/em><\/strong><span>ann\u00e9es d\u2019exp\u00e9rience*.<\/span><\/article>\n    <\/div>\n  <\/section>\n\n  <section class=\"wjp-section wjp-process\" data-process=\"\">\n    <div class=\"wjp-container\">\n      <div class=\"wjp-reveal\">\n        <span class=\"wjp-eyebrow\">Prise en charge<\/span>\n        <h2 class=\"wjp-title\">Du contr\u00f4le \u00e0 la route, <span>4 \u00e9tapes claires.<\/span><\/h2>\n        <p class=\"wjp-lead\">Chaque \u00e9tape s\u2019active progressivement au scroll. Vous voyez imm\u00e9diatement comment se d\u00e9roule la prise en charge.<\/p>\n      <\/div>\n\n      <div class=\"wjp-processwrap\">\n        <div class=\"wjp-processrail\" aria-hidden=\"true\"><div class=\"wjp-processprogress\"><\/div><\/div>\n        <div class=\"wjp-processgrid\">\n          <article class=\"wjp-step is-active\">\n            <div class=\"wjp-step__n\">01<\/div>\n            <div class=\"wjp-step__card\"><h3>Contr\u00f4le<\/h3><p>Usure, pression, \u00e9tat des flancs et comportement du v\u00e9hicule.<\/p><\/div>\n          <\/article>\n          <article class=\"wjp-step\">\n            <div class=\"wjp-step__n\">02<\/div>\n            <div class=\"wjp-step__card\"><h3>Mesure<\/h3><p>\u00c9quilibrage ou contr\u00f4le de g\u00e9om\u00e9trie selon le sympt\u00f4me observ\u00e9.<\/p><\/div>\n          <\/article>\n          <article class=\"wjp-step\">\n            <div class=\"wjp-step__n\">03<\/div>\n            <div class=\"wjp-step__card\"><h3>R\u00e9glage<\/h3><p>Intervention adapt\u00e9e avec des valeurs coh\u00e9rentes pour votre v\u00e9hicule.<\/p><\/div>\n          <\/article>\n          <article class=\"wjp-step\">\n            <div class=\"wjp-step__n\">04<\/div>\n            <div class=\"wjp-step__card\"><h3>Validation<\/h3><p>Contr\u00f4le final, restitution et explication des points \u00e0 surveiller.<\/p><\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"wjp-cta\" id=\"rendez-vous-pneus\">\n    <div class=\"wjp-container\">\n      <div class=\"wjp-ctabox wjp-reveal\">\n        <div><h2>Vos pneus s\u2019usent mal ou votre voiture tire d\u2019un c\u00f4t\u00e9 ?<\/h2><p>Faites contr\u00f4ler les pneus et la g\u00e9om\u00e9trie avant que l\u2019usure ne s\u2019aggrave.<\/p><\/div>\n        <div class=\"wjp-ctaactions\"><a class=\"wjp-btn wjp-btn--primary\" href=\"tel:+33000000000\">Appeler maintenant<\/a><a class=\"wjp-btn wjp-btn--ghost\" href=\"#\">Prendre rendez-vous<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n  (()=>{\n    const root=document.querySelector('.wjp-page');if(!root)return;\n    const reduced=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    const reveals=root.querySelectorAll('.wjp-reveal');\n    if(reduced||!('IntersectionObserver'in window)){reveals.forEach(x=>x.classList.add('is-visible'));}\n    else{const io=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'});reveals.forEach(x=>io.observe(x));}\n\n    const counters=root.querySelectorAll('.wjp-counter');\n    const runCounter=el=>{if(el.dataset.done)return;el.dataset.done='1';const target=Number(el.dataset.target||0);if(reduced){el.textContent=target.toLocaleString('fr-FR');return;}const start=performance.now(),duration=1050;const tick=now=>{const p=Math.min((now-start)\/duration,1),eased=1-Math.pow(1-p,3);el.textContent=Math.round(target*eased).toLocaleString('fr-FR');if(p<1)requestAnimationFrame(tick)};requestAnimationFrame(tick)};\n    if('IntersectionObserver'in window){const ci=new IntersectionObserver((entries,obs)=>entries.forEach(e=>{if(e.isIntersecting){runCounter(e.target);obs.unobserve(e.target)}}),{threshold:.45});counters.forEach(c=>ci.observe(c));}else counters.forEach(runCounter);\n\n    const process=root.querySelector('[data-process]');\n    if(process){\n      const steps=[...process.querySelectorAll('.wjp-step')];\n      const progress=process.querySelector('.wjp-processprogress');\n      let ticking=false;\n      const update=()=>{\n        ticking=false;\n        const r=process.getBoundingClientRect(),vh=window.innerHeight||document.documentElement.clientHeight;\n        const p=Math.max(0,Math.min(1,(vh*.74-r.top)\/Math.max(1,r.height+vh*.28)));\n        const idx=Math.min(steps.length-1,Math.floor(p*steps.length));\n        steps.forEach((s,i)=>s.classList.toggle('is-active',i<=idx));\n        if(progress)progress.style.width=`${p*100}%`;\n      };\n      const onScroll=()=>{if(!ticking){ticking=true;requestAnimationFrame(update)}};\n      window.addEventListener('scroll',onScroll,{passive:true});\n      window.addEventListener('resize',onScroll,{passive:true});\n      update();\n    }\n  })();\n  <\/script>\n<\/main>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Pneus &amp; g\u00e9om\u00e9trie Une voiture stable, pr\u00e9cise et s\u00fbre. Du pneu jusqu\u2019au r\u00e9glage des trains roulants. Montage, \u00e9quilibrage, contr\u00f4le d\u2019usure et g\u00e9om\u00e9trie : nous v\u00e9rifions ce qui relie r\u00e9ellement votre voiture \u00e0 la route. Prendre rendez-vous Appeler le garage \u2713 Contr\u00f4le d\u2019usure\u2713 \u00c9quilibrage\u2713 G\u00e9om\u00e9trie Pr\u00e9cision atelier UsureContr\u00f4le visuel + profondeur G\u00e9om\u00e9trieParall\u00e9lisme &amp; alignement Votre situation [&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-527","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\/527","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=527"}],"version-history":[{"count":9,"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/pages\/527\/revisions"}],"predecessor-version":[{"id":664,"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/pages\/527\/revisions\/664"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/media?parent=527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}