{"id":46,"date":"2026-08-12T11:37:12","date_gmt":"2026-08-12T09:37:12","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/peintre\/?page_id=46"},"modified":"2026-09-16T16:29:22","modified_gmt":"2026-09-16T14:29:22","slug":"peinture-en-hauteur","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/peintre\/peinture-en-hauteur\/","title":{"rendered":"Peinture en hauteur"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<!--\nMAISON CHROMATIQUE \u2014 PEINTURE EN HAUTEUR \/ 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   BASE \/ VARIABLES\n   ========================================================= *\/\n#mc-height {\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-shadow:0 22px 60px rgba(28,33,30,.10);\n  --mc-radius:28px;\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-height,\n#mc-height *,\n#mc-height *::before,\n#mc-height *::after { box-sizing:border-box!important; }\n\n#mc-height img {\n  display:block!important;\n  width:100%;\n  max-width:100%!important;\n  height:auto;\n  border:0!important;\n}\n\n#mc-height a {\n  color:inherit;\n  text-decoration:none!important;\n}\n\n#mc-height h1,\n#mc-height h2,\n#mc-height h3,\n#mc-height p,\n#mc-height figure { margin-top:0; }\n\n#mc-height :focus-visible {\n  outline:3px solid rgba(181,93,58,.42)!important;\n  outline-offset:4px;\n}\n\n#mc-height .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-height .mc-section {\n  position:relative;\n  padding:92px 0;\n}\n\n#mc-height .mc-section--tight { padding:66px 0; }\n\n#mc-height .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-height .mc-kicker::before {\n  content:\"\";\n  width:28px;\n  height:1px;\n  background:currentColor;\n}\n\n#mc-height .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-height .mc-title--m {\n  font-size:clamp(2.1rem,4vw,3.65rem)!important;\n}\n\n#mc-height .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   SCROLL EFFECTS\n   ========================================================= *\/\n#mc-height .mc-reveal,\n#mc-height .mc-scroll-card {\n  opacity:1;\n  visibility:visible;\n  transform:none;\n}\n\n#mc-height.mc-motion-ready .mc-reveal,\n#mc-height.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-height.mc-motion-ready .mc-reveal[data-mc-reveal=\"left\"] {\n  transform:translate3d(-36px,0,0) scale(.99);\n}\n\n#mc-height.mc-motion-ready .mc-reveal[data-mc-reveal=\"right\"] {\n  transform:translate3d(36px,0,0) scale(.99);\n}\n\n#mc-height.mc-motion-ready .mc-reveal[data-mc-reveal=\"scale\"] {\n  transform:scale(.955);\n}\n\n#mc-height.mc-motion-ready .mc-reveal.is-visible,\n#mc-height.mc-motion-ready .mc-scroll-card.is-visible {\n  opacity:1;\n  transform:none;\n}\n\n@supports (animation-timeline:view()) {\n  #mc-height:not(.mc-motion-ready) .mc-reveal,\n  #mc-height:not(.mc-motion-ready) .mc-scroll-card {\n    animation:mc-height-reveal linear both;\n    animation-timeline:view();\n    animation-range:entry 6% cover 30%;\n  }\n}\n\n@keyframes mc-height-reveal {\n  from { opacity:.18; transform:translate3d(0,28px,0) scale(.985); }\n  to { opacity:1; transform:none; }\n}\n\n\/* =========================================================\n   BUTTONS\n   ========================================================= *\/\n#mc-height .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-height .mc-btn:hover { transform:translateY(-2px); }\n\n#mc-height .mc-btn--accent {\n  background:var(--mc-accent)!important;\n  color:#fff!important;\n  border-color:var(--mc-accent)!important;\n}\n\n#mc-height .mc-btn--accent:hover {\n  background:var(--mc-accent-dark)!important;\n  border-color:var(--mc-accent-dark)!important;\n}\n\n#mc-height .mc-btn--dark {\n  background:var(--mc-ink)!important;\n  color:#fff!important;\n  border-color:var(--mc-ink)!important;\n}\n\n#mc-height .mc-btn--line {\n  background:transparent!important;\n  color:var(--mc-ink)!important;\n  border-color:var(--mc-line)!important;\n}\n\n#mc-height .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-height .mc-hero {\n  position:relative!important;\n  min-height:700px!important;\n  overflow:hidden!important;\n  isolation:isolate;\n  display:grid!important;\n  align-items:end!important;\n  background:#202721!important;\n  color:#fff!important;\n}\n\n#mc-height .mc-hero__media {\n  position:absolute!important;\n  inset:0!important;\n  z-index:-3;\n}\n\n#mc-height .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 46%!important;\n}\n\n#mc-height .mc-hero__overlay {\n  position:absolute;\n  inset:0;\n  z-index:-2;\n  background:\n    linear-gradient(90deg,rgba(11,14,12,.95) 0%,rgba(11,14,12,.80) 37%,rgba(11,14,12,.36) 70%,rgba(11,14,12,.14) 100%);\n}\n\n#mc-height .mc-hero__inner {\n  display:grid!important;\n  grid-template-columns:minmax(0,790px) minmax(240px,1fr)!important;\n  gap:56px;\n  align-items:end;\n  padding:84px 0 50px!important;\n}\n\n#mc-height .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  text-transform:uppercase;\n  margin-bottom:18px;\n}\n\n#mc-height .mc-hero__eyebrow::before {\n  content:\"\";\n  width:34px;\n  height:1px;\n  background:currentColor;\n}\n\n#mc-height .mc-hero h1 {\n  color:#fff!important;\n  font-family:var(--mc-serif)!important;\n  font-size:clamp(3.65rem,7vw,6.8rem)!important;\n  font-weight:500!important;\n  letter-spacing:-.055em!important;\n  line-height:.89!important;\n  max-width:900px!important;\n  margin:0 0 24px!important;\n  text-transform:none!important;\n}\n\n#mc-height .mc-hero h1 em {\n  color:#efd2c1!important;\n  font-weight:500;\n}\n\n#mc-height .mc-hero__copy {\n  color:rgba(255,255,255,.83)!important;\n  font-size:clamp(1rem,1.55vw,1.18rem)!important;\n  line-height:1.58!important;\n  max-width:690px;\n  margin:0 0 28px!important;\n}\n\n#mc-height .mc-hero__actions {\n  display:flex;\n  flex-wrap:wrap;\n  gap:11px;\n}\n\n#mc-height .mc-hero__panel {\n  justify-self:end;\n  width:min(100%,318px);\n  padding:22px;\n  border:1px solid rgba(255,255,255,.18);\n  border-radius:24px;\n  background:rgba(22,28,24,.54);\n  box-shadow:0 20px 55px rgba(0,0,0,.18);\n  backdrop-filter:blur(7px);\n}\n\n#mc-height .mc-hero__panel strong {\n  display:block;\n  color:#fff!important;\n  font-family:var(--mc-serif);\n  font-size:1.75rem!important;\n  font-weight:500;\n  line-height:1.04;\n  margin-bottom:14px;\n}\n\n#mc-height .mc-hero__panel p {\n  color:rgba(255,255,255,.65)!important;\n  font-size:13px!important;\n  margin:0!important;\n}\n\n#mc-height .mc-hero__chips {\n  display:flex;\n  flex-wrap:wrap;\n  gap:7px;\n  margin-top:18px;\n}\n\n#mc-height .mc-hero__chips span {\n  padding:7px 9px;\n  border:1px solid rgba(255,255,255,.19);\n  border-radius:999px;\n  color:#fff!important;\n  font-size:10px!important;\n  font-weight:750!important;\n}\n\n\/* =========================================================\n   HEIGHT CHANGES EVERYTHING\n   ========================================================= *\/\n#mc-height .mc-change__head {\n  display:grid;\n  grid-template-columns:.95fr 1.05fr;\n  gap:60px;\n  align-items:end;\n  margin-bottom:34px;\n}\n\n#mc-height .mc-change__grid {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:14px;\n}\n\n#mc-height .mc-change-card {\n  min-height:300px;\n  padding:28px;\n  border:1px solid var(--mc-line);\n  border-radius:24px;\n  background:var(--mc-card)!important;\n}\n\n#mc-height .mc-change-card:nth-child(2) {\n  background:var(--mc-sage)!important;\n  color:#fff!important;\n  border-color:transparent;\n}\n\n#mc-height .mc-change-card b {\n  display:block;\n  color:var(--mc-accent)!important;\n  font-family:var(--mc-serif);\n  font-size:1.5rem;\n  font-weight:500;\n  margin-bottom:68px;\n}\n\n#mc-height .mc-change-card:nth-child(2) b {\n  color:#efd2c1!important;\n}\n\n#mc-height .mc-change-card h3 {\n  color:var(--mc-ink)!important;\n  font-family:var(--mc-serif)!important;\n  font-size:1.85rem!important;\n  font-weight:500!important;\n  line-height:1.03!important;\n  margin:0 0 9px!important;\n}\n\n#mc-height .mc-change-card:nth-child(2) h3 {\n  color:#fff!important;\n}\n\n#mc-height .mc-change-card p {\n  color:var(--mc-text)!important;\n  font-size:13px!important;\n  margin:0!important;\n}\n\n#mc-height .mc-change-card:nth-child(2) p {\n  color:rgba(255,255,255,.70)!important;\n}\n\n\/* =========================================================\n   ACCESS STRATEGY\n   ========================================================= *\/\n#mc-height .mc-access {\n  background:var(--mc-bg-soft)!important;\n}\n\n#mc-height .mc-access__grid {\n  display:grid;\n  grid-template-columns:1.08fr .92fr;\n  gap:64px;\n  align-items:center;\n}\n\n#mc-height .mc-access__media {\n  position:relative;\n  min-height:600px;\n  overflow:hidden;\n  border-radius:30px;\n  background:#d3cdc3;\n  box-shadow:var(--mc-shadow);\n}\n\n#mc-height .mc-access__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-height .mc-access__badge {\n  position:absolute;\n  left:20px;\n  bottom:20px;\n  z-index:2;\n  max-width:320px;\n  padding:16px 18px;\n  border-radius:17px;\n  background:rgba(255,253,248,.94);\n  box-shadow:0 12px 35px rgba(0,0,0,.10);\n}\n\n#mc-height .mc-access__badge strong {\n  display:block;\n  color:var(--mc-ink)!important;\n  font-family:var(--mc-serif);\n  font-size:1.4rem!important;\n  font-weight:500;\n  line-height:1.05;\n}\n\n#mc-height .mc-access__badge span {\n  display:block;\n  color:var(--mc-text)!important;\n  font-size:12px!important;\n  margin-top:6px;\n}\n\n#mc-height .mc-access-list {\n  display:grid;\n  gap:10px;\n  margin:27px 0 30px;\n}\n\n#mc-height .mc-access-row {\n  display:grid;\n  grid-template-columns:42px 1fr;\n  gap:14px;\n  padding:14px 0;\n  border-top:1px solid var(--mc-line);\n}\n\n#mc-height .mc-access-row:last-child {\n  border-bottom:1px solid var(--mc-line);\n}\n\n#mc-height .mc-access-row b {\n  color:var(--mc-accent)!important;\n  font-family:var(--mc-serif);\n  font-size:1.28rem;\n  font-weight:500;\n}\n\n#mc-height .mc-access-row strong {\n  display:block;\n  color:var(--mc-ink)!important;\n  font-size:14px!important;\n  margin-bottom:3px;\n}\n\n#mc-height .mc-access-row p {\n  color:var(--mc-text)!important;\n  font-size:13px!important;\n  margin:0!important;\n}\n\n\/* =========================================================\n   TIMELINE\n   ========================================================= *\/\n#mc-height .mc-process-section {\n  background:var(--mc-ink)!important;\n  color:#fff!important;\n}\n\n#mc-height .mc-process-section .mc-title { color:#fff!important; }\n#mc-height .mc-process-section .mc-kicker { color:#efd2c1!important; }\n#mc-height .mc-process-section .mc-lead { color:rgba(255,255,255,.67)!important; }\n\n#mc-height .mc-process__layout {\n  display:grid;\n  grid-template-columns:.78fr 1.22fr;\n  gap:74px;\n  align-items:start;\n}\n\n#mc-height .mc-process__intro {\n  position:sticky;\n  top:28px;\n}\n\n#mc-height .mc-process {\n  position:relative;\n  padding-left:78px;\n  --mc-progress:0;\n}\n\n#mc-height .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-height .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-height .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-height .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-height .mc-step.is-past {\n  opacity:.70;\n  transform:none;\n}\n\n#mc-height .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-height .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-height .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-height .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-height .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-height .mc-step.is-current p {\n  color:rgba(255,255,255,.78)!important;\n}\n\n\/* =========================================================\n   CASES \/ GALLERY\n   ========================================================= *\/\n#mc-height .mc-cases__head {\n  display:flex;\n  align-items:end;\n  justify-content:space-between;\n  gap:34px;\n  margin-bottom:32px;\n}\n\n#mc-height .mc-cases__head .mc-lead {\n  max-width:500px;\n}\n\n#mc-height .mc-cases-grid {\n  display:grid;\n  grid-template-columns:1.12fr .88fr .88fr;\n  grid-template-rows:290px 290px;\n  gap:12px;\n}\n\n#mc-height .mc-case {\n  position:relative;\n  overflow:hidden;\n  isolation:isolate;\n  display:flex!important;\n  align-items:flex-end;\n  padding:20px;\n  border-radius:23px;\n  background:#38413c;\n  color:#fff!important;\n}\n\n#mc-height .mc-case:first-child {\n  grid-row:1 \/ 3;\n}\n\n#mc-height .mc-case:nth-child(4) {\n  grid-column:2 \/ 4;\n}\n\n#mc-height .mc-case 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 .6s cubic-bezier(.2,.72,.2,1);\n}\n\n#mc-height .mc-case::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,.05) 70%);\n}\n\n#mc-height .mc-case:hover img {\n  transform:scale(1.04);\n}\n\n#mc-height .mc-case strong {\n  display:block;\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-height .mc-case 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   WHEN \/ CONDITIONS\n   ========================================================= *\/\n#mc-height .mc-when {\n  background:var(--mc-bg-soft)!important;\n}\n\n#mc-height .mc-when__grid {\n  display:grid;\n  grid-template-columns:.9fr 1.1fr;\n  gap:64px;\n  align-items:center;\n}\n\n#mc-height .mc-when__panel {\n  padding:34px;\n  border-radius:28px;\n  background:var(--mc-sage)!important;\n  color:#fff!important;\n}\n\n#mc-height .mc-when__panel h3 {\n  color:#fff!important;\n  font-family:var(--mc-serif)!important;\n  font-size:clamp(2rem,3.4vw,3rem)!important;\n  font-weight:500!important;\n  line-height:1!important;\n  margin:0 0 15px!important;\n}\n\n#mc-height .mc-when__panel p {\n  color:rgba(255,255,255,.72)!important;\n  margin:0!important;\n}\n\n#mc-height .mc-when__chips {\n  display:flex;\n  flex-wrap:wrap;\n  gap:7px;\n  margin-top:22px;\n}\n\n#mc-height .mc-when__chips span {\n  padding:8px 10px;\n  border:1px solid rgba(255,255,255,.22);\n  border-radius:999px;\n  color:#fff!important;\n  font-size:11px!important;\n}\n\n\/* =========================================================\n   RELATED\n   ========================================================= *\/\n#mc-height .mc-related__grid {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:12px;\n  margin-top:30px;\n}\n\n#mc-height .mc-related-card {\n  position:relative;\n  min-height:250px;\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-height .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-height .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-height .mc-related-card:hover img {\n  transform:scale(1.04);\n}\n\n#mc-height .mc-related-card strong {\n  color:#fff!important;\n  font-family:var(--mc-serif);\n  font-size:1.65rem!important;\n  font-weight:500;\n  line-height:1.05;\n}\n\n#mc-height .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-height .mc-faq__grid {\n  display:grid;\n  grid-template-columns:.8fr 1.2fr;\n  gap:68px;\n}\n\n#mc-height .mc-faqdetails details {\n  border-top:1px solid var(--mc-line);\n}\n\n#mc-height .mc-faqdetails details:last-child {\n  border-bottom:1px solid var(--mc-line);\n}\n\n#mc-height .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-height .mc-faqdetails summary::-webkit-details-marker { display:none; }\n\n#mc-height .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-height .mc-faqdetails details[open] summary::after {\n  content:\"\u2212\";\n}\n\n#mc-height .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   FINAL CTA\n   ========================================================= *\/\n#mc-height .mc-final {\n  padding:0 0 34px;\n}\n\n#mc-height .mc-final__box {\n  position:relative;\n  display:grid;\n  align-items:end;\n  min-height:470px;\n  overflow:hidden;\n  padding:52px;\n  border-radius:32px;\n  isolation:isolate;\n  background:#26302a;\n  color:#fff!important;\n}\n\n#mc-height .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-height .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,.95),rgba(17,20,18,.46) 72%,rgba(17,20,18,.18));\n}\n\n#mc-height .mc-final__content {\n  max-width:770px;\n}\n\n#mc-height .mc-final .mc-title { color:#fff!important; }\n\n#mc-height .mc-final p {\n  color:rgba(255,255,255,.74)!important;\n  max-width:600px;\n}\n\n#mc-height .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-height .mc-section { padding:76px 0; }\n\n  #mc-height .mc-hero__inner {\n    grid-template-columns:1fr!important;\n    gap:22px;\n    padding:58px 0 28px!important;\n  }\n\n  #mc-height .mc-hero__panel {\n    justify-self:start;\n    width:100%;\n    max-width:none;\n  }\n\n  #mc-height .mc-change__head,\n  #mc-height .mc-access__grid,\n  #mc-height .mc-process__layout,\n  #mc-height .mc-when__grid,\n  #mc-height .mc-faq__grid {\n    grid-template-columns:1fr;\n    gap:34px;\n  }\n\n  #mc-height .mc-process__intro {\n    position:static;\n  }\n\n  #mc-height .mc-change__grid {\n    grid-template-columns:1fr 1fr;\n  }\n\n  #mc-height .mc-change-card:nth-child(3) {\n    grid-column:1 \/ 3;\n  }\n\n  #mc-height .mc-cases-grid {\n    grid-template-columns:1fr 1fr;\n    grid-template-rows:330px 220px 220px;\n  }\n\n  #mc-height .mc-case:first-child {\n    grid-column:1 \/ 3;\n    grid-row:auto;\n  }\n\n  #mc-height .mc-case:nth-child(4) {\n    grid-column:1 \/ 3;\n  }\n\n  #mc-height .mc-related__grid {\n    grid-template-columns:1fr 1fr;\n  }\n\n  #mc-height .mc-related-card:last-child {\n    grid-column:1 \/ 3;\n  }\n}\n\n@media (max-width:640px) {\n  #mc-height .mc-wrap {\n    width:min(calc(100% - 24px),var(--mc-max))!important;\n  }\n\n  #mc-height .mc-section { padding:54px 0; }\n  #mc-height .mc-section--tight { padding:44px 0; }\n\n  #mc-height .mc-title {\n    font-size:clamp(2.15rem,11vw,3.4rem)!important;\n  }\n\n  #mc-height .mc-title--m {\n    font-size:clamp(2rem,10vw,2.9rem)!important;\n  }\n\n  #mc-height .mc-lead { font-size:.95rem!important; }\n\n  #mc-height .mc-hero {\n    min-height:620px!important;\n  }\n\n  #mc-height .mc-hero__overlay {\n    background:linear-gradient(to top,rgba(11,14,12,.97) 0%,rgba(11,14,12,.76) 61%,rgba(11,14,12,.23) 100%);\n  }\n\n  #mc-height .mc-hero__media img {\n    object-position:56% center!important;\n  }\n\n  #mc-height .mc-hero__inner {\n    padding:34px 0 20px!important;\n    gap:18px;\n  }\n\n  #mc-height .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-height .mc-hero__copy {\n    font-size:.94rem!important;\n    margin-bottom:19px!important;\n  }\n\n  #mc-height .mc-hero__panel {\n    padding:16px 18px;\n    border-radius:19px;\n  }\n\n  #mc-height .mc-hero__panel strong {\n    font-size:1.4rem!important;\n    margin-bottom:8px;\n  }\n\n  #mc-height .mc-btn {\n    min-height:45px;\n    padding:13px 16px!important;\n    font-size:13px!important;\n  }\n\n  #mc-height .mc-change__grid {\n    grid-template-columns:1fr;\n    gap:9px;\n  }\n\n  #mc-height .mc-change-card:nth-child(3) {\n    grid-column:auto;\n  }\n\n  #mc-height .mc-change-card {\n    min-height:220px;\n    padding:20px;\n    border-radius:19px;\n  }\n\n  #mc-height .mc-change-card b {\n    margin-bottom:38px;\n  }\n\n  #mc-height .mc-access__media {\n    min-height:360px;\n    border-radius:22px;\n  }\n\n  #mc-height .mc-access__badge {\n    left:12px;\n    right:12px;\n    bottom:12px;\n  }\n\n  #mc-height .mc-process {\n    padding-left:48px;\n  }\n\n  #mc-height .mc-process__track {\n    left:14px;\n    top:24px;\n    bottom:24px;\n  }\n\n  #mc-height .mc-step {\n    min-height:0;\n    padding:14px 0 18px;\n  }\n\n  #mc-height .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-height .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-height .mc-step h3 {\n    font-size:1.5rem!important;\n  }\n\n  #mc-height .mc-step p {\n    font-size:.82rem!important;\n  }\n\n  #mc-height .mc-cases__head {\n    display:block;\n    margin-bottom:22px;\n  }\n\n  #mc-height .mc-cases__head .mc-lead {\n    margin-top:10px!important;\n  }\n\n  #mc-height .mc-cases-grid {\n    grid-template-columns:1.08fr .92fr;\n    grid-template-rows:245px 165px;\n    gap:9px;\n  }\n\n  #mc-height .mc-case:first-child {\n    grid-column:auto;\n    grid-row:1 \/ 3;\n  }\n\n  #mc-height .mc-case:nth-child(2) {\n    grid-column:2;\n    grid-row:1;\n  }\n\n  #mc-height .mc-case:nth-child(3) {\n    grid-column:2;\n    grid-row:2;\n  }\n\n  #mc-height .mc-case:nth-child(4) {\n    display:none;\n  }\n\n  #mc-height .mc-case {\n    padding:14px;\n    border-radius:18px;\n  }\n\n  #mc-height .mc-case strong {\n    font-size:1.25rem!important;\n  }\n\n  #mc-height .mc-when__panel {\n    padding:24px;\n    border-radius:21px;\n  }\n\n  #mc-height .mc-related__grid {\n    grid-template-columns:1fr 1fr;\n    gap:9px;\n  }\n\n  #mc-height .mc-related-card {\n    min-height:205px;\n    padding:16px;\n    border-radius:18px;\n  }\n\n  #mc-height .mc-related-card:last-child {\n    grid-column:1 \/ 3;\n  }\n\n  #mc-height .mc-related-card strong {\n    font-size:1.35rem!important;\n  }\n\n  #mc-height .mc-faqdetails summary {\n    padding:18px 34px 18px 0;\n    font-size:13px!important;\n  }\n\n  #mc-height .mc-faqdetails p {\n    font-size:12px!important;\n    margin-right:18px!important;\n  }\n\n  #mc-height .mc-final {\n    padding-bottom:18px;\n  }\n\n  #mc-height .mc-final__box {\n    min-height:400px;\n    padding:30px 22px;\n    border-radius:23px;\n  }\n\n  #mc-height .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-height .mc-related__grid {\n    grid-template-columns:1fr;\n  }\n\n  #mc-height .mc-related-card:last-child {\n    grid-column:auto;\n  }\n}\n\n@media (prefers-reduced-motion:reduce) {\n  #mc-height *,\n  #mc-height *::before,\n  #mc-height *::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-height\">\n\n  <!-- HERO -->\n  <section class=\"mc-hero\" aria-labelledby=\"mc-height-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\/07-peinture-hauteur.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\">Peinture en hauteur \u00b7 acc\u00e8s difficiles<\/div>\n\n        <h1 id=\"mc-height-hero-title\">\n          Atteindre les zones hautes.<br>\n          Sans sacrifier la <em>finition<\/em>.\n        <\/h1>\n\n        <p class=\"mc-hero__copy\">\n          Pignons, murs \u00e9lev\u00e9s, cages d&rsquo;escalier, fa\u00e7ades et zones difficiles d&rsquo;acc\u00e8s :\n          chaque chantier est organis\u00e9 selon la configuration du lieu, le support et la finition \u00e0 r\u00e9aliser.\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=\"#interventions\">\n            Voir les interventions\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <aside class=\"mc-hero__panel\">\n        <strong>La hauteur change l&rsquo;organisation du chantier.<\/strong>\n        <p>\n          Acc\u00e8s, protections, pr\u00e9paration et application doivent \u00eatre pens\u00e9s ensemble avant le d\u00e9marrage.\n        <\/p>\n\n        <div class=\"mc-hero__chips\">\n          <span>Pignons<\/span>\n          <span>Fa\u00e7ades<\/span>\n          <span>Murs hauts<\/span>\n          <span>Escaliers<\/span>\n        <\/div>\n      <\/aside>\n    <\/div>\n  <\/section>\n\n  <!-- CE QUE LA HAUTEUR CHANGE -->\n  <section class=\"mc-section\" aria-labelledby=\"mc-change-title\">\n    <div class=\"mc-wrap\">\n\n      <div class=\"mc-change__head mc-reveal\">\n        <div>\n          <span class=\"mc-kicker\">Un chantier diff\u00e9rent<\/span>\n          <h2 class=\"mc-title mc-title--m\" id=\"mc-change-title\">\n            En hauteur, la qualit\u00e9 d\u00e9pend autant de l&rsquo;acc\u00e8s que du geste.\n          <\/h2>\n        <\/div>\n\n        <p class=\"mc-lead\">\n          Une zone difficile d&rsquo;acc\u00e8s ne doit pas devenir une zone trait\u00e9e rapidement.\n          La pr\u00e9paration et la finition doivent rester r\u00e9guli\u00e8res du bas jusqu&rsquo;aux parties les plus hautes.\n        <\/p>\n      <\/div>\n\n      <div class=\"mc-change__grid\">\n        <article class=\"mc-change-card mc-scroll-card\" style=\"--mc-delay:0ms\">\n          <b>01<\/b>\n          <h3>Pr\u00e9parer l&rsquo;acc\u00e8s<\/h3>\n          <p>\n            La configuration du b\u00e2timent et de ses abords d\u00e9termine l&rsquo;organisation n\u00e9cessaire pour atteindre correctement la zone \u00e0 traiter.\n          <\/p>\n        <\/article>\n\n        <article class=\"mc-change-card mc-scroll-card\" style=\"--mc-delay:80ms\">\n          <b>02<\/b>\n          <h3>Prot\u00e9ger les abords<\/h3>\n          <p>\n            Les zones de passage, menuiseries, sols et \u00e9l\u00e9ments voisins sont prot\u00e9g\u00e9s avant les travaux de pr\u00e9paration et de peinture.\n          <\/p>\n        <\/article>\n\n        <article class=\"mc-change-card mc-scroll-card\" style=\"--mc-delay:160ms\">\n          <b>03<\/b>\n          <h3>Garder une finition homog\u00e8ne<\/h3>\n          <p>\n            Les raccords, angles et reprises sont contr\u00f4l\u00e9s pour conserver le m\u00eame rendu sur l&rsquo;ensemble de la surface.\n          <\/p>\n        <\/article>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ACCESS -->\n  <section class=\"mc-section mc-access\" aria-labelledby=\"mc-access-title\">\n    <div class=\"mc-wrap mc-access__grid\">\n\n      <div class=\"mc-access__media mc-reveal\" data-mc-reveal=\"left\">\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 sur une maison\">\n\n        <div class=\"mc-access__badge\">\n          <strong>Chaque acc\u00e8s se pr\u00e9pare.<\/strong>\n          <span>Configuration \u00b7 abords \u00b7 support \u00b7 finition<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"mc-reveal\" data-mc-reveal=\"right\">\n        <span class=\"mc-kicker\">Organisation du chantier<\/span>\n\n        <h2 class=\"mc-title mc-title--m\" id=\"mc-access-title\">\n          Le bon moyen d&rsquo;acc\u00e8s d\u00e9pend du lieu, pas seulement de la hauteur.\n        <\/h2>\n\n        <p class=\"mc-lead\">\n          Avant l&rsquo;intervention, nous prenons en compte la hauteur, le recul disponible,\n          la nature du sol, les obstacles \u00e9ventuels et la surface \u00e0 traiter.\n        <\/p>\n\n        <div class=\"mc-access-list\">\n          <div class=\"mc-access-row mc-scroll-card\">\n            <b>01<\/b>\n            <div>\n              <strong>Rep\u00e9rer la zone<\/strong>\n              <p>Hauteur, largeur, angles, obstacles et surfaces adjacentes sont observ\u00e9s avant l&rsquo;organisation du chantier.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"mc-access-row mc-scroll-card\">\n            <b>02<\/b>\n            <div>\n              <strong>Pr\u00e9voir les protections<\/strong>\n              <p>Les abords et \u00e9l\u00e9ments sensibles sont int\u00e9gr\u00e9s \u00e0 la pr\u00e9paration avant peinture.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"mc-access-row mc-scroll-card\">\n            <b>03<\/b>\n            <div>\n              <strong>Adapter l&rsquo;intervention<\/strong>\n              <p>Le mode d&rsquo;acc\u00e8s et l&rsquo;organisation sont choisis selon la configuration r\u00e9elle du chantier.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <a class=\"mc-btn mc-btn--dark\" href=\"\/peintre\/contact\/\">\n          Faire \u00e9tudier mon chantier\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- PROCESS -->\n  <section class=\"mc-section mc-process-section\" 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          Une intervention pens\u00e9e du sol jusqu&rsquo;au dernier m\u00e8tre.\n        <\/h2>\n        <p class=\"mc-lead\">\n          Les zones hautes suivent la m\u00eame exigence que le reste du chantier :\n          analyser, prot\u00e9ger, pr\u00e9parer, appliquer et contr\u00f4ler.\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\">01<\/span>\n          <h3>Rep\u00e9rage<\/h3>\n          <p>Analyse de la zone, du support, des hauteurs et des contraintes d&rsquo;acc\u00e8s.<\/p>\n        <\/article>\n\n        <article class=\"mc-step\">\n          <span class=\"mc-step__dot\">02<\/span>\n          <h3>Organisation<\/h3>\n          <p>Pr\u00e9paration de l&rsquo;intervention en fonction de la configuration du b\u00e2timent et de ses abords.<\/p>\n        <\/article>\n\n        <article class=\"mc-step\">\n          <span class=\"mc-step__dot\">03<\/span>\n          <h3>Protections<\/h3>\n          <p>Protection des sols, menuiseries, zones de passage et surfaces qui ne doivent pas \u00eatre peintes.<\/p>\n        <\/article>\n\n        <article class=\"mc-step\">\n          <span class=\"mc-step__dot\">04<\/span>\n          <h3>Pr\u00e9paration<\/h3>\n          <p>Nettoyage, reprises et pr\u00e9paration du support avant l&rsquo;application de la finition.<\/p>\n        <\/article>\n\n        <article class=\"mc-step\">\n          <span class=\"mc-step__dot\">05<\/span>\n          <h3>Application<\/h3>\n          <p>Mise en peinture en conservant une application r\u00e9guli\u00e8re sur les parties basses comme sur les parties hautes.<\/p>\n        <\/article>\n\n        <article class=\"mc-step\">\n          <span class=\"mc-step__dot\">06<\/span>\n          <h3>Contr\u00f4le<\/h3>\n          <p>V\u00e9rification des raccords, angles, reprises visibles et homog\u00e9n\u00e9it\u00e9 g\u00e9n\u00e9rale avant nettoyage.<\/p>\n        <\/article>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- CASES -->\n  <section class=\"mc-section\" id=\"interventions\" aria-labelledby=\"mc-cases-title\">\n    <div class=\"mc-wrap\">\n\n      <div class=\"mc-cases__head mc-reveal\">\n        <div>\n          <span class=\"mc-kicker\">Zones d&rsquo;intervention<\/span>\n          <h2 class=\"mc-title mc-title--m\" id=\"mc-cases-title\">\n            Des hauteurs diff\u00e9rentes. La m\u00eame exigence.\n          <\/h2>\n        <\/div>\n\n        <p class=\"mc-lead\">\n          La prestation peut concerner un ext\u00e9rieur complet ou seulement certaines zones\n          que leur position rend plus difficiles \u00e0 pr\u00e9parer et \u00e0 peindre.\n        <\/p>\n      <\/div>\n\n      <div class=\"mc-cases-grid\">\n        <a class=\"mc-case mc-scroll-card\" href=\"\/peintre\/ravalement-de-facade\/\">\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 de maison n\u00e9cessitant des travaux en hauteur\">\n          <div>\n            <strong>Fa\u00e7ades &#038; pignons<\/strong>\n            <span>Grandes surfaces ext\u00e9rieures \u2197<\/span>\n          <\/div>\n        <\/a>\n\n        <a class=\"mc-case 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=\"Volets et boiseries ext\u00e9rieures \u00e0 peindre\">\n          <div>\n            <strong>Volets &#038; boiseries<\/strong>\n            <span>\u00c9l\u00e9ments en hauteur \u2197<\/span>\n          <\/div>\n        <\/a>\n\n        <a class=\"mc-case mc-scroll-card\" href=\"\/peintre\/peinture-de-locaux-professionnels\/\">\n          <img\n            src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/08-locaux-professionnels.webp\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"Locaux professionnels avec surfaces \u00e0 peindre\">\n          <div>\n            <strong>Locaux professionnels<\/strong>\n            <span>Volumes et murs hauts \u2197<\/span>\n          <\/div>\n        <\/a>\n\n        <a class=\"mc-case 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=\"Artisan r\u00e9alisant une peinture ext\u00e9rieure\">\n          <div>\n            <strong>Peinture ext\u00e9rieure<\/strong>\n            <span>Murs, fa\u00e7ades et supports expos\u00e9s \u2197<\/span>\n          <\/div>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- WHEN -->\n  <section class=\"mc-section mc-when\" aria-labelledby=\"mc-when-title\">\n    <div class=\"mc-wrap mc-when__grid\">\n\n      <div class=\"mc-reveal\" data-mc-reveal=\"left\">\n        <span class=\"mc-kicker\">Votre projet<\/span>\n        <h2 class=\"mc-title mc-title--m\" id=\"mc-when-title\">\n          Vous n&rsquo;avez pas besoin de conna\u00eetre la solution d&rsquo;acc\u00e8s \u00e0 l&rsquo;avance.\n        <\/h2>\n        <p class=\"mc-lead\">\n          Une photo d&rsquo;ensemble et quelques informations sur la zone peuvent d\u00e9j\u00e0 aider\n          \u00e0 comprendre la configuration avant d&rsquo;organiser la suite.\n        <\/p>\n      <\/div>\n\n      <aside class=\"mc-when__panel mc-reveal\" data-mc-reveal=\"right\">\n        <h3>Montrez-nous simplement la zone \u00e0 atteindre.<\/h3>\n        <p>\n          Hauteur approximative, acc\u00e8s autour du b\u00e2timent, surface concern\u00e9e et \u00e9tat du support :\n          ces \u00e9l\u00e9ments permettent de pr\u00e9parer un premier \u00e9change plus utile.\n        <\/p>\n\n        <div class=\"mc-when__chips\">\n          <span>Pignon<\/span>\n          <span>Fa\u00e7ade<\/span>\n          <span>Mur haut<\/span>\n          <span>Cage d&rsquo;escalier<\/span>\n          <span>Boiseries<\/span>\n          <span>Local professionnel<\/span>\n        <\/div>\n      <\/aside>\n\n    <\/div>\n  <\/section>\n\n  <!-- RELATED -->\n  <section class=\"mc-section\" aria-labelledby=\"mc-related-title\">\n    <div class=\"mc-wrap\">\n\n      <span class=\"mc-kicker\">Prestations li\u00e9es<\/span>\n      <h2 class=\"mc-title mc-title--m\" id=\"mc-related-title\">\n        Un chantier en hauteur s&rsquo;int\u00e8gre souvent \u00e0 une r\u00e9novation ext\u00e9rieure plus large.\n      <\/h2>\n\n      <div class=\"mc-related__grid\">\n        <a class=\"mc-related-card mc-scroll-card\" href=\"\/peintre\/ravalement-de-facade\/\">\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=\"Ravalement de fa\u00e7ade\">\n          <div>\n            <strong>Ravalement de fa\u00e7ade<\/strong>\n            <span>Pr\u00e9paration, reprises et finition \u2197<\/span>\n          <\/div>\n        <\/a>\n\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=\"Peinture ext\u00e9rieure de fa\u00e7ade\">\n          <div>\n            <strong>Peinture ext\u00e9rieure<\/strong>\n            <span>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 de volets et boiseries\">\n          <div>\n            <strong>Volets &#038; boiseries<\/strong>\n            <span>Pr\u00e9paration et remise en peinture \u2197<\/span>\n          <\/div>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- FAQ -->\n  <section class=\"mc-section mc-section--tight\" 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 fr\u00e9quentes avant une peinture en hauteur.\n        <\/h2>\n        <p class=\"mc-lead\">\n          L&rsquo;acc\u00e8s est seulement une partie du projet :\n          l&rsquo;\u00e9tat du support et la finition souhait\u00e9e restent essentiels.\n        <\/p>\n      <\/div>\n\n      <div class=\"mc-faqdetails\">\n        <details class=\"mc-scroll-card\">\n          <summary>Quels types de zones peuvent \u00eatre concern\u00e9s ?<\/summary>\n          <p>\n            Pignons, fa\u00e7ades, murs hauts, cages d&rsquo;escalier, boiseries et certains volumes professionnels,\n            selon la configuration r\u00e9elle du chantier.\n          <\/p>\n        <\/details>\n\n        <details class=\"mc-scroll-card\">\n          <summary>Comment savoir quel moyen d&rsquo;acc\u00e8s est n\u00e9cessaire ?<\/summary>\n          <p>\n            Le choix d\u00e9pend notamment de la hauteur, du recul disponible, des obstacles,\n            de la nature des abords et de la surface \u00e0 traiter.\n          <\/p>\n        <\/details>\n\n        <details class=\"mc-scroll-card\">\n          <summary>La pr\u00e9paration est-elle la m\u00eame qu&rsquo;au niveau du sol ?<\/summary>\n          <p>\n            L&rsquo;objectif reste le m\u00eame : obtenir un support propre et compatible avec la finition.\n            L&rsquo;organisation change surtout pour permettre de r\u00e9aliser correctement chaque \u00e9tape en hauteur.\n          <\/p>\n        <\/details>\n\n        <details class=\"mc-scroll-card\">\n          <summary>Pouvez-vous intervenir uniquement sur une partie haute ?<\/summary>\n          <p>\n            Oui, selon l&rsquo;\u00e9tat du support et la coh\u00e9rence de la finition existante.\n            Une \u00e9valuation permet de voir si une intervention localis\u00e9e est pertinente.\n          <\/p>\n        <\/details>\n\n        <details class=\"mc-scroll-card\">\n          <summary>Que faut-il envoyer pour une premi\u00e8re estimation ?<\/summary>\n          <p>\n            Des photos d&rsquo;ensemble, une vue des abords et une indication approximative de la hauteur\n            permettent d\u00e9j\u00e0 de mieux comprendre la configuration.\n          <\/p>\n        <\/details>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- 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\/07-peinture-hauteur.webp\"\n        loading=\"lazy\"\n        decoding=\"async\"\n        alt=\"Travaux professionnels de peinture en hauteur\">\n\n      <div class=\"mc-final__content\">\n        <span class=\"mc-kicker\" style=\"color:#efd2c1!important\">\n          Une zone difficile d&rsquo;acc\u00e8s ?\n        <\/span>\n\n        <h2 class=\"mc-title\" id=\"mc-final-title\">\n          Montrez-nous le chantier. Nous \u00e9tudions la meilleure fa\u00e7on de l&rsquo;aborder.\n        <\/h2>\n\n        <p>\n          Envoyez quelques photos, la zone concern\u00e9e et le r\u00e9sultat recherch\u00e9.\n          Nous pourrons pr\u00e9parer le premier \u00e9change et d\u00e9terminer les informations n\u00e9cessaires pour le devis.\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 PEINTURE EN HAUTEUR 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-height');\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    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 *\/\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\n      var progress = clamp(\n        (anchor - first) \/ Math.max(1, last - first),\n        0,\n        1\n      );\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 parallax *\/\n    if (!reduceMotion) {\n      var images = Array.prototype.slice.call(\n        root.querySelectorAll('.mc-access__media 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>Peinture en hauteur \u00b7 acc\u00e8s difficiles Atteindre les zones hautes. Sans sacrifier la finition. Pignons, murs \u00e9lev\u00e9s, cages d&rsquo;escalier, fa\u00e7ades et zones difficiles d&rsquo;acc\u00e8s : chaque chantier est organis\u00e9 selon la configuration du lieu, le support et la finition \u00e0 r\u00e9aliser. Demander un devis \u2192 Voir les interventions La hauteur change l&rsquo;organisation du chantier. Acc\u00e8s, [&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-46","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\/46","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=46"}],"version-history":[{"count":3,"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":123,"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/pages\/46\/revisions\/123"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}