{"id":535,"date":"2026-09-21T10:42:42","date_gmt":"2026-09-21T08:42:42","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/?page_id=535"},"modified":"2026-09-24T12:52:33","modified_gmt":"2026-09-24T10:52:33","slug":"distribution-moteur","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/distribution-moteur\/","title":{"rendered":"Distribution &amp; moteur"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<!--\n  SOUS-PAGE SERVICE \u2014 DISTRIBUTION & MOTEUR\n  Design unique \/ autonome HTML CSS JS\n  Header + footer g\u00e9r\u00e9s par Blocksy.\n-->\n<main class=\"wjm-page\" id=\"distribution-moteur\">\n  <style>\n    .wjm-page{\n      --bg:#090d12;\n      --bg2:#0c1219;\n      --panel:#121a24;\n      --panel2:#17212d;\n      --text:#f7f9fc;\n      --muted:#c0c9d5;\n      --line:rgba(255,255,255,.11);\n      --accent:#f04b3e;\n      --accent2:#ff8a7d;\n      --ok:#7ee3a8;\n      --warn:#ffc767;\n      color:var(--text);\n      background:var(--bg);\n      font-family:inherit;\n      overflow:hidden;\n    }\n    .wjm-page*,.wjm-page*::before,.wjm-page*::after{box-sizing:border-box}\n    .wjm-page a{text-decoration:none;color:inherit}\n    .wjm-page img{display:block;width:100%;height:auto}\n    .wjm-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}\n    .wjm-section{position:relative;padding:82px 0}\n    .wjm-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#ffd6d1;font-size:.9rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}\n    .wjm-eyebrow::before{content:\"\";width:28px;height:2px;background:var(--accent);border-radius:99px}\n    .wjm-title{margin:13px 0 16px;max-width:840px;font-size:clamp(2.15rem,3.9vw,3.5rem);line-height:1.05;letter-spacing:-.04em;font-weight:900;color:#f7f9fc}\n    .wjm-title span{color:var(--accent2)}\n    .wjm-lead{margin:0;max-width:760px;color:#c7d1dd;font-size:1.15rem;line-height:1.7}\n    .wjm-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border-radius:14px;font-size:.98rem;font-weight:850;transition:.25s ease}\n    .wjm-btn:hover{transform:translateY(-2px)}\n    .wjm-btn--primary{background:linear-gradient(135deg,var(--accent),#d93429);box-shadow:0 16px 32px rgba(240,75,62,.23)}\n    .wjm-btn--ghost{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05)}\n\n    \/* HERO \u2014 m\u00e9canique de pr\u00e9cision *\/\n    .wjm-hero{\n      position:relative;min-height:670px;display:grid;align-items:center;isolation:isolate;\n      background:radial-gradient(circle at 78% 22%,rgba(240,75,62,.16),transparent 32%),linear-gradient(115deg,#090d12,#0d131b 52%,#111923)\n    }\n    .wjm-hero::before{\n      content:\"\";position:absolute;inset:0;z-index:0;\n      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,.50) 100%),\n        url('https:\/\/images.unsplash.com\/photo-1486262715619-67b85e0b08d3?auto=format&fit=crop&w=1800&q=80') center\/cover no-repeat\n    }\n    .wjm-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;padding:80px 0 64px}\n    .wjm-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,.58);font-size:.82rem;font-weight:800;color:#eef3f8}\n    .wjm-kicker i{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 6px rgba(126,227,168,.10)}\n    .wjm-hero h1{margin:20px 0 18px;max-width:650px;font-size:clamp(2.15rem,4.1vw,3.85rem);line-height:1.03;letter-spacing:-.045em;font-weight:900;color:#fff}\n    .wjm-hero h1 span{display:block;color:var(--accent2);margin-top:7px}\n    .wjm-hero p{margin:0;max-width:630px;color:#d7dee8;font-size:1.08rem;line-height:1.72}\n    .wjm-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}\n    .wjm-micro{display:flex;flex-wrap:wrap;gap:13px 20px;margin-top:20px;color:#c8d1dc;font-size:.9rem}\n    .wjm-micro span{display:inline-flex;align-items:center;gap:7px}.wjm-micro b{color:var(--ok)}\n\n    \/* visual poulies *\/\n    .wjm-enginepanel{position:relative;min-height:455px;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:linear-gradient(145deg,rgba(20,28,38,.92),rgba(9,14,20,.9));box-shadow:0 28px 70px rgba(0,0,0,.30);overflow:hidden}\n    .wjm-enginepanel::after{content:\"\";position:absolute;inset:0;background:radial-gradient(circle at 72% 35%,rgba(240,75,62,.13),transparent 36%)}\n    .wjm-gear{position:absolute;border-radius:50%;background:\n      radial-gradient(circle,#171d25 0 20%,#7e8894 21% 24%,#111720 25% 43%,#525d69 44% 48%,#10151c 49% 100%);\n      box-shadow:0 22px 50px rgba(0,0,0,.35),inset 0 0 0 8px #0a0e13}\n    .wjm-gear::before{content:\"\";position:absolute;inset:16px;border-radius:50%;border:2px dashed rgba(255,255,255,.14);animation:wjm-spin 16s linear infinite}\n    .wjm-gear.g1{width:185px;height:185px;right:62px;top:55px}\n    .wjm-gear.g2{width:120px;height:120px;right:245px;top:195px}\n    .wjm-gear.g3{width:92px;height:92px;right:80px;top:278px}\n    .wjm-belt{position:absolute;right:58px;top:58px;width:285px;height:320px;border:16px solid rgba(240,75,62,.62);border-radius:48% 52% 44% 56%;transform:rotate(10deg);filter:drop-shadow(0 0 18px rgba(240,75,62,.20))}\n    .wjm-enginepanel__label{position:absolute;left:24px;top:24px;z-index:2;padding:11px 14px;border-radius:12px;background:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}\n    .wjm-enginepanel__info{position:absolute;z-index:2;left:24px;bottom:24px;right:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}\n    .wjm-mini{padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(8,12,17,.76)}\n    .wjm-mini strong{display:block;font-size:1.05rem}.wjm-mini span{display:block;margin-top:4px;color:#b9c4d2;font-size:.8rem}\n    @keyframes wjm-spin{to{transform:rotate(360deg)}}\n\n    \/* alertes *\/\n    .wjm-alerts{background:#0b1016}\n    .wjm-alerts__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}\n    .wjm-riskbox{padding:30px;border:1px solid rgba(240,75,62,.24);border-radius:26px;background:linear-gradient(145deg,#171c23,#0f141b);box-shadow:0 24px 56px rgba(0,0,0,.24)}\n    .wjm-riskbox__top{display:flex;justify-content:space-between;align-items:center;gap:16px}\n    .wjm-riskbox__top strong{font-size:1.35rem}.wjm-risklabel{padding:8px 10px;border-radius:999px;background:rgba(240,75,62,.13);color:var(--accent2);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}\n    .wjm-riskmeter{height:16px;margin:24px 0 18px;border-radius:99px;background:linear-gradient(90deg,#2a7b51 0 34%,#d9a43d 34% 68%,#d9483e 68% 100%);position:relative}\n    .wjm-riskmeter::after{content:\"\";position:absolute;left:74%;top:50%;width:24px;height:24px;border-radius:50%;background:#fff;border:6px solid var(--accent);transform:translate(-50%,-50%);box-shadow:0 0 0 7px rgba(240,75,62,.13)}\n    .wjm-riskbox p{margin:0;color:#c2ccd8;font-size:1rem;line-height:1.65}\n    .wjm-signs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}\n    .wjm-sign{padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}\n    .wjm-sign b{display:block;color:#fff;font-size:1.06rem}.wjm-sign span{display:block;color:#bec8d4;font-size:.94rem;line-height:1.5;margin-top:5px}\n\n    \/* moteur zones *\/\n    .wjm-zones{background:linear-gradient(180deg,#0c1219,#090e14)}\n    .wjm-zones__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}\n    .wjm-engine-map{position:relative;min-height:420px;border:1px solid var(--line);border-radius:28px;background:\n      radial-gradient(circle at 40% 44%,rgba(240,75,62,.11),transparent 24%),\n      linear-gradient(145deg,#151e29,#0d141c);overflow:hidden}\n    .wjm-engine-shape{position:absolute;left:50%;top:50%;width:250px;height:240px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.14);border-radius:34px;background:linear-gradient(145deg,#18212c,#0d141c);box-shadow:inset 0 0 0 12px rgba(255,255,255,.02)}\n    .wjm-engine-shape::before,.wjm-engine-shape::after{content:\"\";position:absolute;border:2px solid rgba(255,255,255,.10);border-radius:18px}\n    .wjm-engine-shape::before{left:-54px;top:52px;width:66px;height:130px}\n    .wjm-engine-shape::after{right:-62px;top:68px;width:74px;height:100px}\n    .wjm-hotspot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px rgba(240,75,62,.10),0 0 28px rgba(240,75,62,.32)}\n    .wjm-hotspot.h1{left:37%;top:34%}.wjm-hotspot.h2{right:34%;top:44%}.wjm-hotspot.h3{left:46%;bottom:30%}\n    .wjm-hotspot::after{content:\"\";position:absolute;left:50%;top:50%;width:70px;height:1px;background:rgba(255,255,255,.20)}\n    .wjm-hotspot.h1::after{transform:rotate(-35deg);transform-origin:left}.wjm-hotspot.h2::after{transform:rotate(28deg);transform-origin:left}.wjm-hotspot.h3::after{transform:rotate(58deg);transform-origin:left}\n    .wjm-zone-list{display:grid;gap:12px}\n    .wjm-zone{padding:18px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}\n    .wjm-zone strong{display:block;font-size:1.12rem;color:#fff}.wjm-zone span{display:block;margin-top:5px;color:#c2ccd8;font-size:.96rem;line-height:1.55}\n\n    \/* stats *\/\n    .wjm-stats{padding:34px 0;background:#0c1117;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\n    .wjm-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}\n    .wjm-stat{min-height:150px;padding:24px 22px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025)}\n    .wjm-stat strong{display:flex;align-items:baseline;gap:5px;font-size:clamp(2.6rem,4.2vw,3.8rem);line-height:1;font-weight:900;color:#fff}\n    .wjm-stat .wjm-counter{font-size:1em;color:#fff}\n    .wjm-stat em{font-style:normal;color:var(--accent2);font-size:.72em}\n    .wjm-stat span.wjm-desc{display:block;margin-top:12px;color:#c7d1dc;font-size:1rem;line-height:1.48}\n\n    \/* process \u2014 verticale technique *\/\n    .wjm-process{background:linear-gradient(180deg,#090e14,#0d131a)}\n    .wjm-process__grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:52px;align-items:start;margin-top:36px}\n    .wjm-process__sticky{position:sticky;top:110px;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}\n    .wjm-process__sticky strong{display:block;font-size:1.3rem}.wjm-process__sticky p{margin:8px 0 0;color:#c0cad6;font-size:1rem;line-height:1.6}\n    .wjm-process__sticky .wjm-progressnum{margin-top:22px;font-size:4rem;font-weight:900;color:var(--accent2);letter-spacing:-.05em}\n    .wjm-steps{position:relative;display:grid;gap:18px;padding-left:40px}\n    .wjm-steps::before{content:\"\";position:absolute;left:13px;top:20px;bottom:20px;width:3px;border-radius:99px;background:rgba(255,255,255,.08)}\n    .wjm-steps::after{content:\"\";position:absolute;left:13px;top:20px;width:3px;height:var(--progress,0%);max-height:calc(100% - 40px);border-radius:99px;background:linear-gradient(180deg,var(--accent),var(--accent2));box-shadow:0 0 18px rgba(240,75,62,.28)}\n    .wjm-step{position:relative;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--panel);transition:.3s ease}\n    .wjm-step::before{content:\"\";position:absolute;left:-34px;top:28px;width:16px;height:16px;border-radius:50%;background:#101720;border:1px solid var(--line);transition:.3s ease}\n    .wjm-step.is-active{border-color:rgba(240,75,62,.38);transform:translateX(4px)}\n    .wjm-step.is-active::before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 7px rgba(240,75,62,.10)}\n    .wjm-step small{color:var(--accent2);font-weight:900;letter-spacing:.08em}\n    .wjm-step h3{margin:8px 0 8px;font-size:1.25rem;color:#fff}.wjm-step p{margin:0;color:#c1cbd7;font-size:1rem;line-height:1.62}\n\n    .wjm-process .wjm-title,\n    .wjm-process .wjm-title span{color:#fff}\n\n    \/* CTA *\/\n    .wjm-cta{padding:66px 0 84px;background:#090d12}\n    .wjm-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    .wjm-ctabox h2{margin:0 0 10px;max-width:670px;font-size:clamp(2rem,3.1vw,3rem);letter-spacing:-.04em;line-height:1.06;color:#fff}\n    .wjm-ctabox p{margin:0;max-width:690px;color:#c5cfda;font-size:1.08rem;line-height:1.65}\n    .wjm-ctaactions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}\n\n    \/* reveal *\/\n    .wjm-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}\n    .wjm-reveal.is-visible{opacity:1;transform:none}\n    .wjm-d1{transition-delay:.08s}.wjm-d2{transition-delay:.16s}.wjm-d3{transition-delay:.24s}\n\n    @media(max-width:980px){\n      .wjm-hero{min-height:auto}.wjm-hero__grid{grid-template-columns:1fr;gap:28px;padding:58px 0 44px}\n      .wjm-enginepanel{min-height:390px}\n      .wjm-alerts__grid,.wjm-zones__grid,.wjm-process__grid{grid-template-columns:1fr}\n      .wjm-process__sticky{position:relative;top:auto}\n      .wjm-stats__grid{grid-template-columns:repeat(2,1fr)}\n      .wjm-ctabox{grid-template-columns:1fr}.wjm-ctaactions{justify-content:flex-start}\n    }\n    @media(max-width:680px){\n      .wjm-container{width:min(100% - 24px,1180px)}\n      .wjm-section{padding:52px 0}\n      .wjm-title{font-size:clamp(1.8rem,7.5vw,2.3rem)}\n      .wjm-lead{font-size:1rem;line-height:1.6}\n      .wjm-eyebrow{font-size:.78rem}\n      .wjm-hero::before{background:linear-gradient(180deg,rgba(5,8,13,.93),rgba(5,8,13,.78)),url('https:\/\/images.unsplash.com\/photo-1486262715619-67b85e0b08d3?auto=format&fit=crop&w=1000&q=76') center\/cover no-repeat}\n      .wjm-hero__grid{padding:38px 0 28px}\n      .wjm-hero h1{font-size:clamp(1.95rem,8.4vw,2.7rem);margin:15px 0 13px}\n      .wjm-hero p{font-size:1rem;line-height:1.6}\n      .wjm-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:20px}\n      .wjm-btn{min-height:48px;padding:0 12px;font-size:.86rem}\n      .wjm-micro{font-size:.82rem;gap:8px 12px}\n      .wjm-enginepanel{min-height:300px;border-radius:22px}\n      .wjm-gear.g1{width:135px;height:135px;right:28px;top:48px}.wjm-gear.g2{width:92px;height:92px;right:148px;top:158px}.wjm-gear.g3{width:70px;height:70px;right:42px;top:213px}\n      .wjm-belt{right:28px;top:48px;width:208px;height:230px;border-width:12px}\n      .wjm-enginepanel__label{left:14px;top:14px;font-size:.7rem}.wjm-enginepanel__info{left:14px;right:14px;bottom:14px;gap:7px}.wjm-mini{padding:10px}.wjm-mini strong{font-size:.92rem}.wjm-mini span{font-size:.72rem}\n      .wjm-signs{grid-template-columns:1fr 1fr;gap:8px}.wjm-sign{padding:13px}.wjm-sign b{font-size:.95rem}.wjm-sign span{font-size:.82rem}\n      .wjm-riskbox{padding:20px;border-radius:20px}\n      .wjm-engine-map{min-height:300px}.wjm-engine-shape{width:190px;height:180px}\n      .wjm-zone{padding:14px}.wjm-zone strong{font-size:1rem}.wjm-zone span{font-size:.86rem}\n      .wjm-stats{padding:24px 0}.wjm-stats__grid{grid-template-columns:repeat(2,1fr);gap:8px}.wjm-stat{min-height:128px;padding:18px 14px}.wjm-stat strong{font-size:2.35rem}.wjm-stat span.wjm-desc{font-size:.9rem}\n      .wjm-process__sticky{padding:18px}.wjm-process__sticky .wjm-progressnum{font-size:3rem;margin-top:14px}\n      .wjm-steps{padding-left:32px;gap:10px}.wjm-steps::before,.wjm-steps::after{left:10px}.wjm-step{padding:16px}.wjm-step::before{left:-28px;top:24px}.wjm-step h3{font-size:1.08rem}.wjm-step p{font-size:.9rem}\n      .wjm-cta{padding:46px 0 56px}.wjm-ctabox{padding:24px;border-radius:20px}.wjm-ctabox h2{font-size:1.8rem}.wjm-ctabox p{font-size:.96rem}.wjm-ctaactions{display:grid;grid-template-columns:1fr 1fr}.wjm-ctaactions .wjm-btn{width:100%}\n    }\n    @media(prefers-reduced-motion:reduce){\n      .wjm-page *{animation:none!important;transition-duration:.01ms!important}\n      .wjm-reveal{opacity:1;transform:none}\n    }\n  <\/style>\n\n  <section class=\"wjm-hero\">\n    <div class=\"wjm-container wjm-hero__grid\">\n      <div class=\"wjm-reveal\">\n        <div class=\"wjm-kicker\"><i><\/i> Distribution &amp; moteur<\/div>\n        <h1>Pr\u00e9venir la panne avant qu\u2019elle ne co\u00fbte cher. <span>Distribution et m\u00e9canique moteur sous contr\u00f4le.<\/span><\/h1>\n        <p>Courroie, galets, accessoires et \u00e9l\u00e9ments moteur : nous contr\u00f4lons les signes d\u2019usure et intervenons avant qu\u2019un d\u00e9faut ne provoque une panne plus lourde.<\/p>\n        <div class=\"wjm-actions\">\n          <a class=\"wjm-btn wjm-btn--primary\" href=\"#rendez-vous-moteur\">Prendre rendez-vous<\/a>\n          <a class=\"wjm-btn wjm-btn--ghost\" href=\"tel:+33000000000\">Appeler le garage<\/a>\n        <\/div>\n        <div class=\"wjm-micro\">\n          <span><b>\u2713<\/b> Contr\u00f4le pr\u00e9ventif<\/span>\n          <span><b>\u2713<\/b> Devis expliqu\u00e9<\/span>\n          <span><b>\u2713<\/b> Toutes marques<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"wjm-enginepanel wjm-reveal wjm-d1\">\n        <div class=\"wjm-enginepanel__label\">M\u00e9canique de pr\u00e9cision<\/div>\n        <div class=\"wjm-belt\" aria-hidden=\"true\"><\/div>\n        <div class=\"wjm-gear g1\" aria-hidden=\"true\"><\/div>\n        <div class=\"wjm-gear g2\" aria-hidden=\"true\"><\/div>\n        <div class=\"wjm-gear g3\" aria-hidden=\"true\"><\/div>\n        <div class=\"wjm-enginepanel__info\">\n          <div class=\"wjm-mini\"><strong>Distribution<\/strong><span>courroie, galets, pompe \u00e0 eau<\/span><\/div>\n          <div class=\"wjm-mini\"><strong>Moteur<\/strong><span>bruits, fuites, accessoires<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"wjm-section wjm-alerts\">\n    <div class=\"wjm-container wjm-alerts__grid\">\n      <div class=\"wjm-riskbox wjm-reveal\">\n        <div class=\"wjm-riskbox__top\">\n          <strong>Risque m\u00e9canique<\/strong>\n          <span class=\"wjm-risklabel\">\u00e0 ne pas ignorer<\/span>\n        <\/div>\n        <div class=\"wjm-riskmeter\" aria-hidden=\"true\"><\/div>\n        <p>Une distribution us\u00e9e ou un bruit moteur inhabituel peut \u00e9voluer rapidement. Le bon r\u00e9flexe est de contr\u00f4ler avant la panne, pas apr\u00e8s.<\/p>\n      <\/div>\n\n      <div class=\"wjm-reveal wjm-d1\">\n        <span class=\"wjm-eyebrow\">Signes d\u2019alerte<\/span>\n        <h2 class=\"wjm-title\">Votre voiture vous pr\u00e9vient souvent <span>avant la panne.<\/span><\/h2>\n        <div class=\"wjm-signs\">\n          <div class=\"wjm-sign\"><b>Bruit m\u00e9tallique<\/b><span>claquement, sifflement ou bruit qui augmente avec le r\u00e9gime.<\/span><\/div>\n          <div class=\"wjm-sign\"><b>D\u00e9marrage difficile<\/b><span>le moteur d\u00e9marre moins bien ou tourne de fa\u00e7on irr\u00e9guli\u00e8re.<\/span><\/div>\n          <div class=\"wjm-sign\"><b>Fuite ou odeur<\/b><span>trace de liquide, odeur inhabituelle ou niveau qui baisse.<\/span><\/div>\n          <div class=\"wjm-sign\"><b>Entretien \u00e0 \u00e9ch\u00e9ance<\/b><span>kilom\u00e9trage ou \u00e2ge proche de la pr\u00e9conisation constructeur.<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"wjm-section wjm-zones\">\n    <div class=\"wjm-container wjm-zones__grid\">\n      <div class=\"wjm-engine-map wjm-reveal\" aria-hidden=\"true\">\n        <div class=\"wjm-engine-shape\"><\/div>\n        <span class=\"wjm-hotspot h1\"><\/span>\n        <span class=\"wjm-hotspot h2\"><\/span>\n        <span class=\"wjm-hotspot h3\"><\/span>\n      <\/div>\n\n      <div class=\"wjm-reveal wjm-d1\">\n        <span class=\"wjm-eyebrow\">Ce que nous contr\u00f4lons<\/span>\n        <h2 class=\"wjm-title\">Pas seulement une pi\u00e8ce. <span>Un ensemble m\u00e9canique.<\/span><\/h2>\n        <p class=\"wjm-lead\">Un probl\u00e8me de distribution ou de moteur se contr\u00f4le dans son contexte : tension, accessoires, fuites, bruit, historique et \u00e9tat g\u00e9n\u00e9ral.<\/p>\n        <div class=\"wjm-zone-list\" style=\"margin-top:24px\">\n          <div class=\"wjm-zone\"><strong>Courroie &amp; galets<\/strong><span>\u00e9tat visuel, tension, craquelures et bruits anormaux.<\/span><\/div>\n          <div class=\"wjm-zone\"><strong>Pompe \u00e0 eau &amp; accessoires<\/strong><span>fuites, jeu, fonctionnement et \u00e9l\u00e9ments entra\u00een\u00e9s.<\/span><\/div>\n          <div class=\"wjm-zone\"><strong>\u00c9tat moteur<\/strong><span>bruits, niveaux, fuites et coh\u00e9rence avec les sympt\u00f4mes signal\u00e9s.<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"wjm-stats\" aria-label=\"Chiffres cl\u00e9s moteur\">\n    <div class=\"wjm-container wjm-stats__grid\">\n      <article class=\"wjm-stat wjm-reveal\">\n        <strong><span class=\"wjm-counter\" data-target=\"3\">0<\/span><em> zones<\/em><\/strong>\n        <span class=\"wjm-desc\">contr\u00f4l\u00e9es lors d\u2019un bilan distribution.<\/span>\n      <\/article>\n      <article class=\"wjm-stat wjm-reveal wjm-d1\">\n        <strong><span class=\"wjm-counter\" data-target=\"100\">0<\/span><em>%<\/em><\/strong>\n        <span class=\"wjm-desc\">des travaux expliqu\u00e9s avant intervention.<\/span>\n      <\/article>\n      <article class=\"wjm-stat wjm-reveal wjm-d2\">\n        <strong><span class=\"wjm-counter\" data-target=\"24\">0<\/span><em>h<\/em><\/strong>\n        <span class=\"wjm-desc\">objectif de retour sur devis*.<\/span>\n      <\/article>\n      <article class=\"wjm-stat wjm-reveal wjm-d3\">\n        <strong><span class=\"wjm-counter\" data-target=\"10\">0<\/span><em>+<\/em><\/strong>\n        <span class=\"wjm-desc\">ann\u00e9es d\u2019exp\u00e9rience*.<\/span>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section class=\"wjm-section wjm-process\" data-process=\"\">\n    <div class=\"wjm-container\">\n      <div class=\"wjm-reveal\">\n        <span class=\"wjm-eyebrow\">Intervention atelier<\/span>\n        <h2 class=\"wjm-title\">Une m\u00e9thode pr\u00e9cise, <span>du diagnostic \u00e0 la restitution.<\/span><\/h2>\n        <p class=\"wjm-lead\">La progression s\u2019active au scroll pour visualiser chaque \u00e9tape de la prise en charge.<\/p>\n      <\/div>\n\n      <div class=\"wjm-process__grid\">\n        <aside class=\"wjm-process__sticky wjm-reveal\">\n          <strong>Progression atelier<\/strong>\n          <p>Chaque \u00e9tape s\u2019active \u00e0 mesure que vous descendez dans la page.<\/p>\n          <div class=\"wjm-progressnum\"><span data-progress-number=\"\">01<\/span>\/04<\/div>\n        <\/aside>\n\n        <div class=\"wjm-steps\">\n          <article class=\"wjm-step is-active\">\n            <small>\u00c9TAPE 01<\/small>\n            <h3>Contr\u00f4le initial<\/h3>\n            <p>Historique, kilom\u00e9trage, bruits, niveaux et \u00e9tat visuel des \u00e9l\u00e9ments concern\u00e9s.<\/p>\n          <\/article>\n          <article class=\"wjm-step\">\n            <small>\u00c9TAPE 02<\/small>\n            <h3>Diagnostic m\u00e9canique<\/h3>\n            <p>Nous v\u00e9rifions la cause du sympt\u00f4me avant de proposer une intervention.<\/p>\n          <\/article>\n          <article class=\"wjm-step\">\n            <small>\u00c9TAPE 03<\/small>\n            <h3>Intervention<\/h3>\n            <p>Remplacement ou r\u00e9paration des \u00e9l\u00e9ments n\u00e9cessaires selon le devis valid\u00e9.<\/p>\n          <\/article>\n          <article class=\"wjm-step\">\n            <small>\u00c9TAPE 04<\/small>\n            <h3>Contr\u00f4le final<\/h3>\n            <p>V\u00e9rification, explication des travaux r\u00e9alis\u00e9s et prochains points d\u2019entretien \u00e0 surveiller.<\/p>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"wjm-cta\" id=\"rendez-vous-moteur\">\n    <div class=\"wjm-container\">\n      <div class=\"wjm-ctabox wjm-reveal\">\n        <div>\n          <h2>Un bruit moteur ou une distribution \u00e0 pr\u00e9voir ?<\/h2>\n          <p>Faites contr\u00f4ler le v\u00e9hicule avant que le probl\u00e8me ne s\u2019aggrave. Nous vous expliquons clairement ce qui doit \u00eatre fait.<\/p>\n        <\/div>\n        <div class=\"wjm-ctaactions\">\n          <a class=\"wjm-btn wjm-btn--primary\" href=\"tel:+33000000000\">Appeler maintenant<\/a>\n          <a class=\"wjm-btn wjm-btn--ghost\" href=\"#\">Prendre rendez-vous<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n  (()=>{\n    const root=document.querySelector('.wjm-page');if(!root)return;\n    const reduced=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    const reveals=root.querySelectorAll('.wjm-reveal');\n    if(reduced||!('IntersectionObserver'in window)){reveals.forEach(x=>x.classList.add('is-visible'));}\n    else{\n      const io=new IntersectionObserver((entries,obs)=>{\n        entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('is-visible');obs.unobserve(e.target);}})\n      },{threshold:.12,rootMargin:'0px 0px -6% 0px'});\n      reveals.forEach(x=>io.observe(x));\n    }\n\n    const counters=root.querySelectorAll('.wjm-counter');\n    const runCounter=el=>{\n      if(el.dataset.done)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 start=performance.now(),duration=1050;\n      const tick=now=>{\n        const p=Math.min((now-start)\/duration,1),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 ci=new IntersectionObserver((entries,obs)=>entries.forEach(e=>{\n        if(e.isIntersecting){runCounter(e.target);obs.unobserve(e.target)}\n      }),{threshold:.45});\n      counters.forEach(c=>ci.observe(c));\n    }else counters.forEach(runCounter);\n\n    const process=root.querySelector('[data-process]');\n    if(process){\n      const steps=[...process.querySelectorAll('.wjm-step')];\n      const list=process.querySelector('.wjm-steps');\n      const number=process.querySelector('[data-progress-number]');\n      const isMobile=()=>window.matchMedia('(max-width:680px)').matches;\n      let ticking=false;\n\n      const update=()=>{\n        ticking=false;\n        const vh=window.innerHeight||document.documentElement.clientHeight;\n\n        \/* Mobile uniquement : activation bas\u00e9e sur le passage r\u00e9el de chaque \u00e9tape dans le viewport. *\/\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          steps.forEach((s,i)=>s.classList.toggle('is-active',i<=idx));\n          list?.style.setProperty('--progress',`${p*100}%`);\n          if(number)number.textContent=String(idx+1).padStart(2,'0');\n          return;\n        }\n\n        \/* Desktop : logique existante conserv\u00e9e \u00e0 l'identique. *\/\n        const r=process.getBoundingClientRect();\n        const p=Math.max(0,Math.min(1,(vh*.72-r.top)\/Math.max(1,r.height+vh*.20)));\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        list?.style.setProperty('--progress',`${p*100}%`);\n        if(number)number.textContent=String(idx+1).padStart(2,'0');\n      };\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>Distribution &amp; moteur Pr\u00e9venir la panne avant qu\u2019elle ne co\u00fbte cher. Distribution et m\u00e9canique moteur sous contr\u00f4le. Courroie, galets, accessoires et \u00e9l\u00e9ments moteur : nous contr\u00f4lons les signes d\u2019usure et intervenons avant qu\u2019un d\u00e9faut ne provoque une panne plus lourde. Prendre rendez-vous Appeler le garage \u2713 Contr\u00f4le pr\u00e9ventif \u2713 Devis expliqu\u00e9 \u2713 Toutes marques M\u00e9canique [&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-535","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\/535","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=535"}],"version-history":[{"count":4,"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/pages\/535\/revisions"}],"predecessor-version":[{"id":659,"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/pages\/535\/revisions\/659"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/media?parent=535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}