{"id":525,"date":"2026-09-21T10:41:47","date_gmt":"2026-09-21T08:41:47","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/?page_id=525"},"modified":"2026-09-24T12:38:41","modified_gmt":"2026-09-24T10:38:41","slug":"freinage","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/freinage\/","title":{"rendered":"Freinage"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<!-- PAGE SERVICE \u2014 FREINAGE V3\nAtelier Horizon Auto\nHeader + footer g\u00e9r\u00e9s par Blocksy.\n-->\n<main class=\"wjf-page\" id=\"freinage\">\n<style>\n.wjf-page{\n  --bg:#090d12;\n  --bg2:#0c1219;\n  --panel:#121a24;\n  --panel2:#17212d;\n  --text:#f7f9fc;\n  --muted:#c5cfda;\n  --line:rgba(255,255,255,.11);\n  --accent:#f04b3e;\n  --accent2:#ff8377;\n  --ok:#7ee3a8;\n  --warn:#ffc767;\n  --danger:#ff5c50;\n  color:var(--text);\n  background:var(--bg);\n  font-family:inherit;\n  overflow:hidden\n}\n.wjf-page*,.wjf-page*::before,.wjf-page*::after{box-sizing:border-box}\n.wjf-page a{text-decoration:none;color:inherit}\n.wjf-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}\n.wjf-section{position:relative;padding:82px 0}\n.wjf-eyebrow{\n  display:inline-flex;align-items:center;gap:10px;\n  color:#ffd8d4;font-size:.9rem;font-weight:850;\n  letter-spacing:.11em;text-transform:uppercase\n}\n.wjf-eyebrow::before{\n  content:\"\";width:28px;height:2px;background:var(--accent);border-radius:99px\n}\n.wjf-title{\n  margin:13px 0 16px;max-width:860px;\n  font-size:clamp(2.15rem,3.9vw,3.5rem);\n  line-height:1.05;letter-spacing:-.04em;\n  font-weight:900;color:#fff\n}\n.wjf-title span{color:var(--accent2)}\n.wjf-lead{\n  margin:0;max-width:760px;\n  color:#cbd4de;font-size:1.15rem;line-height:1.7\n}\n.wjf-btn{\n  min-height:52px;display:inline-flex;align-items:center;justify-content:center;\n  padding:0 22px;border-radius:14px;font-size:.98rem;font-weight:850;\n  transition:.24s ease\n}\n.wjf-btn:hover{transform:translateY(-2px)}\n.wjf-btn--primary{\n  background:linear-gradient(135deg,var(--accent),#d93429);\n  box-shadow:0 16px 32px rgba(240,75,62,.23)\n}\n.wjf-btn--ghost{\n  border:1px solid rgba(255,255,255,.15);\n  background:rgba(255,255,255,.05)\n}\n\n\/* HERO *\/\n.wjf-hero{\n  position:relative;min-height:680px;display:grid;align-items:center;isolation:isolate;\n  background:\n    radial-gradient(circle at 82% 22%,rgba(240,75,62,.13),transparent 30%),\n    linear-gradient(115deg,#090d12,#0c1219 54%,#111923)\n}\n.wjf-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) 40%,rgba(5,8,13,.60) 72%,rgba(5,8,13,.48) 100%),\n    url('https:\/\/images.unsplash.com\/photo-1486262715619-67b85e0b08d3?auto=format&fit=crop&w=1800&q=80') center\/cover no-repeat\n}\n.wjf-hero__grid{\n  position:relative;z-index:2;\n  display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center;\n  padding:82px 0 66px\n}\n.wjf-kicker{\n  display:inline-flex;align-items:center;gap:10px;\n  padding:8px 12px;border-radius:999px;\n  border:1px solid rgba(255,255,255,.14);\n  background:rgba(8,12,17,.58);\n  font-size:.82rem;font-weight:800;color:#eef4f8\n}\n.wjf-kicker i{\n  width:9px;height:9px;border-radius:50%;\n  background:var(--danger);\n  box-shadow:0 0 0 6px rgba(255,92,80,.10)\n}\n.wjf-hero h1{\n  margin:20px 0 18px;max-width:680px;\n  font-size:clamp(2.2rem,4.2vw,3.95rem);\n  line-height:1.03;letter-spacing:-.045em;font-weight:900;color:#fff\n}\n.wjf-hero h1 span{display:block;margin-top:7px;color:var(--accent2)}\n.wjf-hero p{\n  margin:0;max-width:640px;\n  color:#d9e1ea;font-size:1.1rem;line-height:1.72\n}\n.wjf-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}\n.wjf-micro{\n  display:flex;gap:13px 20px;flex-wrap:wrap;\n  margin-top:20px;color:#cad4df;font-size:.92rem\n}\n.wjf-micro span{display:inline-flex;align-items:center;gap:7px}\n.wjf-micro b{color:var(--ok)}\n\n\/* BRAKE DISC VISUAL *\/\n.wjf-brakepanel{\n  position:relative;min-height:470px;\n  border:1px solid rgba(255,255,255,.13);\n  border-radius:30px;\n  background:linear-gradient(145deg,rgba(20,28,38,.96),rgba(9,14,20,.94));\n  box-shadow:0 28px 70px rgba(0,0,0,.32);\n  overflow:hidden\n}\n.wjf-brakepanel::before{\n  content:\"\";position:absolute;inset:0;\n  background:radial-gradient(circle at 62% 42%,rgba(240,75,62,.12),transparent 34%)\n}\n.wjf-brakepanel__label{\n  position:absolute;left:24px;top:24px;z-index:3;\n  padding:11px 14px;border-radius:12px;\n  background:var(--accent);font-size:.78rem;font-weight:900;\n  letter-spacing:.05em;text-transform:uppercase\n}\n.wjf-disc{\n  position:absolute;left:50%;top:46%;\n  width:285px;height:285px;border-radius:50%;\n  transform:translate(-50%,-50%);\n  background:\n    radial-gradient(circle,\n      #0f151c 0 11%,\n      #727d88 12% 16%,\n      #121920 17% 23%,\n      #7f8993 24% 48%,\n      #3c4650 49% 54%,\n      #111820 55% 100%);\n  box-shadow:\n    0 28px 55px rgba(0,0,0,.35),\n    inset 0 0 0 10px rgba(255,255,255,.025)\n}\n.wjf-disc::before{\n  content:\"\";position:absolute;inset:52px;border-radius:50%;\n  border:3px dashed rgba(255,255,255,.18);\n  animation:wjf-spin 18s linear infinite\n}\n.wjf-disc::after{\n  content:\"\";position:absolute;inset:106px;border-radius:50%;\n  background:#0b1117;border:10px solid #5e6873;\n  box-shadow:0 0 0 5px #10161d\n}\n.wjf-caliper{\n  position:absolute;right:65px;top:130px;\n  width:112px;height:190px;border-radius:32px 20px 28px 38px;\n  background:linear-gradient(145deg,#ef4d40,#a92821);\n  transform:rotate(7deg);\n  box-shadow:0 22px 40px rgba(240,75,62,.22)\n}\n.wjf-caliper::after{\n  content:\"\";position:absolute;left:23px;top:42px;\n  width:65px;height:105px;border-radius:22px;\n  background:#121920;border:7px solid rgba(255,255,255,.08)\n}\n.wjf-brakepanel__bottom{\n  position:absolute;z-index:3;left:24px;right:24px;bottom:24px;\n  display:grid;grid-template-columns:repeat(3,1fr);gap:9px\n}\n.wjf-mini{\n  padding:13px;border:1px solid rgba(255,255,255,.10);\n  border-radius:14px;background:rgba(8,12,17,.80)\n}\n.wjf-mini strong{display:block;color:#fff;font-size:1rem}\n.wjf-mini span{display:block;margin-top:4px;color:#b9c4d1;font-size:.77rem}\n@keyframes wjf-spin{to{transform:rotate(360deg)}}\n\n\/* ALERTS *\/\n.wjf-alerts{background:#0b1016}\n.wjf-alerts__grid{\n  display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center\n}\n.wjf-meter{\n  padding:28px;border:1px solid var(--line);border-radius:26px;\n  background:linear-gradient(145deg,#151e29,#0d141c)\n}\n.wjf-meter__head{\n  display:flex;justify-content:space-between;gap:15px;align-items:center\n}\n.wjf-meter__head strong{font-size:1.32rem;color:#fff}\n.wjf-meter__head span{\n  padding:8px 10px;border-radius:999px;\n  background:rgba(255,199,103,.11);color:var(--warn);\n  font-size:.78rem;font-weight:900\n}\n.wjf-scale{\n  position:relative;height:20px;margin:28px 0 17px;\n  border-radius:99px;\n  background:linear-gradient(90deg,var(--ok) 0 36%,var(--warn) 36% 69%,var(--danger) 69% 100%)\n}\n.wjf-scale::before{\n  content:\"\";position:absolute;left:65%;top:50%;\n  width:30px;height:30px;border-radius:50%;\n  transform:translate(-50%,-50%);\n  background:#fff;border:7px solid #111821\n}\n.wjf-scalelegend{\n  display:grid;grid-template-columns:repeat(3,1fr);\n  color:#aeb9c7;font-size:.78rem\n}\n.wjf-scalelegend span:nth-child(2){text-align:center}\n.wjf-scalelegend span:last-child{text-align:right}\n.wjf-meter p{\n  margin:22px 0 0;color:#c5cfda;font-size:1rem;line-height:1.65\n}\n.wjf-alertlist{display:grid;gap:12px;margin-top:24px}\n.wjf-alert{\n  display:grid;grid-template-columns:44px 1fr;gap:14px;\n  padding:18px;border:1px solid var(--line);border-radius:17px;\n  background:rgba(255,255,255,.025)\n}\n.wjf-alert i{\n  width:44px;height:44px;border-radius:13px;\n  display:grid;place-items:center;\n  background:rgba(240,75,62,.13);\n  color:var(--accent2);font-style:normal;font-weight:900\n}\n.wjf-alert strong{display:block;color:#fff;font-size:1.1rem}\n.wjf-alert span{\n  display:block;margin-top:5px;color:#c3cdd8;\n  font-size:.96rem;line-height:1.56\n}\n\n\/* CONTROL *\/\n.wjf-control{\n  background:linear-gradient(180deg,#0c1219,#090e14)\n}\n.wjf-control__grid{\n  display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center\n}\n.wjf-controlboard{\n  padding:28px;border:1px solid var(--line);border-radius:27px;\n  background:linear-gradient(145deg,#151e29,#0d141c)\n}\n.wjf-controlboard__head{\n  display:flex;justify-content:space-between;gap:16px;align-items:center;\n  margin-bottom:22px\n}\n.wjf-controlboard__head strong{font-size:1.35rem;color:#fff}\n.wjf-controlboard__head span{\n  padding:8px 10px;border-radius:999px;\n  background:rgba(126,227,168,.10);\n  color:var(--ok);font-size:.78rem;font-weight:900\n}\n.wjf-checkrow{\n  display:grid;grid-template-columns:1fr auto;\n  gap:16px;align-items:center;\n  padding:16px 0;border-bottom:1px solid rgba(255,255,255,.07)\n}\n.wjf-checkrow:last-child{border-bottom:0}\n.wjf-checkrow strong{display:block;color:#fff;font-size:1rem}\n.wjf-checkrow span{\n  display:block;margin-top:3px;color:#aeb9c7;font-size:.84rem\n}\n.wjf-checkstate{\n  min-width:98px;text-align:center;padding:8px 10px;\n  border-radius:999px;font-size:.75rem;font-weight:900\n}\n.wjf-checkstate--ok{background:rgba(126,227,168,.10);color:var(--ok)}\n.wjf-checkstate--watch{background:rgba(255,199,103,.10);color:var(--warn)}\n.wjf-checkstate--inspect{background:rgba(240,75,62,.11);color:var(--accent2)}\n\n.wjf-priority{display:grid;gap:12px;margin-top:24px}\n.wjf-priorityitem{\n  padding:18px;border:1px solid var(--line);border-radius:17px;\n  background:rgba(255,255,255,.025)\n}\n.wjf-priorityitem strong{display:block;color:#fff;font-size:1.08rem}\n.wjf-priorityitem span{\n  display:block;margin-top:5px;color:#c2ccd8;font-size:.95rem;line-height:1.55\n}\n\n\/* STATS *\/\n.wjf-stats{\n  padding:34px 0;\n  background:#0c1117;\n  border-top:1px solid var(--line);\n  border-bottom:1px solid var(--line)\n}\n.wjf-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}\n.wjf-stat{\n  min-height:145px;padding:24px 22px;\n  border:1px solid rgba(255,255,255,.08);\n  border-radius:18px;background:rgba(255,255,255,.025)\n}\n.wjf-stat strong{\n  display:flex;align-items:baseline;gap:5px;\n  font-size:clamp(2.55rem,4.1vw,3.7rem);\n  line-height:1;font-weight:900;color:#fff\n}\n.wjf-stat .wjf-counter{font-size:1em;color:#fff}\n.wjf-stat em{font-style:normal;color:var(--accent2);font-size:.72em}\n.wjf-stat span.wjf-desc{\n  display:block;margin-top:12px;\n  color:#c7d1dc;font-size:1rem;line-height:1.48\n}\n\n\/* PROCESS *\/\n.wjf-process{background:#090e14}\n.wjf-processwrap{position:relative;margin-top:42px}\n.wjf-processrail{\n  position:absolute;left:8%;right:8%;top:29px;height:4px;\n  border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden\n}\n.wjf-processprogress{\n  height:100%;width:0;\n  background:linear-gradient(90deg,var(--accent),var(--accent2));\n  transition:width .15s linear\n}\n.wjf-processgrid{\n  position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px\n}\n.wjf-step__n{\n  position:relative;z-index:2;\n  width:58px;height:58px;border-radius:18px;\n  display:grid;place-items:center;\n  background:#101720;border:1px solid var(--line);\n  font-weight:900;color:#8d99a8;transition:.3s ease\n}\n.wjf-step.is-active .wjf-step__n{\n  background:var(--accent);color:#fff;border-color:var(--accent);\n  box-shadow:0 0 0 8px rgba(240,75,62,.09),0 14px 28px rgba(240,75,62,.18)\n}\n.wjf-step__card{\n  margin-top:22px;padding:22px 20px;min-height:170px;\n  border:1px solid var(--line);border-radius:18px;background:var(--panel)\n}\n.wjf-step h3{margin:0 0 9px;font-size:1.2rem;color:#fff}\n.wjf-step p{margin:0;color:#c3cdd8;font-size:1rem;line-height:1.62}\n\n\/* FAQ *\/\n.wjf-faq{background:#0b1016}\n.wjf-faqgrid{\n  display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px\n}\n.wjf-faqitem{\n  border:1px solid var(--line);border-radius:18px;\n  background:rgba(255,255,255,.025);\n  overflow:hidden\n}\n.wjf-faqitem summary{\n  cursor:pointer;list-style:none;\n  display:flex;align-items:center;justify-content:space-between;gap:16px;\n  padding:19px 20px;color:#fff;font-size:1.03rem;font-weight:850\n}\n.wjf-faqitem summary::-webkit-details-marker{display:none}\n.wjf-faqitem summary::after{\n  content:\"+\";\n  flex:0 0 32px;width:32px;height:32px;border-radius:10px;\n  display:grid;place-items:center;\n  background:rgba(240,75,62,.11);color:var(--accent2);\n  font-size:1.1rem\n}\n.wjf-faqitem[open] summary::after{content:\"\u2013\"}\n.wjf-faqitem p{\n  margin:0;padding:0 20px 19px;\n  color:#c2ccd8;font-size:.95rem;line-height:1.6\n}\n\n\/* CTA *\/\n.wjf-cta{padding:66px 0 84px;background:#090d12}\n.wjf-ctabox{\n  display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;\n  padding:42px;border-radius:28px;\n  border:1px solid rgba(240,75,62,.28);\n  background:\n    radial-gradient(circle at 90% 30%,rgba(240,75,62,.18),transparent 32%),\n    linear-gradient(135deg,#151d26,#0f151c)\n}\n.wjf-ctabox h2{\n  margin:0 0 10px;max-width:690px;\n  font-size:clamp(2rem,3.1vw,3rem);\n  letter-spacing:-.04em;line-height:1.06;color:#fff\n}\n.wjf-ctabox p{\n  margin:0;max-width:700px;color:#d0d9e3;\n  font-size:1.08rem;line-height:1.65\n}\n.wjf-ctaactions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}\n\n\/* REVEAL *\/\n.wjf-reveal{\n  opacity:1;\n  transform:none;\n  transition:\n    opacity .68s cubic-bezier(.2,.7,.2,1),\n    transform .68s cubic-bezier(.2,.7,.2,1),\n    filter .68s cubic-bezier(.2,.7,.2,1)\n}\n.wjf-page.wjf-anim-ready .wjf-reveal{\n  opacity:0;\n  transform:translateY(28px) scale(.985);\n  filter:blur(2px)\n}\n.wjf-page.wjf-anim-ready .wjf-reveal.is-visible{\n  opacity:1;\n  transform:none;\n  filter:none\n}\n.wjf-d1{transition-delay:.08s}\n.wjf-d2{transition-delay:.16s}\n.wjf-d3{transition-delay:.24s}\n\n\/* Micro-effets premium apr\u00e8s apparition *\/\n.wjf-alert,.wjf-priorityitem,.wjf-checkrow,.wjf-faqitem,.wjf-stat{\n  transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease\n}\n.wjf-alert:hover,.wjf-priorityitem:hover,.wjf-faqitem:hover,.wjf-stat:hover{\n  transform:translateY(-3px);\n  border-color:rgba(240,75,62,.24);\n  box-shadow:0 16px 34px rgba(0,0,0,.14)\n}\n\n\/* TABLET *\/\n@media(max-width:980px){\n  .wjf-hero{min-height:auto}\n  .wjf-hero__grid,.wjf-alerts__grid,.wjf-control__grid{grid-template-columns:1fr}\n  .wjf-stats__grid{grid-template-columns:repeat(2,1fr)}\n  .wjf-processgrid{grid-template-columns:repeat(2,1fr)}\n  .wjf-processrail{display:none}\n  .wjf-ctabox{grid-template-columns:1fr}\n  .wjf-ctaactions{justify-content:flex-start}\n}\n\n\/* MOBILE *\/\n@media(max-width:680px){\n  .wjf-container{width:min(100% - 24px,1180px)}\n  .wjf-section{padding:52px 0}\n  .wjf-title{font-size:clamp(1.85rem,7.6vw,2.35rem)}\n  .wjf-lead{font-size:1rem;line-height:1.62}\n  .wjf-eyebrow{font-size:.78rem}\n\n  .wjf-hero__grid{padding:40px 0 30px;gap:30px}\n  .wjf-hero h1{\n    margin:15px 0 13px;\n    font-size:clamp(2rem,8.7vw,2.75rem)\n  }\n  .wjf-hero p{font-size:1rem;line-height:1.62}\n\n  \/* CTA pleine largeur : audit mobile *\/\n  .wjf-actions{\n    display:grid;grid-template-columns:1fr;gap:9px;margin-top:22px\n  }\n  .wjf-btn{width:100%;min-height:50px;padding:0 15px;font-size:.92rem}\n  .wjf-micro{\n    display:grid;grid-template-columns:1fr;\n    gap:8px;margin-top:17px;font-size:.86rem\n  }\n\n  .wjf-brakepanel{min-height:330px;border-radius:22px}\n  .wjf-disc{width:205px;height:205px;top:43%}\n  .wjf-disc::after{inset:76px;border-width:7px}\n  .wjf-caliper{right:34px;top:98px;width:84px;height:142px}\n  .wjf-caliper::after{left:17px;top:31px;width:50px;height:78px;border-width:5px}\n  .wjf-brakepanel__label{left:14px;top:14px;font-size:.68rem}\n  .wjf-brakepanel__bottom{\n    left:14px;right:14px;bottom:14px;\n    grid-template-columns:repeat(3,1fr);gap:6px\n  }\n  .wjf-mini{padding:9px}\n  .wjf-mini strong{font-size:.86rem}\n  .wjf-mini span{font-size:.65rem}\n\n  .wjf-meter{padding:20px}\n  .wjf-meter__head strong{font-size:1.12rem}\n  .wjf-meter p{font-size:.92rem}\n\n  .wjf-alert{grid-template-columns:40px 1fr;padding:14px}\n  .wjf-alert i{width:40px;height:40px}\n  .wjf-alert strong{font-size:1rem}\n  .wjf-alert span{font-size:.88rem}\n\n  .wjf-controlboard{padding:19px}\n  .wjf-controlboard__head strong{font-size:1.15rem}\n  .wjf-checkrow{\n    grid-template-columns:1fr;\n    gap:9px;padding:14px 0\n  }\n  .wjf-checkstate{width:max-content;min-width:0}\n  .wjf-priorityitem{padding:15px}\n  .wjf-priorityitem strong{font-size:1rem}\n  .wjf-priorityitem span{font-size:.87rem}\n\n  .wjf-stats{padding:24px 0}\n  .wjf-stats__grid{grid-template-columns:repeat(2,1fr);gap:8px}\n  .wjf-stat{min-height:128px;padding:18px 14px}\n  .wjf-stat strong{font-size:2.35rem}\n  .wjf-stat span.wjf-desc{font-size:.9rem}\n\n  \/* TIMELINE VERTICALE MOBILE *\/\n  .wjf-processwrap{margin-top:30px}\n  .wjf-processgrid{\n    display:grid;\n    grid-template-columns:1fr;\n    gap:0;\n    position:relative;\n    --mobile-progress:0\n  }\n  .wjf-processgrid::before{\n    content:\"\";\n    position:absolute;\n    left:24px;\n    top:24px;\n    bottom:24px;\n    width:3px;\n    border-radius:99px;\n    background:rgba(255,255,255,.08)\n  }\n  .wjf-processgrid::after{\n    content:\"\";\n    position:absolute;\n    left:24px;\n    top:24px;\n    bottom:24px;\n    width:3px;\n    border-radius:99px;\n    background:linear-gradient(180deg,var(--accent),var(--accent2));\n    box-shadow:0 0 16px rgba(240,75,62,.24);\n    transform:scaleY(var(--mobile-progress));\n    transform-origin:top center;\n    transition:transform .12s linear\n  }\n  .wjf-step{\n    position:relative;\n    z-index:2;\n    display:grid;\n    grid-template-columns:50px 1fr;\n    gap:14px;\n    align-items:start;\n    padding-bottom:18px\n  }\n  .wjf-step:last-child{padding-bottom:0}\n  .wjf-step__n{\n    width:50px;height:50px;border-radius:15px;\n    background:#101720;\n    border:1px solid var(--line);\n    color:#7f8b99;\n    box-shadow:none\n  }\n  .wjf-step.is-active .wjf-step__n{\n    background:var(--accent);\n    color:#fff;\n    border-color:var(--accent);\n    box-shadow:0 0 0 6px rgba(240,75,62,.10),0 12px 24px rgba(240,75,62,.18)\n  }\n  .wjf-step__card{\n    margin-top:0;min-height:0;padding:17px;\n    opacity:.58;\n    transform:translateY(6px);\n    transition:opacity .3s ease,transform .3s ease,border-color .3s ease,background .3s ease\n  }\n  .wjf-step.is-active .wjf-step__card{\n    opacity:1;\n    transform:none;\n    border-color:rgba(240,75,62,.24);\n    background:linear-gradient(145deg,#151d27,#111821)\n  }\n  .wjf-step h3{font-size:1.07rem}\n  .wjf-step p{font-size:.9rem}\n\n  .wjf-faqgrid{grid-template-columns:1fr}\n  .wjf-faqitem summary{font-size:.96rem;padding:16px}\n  .wjf-faqitem p{font-size:.9rem;padding:0 16px 16px}\n\n  .wjf-cta{padding:48px 0 58px}\n  .wjf-ctabox{padding:24px;border-radius:20px}\n  .wjf-ctabox h2{font-size:1.85rem}\n  .wjf-ctabox p{font-size:.97rem}\n  .wjf-ctaactions{\n    display:grid;grid-template-columns:1fr;\n    width:100%;gap:9px\n  }\n}\n\n@media(max-width:380px){\n  .wjf-stats__grid{grid-template-columns:1fr}\n  .wjf-brakepanel__bottom{grid-template-columns:1fr}\n  .wjf-brakepanel{min-height:420px}\n}\n\n@media(prefers-reduced-motion:reduce){\n  .wjf-page *{animation:none!important;transition-duration:.01ms!important}\n  .wjf-reveal{opacity:1;transform:none}\n}\n<\/style>\n\n<section class=\"wjf-hero\">\n  <div class=\"wjf-container wjf-hero__grid\">\n    <div class=\"wjf-reveal\">\n      <div class=\"wjf-kicker\"><i><\/i> Freinage automobile<\/div>\n      <h1>Un freinage moins net ? <span>Ne laissez pas le doute s\u2019installer.<\/span><\/h1>\n      <p>\n        Bruit, vibrations, p\u00e9dale diff\u00e9rente ou distance de freinage inhabituelle :\n        nous contr\u00f4lons les \u00e9l\u00e9ments essentiels du syst\u00e8me avant de proposer une intervention.\n      <\/p>\n\n      <div class=\"wjf-actions\">\n        <a class=\"wjf-btn wjf-btn--primary\" href=\"\/garage-automobile\/contact\/\">Prendre rendez-vous<\/a>\n        <a class=\"wjf-btn wjf-btn--ghost\" href=\"\/garage-automobile\/contact\/\">D\u00e9crire mon probl\u00e8me<\/a>\n      <\/div>\n\n      <div class=\"wjf-micro\">\n        <span><b>\u2713<\/b> Contr\u00f4le avant remplacement<\/span>\n        <span><b>\u2713<\/b> Priorit\u00e9s expliqu\u00e9es<\/span>\n        <span><b>\u2713<\/b> Devis avant travaux<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"wjf-brakepanel wjf-reveal wjf-d1\" aria-label=\"Illustration du syst\u00e8me de freinage\">\n      <div class=\"wjf-brakepanel__label\">Syst\u00e8me de freinage<\/div>\n      <div class=\"wjf-disc\"><\/div>\n      <div class=\"wjf-caliper\"><\/div>\n\n      <div class=\"wjf-brakepanel__bottom\">\n        <div class=\"wjf-mini\"><strong>Plaquettes<\/strong><span>usure &#038; contact<\/span><\/div>\n        <div class=\"wjf-mini\"><strong>Disques<\/strong><span>\u00e9tat &#038; r\u00e9gularit\u00e9<\/span><\/div>\n        <div class=\"wjf-mini\"><strong>Liquide<\/strong><span>niveau &#038; contr\u00f4le<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"wjf-section wjf-alerts\">\n  <div class=\"wjf-container wjf-alerts__grid\">\n    <div class=\"wjf-meter wjf-reveal\">\n      <div class=\"wjf-meter__head\">\n        <strong>Niveau d\u2019attention<\/strong>\n        <span>\u00c0 contr\u00f4ler<\/span>\n      <\/div>\n\n      <div class=\"wjf-scale\" aria-hidden=\"true\"><\/div>\n      <div class=\"wjf-scalelegend\">\n        <span>Normal<\/span>\n        <span>\u00c0 surveiller<\/span>\n        <span>Urgent<\/span>\n      <\/div>\n\n      <p>\n        Le ressenti au freinage compte. Une modification inhabituelle m\u00e9rite un contr\u00f4le,\n        m\u00eame si le v\u00e9hicule continue \u00e0 freiner.\n      <\/p>\n    <\/div>\n\n    <div class=\"wjf-reveal wjf-d1\">\n      <span class=\"wjf-eyebrow\">Signes d\u2019alerte<\/span>\n      <h2 class=\"wjf-title\">Les sympt\u00f4mes \u00e0 ne pas <span>laisser tra\u00eener.<\/span><\/h2>\n      <p class=\"wjf-lead\">\n        Certains signes peuvent indiquer une usure ou un d\u00e9faut du syst\u00e8me de freinage.\n        Le contr\u00f4le permet de distinguer un simple entretien d\u2019une intervention plus urgente.\n      <\/p>\n\n      <div class=\"wjf-alertlist\">\n        <div class=\"wjf-alert wjf-reveal\">\n          <i>1<\/i>\n          <div>\n            <strong>Bruit au freinage<\/strong>\n            <span>Grincement, frottement ou bruit m\u00e9tallique lors de l\u2019appui sur la p\u00e9dale.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"wjf-alert wjf-reveal\">\n          <i>2<\/i>\n          <div>\n            <strong>Vibrations<\/strong>\n            <span>Le volant ou la p\u00e9dale vibre pendant le freinage.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"wjf-alert wjf-reveal\">\n          <i>3<\/i>\n          <div>\n            <strong>P\u00e9dale inhabituelle<\/strong>\n            <span>P\u00e9dale plus molle, plus dure ou course diff\u00e9rente de d\u2019habitude.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"wjf-section wjf-control\">\n  <div class=\"wjf-container wjf-control__grid\">\n\n    <div class=\"wjf-controlboard wjf-reveal\">\n      <div class=\"wjf-controlboard__head\">\n        <strong>Contr\u00f4le s\u00e9curit\u00e9 freinage<\/strong>\n        <span>4 POINTS<\/span>\n      <\/div>\n\n      <div class=\"wjf-checkrow wjf-reveal\">\n        <div>\n          <strong>Plaquettes<\/strong>\n          <span>\u00c9tat, usure et r\u00e9gularit\u00e9 du contact.<\/span>\n        <\/div>\n        <div class=\"wjf-checkstate wjf-checkstate--inspect\">\u00c0 INSPECTER<\/div>\n      <\/div>\n\n      <div class=\"wjf-checkrow wjf-reveal\">\n        <div>\n          <strong>Disques<\/strong>\n          <span>\u00c9tat de surface, usure et comportement.<\/span>\n        <\/div>\n        <div class=\"wjf-checkstate wjf-checkstate--watch\">\u00c0 SURVEILLER<\/div>\n      <\/div>\n\n      <div class=\"wjf-checkrow wjf-reveal\">\n        <div>\n          <strong>Liquide de frein<\/strong>\n          <span>Niveau, \u00e9tat apparent et entretien \u00e0 pr\u00e9voir.<\/span>\n        <\/div>\n        <div class=\"wjf-checkstate wjf-checkstate--ok\">CONTR\u00d4L\u00c9<\/div>\n      <\/div>\n\n      <div class=\"wjf-checkrow wjf-reveal\">\n        <div>\n          <strong>Comportement au freinage<\/strong>\n          <span>Ressenti, bruit, vibrations et stabilit\u00e9.<\/span>\n        <\/div>\n        <div class=\"wjf-checkstate wjf-checkstate--ok\">CONTR\u00d4L\u00c9<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"wjf-reveal wjf-d1\">\n      <span class=\"wjf-eyebrow\">Diagnostic avant travaux<\/span>\n      <h2 class=\"wjf-title\">On contr\u00f4le d\u2019abord. <span>On remplace ensuite si n\u00e9cessaire.<\/span><\/h2>\n      <p class=\"wjf-lead\">\n        L\u2019objectif est de comprendre l\u2019origine du sympt\u00f4me et de vous expliquer clairement\n        ce qui doit \u00eatre fait maintenant, ce qui peut \u00eatre programm\u00e9 et ce qui peut simplement \u00eatre surveill\u00e9.\n      <\/p>\n\n      <div class=\"wjf-priority\">\n        <div class=\"wjf-priorityitem wjf-reveal\">\n          <strong>\u00c0 faire maintenant<\/strong>\n          <span>Lorsque l\u2019\u00e9tat d\u2019un \u00e9l\u00e9ment demande une intervention rapide.<\/span>\n        <\/div>\n        <div class=\"wjf-priorityitem wjf-reveal\">\n          <strong>\u00c0 pr\u00e9voir<\/strong>\n          <span>Quand l\u2019usure existe mais permet encore de planifier l\u2019intervention.<\/span>\n        <\/div>\n        <div class=\"wjf-priorityitem wjf-reveal\">\n          <strong>\u00c0 surveiller<\/strong>\n          <span>Lorsque le contr\u00f4le ne montre pas de n\u00e9cessit\u00e9 imm\u00e9diate.<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<section class=\"wjf-stats\">\n  <div class=\"wjf-container wjf-stats__grid\">\n    <article class=\"wjf-stat wjf-reveal\">\n      <strong><span class=\"wjf-counter\" data-target=\"4\">4<\/span><em> points<\/em><\/strong>\n      <span class=\"wjf-desc\">principaux contr\u00f4l\u00e9s sur le syst\u00e8me de freinage.<\/span>\n    <\/article>\n\n    <article class=\"wjf-stat wjf-reveal wjf-d1\">\n      <strong><span class=\"wjf-counter\" data-target=\"3\">3<\/span><em> niveaux<\/em><\/strong>\n      <span class=\"wjf-desc\">pour classer les priorit\u00e9s d\u2019intervention.<\/span>\n    <\/article>\n\n    <article class=\"wjf-stat wjf-reveal wjf-d2\">\n      <strong><span class=\"wjf-counter\" data-target=\"1\">1<\/span><em> devis<\/em><\/strong>\n      <span class=\"wjf-desc\">pr\u00e9sent\u00e9 avant les travaux \u00e0 r\u00e9aliser.<\/span>\n    <\/article>\n\n    <article class=\"wjf-stat wjf-reveal wjf-d3\">\n      <strong><span class=\"wjf-counter\" data-target=\"1\">1<\/span><em> objectif<\/em><\/strong>\n      <span class=\"wjf-desc\">vous rendre un freinage clair et rassurant.<\/span>\n    <\/article>\n  <\/div>\n<\/section>\n\n<section class=\"wjf-section wjf-process\" data-process>\n  <div class=\"wjf-container\">\n    <div class=\"wjf-reveal\">\n      <span class=\"wjf-eyebrow\">Prise en charge<\/span>\n      <h2 class=\"wjf-title\">Du sympt\u00f4me au contr\u00f4le final, <span>4 \u00e9tapes simples.<\/span><\/h2>\n      <p class=\"wjf-lead\">\n        Une m\u00e9thode claire pour \u00e9viter les remplacements inutiles et garder la ma\u00eetrise de l\u2019intervention.\n      <\/p>\n    <\/div>\n\n    <div class=\"wjf-processwrap\">\n      <div class=\"wjf-processrail\" aria-hidden=\"true\">\n        <div class=\"wjf-processprogress\"><\/div>\n      <\/div>\n\n      <div class=\"wjf-processgrid\">\n        <article class=\"wjf-step is-active\">\n          <div class=\"wjf-step__n\">01<\/div>\n          <div class=\"wjf-step__card\">\n            <h3>\u00c9coute du sympt\u00f4me<\/h3>\n            <p>Nous partons de ce que vous ressentez : bruit, vibration, p\u00e9dale ou freinage diff\u00e9rent.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"wjf-step\">\n          <div class=\"wjf-step__n\">02<\/div>\n          <div class=\"wjf-step__card\">\n            <h3>Contr\u00f4le du syst\u00e8me<\/h3>\n            <p>Inspection des \u00e9l\u00e9ments concern\u00e9s et v\u00e9rification du comportement du v\u00e9hicule.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"wjf-step\">\n          <div class=\"wjf-step__n\">03<\/div>\n          <div class=\"wjf-step__card\">\n            <h3>Priorit\u00e9 &#038; devis<\/h3>\n            <p>Les \u00e9l\u00e9ments \u00e0 remplacer ou \u00e0 surveiller sont expliqu\u00e9s avant toute intervention.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"wjf-step\">\n          <div class=\"wjf-step__n\">04<\/div>\n          <div class=\"wjf-step__card\">\n            <h3>Contr\u00f4le final<\/h3>\n            <p>Apr\u00e8s intervention, le fonctionnement est v\u00e9rifi\u00e9 avant la restitution du v\u00e9hicule.<\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"wjf-section wjf-faq\">\n  <div class=\"wjf-container\">\n    <div class=\"wjf-reveal\">\n      <span class=\"wjf-eyebrow\">Questions fr\u00e9quentes<\/span>\n      <h2 class=\"wjf-title\">Freinage : les r\u00e9ponses <span>avant de venir.<\/span><\/h2>\n    <\/div>\n\n    <div class=\"wjf-faqgrid\">\n      <details class=\"wjf-faqitem wjf-reveal\">\n        <summary>Un bruit au freinage signifie-t-il forc\u00e9ment que les plaquettes sont us\u00e9es ?<\/summary>\n        <p>Non. Plusieurs causes sont possibles. Un contr\u00f4le permet d\u2019identifier l\u2019origine avant de remplacer des pi\u00e8ces.<\/p>\n      <\/details>\n\n      <details class=\"wjf-faqitem wjf-reveal wjf-d1\">\n        <summary>Peut-on rouler avec une p\u00e9dale de frein devenue molle ?<\/summary>\n        <p>Une modification inhabituelle du ressenti de p\u00e9dale m\u00e9rite un contr\u00f4le rapide, surtout si elle appara\u00eet soudainement.<\/p>\n      <\/details>\n\n      <details class=\"wjf-faqitem wjf-reveal\">\n        <summary>Faut-il remplacer les disques \u00e0 chaque changement de plaquettes ?<\/summary>\n        <p>Pas syst\u00e9matiquement. Leur \u00e9tat doit \u00eatre contr\u00f4l\u00e9 afin de d\u00e9terminer s\u2019ils peuvent rester en service.<\/p>\n      <\/details>\n\n      <details class=\"wjf-faqitem wjf-reveal wjf-d1\">\n        <summary>Le devis est-il pr\u00e9sent\u00e9 avant les travaux ?<\/summary>\n        <p>La page est con\u00e7ue pour pr\u00e9senter une prise en charge o\u00f9 les travaux n\u00e9cessaires sont expliqu\u00e9s avant intervention.<\/p>\n      <\/details>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"wjf-cta\">\n  <div class=\"wjf-container\">\n    <div class=\"wjf-ctabox wjf-reveal\">\n      <div>\n        <h2>Votre freinage vous semble diff\u00e9rent ?<\/h2>\n        <p>\n          D\u00e9crivez le sympt\u00f4me et prenez rendez-vous pour un contr\u00f4le.\n          Le garage pourra ensuite vous orienter vers l\u2019intervention adapt\u00e9e.\n        <\/p>\n      <\/div>\n\n      <div class=\"wjf-ctaactions\">\n        <a class=\"wjf-btn wjf-btn--primary\" href=\"\/garage-automobile\/contact\/\">Prendre rendez-vous<\/a>\n        <a class=\"wjf-btn wjf-btn--ghost\" href=\"\/garage-automobile\/contact\/\">Contacter le garage<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  function initFreinage(){\n    var root=document.querySelector('.wjf-page');\n    if(!root || root.getAttribute('data-wjf-init')==='1') return;\n    root.setAttribute('data-wjf-init','1');\n\n    var reduced=false;\n    try{\n      reduced=!!(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches);\n    }catch(e){}\n\n    var reveals=Array.prototype.slice.call(root.querySelectorAll('.wjf-reveal'));\n    var counters=Array.prototype.slice.call(root.querySelectorAll('.wjf-counter'));\n    var process=root.querySelector('[data-process]');\n    var processGrid=process ? process.querySelector('.wjf-processgrid') : null;\n    var progress=process ? process.querySelector('.wjf-processprogress') : null;\n    var steps=process ? Array.prototype.slice.call(process.querySelectorAll('.wjf-step')) : [];\n    var ticking=false;\n\n    function showEverything(){\n      root.classList.remove('wjf-anim-ready');\n      reveals.forEach(function(el){ el.classList.add('is-visible'); });\n      counters.forEach(function(el){\n        var target=el.getAttribute('data-target');\n        if(target!==null) el.textContent=target;\n      });\n      steps.forEach(function(step){ step.classList.add('is-active'); });\n      if(processGrid) processGrid.style.setProperty('--mobile-progress','1');\n      if(progress) progress.style.width='100%';\n    }\n\n    function animateCounter(el){\n      if(el.getAttribute('data-counted')==='1') return;\n      var target=parseInt(el.getAttribute('data-target')||'0',10);\n      if(!isFinite(target)) return;\n      el.setAttribute('data-counted','1');\n      var startTime=null;\n      var duration=900;\n      el.textContent='0';\n\n      function frame(now){\n        if(startTime===null) startTime=now;\n        var p=Math.min((now-startTime)\/duration,1);\n        var eased=1-Math.pow(1-p,3);\n        el.textContent=Math.round(target*eased).toLocaleString('fr-FR');\n        if(p<1){\n          requestAnimationFrame(frame);\n        }else{\n          el.textContent=target.toLocaleString('fr-FR');\n        }\n      }\n      requestAnimationFrame(frame);\n    }\n\n    function revealOnScroll(){\n      var vh=window.innerHeight || document.documentElement.clientHeight || 800;\n      var trigger=vh*0.88;\n\n      reveals.forEach(function(el){\n        if(el.classList.contains('is-visible')) return;\n        var rect=el.getBoundingClientRect();\n        if(rect.top<=trigger &#038;&#038; rect.bottom>=0){\n          el.classList.add('is-visible');\n        }\n      });\n\n      counters.forEach(function(el){\n        if(el.getAttribute('data-counted')==='1') return;\n        var rect=el.getBoundingClientRect();\n        if(rect.top<=vh*0.86 &#038;&#038; rect.bottom>=0){\n          animateCounter(el);\n        }\n      });\n    }\n\n    function updateTimeline(){\n      if(!process || !processGrid || !steps.length) return;\n\n      var vh=window.innerHeight || document.documentElement.clientHeight || 800;\n      var mobile=window.innerWidth<=680;\n\n      if(mobile){\n        var gridRect=processGrid.getBoundingClientRect();\n        var triggerY=vh*0.60;\n        var lineStart=gridRect.top+25;\n        var lineEnd=gridRect.bottom-25;\n        var length=Math.max(1,lineEnd-lineStart);\n        var p=Math.max(0,Math.min(1,(triggerY-lineStart)\/length));\n\n        processGrid.style.setProperty('--mobile-progress',String(p));\n        if(progress) progress.style.width='0%';\n\n        steps.forEach(function(step,index){\n          var rect=step.getBoundingClientRect();\n          var nodeY=rect.top+25;\n          var active=nodeY<=triggerY;\n          if(index===0 &#038;&#038; gridRect.top<vh*0.88) active=true;\n          step.classList.toggle('is-active',active);\n        });\n      }else{\n        processGrid.style.removeProperty('--mobile-progress');\n        var rect=process.getBoundingClientRect();\n        var sectionStart=vh*0.72;\n        var sectionEnd=vh*0.34;\n        var travel=Math.max(1,rect.height+(sectionStart-sectionEnd));\n        var p=Math.max(0,Math.min(1,(sectionStart-rect.top)\/travel));\n\n        if(progress) progress.style.width=(p*100)+'%';\n\n        steps.forEach(function(step,index){\n          var threshold=(index)\/(Math.max(1,steps.length-1));\n          step.classList.toggle('is-active',p>=threshold*0.92);\n        });\n      }\n    }\n\n    function update(){\n      ticking=false;\n      revealOnScroll();\n      updateTimeline();\n    }\n\n    function requestUpdate(){\n      if(ticking) return;\n      ticking=true;\n      requestAnimationFrame(update);\n    }\n\n    if(reduced){\n      showEverything();\n      return;\n    }\n\n    try{\n      root.classList.add('wjf-anim-ready');\n      window.addEventListener('scroll',requestUpdate,{passive:true});\n      window.addEventListener('resize',requestUpdate,{passive:true});\n      window.addEventListener('orientationchange',requestUpdate,{passive:true});\n\n      \/* Deux frames garantissent que l'\u00e9tat masqu\u00e9 a \u00e9t\u00e9 peint avant l'apparition du hero. *\/\n      requestAnimationFrame(function(){\n        requestAnimationFrame(function(){\n          update();\n        });\n      });\n\n      \/* Recalcul apr\u00e8s polices\/images pour WordPress\/Blocksy. *\/\n      window.addEventListener('load',requestUpdate,{once:true});\n      setTimeout(requestUpdate,250);\n      setTimeout(requestUpdate,900);\n    }catch(err){\n      showEverything();\n    }\n  }\n\n  if(document.readyState==='loading'){\n    document.addEventListener('DOMContentLoaded',initFreinage,{once:true});\n  }else{\n    initFreinage();\n  }\n})();\n<\/script>\n<\/main>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Freinage automobile Un freinage moins net ? Ne laissez pas le doute s\u2019installer. Bruit, vibrations, p\u00e9dale diff\u00e9rente ou distance de freinage inhabituelle : nous contr\u00f4lons les \u00e9l\u00e9ments essentiels du syst\u00e8me avant de proposer une intervention. Prendre rendez-vous D\u00e9crire mon probl\u00e8me \u2713 Contr\u00f4le avant remplacement \u2713 Priorit\u00e9s expliqu\u00e9es \u2713 Devis avant travaux Syst\u00e8me de freinage Plaquettesusure [&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-525","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\/525","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=525"}],"version-history":[{"count":13,"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/pages\/525\/revisions"}],"predecessor-version":[{"id":656,"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/pages\/525\/revisions\/656"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/garage-automobile\/wp-json\/wp\/v2\/media?parent=525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}