{"id":38,"date":"2026-08-11T17:19:52","date_gmt":"2026-08-11T15:19:52","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/peintre\/?page_id=38"},"modified":"2026-09-16T16:04:02","modified_gmt":"2026-09-16T14:04:02","slug":"ravalement-de-facade","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/peintre\/ravalement-de-facade\/","title":{"rendered":"Ravalement de fa\u00e7ade"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<!--\nMAISON CHROMATIQUE \u2014 RAVALEMENT DE FA\u00c7ADE \/ VERSION PREMIUM\n\u00c0 coller dans UN SEUL bloc Gutenberg \u00ab HTML personnalis\u00e9 \u00bb.\nCompatible WordPress + Blocksy.\nAucun header, menu ou footer inclus.\n-->\n\n<style>\n\/* =========================================================\n   VARIABLES + ISOLATION BLOCKSY\n   ========================================================= *\/\n#mc-facade {\n  --mc-bg:#f5f1e9;\n  --mc-bg-soft:#ebe4d9;\n  --mc-card:#fffdf8;\n  --mc-ink:#1c211e;\n  --mc-text:#59605b;\n  --mc-accent:#b55d3a;\n  --mc-accent-dark:#91462e;\n  --mc-sage:#55675c;\n  --mc-line:rgba(28,33,30,.13);\n  --mc-radius:28px;\n  --mc-radius-sm:18px;\n  --mc-shadow:0 22px 60px rgba(28,33,30,.10);\n  --mc-max:1180px;\n  --mc-serif:Georgia,\"Times New Roman\",serif;\n  --mc-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Arial,sans-serif;\n\n  position:relative!important;\n  display:block!important;\n  visibility:visible!important;\n  opacity:1!important;\n  width:100vw!important;\n  max-width:100vw!important;\n  left:50%!important;\n  margin-left:-50vw!important;\n  margin-right:-50vw!important;\n  overflow:hidden!important;\n  background:var(--mc-bg)!important;\n  color:var(--mc-ink)!important;\n  font-family:var(--mc-sans)!important;\n  line-height:1.55!important;\n}\n\n#mc-facade,\n#mc-facade *,\n#mc-facade *::before,\n#mc-facade *::after { box-sizing:border-box!important; }\n\n#mc-facade img {\n  display:block!important;\n  width:100%;\n  max-width:100%!important;\n  height:auto;\n  border:0!important;\n  box-shadow:none;\n}\n\n#mc-facade a {\n  color:inherit;\n  text-decoration:none!important;\n}\n\n#mc-facade h1,\n#mc-facade h2,\n#mc-facade h3,\n#mc-facade p,\n#mc-facade figure { margin-top:0; }\n\n#mc-facade :focus-visible {\n  outline:3px solid rgba(181,93,58,.42)!important;\n  outline-offset:4px;\n}\n\n#mc-facade .mc-wrap {\n  width:min(calc(100% - 40px),var(--mc-max))!important;\n  max-width:var(--mc-max)!important;\n  margin:0 auto!important;\n}\n\n#mc-facade .mc-section {\n  position:relative;\n  padding:92px 0;\n}\n\n#mc-facade .mc-section--tight { padding:66px 0; }\n\n#mc-facade .mc-kicker {\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  color:var(--mc-accent)!important;\n  font-size:12px!important;\n  font-weight:800!important;\n  letter-spacing:.13em;\n  line-height:1.2;\n  text-transform:uppercase;\n}\n\n#mc-facade .mc-kicker::before {\n  content:\"\";\n  width:28px;\n  height:1px;\n  background:currentColor;\n}\n\n#mc-facade .mc-title {\n  color:var(--mc-ink)!important;\n  font-family:var(--mc-serif)!important;\n  font-size:clamp(2.35rem,5vw,4.85rem)!important;\n  font-weight:500!important;\n  letter-spacing:-.04em!important;\n  line-height:.98!important;\n  margin:10px 0 16px!important;\n  text-transform:none!important;\n}\n\n#mc-facade .mc-title--m {\n  font-size:clamp(2.1rem,4vw,3.65rem)!important;\n}\n\n#mc-facade .mc-lead {\n  color:var(--mc-text)!important;\n  font-size:clamp(1rem,1.4vw,1.12rem)!important;\n  line-height:1.66!important;\n  max-width:680px;\n  margin-bottom:0!important;\n}\n\n\/* =========================================================\n   EFFETS PREMIUM AU SCROLL\n   ========================================================= *\/\n#mc-facade .mc-reveal,\n#mc-facade .mc-scroll-card {\n  opacity:1;\n  visibility:visible;\n  transform:none;\n}\n\n#mc-facade.mc-motion-ready .mc-reveal,\n#mc-facade.mc-motion-ready .mc-scroll-card {\n  opacity:0;\n  transform:translate3d(0,30px,0) scale(.985);\n  transition:\n    opacity .72s cubic-bezier(.2,.72,.2,1),\n    transform .84s cubic-bezier(.2,.72,.2,1),\n    box-shadow .35s ease,\n    border-color .35s ease;\n  transition-delay:var(--mc-delay,0ms);\n  will-change:transform,opacity;\n}\n\n#mc-facade.mc-motion-ready .mc-reveal[data-mc-reveal=\"left\"] {\n  transform:translate3d(-36px,0,0) scale(.99);\n}\n#mc-facade.mc-motion-ready .mc-reveal[data-mc-reveal=\"right\"] {\n  transform:translate3d(36px,0,0) scale(.99);\n}\n#mc-facade.mc-motion-ready .mc-reveal[data-mc-reveal=\"scale\"] {\n  transform:scale(.955);\n}\n\n#mc-facade.mc-motion-ready .mc-reveal.is-visible,\n#mc-facade.mc-motion-ready .mc-scroll-card.is-visible {\n  opacity:1;\n  transform:none;\n}\n\n@supports (animation-timeline:view()) {\n  #mc-facade:not(.mc-motion-ready) .mc-reveal,\n  #mc-facade:not(.mc-motion-ready) .mc-scroll-card {\n    animation:mc-facade-reveal linear both;\n    animation-timeline:view();\n    animation-range:entry 6% cover 30%;\n  }\n}\n\n@keyframes mc-facade-reveal {\n  from { opacity:.18; transform:translate3d(0,28px,0) scale(.985); }\n  to { opacity:1; transform:none; }\n}\n\n\/* =========================================================\n   BOUTONS\n   ========================================================= *\/\n#mc-facade .mc-btn {\n  display:inline-flex!important;\n  align-items:center!important;\n  justify-content:center!important;\n  gap:9px;\n  min-height:52px;\n  padding:15px 22px!important;\n  border:1px solid transparent!important;\n  border-radius:999px!important;\n  font-family:var(--mc-sans)!important;\n  font-size:15px!important;\n  font-weight:800!important;\n  line-height:1!important;\n  text-transform:none!important;\n  box-shadow:none!important;\n  transition:transform .2s ease,background-color .2s ease,border-color .2s ease!important;\n}\n\n#mc-facade .mc-btn:hover { transform:translateY(-2px); }\n\n#mc-facade .mc-btn--accent {\n  background:var(--mc-accent)!important;\n  color:#fff!important;\n  border-color:var(--mc-accent)!important;\n}\n\n#mc-facade .mc-btn--accent:hover {\n  background:var(--mc-accent-dark)!important;\n  border-color:var(--mc-accent-dark)!important;\n}\n\n#mc-facade .mc-btn--dark {\n  background:var(--mc-ink)!important;\n  color:#fff!important;\n  border-color:var(--mc-ink)!important;\n}\n\n#mc-facade .mc-btn--line {\n  background:transparent!important;\n  color:var(--mc-ink)!important;\n  border-color:var(--mc-line)!important;\n}\n\n#mc-facade .mc-btn--lightline {\n  background:rgba(18,22,19,.28)!important;\n  color:#fff!important;\n  border-color:rgba(255,255,255,.68)!important;\n}\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n#mc-facade .mc-hero {\n  position:relative!important;\n  display:grid!important;\n  align-items:end!important;\n  min-height:680px!important;\n  overflow:hidden!important;\n  isolation:isolate;\n  background:#222923!important;\n  color:#fff!important;\n}\n\n#mc-facade .mc-hero__media {\n  position:absolute!important;\n  inset:0!important;\n  z-index:-3;\n  background:#303a33!important;\n}\n\n#mc-facade .mc-hero__media img {\n  position:absolute!important;\n  inset:0!important;\n  width:100%!important;\n  height:100%!important;\n  object-fit:cover!important;\n  object-position:center 48%!important;\n}\n\n#mc-facade .mc-hero__overlay {\n  position:absolute;\n  inset:0;\n  z-index:-2;\n  background:\n    linear-gradient(90deg,rgba(12,15,13,.94) 0%,rgba(12,15,13,.79) 37%,rgba(12,15,13,.38) 68%,rgba(12,15,13,.18) 100%);\n}\n\n#mc-facade .mc-hero__inner {\n  display:grid!important;\n  grid-template-columns:minmax(0,780px) minmax(250px,1fr)!important;\n  gap:54px;\n  align-items:end;\n  padding:80px 0 48px!important;\n}\n\n#mc-facade .mc-hero__eyebrow {\n  display:flex;\n  align-items:center;\n  gap:10px;\n  color:#edd8cc!important;\n  font-size:12px!important;\n  font-weight:800!important;\n  letter-spacing:.14em;\n  line-height:1.3;\n  text-transform:uppercase;\n  margin-bottom:18px;\n}\n\n#mc-facade .mc-hero__eyebrow::before {\n  content:\"\";\n  width:34px;\n  height:1px;\n  background:currentColor;\n}\n\n#mc-facade .mc-hero h1 {\n  color:#fff!important;\n  font-family:var(--mc-serif)!important;\n  font-size:clamp(3.6rem,7vw,6.65rem)!important;\n  font-weight:500!important;\n  letter-spacing:-.05em!important;\n  line-height:.9!important;\n  max-width:880px!important;\n  margin:0 0 24px!important;\n  text-transform:none!important;\n}\n\n#mc-facade .mc-hero h1 em {\n  color:#efd2c1!important;\n  font-weight:500;\n}\n\n#mc-facade .mc-hero__copy {\n  color:rgba(255,255,255,.84)!important;\n  font-size:clamp(1rem,1.55vw,1.18rem)!important;\n  line-height:1.56!important;\n  max-width:690px;\n  margin:0 0 28px!important;\n}\n\n#mc-facade .mc-hero__actions {\n  display:flex;\n  flex-wrap:wrap;\n  gap:11px;\n}\n\n#mc-facade .mc-hero__proof {\n  width:min(100%,320px);\n  justify-self:end;\n  padding:20px 22px;\n  border:1px solid rgba(255,255,255,.20);\n  border-radius:24px;\n  background:rgba(26,31,27,.55);\n  box-shadow:0 20px 55px rgba(0,0,0,.18);\n  backdrop-filter:blur(7px);\n}\n\n#mc-facade .mc-proofrow {\n  display:grid;\n  grid-template-columns:40px 1fr;\n  gap:12px;\n  align-items:center;\n  padding:11px 0;\n  border-bottom:1px solid rgba(255,255,255,.14);\n}\n#mc-facade .mc-proofrow:last-child { border-bottom:0; }\n\n#mc-facade .mc-prooficon {\n  display:grid;\n  place-items:center;\n  width:40px;\n  height:40px;\n  border-radius:50%;\n  background:rgba(255,255,255,.10);\n  color:#efd2c1;\n  font-size:17px;\n  font-weight:900;\n}\n\n#mc-facade .mc-proofrow strong {\n  display:block;\n  color:#fff!important;\n  font-size:14px!important;\n  line-height:1.25;\n}\n#mc-facade .mc-proofrow small {\n  display:block;\n  color:rgba(255,255,255,.62)!important;\n  font-size:12px!important;\n  line-height:1.35;\n  margin-top:3px;\n}\n\n\/* =========================================================\n   INTRO \/ ENJEU\n   ========================================================= *\/\n#mc-facade .mc-intro__grid {\n  display:grid;\n  grid-template-columns:.82fr 1.18fr;\n  gap:72px;\n  align-items:start;\n}\n\n#mc-facade .mc-intro__aside {\n  position:sticky;\n  top:30px;\n}\n\n#mc-facade .mc-intro__quote {\n  padding:32px;\n  border-radius:var(--mc-radius);\n  background:var(--mc-ink)!important;\n  color:#fff!important;\n}\n\n#mc-facade .mc-intro__quote p {\n  color:#fff!important;\n  font-family:var(--mc-serif);\n  font-size:clamp(1.75rem,3vw,2.55rem)!important;\n  line-height:1.05!important;\n  margin:0 0 22px!important;\n}\n\n#mc-facade .mc-intro__quote small {\n  color:rgba(255,255,255,.58)!important;\n}\n\n#mc-facade .mc-intro__content p {\n  color:var(--mc-text)!important;\n  font-size:1rem!important;\n  line-height:1.75!important;\n  margin:0 0 18px!important;\n}\n\n#mc-facade .mc-intro__content p:last-child {\n  margin-bottom:0!important;\n}\n\n\/* =========================================================\n   DIAGNOSTIC\n   ========================================================= *\/\n#mc-facade .mc-diagnostic {\n  background:var(--mc-bg-soft)!important;\n}\n\n#mc-facade .mc-diagnostic__head {\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:54px;\n  align-items:end;\n  margin-bottom:34px;\n}\n\n#mc-facade .mc-diagnostic__grid {\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:12px;\n}\n\n#mc-facade .mc-symptom {\n  min-height:245px;\n  padding:24px;\n  border:1px solid var(--mc-line);\n  border-radius:22px;\n  background:var(--mc-card)!important;\n}\n\n#mc-facade .mc-symptom__icon {\n  display:grid;\n  place-items:center;\n  width:44px;\n  height:44px;\n  margin-bottom:54px;\n  border-radius:50%;\n  background:rgba(181,93,58,.11);\n  color:var(--mc-accent);\n  font-size:17px;\n  font-weight:900;\n}\n\n#mc-facade .mc-symptom h3 {\n  color:var(--mc-ink)!important;\n  font-family:var(--mc-serif)!important;\n  font-size:1.7rem!important;\n  font-weight:500!important;\n  line-height:1.05!important;\n  margin:0 0 8px!important;\n}\n\n#mc-facade .mc-symptom p {\n  color:var(--mc-text)!important;\n  font-size:13px!important;\n  margin:0!important;\n}\n\n\/* =========================================================\n   VISUEL + EXPLICATION\n   ========================================================= *\/\n#mc-facade .mc-feature {\n  background:var(--mc-bg)!important;\n}\n\n#mc-facade .mc-feature__grid {\n  display:grid;\n  grid-template-columns:1.08fr .92fr;\n  gap:64px;\n  align-items:center;\n}\n\n#mc-facade .mc-feature__media {\n  position:relative;\n  min-height:560px;\n  overflow:hidden;\n  border-radius:30px;\n  background:#d3cdc3;\n  box-shadow:var(--mc-shadow);\n}\n\n#mc-facade .mc-feature__media img {\n  position:absolute!important;\n  inset:0!important;\n  width:100%!important;\n  height:100%!important;\n  object-fit:cover!important;\n}\n\n#mc-facade .mc-feature__tag {\n  position:absolute;\n  left:20px;\n  bottom:20px;\n  z-index:2;\n  max-width:310px;\n  padding:15px 17px;\n  border-radius:16px;\n  background:rgba(255,253,248,.94);\n  box-shadow:0 12px 35px rgba(0,0,0,.10);\n}\n\n#mc-facade .mc-feature__tag strong {\n  display:block;\n  color:var(--mc-ink)!important;\n  font-family:var(--mc-serif);\n  font-size:1.35rem!important;\n  font-weight:500;\n  line-height:1.05;\n}\n\n#mc-facade .mc-feature__tag span {\n  display:block;\n  color:var(--mc-text)!important;\n  font-size:12px!important;\n  margin-top:6px;\n}\n\n#mc-facade .mc-list {\n  display:grid;\n  gap:10px;\n  margin:26px 0 28px;\n}\n\n#mc-facade .mc-listitem {\n  display:grid;\n  grid-template-columns:34px 1fr;\n  gap:12px;\n  align-items:start;\n}\n\n#mc-facade .mc-listitem i {\n  display:grid;\n  place-items:center;\n  width:32px;\n  height:32px;\n  border-radius:50%;\n  background:rgba(181,93,58,.11);\n  color:var(--mc-accent);\n  font-style:normal;\n  font-weight:900;\n}\n\n#mc-facade .mc-listitem strong {\n  display:block;\n  color:var(--mc-ink)!important;\n  font-size:14px!important;\n}\n\n#mc-facade .mc-listitem p {\n  color:var(--mc-text)!important;\n  font-size:13px!important;\n  margin:2px 0 0!important;\n}\n\n\/* =========================================================\n   PROCESSUS\n   ========================================================= *\/\n#mc-facade .mc-process-section {\n  background:var(--mc-ink)!important;\n  color:#fff!important;\n}\n\n#mc-facade .mc-process-section .mc-title { color:#fff!important; }\n#mc-facade .mc-process-section .mc-kicker { color:#efd2c1!important; }\n#mc-facade .mc-process-section .mc-lead { color:rgba(255,255,255,.66)!important; }\n\n#mc-facade .mc-process__layout {\n  display:grid;\n  grid-template-columns:.76fr 1.24fr;\n  gap:74px;\n  align-items:start;\n}\n\n#mc-facade .mc-process__intro {\n  position:sticky;\n  top:28px;\n}\n\n#mc-facade .mc-process {\n  position:relative;\n  padding-left:78px;\n  --mc-progress:0;\n}\n\n#mc-facade .mc-process__track {\n  position:absolute;\n  left:21px;\n  top:40px;\n  bottom:52px;\n  width:2px;\n  overflow:hidden;\n  border-radius:999px;\n  background:rgba(255,255,255,.12);\n}\n\n#mc-facade .mc-process__fill {\n  position:absolute;\n  inset:0 0 auto;\n  width:100%;\n  height:100%;\n  background:linear-gradient(to bottom,#efd2c1,var(--mc-accent));\n  transform:scaleY(var(--mc-progress));\n  transform-origin:top;\n  transition:transform .12s linear;\n  will-change:transform;\n}\n\n#mc-facade .mc-step {\n  position:relative;\n  min-height:136px;\n  padding:18px 18px 30px 0;\n  opacity:.44;\n  transform:translate3d(12px,0,0);\n  transition:\n    opacity .42s ease,\n    transform .48s cubic-bezier(.2,.72,.2,1),\n    background-color .35s ease;\n  border-radius:18px;\n}\n\n#mc-facade .mc-step__dot {\n  position:absolute;\n  left:-78px;\n  top:14px;\n  z-index:3;\n  display:grid;\n  place-items:center;\n  width:44px;\n  height:44px;\n  border:1px solid rgba(255,255,255,.18);\n  border-radius:50%;\n  background:var(--mc-ink);\n  color:rgba(255,255,255,.66);\n  font-size:12px;\n  font-weight:850;\n  box-shadow:0 0 0 7px var(--mc-ink);\n  transition:\n    background-color .32s ease,\n    color .32s ease,\n    border-color .32s ease,\n    transform .42s cubic-bezier(.2,.72,.2,1),\n    box-shadow .32s ease;\n}\n\n#mc-facade .mc-step.is-past {\n  opacity:.70;\n  transform:none;\n}\n\n#mc-facade .mc-step.is-past .mc-step__dot {\n  background:var(--mc-accent);\n  color:#fff;\n  border-color:var(--mc-accent);\n}\n\n#mc-facade .mc-step.is-current {\n  opacity:1;\n  transform:translate3d(8px,0,0);\n  padding-left:18px;\n  background:linear-gradient(90deg,rgba(181,93,58,.15),rgba(181,93,58,0));\n}\n\n#mc-facade .mc-step.is-current .mc-step__dot {\n  background:var(--mc-accent);\n  color:#fff;\n  border-color:var(--mc-accent);\n  transform:scale(1.12);\n  box-shadow:0 0 0 7px var(--mc-ink),0 10px 26px rgba(181,93,58,.30);\n}\n\n#mc-facade .mc-step h3 {\n  color:#fff!important;\n  font-family:var(--mc-serif)!important;\n  font-size:2rem!important;\n  font-weight:500!important;\n  line-height:1!important;\n  margin:0 0 7px!important;\n}\n\n#mc-facade .mc-step p {\n  color:rgba(255,255,255,.58)!important;\n  font-size:14px!important;\n  margin:0!important;\n  max-width:56ch;\n}\n\n#mc-facade .mc-step.is-current p {\n  color:rgba(255,255,255,.78)!important;\n}\n\n\/* =========================================================\n   SUPPORTS \/ SOLUTIONS\n   ========================================================= *\/\n#mc-facade .mc-supports__head {\n  display:flex;\n  align-items:end;\n  justify-content:space-between;\n  gap:34px;\n  margin-bottom:32px;\n}\n\n#mc-facade .mc-supports__head .mc-lead {\n  max-width:500px;\n}\n\n#mc-facade .mc-supports__grid {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:14px;\n}\n\n#mc-facade .mc-support {\n  min-height:260px;\n  padding:26px;\n  border:1px solid var(--mc-line);\n  border-radius:24px;\n  background:var(--mc-card)!important;\n}\n\n#mc-facade .mc-support b {\n  display:block;\n  color:var(--mc-accent)!important;\n  font-family:var(--mc-serif);\n  font-size:1.45rem;\n  font-weight:500;\n  margin-bottom:52px;\n}\n\n#mc-facade .mc-support h3 {\n  color:var(--mc-ink)!important;\n  font-family:var(--mc-serif)!important;\n  font-size:1.75rem!important;\n  font-weight:500!important;\n  line-height:1.04!important;\n  margin:0 0 8px!important;\n}\n\n#mc-facade .mc-support p {\n  color:var(--mc-text)!important;\n  font-size:13px!important;\n  margin:0!important;\n}\n\n\/* =========================================================\n   IMAGE PANORAMIQUE\n   ========================================================= *\/\n#mc-facade .mc-panorama {\n  padding:0;\n}\n\n#mc-facade .mc-panorama__box {\n  position:relative;\n  min-height:560px;\n  overflow:hidden;\n  isolation:isolate;\n  background:#37413a;\n}\n\n#mc-facade .mc-panorama__box img {\n  position:absolute!important;\n  inset:0!important;\n  z-index:-2;\n  width:100%!important;\n  height:100%!important;\n  object-fit:cover!important;\n  object-position:center 50%!important;\n}\n\n#mc-facade .mc-panorama__box::after {\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:-1;\n  background:linear-gradient(90deg,rgba(14,17,15,.90),rgba(14,17,15,.50) 52%,rgba(14,17,15,.16));\n}\n\n#mc-facade .mc-panorama__inner {\n  min-height:560px;\n  display:flex;\n  align-items:flex-end;\n  padding:64px 0;\n}\n\n#mc-facade .mc-panorama__content {\n  max-width:720px;\n}\n\n#mc-facade .mc-panorama__content .mc-title {\n  color:#fff!important;\n}\n\n#mc-facade .mc-panorama__content .mc-kicker {\n  color:#efd2c1!important;\n}\n\n#mc-facade .mc-panorama__content p {\n  color:rgba(255,255,255,.72)!important;\n  max-width:620px;\n}\n\n\/* =========================================================\n   SERVICES LIES\n   ========================================================= *\/\n#mc-facade .mc-related {\n  background:var(--mc-bg-soft)!important;\n}\n\n#mc-facade .mc-related__grid {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:12px;\n  margin-top:30px;\n}\n\n#mc-facade .mc-related-card {\n  position:relative;\n  min-height:245px;\n  overflow:hidden;\n  isolation:isolate;\n  display:flex!important;\n  align-items:flex-end;\n  padding:20px;\n  border-radius:22px;\n  background:#334039;\n  color:#fff!important;\n}\n\n#mc-facade .mc-related-card img {\n  position:absolute!important;\n  inset:0!important;\n  z-index:-2;\n  width:100%!important;\n  height:100%!important;\n  object-fit:cover!important;\n  transition:transform .55s ease;\n}\n\n#mc-facade .mc-related-card::after {\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:-1;\n  background:linear-gradient(to top,rgba(12,15,13,.88),rgba(12,15,13,.08) 72%);\n}\n\n#mc-facade .mc-related-card:hover img {\n  transform:scale(1.04);\n}\n\n#mc-facade .mc-related-card strong {\n  color:#fff!important;\n  font-family:var(--mc-serif);\n  font-size:1.7rem!important;\n  font-weight:500;\n  line-height:1.05;\n}\n\n#mc-facade .mc-related-card span {\n  display:block;\n  color:rgba(255,255,255,.68)!important;\n  font-size:11px!important;\n  margin-top:7px;\n}\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n#mc-facade .mc-faq__grid {\n  display:grid;\n  grid-template-columns:.8fr 1.2fr;\n  gap:68px;\n}\n\n#mc-facade .mc-faqdetails details {\n  border-top:1px solid var(--mc-line);\n}\n\n#mc-facade .mc-faqdetails details:last-child {\n  border-bottom:1px solid var(--mc-line);\n}\n\n#mc-facade .mc-faqdetails summary {\n  position:relative;\n  list-style:none;\n  cursor:pointer;\n  padding:21px 45px 21px 0;\n  color:var(--mc-ink)!important;\n  font-size:15px!important;\n  font-weight:800!important;\n}\n\n#mc-facade .mc-faqdetails summary::-webkit-details-marker {\n  display:none;\n}\n\n#mc-facade .mc-faqdetails summary::after {\n  content:\"+\";\n  position:absolute;\n  right:4px;\n  top:50%;\n  transform:translateY(-50%);\n  color:var(--mc-accent);\n  font-size:26px;\n  font-weight:400;\n}\n\n#mc-facade .mc-faqdetails details[open] summary::after {\n  content:\"\u2212\";\n}\n\n#mc-facade .mc-faqdetails p {\n  color:var(--mc-text)!important;\n  font-size:14px!important;\n  margin:-6px 40px 20px 0!important;\n}\n\n\/* =========================================================\n   CTA FINAL\n   ========================================================= *\/\n#mc-facade .mc-final {\n  padding:0 0 34px;\n}\n\n#mc-facade .mc-final__box {\n  position:relative;\n  display:grid;\n  align-items:end;\n  min-height:460px;\n  overflow:hidden;\n  padding:52px;\n  border-radius:32px;\n  isolation:isolate;\n  background:#26302a;\n  color:#fff!important;\n}\n\n#mc-facade .mc-final__box > img {\n  position:absolute!important;\n  inset:0!important;\n  z-index:-2;\n  width:100%!important;\n  height:100%!important;\n  object-fit:cover!important;\n}\n\n#mc-facade .mc-final__box::after {\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:-1;\n  background:linear-gradient(90deg,rgba(17,20,18,.94),rgba(17,20,18,.46) 72%,rgba(17,20,18,.18));\n}\n\n#mc-facade .mc-final__content {\n  max-width:760px;\n}\n\n#mc-facade .mc-final .mc-title {\n  color:#fff!important;\n}\n\n#mc-facade .mc-final p {\n  color:rgba(255,255,255,.74)!important;\n  max-width:590px;\n}\n\n#mc-facade .mc-final__actions {\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-top:25px;\n}\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n@media (max-width:980px) {\n  #mc-facade .mc-section { padding:76px 0; }\n\n  #mc-facade .mc-hero__inner {\n    grid-template-columns:1fr!important;\n    gap:22px;\n    padding:58px 0 28px!important;\n  }\n\n  #mc-facade .mc-hero__proof {\n    justify-self:start;\n    width:100%;\n    max-width:none;\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    padding:10px 14px;\n  }\n\n  #mc-facade .mc-proofrow {\n    grid-template-columns:34px 1fr;\n    border-bottom:0;\n    border-right:1px solid rgba(255,255,255,.14);\n    padding:8px 11px;\n  }\n  #mc-facade .mc-proofrow:last-child { border-right:0; }\n\n  #mc-facade .mc-intro__grid,\n  #mc-facade .mc-diagnostic__head,\n  #mc-facade .mc-feature__grid,\n  #mc-facade .mc-process__layout,\n  #mc-facade .mc-faq__grid {\n    grid-template-columns:1fr;\n    gap:34px;\n  }\n\n  #mc-facade .mc-intro__aside,\n  #mc-facade .mc-process__intro {\n    position:static;\n  }\n\n  #mc-facade .mc-diagnostic__grid {\n    grid-template-columns:1fr 1fr;\n  }\n\n  #mc-facade .mc-supports__grid,\n  #mc-facade .mc-related__grid {\n    grid-template-columns:1fr 1fr;\n  }\n\n  #mc-facade .mc-related-card:last-child {\n    grid-column:1 \/ 3;\n  }\n}\n\n@media (max-width:640px) {\n  #mc-facade .mc-wrap {\n    width:min(calc(100% - 24px),var(--mc-max))!important;\n  }\n\n  #mc-facade .mc-section { padding:54px 0; }\n  #mc-facade .mc-section--tight { padding:44px 0; }\n\n  #mc-facade .mc-title {\n    font-size:clamp(2.15rem,11vw,3.4rem)!important;\n  }\n\n  #mc-facade .mc-title--m {\n    font-size:clamp(2rem,10vw,2.9rem)!important;\n  }\n\n  #mc-facade .mc-lead {\n    font-size:.95rem!important;\n  }\n\n  #mc-facade .mc-hero {\n    min-height:620px!important;\n  }\n\n  #mc-facade .mc-hero__overlay {\n    background:linear-gradient(to top,rgba(12,15,13,.97) 0%,rgba(12,15,13,.76) 62%,rgba(12,15,13,.25) 100%);\n  }\n\n  #mc-facade .mc-hero__media img {\n    object-position:58% center!important;\n  }\n\n  #mc-facade .mc-hero__inner {\n    padding:34px 0 20px!important;\n    gap:18px;\n  }\n\n  #mc-facade .mc-hero h1 {\n    font-size:clamp(3rem,14vw,4.35rem)!important;\n    max-width:9ch!important;\n    margin-bottom:18px!important;\n  }\n\n  #mc-facade .mc-hero__copy {\n    font-size:.94rem!important;\n    margin-bottom:19px!important;\n  }\n\n  #mc-facade .mc-btn {\n    min-height:45px;\n    padding:13px 16px!important;\n    font-size:13px!important;\n  }\n\n  #mc-facade .mc-hero__proof {\n    grid-template-columns:repeat(3,1fr);\n    padding:6px 4px;\n    border-radius:18px;\n  }\n\n  #mc-facade .mc-proofrow {\n    display:block;\n    text-align:center;\n    padding:8px 5px;\n  }\n\n  #mc-facade .mc-prooficon,\n  #mc-facade .mc-proofrow small {\n    display:none;\n  }\n\n  #mc-facade .mc-proofrow strong {\n    font-size:11px!important;\n  }\n\n  #mc-facade .mc-diagnostic__grid {\n    grid-template-columns:1fr 1fr;\n    gap:9px;\n  }\n\n  #mc-facade .mc-symptom {\n    min-height:210px;\n    padding:18px;\n    border-radius:18px;\n  }\n\n  #mc-facade .mc-symptom__icon {\n    margin-bottom:36px;\n  }\n\n  #mc-facade .mc-symptom h3 {\n    font-size:1.4rem!important;\n  }\n\n  #mc-facade .mc-feature__media {\n    min-height:350px;\n    border-radius:22px;\n  }\n\n  #mc-facade .mc-feature__tag {\n    left:12px;\n    right:12px;\n    bottom:12px;\n  }\n\n  #mc-facade .mc-process {\n    padding-left:48px;\n  }\n\n  #mc-facade .mc-process__track {\n    left:14px;\n    top:24px;\n    bottom:24px;\n  }\n\n  #mc-facade .mc-step {\n    min-height:0;\n    padding:14px 0 18px;\n  }\n\n  #mc-facade .mc-step__dot {\n    left:-48px;\n    top:12px;\n    width:30px;\n    height:30px;\n    box-shadow:0 0 0 5px var(--mc-ink);\n  }\n\n  #mc-facade .mc-step.is-current .mc-step__dot {\n    box-shadow:0 0 0 5px var(--mc-ink),0 7px 20px rgba(181,93,58,.30);\n  }\n\n  #mc-facade .mc-step h3 {\n    font-size:1.5rem!important;\n  }\n\n  #mc-facade .mc-step p {\n    font-size:.82rem!important;\n  }\n\n  #mc-facade .mc-supports__head {\n    display:block;\n    margin-bottom:22px;\n  }\n\n  #mc-facade .mc-supports__head .mc-lead {\n    margin-top:10px!important;\n  }\n\n  #mc-facade .mc-supports__grid {\n    grid-template-columns:1fr;\n    gap:9px;\n  }\n\n  #mc-facade .mc-support {\n    min-height:auto;\n    padding:20px;\n    border-radius:19px;\n  }\n\n  #mc-facade .mc-support b {\n    margin-bottom:24px;\n  }\n\n  #mc-facade .mc-panorama__box,\n  #mc-facade .mc-panorama__inner {\n    min-height:440px;\n  }\n\n  #mc-facade .mc-panorama__box::after {\n    background:linear-gradient(to top,rgba(14,17,15,.94),rgba(14,17,15,.34));\n  }\n\n  #mc-facade .mc-panorama__inner {\n    padding:38px 0;\n  }\n\n  #mc-facade .mc-related__grid {\n    grid-template-columns:1fr 1fr;\n    gap:9px;\n  }\n\n  #mc-facade .mc-related-card {\n    min-height:200px;\n    padding:16px;\n    border-radius:18px;\n  }\n\n  #mc-facade .mc-related-card:last-child {\n    grid-column:1 \/ 3;\n  }\n\n  #mc-facade .mc-related-card strong {\n    font-size:1.35rem!important;\n  }\n\n  #mc-facade .mc-faqdetails summary {\n    padding:18px 34px 18px 0;\n    font-size:13px!important;\n  }\n\n  #mc-facade .mc-faqdetails p {\n    font-size:12px!important;\n    margin-right:18px!important;\n  }\n\n  #mc-facade .mc-final {\n    padding-bottom:18px;\n  }\n\n  #mc-facade .mc-final__box {\n    min-height:400px;\n    padding:30px 22px;\n    border-radius:23px;\n  }\n\n  #mc-facade .mc-final__box::after {\n    background:linear-gradient(to top,rgba(17,20,18,.95),rgba(17,20,18,.42));\n  }\n}\n\n@media (max-width:390px) {\n  #mc-facade .mc-diagnostic__grid,\n  #mc-facade .mc-related__grid {\n    grid-template-columns:1fr;\n  }\n\n  #mc-facade .mc-related-card:last-child {\n    grid-column:auto;\n  }\n}\n\n@media (prefers-reduced-motion:reduce) {\n  #mc-facade *,\n  #mc-facade *::before,\n  #mc-facade *::after {\n    scroll-behavior:auto!important;\n    transition-duration:.01ms!important;\n    animation-duration:.01ms!important;\n  }\n}\n<\/style>\n\n<div id=\"mc-facade\">\n\n  <!-- HERO -->\n  <section class=\"mc-hero\" aria-labelledby=\"mc-facade-hero-title\">\n    <div class=\"mc-hero__media\" aria-hidden=\"true\">\n      <img\n        src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/04-ravalement-facade.webp\"\n        alt=\"\"\n        fetchpriority=\"high\"\n        decoding=\"async\">\n    <\/div>\n\n    <div class=\"mc-hero__overlay\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"mc-wrap mc-hero__inner\">\n      <div>\n        <div class=\"mc-hero__eyebrow\">Ravalement \u00b7 protection \u00b7 finition<\/div>\n\n        <h1 id=\"mc-facade-hero-title\">\n          Une fa\u00e7ade saine.<br>\n          Une maison qui <em>retrouve<\/em> son allure.\n        <\/h1>\n\n        <p class=\"mc-hero__copy\">\n          Nettoyage, pr\u00e9paration, reprises et mise en peinture :\n          le ravalement redonne une finition propre \u00e0 la fa\u00e7ade tout en traitant le support avant la derni\u00e8re couche.\n        <\/p>\n\n        <div class=\"mc-hero__actions\">\n          <a class=\"mc-btn mc-btn--accent\" href=\"\/peintre\/contact\/\">\n            Demander un devis <span aria-hidden=\"true\">\u2192<\/span>\n          <\/a>\n\n          <a class=\"mc-btn mc-btn--lightline\" href=\"#methode\">\n            Voir notre m\u00e9thode\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"mc-hero__proof\" aria-label=\"Points de confiance\">\n        <div class=\"mc-proofrow\">\n          <span class=\"mc-prooficon\" aria-hidden=\"true\">\u2713<\/span>\n          <div>\n            <strong>Diagnostic du support<\/strong>\n            <small>Avant toute finition<\/small>\n          <\/div>\n        <\/div>\n\n        <div class=\"mc-proofrow\">\n          <span class=\"mc-prooficon\" aria-hidden=\"true\">\u2726<\/span>\n          <div>\n            <strong>Pr\u00e9paration soign\u00e9e<\/strong>\n            <small>Nettoyage &#038; reprises<\/small>\n          <\/div>\n        <\/div>\n\n        <div class=\"mc-proofrow\">\n          <span class=\"mc-prooficon\" aria-hidden=\"true\">\u2197<\/span>\n          <div>\n            <strong>Finition ext\u00e9rieure<\/strong>\n            <small>Adapt\u00e9e au support<\/small>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- INTRO -->\n  <section class=\"mc-section mc-section--tight\" aria-labelledby=\"mc-facade-intro-title\">\n    <div class=\"mc-wrap mc-intro__grid\">\n\n      <div class=\"mc-intro__aside mc-reveal\" data-mc-reveal=\"left\">\n        <div class=\"mc-intro__quote\">\n          <p>\u00ab Une fa\u00e7ade r\u00e9ussie ne commence pas par la couleur. Elle commence par le support. \u00bb<\/p>\n          <small>Maison Chromatique \u2014 exigence de pr\u00e9paration<\/small>\n        <\/div>\n      <\/div>\n\n      <div class=\"mc-intro__content mc-reveal\" data-mc-reveal=\"right\">\n        <span class=\"mc-kicker\">Ravalement de fa\u00e7ade<\/span>\n        <h2 class=\"mc-title mc-title--m\" id=\"mc-facade-intro-title\">\n          Restaurer l&rsquo;aspect ext\u00e9rieur sans masquer les d\u00e9fauts.\n        <\/h2>\n\n        <p>\n          Une fa\u00e7ade subit les intemp\u00e9ries, les salissures et les variations de temp\u00e9rature.\n          Avec le temps, la finition peut perdre son homog\u00e9n\u00e9it\u00e9, s&rsquo;\u00e9cailler ou laisser appara\u00eetre des d\u00e9fauts du support.\n        <\/p>\n\n        <p>\n          Notre approche consiste d&rsquo;abord \u00e0 observer l&rsquo;\u00e9tat r\u00e9el du mur puis \u00e0 adapter la pr\u00e9paration :\n          nettoyage, reprises localis\u00e9es, traitement des zones fragiles et application d&rsquo;une finition compatible.\n        <\/p>\n\n        <p>\n          Le but : retrouver une fa\u00e7ade plus nette, plus r\u00e9guli\u00e8re et visuellement coh\u00e9rente,\n          sans br\u00fbler les \u00e9tapes qui conditionnent la tenue du r\u00e9sultat.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- DIAGNOSTIC -->\n  <section class=\"mc-section mc-diagnostic\" aria-labelledby=\"mc-diagnostic-title\">\n    <div class=\"mc-wrap\">\n\n      <div class=\"mc-diagnostic__head mc-reveal\">\n        <div>\n          <span class=\"mc-kicker\">Observer avant d&rsquo;agir<\/span>\n          <h2 class=\"mc-title mc-title--m\" id=\"mc-diagnostic-title\">\n            Les signes qui peuvent indiquer qu&rsquo;une fa\u00e7ade m\u00e9rite une remise en \u00e9tat.\n          <\/h2>\n        <\/div>\n\n        <p class=\"mc-lead\">\n          Chaque d\u00e9faut n&rsquo;a pas la m\u00eame origine ni la m\u00eame solution.\n          Le diagnostic du support permet de choisir la pr\u00e9paration adapt\u00e9e avant toute remise en peinture.\n        <\/p>\n      <\/div>\n\n      <div class=\"mc-diagnostic__grid\">\n        <article class=\"mc-symptom mc-scroll-card\" style=\"--mc-delay:0ms\">\n          <span class=\"mc-symptom__icon\">01<\/span>\n          <h3>Peinture \u00e9caill\u00e9e<\/h3>\n          <p>Une ancienne finition qui se d\u00e9colle doit \u00eatre reprise avant l&rsquo;application d&rsquo;une nouvelle couche.<\/p>\n        <\/article>\n\n        <article class=\"mc-symptom mc-scroll-card\" style=\"--mc-delay:70ms\">\n          <span class=\"mc-symptom__icon\">02<\/span>\n          <h3>Salissures<\/h3>\n          <p>Traces, d\u00e9p\u00f4ts ou zones ternies peuvent n\u00e9cessiter un nettoyage adapt\u00e9 au type de fa\u00e7ade.<\/p>\n        <\/article>\n\n        <article class=\"mc-symptom mc-scroll-card\" style=\"--mc-delay:140ms\">\n          <span class=\"mc-symptom__icon\">03<\/span>\n          <h3>Microfissures<\/h3>\n          <p>Les d\u00e9fauts visibles doivent \u00eatre observ\u00e9s et repris lorsque la nature du support le permet.<\/p>\n        <\/article>\n\n        <article class=\"mc-symptom mc-scroll-card\" style=\"--mc-delay:210ms\">\n          <span class=\"mc-symptom__icon\">04<\/span>\n          <h3>Aspect irr\u00e9gulier<\/h3>\n          <p>Une couleur pass\u00e9e ou des zones h\u00e9t\u00e9rog\u00e8nes peuvent donner \u00e0 l&rsquo;ensemble un aspect vieillissant.<\/p>\n        <\/article>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- PREPARATION -->\n  <section class=\"mc-section mc-feature\" aria-labelledby=\"mc-preparation-title\">\n    <div class=\"mc-wrap mc-feature__grid\">\n\n      <div class=\"mc-feature__media mc-reveal\" data-mc-reveal=\"left\">\n        <img\n          src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/peinture-exterieure-facade.webp\"\n          loading=\"lazy\"\n          decoding=\"async\"\n          alt=\"Artisan r\u00e9alisant des travaux de peinture ext\u00e9rieure sur une fa\u00e7ade\">\n\n        <div class=\"mc-feature__tag\">\n          <strong>Pr\u00e9parer avant de prot\u00e9ger.<\/strong>\n          <span>Nettoyage \u00b7 reprises \u00b7 primaire \u00b7 finition<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"mc-reveal\" data-mc-reveal=\"right\">\n        <span class=\"mc-kicker\">La pr\u00e9paration fait la diff\u00e9rence<\/span>\n\n        <h2 class=\"mc-title mc-title--m\" id=\"mc-preparation-title\">\n          Une nouvelle peinture n&rsquo;efface pas un support mal pr\u00e9par\u00e9.\n        <\/h2>\n\n        <p class=\"mc-lead\">\n          Le ravalement est construit autour de l&rsquo;\u00e9tat r\u00e9el de la fa\u00e7ade.\n          Chaque \u00e9tape vise \u00e0 cr\u00e9er une base propre et suffisamment r\u00e9guli\u00e8re avant la finition.\n        <\/p>\n\n        <div class=\"mc-list\">\n          <div class=\"mc-listitem mc-scroll-card\">\n            <i>\u2713<\/i>\n            <div>\n              <strong>Protection du chantier<\/strong>\n              <p>Menuiseries, sols, abords et \u00e9l\u00e9ments \u00e0 pr\u00e9server sont prot\u00e9g\u00e9s avant les travaux.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"mc-listitem mc-scroll-card\">\n            <i>\u2713<\/i>\n            <div>\n              <strong>Nettoyage du support<\/strong>\n              <p>\u00c9limination des salissures et parties non adh\u00e9rentes selon l&rsquo;\u00e9tat de la fa\u00e7ade.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"mc-listitem mc-scroll-card\">\n            <i>\u2713<\/i>\n            <div>\n              <strong>Reprises localis\u00e9es<\/strong>\n              <p>Correction des d\u00e9fauts compatibles avec une remise en \u00e9tat de peinture ext\u00e9rieure.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"mc-listitem mc-scroll-card\">\n            <i>\u2713<\/i>\n            <div>\n              <strong>Finition adapt\u00e9e<\/strong>\n              <p>Application du syst\u00e8me retenu selon le support, son \u00e9tat et le r\u00e9sultat recherch\u00e9.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <a class=\"mc-btn mc-btn--dark\" href=\"\/peintre\/contact\/\">\n          Faire examiner ma fa\u00e7ade\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- PROCESSUS -->\n  <section class=\"mc-section mc-process-section\" id=\"methode\" aria-labelledby=\"mc-process-title\">\n    <div class=\"mc-wrap mc-process__layout\">\n\n      <div class=\"mc-process__intro mc-reveal\">\n        <span class=\"mc-kicker\">Notre m\u00e9thode<\/span>\n        <h2 class=\"mc-title mc-title--m\" id=\"mc-process-title\">\n          Le ravalement, \u00e9tape par \u00e9tape.\n        <\/h2>\n        <p class=\"mc-lead\">\n          Une progression claire pour \u00e9viter de poser une finition sur une base qui n&rsquo;est pas pr\u00eate \u00e0 la recevoir.\n        <\/p>\n      <\/div>\n\n      <div class=\"mc-process\" data-mc-process>\n        <div class=\"mc-process__track\" aria-hidden=\"true\">\n          <div class=\"mc-process__fill\"><\/div>\n        <\/div>\n\n        <article class=\"mc-step\">\n          <span class=\"mc-step__dot\" aria-hidden=\"true\">01<\/span>\n          <h3>Observation<\/h3>\n          <p>Analyse visuelle de la fa\u00e7ade, des anciennes finitions et des d\u00e9fauts apparents.<\/p>\n        <\/article>\n\n        <article class=\"mc-step\">\n          <span class=\"mc-step__dot\" aria-hidden=\"true\">02<\/span>\n          <h3>Protection<\/h3>\n          <p>Mise en s\u00e9curit\u00e9 et protection des menuiseries, sols, abords et \u00e9l\u00e9ments sensibles.<\/p>\n        <\/article>\n\n        <article class=\"mc-step\">\n          <span class=\"mc-step__dot\" aria-hidden=\"true\">03<\/span>\n          <h3>Nettoyage<\/h3>\n          <p>Pr\u00e9paration du fond et \u00e9limination des parties qui compromettraient l&rsquo;adh\u00e9rence.<\/p>\n        <\/article>\n\n        <article class=\"mc-step\">\n          <span class=\"mc-step__dot\" aria-hidden=\"true\">04<\/span>\n          <h3>R\u00e9parations<\/h3>\n          <p>Reprises localis\u00e9es et correction des d\u00e9fauts compatibles avec l&rsquo;intervention pr\u00e9vue.<\/p>\n        <\/article>\n\n        <article class=\"mc-step\">\n          <span class=\"mc-step__dot\" aria-hidden=\"true\">05<\/span>\n          <h3>Pr\u00e9paration finale<\/h3>\n          <p>Application d&rsquo;une pr\u00e9paration ou d&rsquo;un primaire lorsque le syst\u00e8me et le support le demandent.<\/p>\n        <\/article>\n\n        <article class=\"mc-step\">\n          <span class=\"mc-step__dot\" aria-hidden=\"true\">06<\/span>\n          <h3>Finition<\/h3>\n          <p>Mise en peinture, contr\u00f4le des raccords et nettoyage des abords avant r\u00e9ception.<\/p>\n        <\/article>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- SUPPORTS -->\n  <section class=\"mc-section\" aria-labelledby=\"mc-supports-title\">\n    <div class=\"mc-wrap\">\n\n      <div class=\"mc-supports__head mc-reveal\">\n        <div>\n          <span class=\"mc-kicker\">Fa\u00e7ades &#038; \u00e9l\u00e9ments ext\u00e9rieurs<\/span>\n          <h2 class=\"mc-title mc-title--m\" id=\"mc-supports-title\">\n            Une pr\u00e9paration diff\u00e9rente selon le support.\n          <\/h2>\n        <\/div>\n\n        <p class=\"mc-lead\">\n          Le produit final n&rsquo;est qu&rsquo;une partie du travail.\n          L&rsquo;\u00e9tat, la mati\u00e8re et l&rsquo;ancienne finition d\u00e9terminent la m\u00e9thode de pr\u00e9paration.\n        <\/p>\n      <\/div>\n\n      <div class=\"mc-supports__grid\">\n        <article class=\"mc-support mc-scroll-card\" style=\"--mc-delay:0ms\">\n          <b>01<\/b>\n          <h3>Fa\u00e7ades peintes<\/h3>\n          <p>Remise en \u00e9tat d&rsquo;une finition existante lorsque le support est compatible avec une nouvelle mise en peinture.<\/p>\n        <\/article>\n\n        <article class=\"mc-support mc-scroll-card\" style=\"--mc-delay:80ms\">\n          <b>02<\/b>\n          <h3>Murs &#038; murets<\/h3>\n          <p>Pr\u00e9paration et finition des surfaces ext\u00e9rieures qui participent \u00e0 l&rsquo;aspect g\u00e9n\u00e9ral de la maison.<\/p>\n        <\/article>\n\n        <article class=\"mc-support mc-scroll-card\" style=\"--mc-delay:160ms\">\n          <b>03<\/b>\n          <h3>Zones de d\u00e9tail<\/h3>\n          <p>Angles, encadrements et raccords demandent une attention particuli\u00e8re pour conserver un rendu propre.<\/p>\n        <\/article>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- PANORAMA -->\n  <section class=\"mc-panorama\" aria-labelledby=\"mc-panorama-title\">\n    <div class=\"mc-panorama__box\">\n      <img\n        src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/03-peinture-exterieure.webp\"\n        loading=\"lazy\"\n        decoding=\"async\"\n        alt=\"Travaux de peinture ext\u00e9rieure r\u00e9alis\u00e9s sur une habitation\">\n\n      <div class=\"mc-wrap mc-panorama__inner\">\n        <div class=\"mc-panorama__content mc-reveal\">\n          <span class=\"mc-kicker\">Une finition coh\u00e9rente<\/span>\n          <h2 class=\"mc-title mc-title--m\" id=\"mc-panorama-title\">\n            La fa\u00e7ade donne le ton avant m\u00eame d&rsquo;entrer dans la maison.\n          <\/h2>\n          <p>\n            Un ravalement bien pr\u00e9par\u00e9 permet de retrouver un ext\u00e9rieur plus uniforme et plus soign\u00e9,\n            tout en harmonisant la fa\u00e7ade avec les menuiseries, volets, murets et autres \u00e9l\u00e9ments visibles.\n          <\/p>\n          <div style=\"margin-top:24px\">\n            <a class=\"mc-btn mc-btn--accent\" href=\"\/peintre\/contact\/\">Obtenir un devis<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SERVICES LIES -->\n  <section class=\"mc-section mc-related\" aria-labelledby=\"mc-related-title\">\n    <div class=\"mc-wrap\">\n\n      <span class=\"mc-kicker\">Pour aller plus loin<\/span>\n      <h2 class=\"mc-title mc-title--m\" id=\"mc-related-title\">\n        Les prestations qui compl\u00e8tent souvent un chantier ext\u00e9rieur.\n      <\/h2>\n\n      <div class=\"mc-related__grid\">\n        <a class=\"mc-related-card mc-scroll-card\" href=\"\/peintre\/peinture-exterieure\/\">\n          <img\n            src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/peinture-exterieure-facade.webp\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"Travaux de peinture ext\u00e9rieure sur fa\u00e7ade\">\n          <div>\n            <strong>Peinture ext\u00e9rieure<\/strong>\n            <span>Murs, supports expos\u00e9s et finitions \u2197<\/span>\n          <\/div>\n        <\/a>\n\n        <a class=\"mc-related-card mc-scroll-card\" href=\"\/peintre\/peinture-de-volets-et-boiseries\/\">\n          <img\n            src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/06-volets-boiseries.webp\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"Peinture et r\u00e9novation de volets et boiseries\">\n          <div>\n            <strong>Volets &#038; boiseries<\/strong>\n            <span>Pr\u00e9paration et protection des \u00e9l\u00e9ments bois \u2197<\/span>\n          <\/div>\n        <\/a>\n\n        <a class=\"mc-related-card mc-scroll-card\" href=\"\/peintre\/peinture-en-hauteur\/\">\n          <img\n            src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/07-peinture-hauteur.webp\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"Travaux de peinture r\u00e9alis\u00e9s en hauteur\">\n          <div>\n            <strong>Peinture en hauteur<\/strong>\n            <span>Interventions sur zones difficiles d&rsquo;acc\u00e8s \u2197<\/span>\n          <\/div>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- FAQ -->\n  <section class=\"mc-section\" aria-labelledby=\"mc-faq-title\">\n    <div class=\"mc-wrap mc-faq__grid\">\n\n      <div class=\"mc-reveal\">\n        <span class=\"mc-kicker\">FAQ<\/span>\n        <h2 class=\"mc-title mc-title--m\" id=\"mc-faq-title\">\n          Les questions \u00e0 se poser avant un ravalement.\n        <\/h2>\n        <p class=\"mc-lead\">\n          L&rsquo;\u00e9tat du support compte davantage que son simple aspect visuel.\n          Une visite permet de d\u00e9finir ce qui doit r\u00e9ellement \u00eatre pr\u00e9par\u00e9.\n        <\/p>\n      <\/div>\n\n      <div class=\"mc-faqdetails\">\n        <details class=\"mc-scroll-card\">\n          <summary>Faut-il toujours d\u00e9caper compl\u00e8tement la fa\u00e7ade ?<\/summary>\n          <p>\n            Non. La pr\u00e9paration d\u00e9pend de l&rsquo;\u00e9tat de l&rsquo;ancienne finition et de son adh\u00e9rence.\n            Les parties fragiles ou incompatibles doivent \u00eatre trait\u00e9es avant la nouvelle finition.\n          <\/p>\n        <\/details>\n\n        <details class=\"mc-scroll-card\">\n          <summary>Peut-on repeindre directement une fa\u00e7ade sale ?<\/summary>\n          <p>\n            Une fa\u00e7ade doit \u00eatre correctement pr\u00e9par\u00e9e avant peinture.\n            Le nettoyage et la pr\u00e9paration du support conditionnent l&rsquo;adh\u00e9rence et la r\u00e9gularit\u00e9 du r\u00e9sultat.\n          <\/p>\n        <\/details>\n\n        <details class=\"mc-scroll-card\">\n          <summary>Traitez-vous aussi les fissures ?<\/summary>\n          <p>\n            Les d\u00e9fauts sont d&rsquo;abord observ\u00e9s afin de d\u00e9terminer s&rsquo;ils rel\u00e8vent d&rsquo;une reprise de pr\u00e9paration\n            ou s&rsquo;ils n\u00e9cessitent une intervention diff\u00e9rente avant peinture.\n          <\/p>\n        <\/details>\n\n        <details class=\"mc-scroll-card\">\n          <summary>Peut-on choisir une nouvelle couleur de fa\u00e7ade ?<\/summary>\n          <p>\n            Oui, lorsque le projet et les r\u00e8gles applicables le permettent.\n            Le choix de teinte doit \u00e9galement rester coh\u00e9rent avec le support et les \u00e9l\u00e9ments ext\u00e9rieurs existants.\n          <\/p>\n        <\/details>\n\n        <details class=\"mc-scroll-card\">\n          <summary>Combien de temps dure un chantier de ravalement ?<\/summary>\n          <p>\n            La dur\u00e9e d\u00e9pend de la surface, de l&rsquo;\u00e9tat du support, des reprises n\u00e9cessaires et des conditions d&rsquo;application.\n            Le d\u00e9roulement est pr\u00e9cis\u00e9 apr\u00e8s l&rsquo;\u00e9valuation du chantier.\n          <\/p>\n        <\/details>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- CTA FINAL -->\n  <section class=\"mc-final\" aria-labelledby=\"mc-final-title\">\n    <div class=\"mc-wrap mc-final__box\">\n\n      <img\n        src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/04-ravalement-facade.webp\"\n        loading=\"lazy\"\n        decoding=\"async\"\n        alt=\"Fa\u00e7ade r\u00e9nov\u00e9e apr\u00e8s travaux de ravalement\">\n\n      <div class=\"mc-final__content\">\n        <span class=\"mc-kicker\" style=\"color:#efd2c1!important\">\n          Votre fa\u00e7ade m\u00e9rite un vrai diagnostic\n        <\/span>\n\n        <h2 class=\"mc-title\" id=\"mc-final-title\">\n          Avant de choisir la couleur, regardons le support.\n        <\/h2>\n\n        <p>\n          Expliquez-nous l&rsquo;\u00e9tat de votre fa\u00e7ade et le r\u00e9sultat recherch\u00e9.\n          Quelques photos peuvent d\u00e9j\u00e0 permettre de pr\u00e9parer le premier \u00e9change avant une visite si n\u00e9cessaire.\n        <\/p>\n\n        <div class=\"mc-final__actions\">\n          <a class=\"mc-btn mc-btn--accent\" href=\"\/peintre\/contact\/\">\n            Demander un devis\n          <\/a>\n\n          <a class=\"mc-btn mc-btn--lightline\" href=\"\/peintre\/services\/\">\n            Voir tous les services\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n\/* MAISON CHROMATIQUE \u2014 RAVALEMENT DE FA\u00c7ADE V1\n   Si WordPress retire ce <script>, placer ce JS dans WPCode > JavaScript Snippet > Footer.\n*\/\n(function () {\n  'use strict';\n\n  function boot() {\n    var root = document.getElementById('mc-facade');\n    if (!root || root.dataset.mcBooted === '1') return;\n\n    root.dataset.mcBooted = '1';\n\n    var reduceMotion =\n      window.matchMedia &&\n      window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    if (!reduceMotion) root.classList.add('mc-motion-ready');\n\n    \/* Apparitions *\/\n    var items = root.querySelectorAll('.mc-reveal, .mc-scroll-card');\n\n    if (!reduceMotion && 'IntersectionObserver' in window) {\n      var observer = new IntersectionObserver(function (entries, obs) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('is-visible');\n            obs.unobserve(entry.target);\n          }\n        });\n      }, {\n        root:null,\n        threshold:.12,\n        rootMargin:'0px 0px -7% 0px'\n      });\n\n      items.forEach(function (el, i) {\n        if (!el.style.getPropertyValue('--mc-delay')) {\n          el.style.setProperty('--mc-delay', ((i % 4) * 70) + 'ms');\n        }\n        observer.observe(el);\n      });\n    } else {\n      items.forEach(function (el) {\n        el.classList.add('is-visible');\n      });\n    }\n\n    \/* Timeline active *\/\n    var process = root.querySelector('[data-mc-process]');\n    var steps = process\n      ? Array.prototype.slice.call(process.querySelectorAll('.mc-step'))\n      : [];\n\n    var raf = 0;\n\n    function clamp(n, min, max) {\n      return Math.max(min, Math.min(max, n));\n    }\n\n    function updateProcess() {\n      raf = 0;\n      if (!process || !steps.length) return;\n\n      var rect = process.getBoundingClientRect();\n      var anchor = window.innerHeight * (window.innerWidth <= 700 ? .58 : .52);\n\n      var centers = steps.map(function (step) {\n        var r = step.getBoundingClientRect();\n        return r.top + Math.min(36, r.height * .28);\n      });\n\n      var first = centers[0];\n      var last = centers[centers.length - 1];\n      var progress = clamp((anchor - first) \/ Math.max(1, last - first), 0, 1);\n\n      process.style.setProperty('--mc-progress', progress.toFixed(4));\n\n      var current = -1;\n\n      for (var i = 0; i < centers.length; i++) {\n        if (centers[i] <= anchor) current = i;\n      }\n\n      if (rect.top > anchor) current = -1;\n      if (rect.bottom < anchor) current = steps.length - 1;\n\n      steps.forEach(function (step, i) {\n        step.classList.toggle('is-past', current >= 0 && i < current);\n        step.classList.toggle('is-current', i === current);\n      });\n    }\n\n    function scheduleProcess() {\n      if (!raf) raf = window.requestAnimationFrame(updateProcess);\n    }\n\n    if (process) {\n      updateProcess();\n      window.addEventListener('scroll', scheduleProcess, { passive:true });\n      window.addEventListener('resize', scheduleProcess, { passive:true });\n    }\n\n    \/* Micro-parallaxe *\/\n    if (!reduceMotion) {\n      var images = Array.prototype.slice.call(\n        root.querySelectorAll('.mc-feature__media img, .mc-panorama__box > img, .mc-final__box > img')\n      );\n\n      var paraRaf = 0;\n\n      function updateParallax() {\n        paraRaf = 0;\n\n        images.forEach(function (img) {\n          var parent = img.parentElement;\n          if (!parent) return;\n\n          var r = parent.getBoundingClientRect();\n          if (r.bottom < 0 || r.top > window.innerHeight) return;\n\n          var center = r.top + r.height \/ 2 - window.innerHeight \/ 2;\n          var y = clamp(-center * .022, -10, 10);\n\n          img.style.transform =\n            'scale(1.035) translate3d(0,' + y.toFixed(2) + 'px,0)';\n        });\n      }\n\n      function scheduleParallax() {\n        if (!paraRaf) paraRaf = requestAnimationFrame(updateParallax);\n      }\n\n      updateParallax();\n      window.addEventListener('scroll', scheduleParallax, { passive:true });\n      window.addEventListener('resize', scheduleParallax, { passive:true });\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', boot, { once:true });\n  } else {\n    boot();\n  }\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ravalement \u00b7 protection \u00b7 finition Une fa\u00e7ade saine. Une maison qui retrouve son allure. Nettoyage, pr\u00e9paration, reprises et mise en peinture : le ravalement redonne une finition propre \u00e0 la fa\u00e7ade tout en traitant le support avant la derni\u00e8re couche. Demander un devis \u2192 Voir notre m\u00e9thode \u2713 Diagnostic du support Avant toute finition \u2726 [&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-38","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":3,"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":122,"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/pages\/38\/revisions\/122"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}