{"id":27,"date":"2026-08-11T17:05:40","date_gmt":"2026-08-11T15:05:40","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/peintre\/?page_id=27"},"modified":"2026-09-16T15:58:27","modified_gmt":"2026-09-16T13:58:27","slug":"services","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/peintre\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<!--\nMAISON CHROMATIQUE \u2014 PAGE SERVICES\n\u00c0 coller dans UN SEUL bloc Gutenberg \u00ab HTML personnalis\u00e9 \u00bb.\nCompatible Blocksy \/ WordPress.\nAucun header, menu ou footer inclus.\n-->\n\n<style>\n\/* =========================================================\n   BASE \/ VARIABLES\n   ========================================================= *\/\n#mc-services-page {\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-services-page,\n#mc-services-page *,\n#mc-services-page *::before,\n#mc-services-page *::after { box-sizing:border-box!important; }\n\n#mc-services-page img {\n  display:block!important;\n  width:100%;\n  max-width:100%!important;\n  height:auto;\n  border:0!important;\n}\n\n#mc-services-page a {\n  color:inherit;\n  text-decoration:none!important;\n}\n\n#mc-services-page h1,\n#mc-services-page h2,\n#mc-services-page h3,\n#mc-services-page p,\n#mc-services-page figure { margin-top:0; }\n\n#mc-services-page :focus-visible {\n  outline:3px solid rgba(181,93,58,.42)!important;\n  outline-offset:4px;\n}\n\n#mc-services-page .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-services-page .mc-section {\n  position:relative;\n  padding:92px 0;\n}\n\n#mc-services-page .mc-section--tight { padding:68px 0; }\n\n#mc-services-page .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-services-page .mc-kicker::before {\n  content:\"\";\n  width:28px;\n  height:1px;\n  background:currentColor;\n}\n\n#mc-services-page .mc-title {\n  color:var(--mc-ink)!important;\n  font-family:var(--mc-serif)!important;\n  font-size:clamp(2.4rem,5vw,4.8rem)!important;\n  font-weight:500!important;\n  letter-spacing:-.04em!important;\n  line-height:.98!important;\n  margin:11px 0 18px!important;\n  text-transform:none!important;\n}\n\n#mc-services-page .mc-title--m {\n  font-size:clamp(2.1rem,4vw,3.55rem)!important;\n}\n\n#mc-services-page .mc-lead {\n  color:var(--mc-text)!important;\n  font-size:clamp(1rem,1.4vw,1.12rem)!important;\n  line-height:1.68!important;\n  max-width:680px;\n  margin-bottom:0!important;\n}\n\n\/* =========================================================\n   ANIMATIONS PREMIUM\n   ========================================================= *\/\n#mc-services-page .mc-reveal,\n#mc-services-page .mc-scroll-card {\n  opacity:1;\n  visibility:visible;\n  transform:none;\n}\n\n#mc-services-page.mc-motion-ready .mc-reveal,\n#mc-services-page.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-services-page.mc-motion-ready .mc-reveal[data-mc-reveal=\"left\"] {\n  transform:translate3d(-36px,0,0) scale(.99);\n}\n\n#mc-services-page.mc-motion-ready .mc-reveal[data-mc-reveal=\"right\"] {\n  transform:translate3d(36px,0,0) scale(.99);\n}\n\n#mc-services-page.mc-motion-ready .mc-reveal[data-mc-reveal=\"scale\"] {\n  transform:scale(.955);\n}\n\n#mc-services-page.mc-motion-ready .mc-reveal.is-visible,\n#mc-services-page.mc-motion-ready .mc-scroll-card.is-visible {\n  opacity:1;\n  transform:none;\n}\n\n@supports (animation-timeline:view()) {\n  #mc-services-page:not(.mc-motion-ready) .mc-reveal,\n  #mc-services-page:not(.mc-motion-ready) .mc-scroll-card {\n    animation:mc-services-reveal linear both;\n    animation-timeline:view();\n    animation-range:entry 6% cover 30%;\n  }\n}\n\n@keyframes mc-services-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-services-page .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-services-page .mc-btn:hover { transform:translateY(-2px); }\n\n#mc-services-page .mc-btn--accent {\n  background:var(--mc-accent)!important;\n  color:#fff!important;\n  border-color:var(--mc-accent)!important;\n}\n\n#mc-services-page .mc-btn--accent:hover {\n  background:var(--mc-accent-dark)!important;\n  border-color:var(--mc-accent-dark)!important;\n}\n\n#mc-services-page .mc-btn--dark {\n  background:var(--mc-ink)!important;\n  color:#fff!important;\n  border-color:var(--mc-ink)!important;\n}\n\n#mc-services-page .mc-btn--line {\n  background:transparent!important;\n  color:var(--mc-ink)!important;\n  border-color:var(--mc-line)!important;\n}\n\n#mc-services-page .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-services-page .mc-hero {\n  position:relative!important;\n  min-height:620px!important;\n  display:grid!important;\n  align-items:end!important;\n  overflow:hidden!important;\n  isolation:isolate;\n  background:#20251f!important;\n  color:#fff!important;\n}\n\n#mc-services-page .mc-hero__media {\n  position:absolute!important;\n  inset:0!important;\n  z-index:-3;\n  background:#2c342f;\n}\n\n#mc-services-page .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 52%!important;\n}\n\n#mc-services-page .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,.78) 42%,rgba(12,15,13,.30) 76%,rgba(12,15,13,.15) 100%);\n}\n\n#mc-services-page .mc-hero__inner {\n  display:grid!important;\n  grid-template-columns:minmax(0,760px) minmax(250px,1fr)!important;\n  gap:52px;\n  align-items:end;\n  padding:78px 0 50px!important;\n}\n\n#mc-services-page .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-services-page .mc-hero__eyebrow::before {\n  content:\"\";\n  width:34px;\n  height:1px;\n  background:currentColor;\n}\n\n#mc-services-page .mc-hero h1 {\n  color:#fff!important;\n  font-family:var(--mc-serif)!important;\n  font-size:clamp(3.7rem,7vw,6.7rem)!important;\n  font-weight:500!important;\n  letter-spacing:-.05em!important;\n  line-height:.9!important;\n  max-width:850px!important;\n  margin:0 0 24px!important;\n  text-transform:none!important;\n}\n\n#mc-services-page .mc-hero h1 em {\n  color:#efd2c1!important;\n  font-weight:500;\n}\n\n#mc-services-page .mc-hero__copy {\n  color:rgba(255,255,255,.82)!important;\n  font-size:clamp(1rem,1.55vw,1.18rem)!important;\n  line-height:1.58!important;\n  max-width:680px;\n  margin:0 0 28px!important;\n}\n\n#mc-services-page .mc-hero__actions {\n  display:flex;\n  flex-wrap:wrap;\n  gap:11px;\n}\n\n#mc-services-page .mc-hero__side {\n  justify-self:end;\n  width:min(100%,320px);\n  padding:22px;\n  border:1px solid rgba(255,255,255,.18);\n  border-radius:24px;\n  background:rgba(24,29,25,.52);\n  box-shadow:0 20px 55px rgba(0,0,0,.18);\n  backdrop-filter:blur(6px);\n}\n\n#mc-services-page .mc-hero__side 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  margin-bottom:14px;\n}\n\n#mc-services-page .mc-hero__side p {\n  color:rgba(255,255,255,.66)!important;\n  font-size:13px!important;\n  margin:0!important;\n}\n\n#mc-services-page .mc-hero__mini {\n  display:flex;\n  flex-wrap:wrap;\n  gap:7px;\n  margin-top:18px;\n}\n\n#mc-services-page .mc-hero__mini span {\n  padding:7px 9px;\n  border:1px solid rgba(255,255,255,.18);\n  border-radius:999px;\n  color:#fff!important;\n  font-size:11px!important;\n}\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n#mc-services-page .mc-intro {\n  background:var(--mc-bg)!important;\n}\n\n#mc-services-page .mc-intro__grid {\n  display:grid;\n  grid-template-columns:.82fr 1.18fr;\n  gap:80px;\n  align-items:start;\n}\n\n#mc-services-page .mc-intro__aside {\n  position:sticky;\n  top:30px;\n}\n\n#mc-services-page .mc-intro__statement {\n  padding:34px;\n  border-radius:var(--mc-radius);\n  background:var(--mc-ink)!important;\n  color:#fff!important;\n}\n\n#mc-services-page .mc-intro__statement p {\n  color:#fff!important;\n  font-family:var(--mc-serif);\n  font-size:clamp(1.8rem,3vw,2.6rem)!important;\n  line-height:1.05!important;\n  margin:0 0 20px!important;\n}\n\n#mc-services-page .mc-intro__statement small {\n  color:rgba(255,255,255,.58)!important;\n}\n\n#mc-services-page .mc-intro__content {\n  display:grid;\n  gap:18px;\n}\n\n#mc-services-page .mc-intro__content p {\n  color:var(--mc-text)!important;\n  font-size:1rem!important;\n  line-height:1.75!important;\n  margin:0!important;\n}\n\n\/* =========================================================\n   NOS SAVOIR-FAIRE \u2014 BENTO PREMIUM V2\n   ========================================================= *\/\n#mc-services-page .mc-services-head {\n  display:grid;\n  grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);\n  align-items:end;\n  gap:54px;\n  margin-bottom:34px;\n}\n\n#mc-services-page .mc-services-head .mc-lead {\n  max-width:520px;\n  justify-self:end;\n}\n\n#mc-services-page .mc-services-note {\n  display:flex;\n  align-items:center;\n  gap:14px;\n  margin-top:18px;\n  color:var(--mc-text);\n  font-size:12px;\n  font-weight:700;\n}\n\n#mc-services-page .mc-services-note::before {\n  content:\"\";\n  width:42px;\n  height:1px;\n  background:var(--mc-line);\n}\n\n#mc-services-page .mc-services-grid {\n  display:grid;\n  grid-template-columns:repeat(12,minmax(0,1fr));\n  grid-auto-flow:dense;\n  gap:14px;\n}\n\n#mc-services-page .mc-service-card {\n  --mc-pos:center;\n  position:relative;\n  min-height:360px;\n  overflow:hidden;\n  isolation:isolate;\n  display:flex!important;\n  flex-direction:column;\n  justify-content:space-between;\n  padding:24px;\n  border:1px solid rgba(255,255,255,.18)!important;\n  border-radius:26px;\n  background:#303b35!important;\n  color:#fff!important;\n  box-shadow:0 16px 42px rgba(28,33,30,.08);\n  transition:\n    transform .38s cubic-bezier(.2,.72,.2,1),\n    box-shadow .38s ease,\n    border-color .38s ease!important;\n}\n\n#mc-services-page .mc-service-card:nth-child(1) {\n  grid-column:span 7;\n  min-height:455px;\n}\n\n#mc-services-page .mc-service-card:nth-child(2) {\n  grid-column:span 5;\n  min-height:455px;\n}\n\n#mc-services-page .mc-service-card:nth-child(3) {\n  grid-column:span 5;\n  min-height:350px;\n}\n\n#mc-services-page .mc-service-card:nth-child(4) {\n  grid-column:span 7;\n  min-height:350px;\n}\n\n#mc-services-page .mc-service-card:nth-child(5) {\n  grid-column:span 7;\n  min-height:390px;\n}\n\n#mc-services-page .mc-service-card:nth-child(6) {\n  grid-column:span 5;\n  min-height:390px;\n}\n\n#mc-services-page .mc-service-card:hover {\n  transform:translateY(-6px);\n  box-shadow:0 28px 70px rgba(28,33,30,.16);\n  border-color:rgba(255,255,255,.36)!important;\n}\n\n#mc-services-page .mc-service-card > img {\n  position:absolute!important;\n  inset:0!important;\n  z-index:-3;\n  width:100%!important;\n  height:100%!important;\n  object-fit:cover!important;\n  object-position:var(--mc-pos)!important;\n  transform:scale(1.012);\n  transition:transform .8s cubic-bezier(.2,.72,.2,1),filter .4s ease;\n}\n\n#mc-services-page .mc-service-card:hover > img {\n  transform:scale(1.055);\n}\n\n#mc-services-page .mc-service-card::before {\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:-2;\n  background:\n    linear-gradient(180deg,rgba(13,16,14,.16) 0%,rgba(13,16,14,.08) 34%,rgba(13,16,14,.82) 100%);\n}\n\n#mc-services-page .mc-service-card::after {\n  content:\"\";\n  position:absolute;\n  inset:auto 18px 16px;\n  z-index:-1;\n  height:48%;\n  border-radius:22px;\n  background:linear-gradient(to top,rgba(12,15,13,.20),transparent);\n  pointer-events:none;\n}\n\n#mc-services-page .mc-service-card__top {\n  display:flex;\n  align-items:flex-start;\n  justify-content:space-between;\n  gap:18px;\n}\n\n#mc-services-page .mc-service-card__num {\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:8px 11px;\n  border:1px solid rgba(255,255,255,.20);\n  border-radius:999px;\n  background:rgba(17,21,18,.35);\n  color:#fff!important;\n  backdrop-filter:blur(8px);\n  -webkit-backdrop-filter:blur(8px);\n  font-size:10px!important;\n  font-weight:850!important;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n#mc-services-page .mc-service-card__arrow {\n  display:grid;\n  place-items:center;\n  width:43px;\n  height:43px;\n  border:1px solid rgba(255,255,255,.36);\n  border-radius:50%;\n  background:rgba(17,21,18,.18);\n  color:#fff;\n  font-size:18px;\n  backdrop-filter:blur(6px);\n  -webkit-backdrop-filter:blur(6px);\n  transition:transform .28s ease,background-color .28s ease!important;\n}\n\n#mc-services-page .mc-service-card:hover .mc-service-card__arrow {\n  transform:translate(3px,-3px) rotate(4deg);\n  background:var(--mc-accent);\n  border-color:var(--mc-accent);\n}\n\n#mc-services-page .mc-service-card__body {\n  max-width:620px;\n}\n\n#mc-services-page .mc-service-card__meta {\n  display:block;\n  margin-bottom:7px;\n  color:#efd2c1!important;\n  font-size:11px!important;\n  font-weight:800!important;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n#mc-services-page .mc-service-card h2 {\n  color:#fff!important;\n  font-family:var(--mc-serif)!important;\n  font-size:clamp(2rem,3.4vw,3.25rem)!important;\n  font-weight:500!important;\n  line-height:.98!important;\n  letter-spacing:-.035em!important;\n  margin:0 0 10px!important;\n  text-transform:none!important;\n}\n\n#mc-services-page .mc-service-card p {\n  max-width:48ch;\n  color:rgba(255,255,255,.76)!important;\n  font-size:13px!important;\n  line-height:1.55!important;\n  margin:0!important;\n}\n\n#mc-services-page .mc-service-card__tags {\n  display:flex;\n  flex-wrap:wrap;\n  gap:6px;\n  margin-top:16px;\n}\n\n#mc-services-page .mc-service-card__tags span {\n  padding:6px 9px;\n  border:1px solid rgba(255,255,255,.16);\n  border-radius:999px;\n  background:rgba(255,255,255,.08);\n  color:#fff!important;\n  font-size:10px!important;\n  font-weight:750!important;\n  backdrop-filter:blur(5px);\n  -webkit-backdrop-filter:blur(5px);\n}\n\n\/* Bande compl\u00e9mentaire : permet d'utiliser les photos m\u00e9tier sans diluer les 6 services principaux. *\/\n#mc-services-page .mc-specialties {\n  margin-top:18px;\n  padding-top:24px;\n  border-top:1px solid var(--mc-line);\n}\n\n#mc-services-page .mc-specialties__head {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n  margin-bottom:15px;\n}\n\n#mc-services-page .mc-specialties__head strong {\n  color:var(--mc-ink)!important;\n  font-family:var(--mc-serif);\n  font-size:1.35rem;\n  font-weight:500;\n}\n\n#mc-services-page .mc-specialties__head span {\n  color:var(--mc-text)!important;\n  font-size:12px!important;\n}\n\n#mc-services-page .mc-specialties__grid {\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:10px;\n}\n\n#mc-services-page .mc-specialty {\n  position:relative;\n  min-height:170px;\n  overflow:hidden;\n  isolation:isolate;\n  display:flex!important;\n  align-items:flex-end;\n  padding:16px;\n  border-radius:18px;\n  background:#38413c;\n  color:#fff!important;\n}\n\n#mc-services-page .mc-specialty 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-services-page .mc-specialty::after {\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:-1;\n  background:linear-gradient(to top,rgba(13,16,14,.84),rgba(13,16,14,.08) 72%);\n}\n\n#mc-services-page .mc-specialty:hover img {\n  transform:scale(1.04);\n}\n\n#mc-services-page .mc-specialty span {\n  color:#fff!important;\n  font-size:13px!important;\n  font-weight:800!important;\n  line-height:1.25;\n}\n\n\/* =========================================================\n   DETAIL SERVICE SECTIONS\n   ========================================================= *\/\n#mc-services-page .mc-detail {\n  border-top:1px solid var(--mc-line);\n}\n\n#mc-services-page .mc-detail--dark {\n  background:var(--mc-ink)!important;\n  color:#fff!important;\n  border-top:0;\n}\n\n#mc-services-page .mc-detail__grid {\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:64px;\n  align-items:center;\n}\n\n#mc-services-page .mc-detail__grid--reverse .mc-detail__media {\n  order:2;\n}\n\n#mc-services-page .mc-detail__media {\n  position:relative;\n  min-height:520px;\n  overflow:hidden;\n  border-radius:30px;\n  background:#d8d2c7;\n  box-shadow:var(--mc-shadow);\n}\n\n#mc-services-page .mc-detail__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-services-page .mc-detail__content .mc-title {\n  margin-bottom:16px!important;\n}\n\n#mc-services-page .mc-detail--dark .mc-title {\n  color:#fff!important;\n}\n\n#mc-services-page .mc-detail--dark .mc-kicker {\n  color:#efd2c1!important;\n}\n\n#mc-services-page .mc-detail--dark .mc-lead {\n  color:rgba(255,255,255,.68)!important;\n}\n\n#mc-services-page .mc-list {\n  display:grid;\n  gap:10px;\n  margin:26px 0 28px;\n}\n\n#mc-services-page .mc-listitem {\n  display:grid;\n  grid-template-columns:34px 1fr;\n  gap:12px;\n  align-items:start;\n}\n\n#mc-services-page .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,.10);\n  color:var(--mc-accent);\n  font-style:normal;\n  font-weight:900;\n}\n\n#mc-services-page .mc-listitem strong {\n  display:block;\n  color:var(--mc-ink)!important;\n  font-size:14px!important;\n  margin-top:3px;\n}\n\n#mc-services-page .mc-listitem p {\n  color:var(--mc-text)!important;\n  font-size:13px!important;\n  margin:2px 0 0!important;\n}\n\n#mc-services-page .mc-detail--dark .mc-listitem i {\n  background:rgba(255,255,255,.10);\n  color:#efd2c1;\n}\n\n#mc-services-page .mc-detail--dark .mc-listitem strong { color:#fff!important; }\n#mc-services-page .mc-detail--dark .mc-listitem p { color:rgba(255,255,255,.60)!important; }\n\n\/* =========================================================\n   METHOD\n   ========================================================= *\/\n#mc-services-page .mc-method {\n  background:var(--mc-bg-soft)!important;\n}\n\n#mc-services-page .mc-method__head {\n  display:grid;\n  grid-template-columns:.95fr 1.05fr;\n  gap:60px;\n  align-items:end;\n  margin-bottom:36px;\n}\n\n#mc-services-page .mc-method__grid {\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:12px;\n}\n\n#mc-services-page .mc-method-card {\n  min-height:245px;\n  padding:24px;\n  border:1px solid var(--mc-line);\n  border-radius:22px;\n  background:var(--mc-card);\n}\n\n#mc-services-page .mc-method-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:52px;\n}\n\n#mc-services-page .mc-method-card h3 {\n  color:var(--mc-ink)!important;\n  font-family:var(--mc-serif)!important;\n  font-size:1.65rem!important;\n  font-weight:500!important;\n  line-height:1.05!important;\n  margin:0 0 9px!important;\n}\n\n#mc-services-page .mc-method-card p {\n  color:var(--mc-text)!important;\n  font-size:13px!important;\n  margin:0!important;\n}\n\n\/* =========================================================\n   CHOIX \/ CONSEIL\n   ========================================================= *\/\n#mc-services-page .mc-choice__grid {\n  display:grid;\n  grid-template-columns:.9fr 1.1fr;\n  gap:60px;\n  align-items:center;\n}\n\n#mc-services-page .mc-choice__panel {\n  padding:34px;\n  border-radius:28px;\n  background:var(--mc-sage)!important;\n  color:#fff!important;\n}\n\n#mc-services-page .mc-choice__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-services-page .mc-choice__panel p {\n  color:rgba(255,255,255,.72)!important;\n  margin:0!important;\n}\n\n#mc-services-page .mc-choice__chips {\n  display:flex;\n  flex-wrap:wrap;\n  gap:7px;\n  margin-top:22px;\n}\n\n#mc-services-page .mc-choice__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   CTA FINAL\n   ========================================================= *\/\n#mc-services-page .mc-final {\n  padding:0 0 34px;\n}\n\n#mc-services-page .mc-final__box {\n  position:relative;\n  min-height:460px;\n  overflow:hidden;\n  isolation:isolate;\n  display:grid;\n  align-items:end;\n  padding:52px;\n  border-radius:32px;\n  background:#26302a;\n  color:#fff!important;\n}\n\n#mc-services-page .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-services-page .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-services-page .mc-final__content {\n  max-width:760px;\n}\n\n#mc-services-page .mc-final .mc-title {\n  color:#fff!important;\n}\n\n#mc-services-page .mc-final p {\n  color:rgba(255,255,255,.74)!important;\n  max-width:590px;\n}\n\n#mc-services-page .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-services-page .mc-section { padding:76px 0; }\n\n  #mc-services-page .mc-hero__inner,\n  #mc-services-page .mc-intro__grid,\n  #mc-services-page .mc-detail__grid,\n  #mc-services-page .mc-method__head,\n  #mc-services-page .mc-choice__grid {\n    grid-template-columns:1fr!important;\n    gap:34px;\n  }\n\n  #mc-services-page .mc-hero__side {\n    justify-self:start;\n    width:100%;\n    max-width:none;\n  }\n\n  #mc-services-page .mc-intro__aside { position:static; }\n\n  #mc-services-page .mc-services-grid {\n    grid-template-columns:1fr 1fr;\n  }\n\n  #mc-services-page .mc-service-card,\n  #mc-services-page .mc-service-card:nth-child(n) {\n    grid-column:auto;\n  }\n\n  #mc-services-page .mc-service-card--image { min-height:330px; }\n\n  #mc-services-page .mc-detail__grid--reverse .mc-detail__media { order:0; }\n\n  #mc-services-page .mc-detail__media { min-height:430px; }\n\n  #mc-services-page .mc-method__grid { grid-template-columns:1fr 1fr; }\n}\n\n@media (max-width:640px) {\n  #mc-services-page .mc-wrap {\n    width:min(calc(100% - 24px),var(--mc-max))!important;\n  }\n\n  #mc-services-page .mc-section { padding:54px 0; }\n  #mc-services-page .mc-section--tight { padding:44px 0; }\n\n  #mc-services-page .mc-title {\n    font-size:clamp(2.2rem,11vw,3.4rem)!important;\n  }\n\n  #mc-services-page .mc-title--m {\n    font-size:clamp(2rem,10vw,2.9rem)!important;\n  }\n\n  #mc-services-page .mc-hero {\n    min-height:610px!important;\n  }\n\n  #mc-services-page .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,.26) 100%);\n  }\n\n  #mc-services-page .mc-hero__media img {\n    object-position:62% center!important;\n  }\n\n  #mc-services-page .mc-hero__inner {\n    padding:36px 0 22px!important;\n    gap:18px;\n  }\n\n  #mc-services-page .mc-hero h1 {\n    font-size:clamp(3rem,14vw,4.3rem)!important;\n    max-width:9ch!important;\n  }\n\n  #mc-services-page .mc-hero__copy {\n    font-size:.94rem!important;\n  }\n\n  #mc-services-page .mc-hero__side {\n    padding:15px 17px;\n    border-radius:18px;\n  }\n\n  #mc-services-page .mc-hero__side strong {\n    font-size:1.35rem!important;\n    margin-bottom:8px;\n  }\n\n  #mc-services-page .mc-btn {\n    min-height:46px;\n    padding:13px 16px!important;\n    font-size:13px!important;\n  }\n\n  #mc-services-page .mc-services-head {\n    display:block;\n    margin-bottom:22px;\n  }\n\n  #mc-services-page .mc-services-head .mc-lead {\n    margin-top:10px!important;\n  }\n\n  #mc-services-page .mc-services-grid {\n    grid-template-columns:1fr;\n    gap:10px;\n  }\n\n  #mc-services-page .mc-service-card,\n  #mc-services-page .mc-service-card--image {\n    min-height:245px;\n    padding:20px;\n    border-radius:20px;\n  }\n\n  #mc-services-page .mc-service-card h2 {\n    font-size:2rem!important;\n  }\n\n  #mc-services-page .mc-detail__media {\n    min-height:340px;\n    border-radius:22px;\n  }\n\n  #mc-services-page .mc-method__grid {\n    grid-template-columns:1fr 1fr;\n    gap:9px;\n  }\n\n  #mc-services-page .mc-method-card {\n    min-height:210px;\n    padding:18px;\n    border-radius:18px;\n  }\n\n  #mc-services-page .mc-method-card b {\n    margin-bottom:36px;\n  }\n\n  #mc-services-page .mc-method-card h3 {\n    font-size:1.4rem!important;\n  }\n\n  #mc-services-page .mc-choice__panel {\n    padding:24px;\n    border-radius:21px;\n  }\n\n  #mc-services-page .mc-final {\n    padding-bottom:18px;\n  }\n\n  #mc-services-page .mc-final__box {\n    min-height:400px;\n    padding:30px 22px;\n    border-radius:23px;\n  }\n\n  #mc-services-page .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-services-page .mc-method__grid { grid-template-columns:1fr; }\n}\n\n@media (prefers-reduced-motion:reduce) {\n  #mc-services-page *,\n  #mc-services-page *::before,\n  #mc-services-page *::after {\n    scroll-behavior:auto!important;\n    transition-duration:.01ms!important;\n    animation-duration:.01ms!important;\n  }\n}\n\n@media (max-width:980px) {\n  #mc-services-page .mc-services-head {\n    grid-template-columns:1fr;\n    gap:18px;\n  }\n  #mc-services-page .mc-services-head .mc-lead {\n    justify-self:start;\n    max-width:680px;\n  }\n  #mc-services-page .mc-specialties__grid {\n    grid-template-columns:1fr 1fr;\n  }\n}\n\n@media (max-width:640px) {\n  #mc-services-page .mc-service-card:nth-child(n) {\n    min-height:285px;\n  }\n  #mc-services-page .mc-service-card h2 {\n    font-size:2.15rem!important;\n  }\n  #mc-services-page .mc-service-card p {\n    font-size:12px!important;\n  }\n  #mc-services-page .mc-specialties__head {\n    display:block;\n  }\n  #mc-services-page .mc-specialties__head span {\n    display:block;\n    margin-top:5px;\n  }\n  #mc-services-page .mc-specialties__grid {\n    grid-template-columns:1fr 1fr;\n  }\n  #mc-services-page .mc-specialty {\n    min-height:145px;\n    padding:13px;\n  }\n  #mc-services-page .mc-specialty span {\n    font-size:11px!important;\n  }\n}\n\n<\/style>\n\n<div id=\"mc-services-page\">\n\n  <!-- HERO -->\n  <section class=\"mc-hero\" aria-labelledby=\"mc-services-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\/01-peintre-hero.webp\"\n        width=\"1800\"\n        height=\"1200\"\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\">Services peinture &#038; r\u00e9novation<\/div>\n        <h1 id=\"mc-services-hero-title\">Un savoir-faire complet pour <em>transformer<\/em> vos espaces.<\/h1>\n        <p class=\"mc-hero__copy\">\n          Peinture int\u00e9rieure, ext\u00e9rieure, r\u00e9novation, pl\u00e2trerie et rev\u00eatements :\n          chaque prestation repose sur la m\u00eame exigence de pr\u00e9paration, de propret\u00e9 et de finition.\n        <\/p>\n\n        <div class=\"mc-hero__actions\">\n          <a class=\"mc-btn mc-btn--accent\" href=\"\/peintre\/contact\/\">Demander un devis <span aria-hidden=\"true\">\u2192<\/span><\/a>\n          <a class=\"mc-btn mc-btn--lightline\" href=\"#nos-services\">D\u00e9couvrir les services<\/a>\n        <\/div>\n      <\/div>\n\n      <aside class=\"mc-hero__side\">\n        <strong>Du premier support \u00e0 la derni\u00e8re finition.<\/strong>\n        <p>Un interlocuteur unique pour coordonner les travaux d\u00e9coratifs et les remises en \u00e9tat.<\/p>\n        <div class=\"mc-hero__mini\" aria-label=\"Prestations\">\n          <span>Peinture<\/span>\n          <span>R\u00e9novation<\/span>\n          <span>Pl\u00e2trerie<\/span>\n          <span>Rev\u00eatements<\/span>\n        <\/div>\n      <\/aside>\n    <\/div>\n  <\/section>\n\n  <!-- INTRO -->\n  <section class=\"mc-section mc-section--tight mc-intro\">\n    <div class=\"mc-wrap mc-intro__grid\">\n      <div class=\"mc-intro__aside mc-reveal\" data-mc-reveal=\"left\">\n        <div class=\"mc-intro__statement\">\n          <p>\u00ab Le bon service n&rsquo;est pas celui qui ajoute une couche. C&rsquo;est celui qui traite le support correctement. \u00bb<\/p>\n          <small>Maison Chromatique \u2014 m\u00e9thode de travail<\/small>\n        <\/div>\n      <\/div>\n\n      <div class=\"mc-intro__content mc-reveal\" data-mc-reveal=\"right\">\n        <span class=\"mc-kicker\">Une approche globale<\/span>\n        <h2 class=\"mc-title mc-title--m\">Chaque projet commence par l&rsquo;\u00e9tat r\u00e9el de vos murs, sols et fa\u00e7ades.<\/h2>\n        <p>\n          Une belle peinture ne suffit pas si le support pr\u00e9sente des fissures, des d\u00e9fauts, des traces d&rsquo;humidit\u00e9\n          ou une ancienne finition mal adh\u00e9rente. Nous adaptons chaque intervention au support, \u00e0 la pi\u00e8ce,\n          \u00e0 son usage et au rendu attendu.\n        <\/p>\n        <p>\n          Cette approche permet de proposer la bonne prestation d\u00e8s le d\u00e9part : simple rafra\u00eechissement,\n          r\u00e9novation plus compl\u00e8te, reprise de pl\u00e2trerie ou pose d&rsquo;un rev\u00eatement d\u00e9coratif.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- NOS SAVOIR-FAIRE -->\n  <section class=\"mc-section\" id=\"nos-services\" aria-labelledby=\"mc-services-title\">\n    <div class=\"mc-wrap\">\n\n      <div class=\"mc-services-head mc-reveal\">\n        <div>\n          <span class=\"mc-kicker\">Nos savoir-faire<\/span>\n          <h2 class=\"mc-title mc-title--m\" id=\"mc-services-title\">Six m\u00e9tiers pour transformer un espace de A \u00e0 Z.<\/h2>\n          <div class=\"mc-services-note\">Chaque carte m\u00e8ne vers une prestation d\u00e9di\u00e9e.<\/div>\n        <\/div>\n        <p class=\"mc-lead\">\n          Peindre, r\u00e9parer, r\u00e9nover ou habiller un support : nous adaptons la m\u00e9thode au mat\u00e9riau,\n          \u00e0 l&rsquo;\u00e9tat existant et au rendu recherch\u00e9 pour conserver une finition coh\u00e9rente sur l&rsquo;ensemble du projet.\n        <\/p>\n      <\/div>\n\n      <div class=\"mc-services-grid\">\n\n        <a class=\"mc-service-card mc-scroll-card\"\n           href=\"\/peintre\/peinture-interieure\/\"\n           style=\"--mc-pos:center 48%;--mc-delay:0ms\">\n          <img\n            src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/peinture-interieure-artisan.webp\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"Artisan peintre appliquant une peinture int\u00e9rieure au rouleau\">\n          <div class=\"mc-service-card__top\">\n            <span class=\"mc-service-card__num\">01 \u00b7 Int\u00e9rieur<\/span>\n            <span class=\"mc-service-card__arrow\" aria-hidden=\"true\">\u2197<\/span>\n          <\/div>\n          <div class=\"mc-service-card__body\">\n            <span class=\"mc-service-card__meta\">Murs \u00b7 plafonds \u00b7 boiseries<\/span>\n            <h2>Peinture int\u00e9rieure<\/h2>\n            <p>Pr\u00e9paration des supports, mise en couleur et finitions mates, velours ou satin\u00e9es pour r\u00e9v\u00e9ler chaque pi\u00e8ce.<\/p>\n            <div class=\"mc-service-card__tags\"><span>Mat<\/span><span>Velours<\/span><span>Satin<\/span><span>D\u00e9coration<\/span><\/div>\n          <\/div>\n        <\/a>\n\n        <a class=\"mc-service-card mc-scroll-card\"\n           href=\"\/peintre\/peinture-exterieure\/\"\n           style=\"--mc-pos:center 46%;--mc-delay:80ms\">\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 appliqu\u00e9e sur une fa\u00e7ade\">\n          <div class=\"mc-service-card__top\">\n            <span class=\"mc-service-card__num\">02 \u00b7 Ext\u00e9rieur<\/span>\n            <span class=\"mc-service-card__arrow\" aria-hidden=\"true\">\u2197<\/span>\n          <\/div>\n          <div class=\"mc-service-card__body\">\n            <span class=\"mc-service-card__meta\">Fa\u00e7ades \u00b7 murs \u00b7 protections<\/span>\n            <h2>Peinture ext\u00e9rieure<\/h2>\n            <p>Des produits et une pr\u00e9paration adapt\u00e9s aux supports expos\u00e9s pour prot\u00e9ger et remettre en valeur l&rsquo;ext\u00e9rieur.<\/p>\n            <div class=\"mc-service-card__tags\"><span>Fa\u00e7ades<\/span><span>Boiseries<\/span><span>Murets<\/span><\/div>\n          <\/div>\n        <\/a>\n\n        <a class=\"mc-service-card mc-scroll-card\"\n           href=\"\/peintre\/renovation\/\"\n           style=\"--mc-pos:center 50%;--mc-delay:120ms\">\n          <img\n            src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/renovation-interieure.webp\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"Int\u00e9rieur en cours de r\u00e9novation\">\n          <div class=\"mc-service-card__top\">\n            <span class=\"mc-service-card__num\">03 \u00b7 R\u00e9novation<\/span>\n            <span class=\"mc-service-card__arrow\" aria-hidden=\"true\">\u2197<\/span>\n          <\/div>\n          <div class=\"mc-service-card__body\">\n            <span class=\"mc-service-card__meta\">Remise en \u00e9tat \u00b7 modernisation<\/span>\n            <h2>R\u00e9novation<\/h2>\n            <p>Une remise \u00e0 niveau des surfaces et des finitions pour redonner une coh\u00e9rence compl\u00e8te \u00e0 l&rsquo;int\u00e9rieur.<\/p>\n            <div class=\"mc-service-card__tags\"><span>Reprises<\/span><span>Modernisation<\/span><span>Finitions<\/span><\/div>\n          <\/div>\n        <\/a>\n\n        <a class=\"mc-service-card mc-scroll-card\"\n           href=\"\/peintre\/platrerie\/\"\n           style=\"--mc-pos:center 52%;--mc-delay:160ms\">\n          <img\n            src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/platrerie-preparation-mur.webp\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"Pr\u00e9paration et enduit d'un mur avant peinture\">\n          <div class=\"mc-service-card__top\">\n            <span class=\"mc-service-card__num\">04 \u00b7 Supports<\/span>\n            <span class=\"mc-service-card__arrow\" aria-hidden=\"true\">\u2197<\/span>\n          <\/div>\n          <div class=\"mc-service-card__body\">\n            <span class=\"mc-service-card__meta\">Enduit \u00b7 lissage \u00b7 pr\u00e9paration<\/span>\n            <h2>Pl\u00e2trerie<\/h2>\n            <p>Reprises, enduits et lissage pour repartir sur des murs propres avant l&rsquo;application de la finition.<\/p>\n            <div class=\"mc-service-card__tags\"><span>Enduits<\/span><span>Lissage<\/span><span>R\u00e9parations<\/span><\/div>\n          <\/div>\n        <\/a>\n\n        <a class=\"mc-service-card mc-scroll-card\"\n           href=\"\/peintre\/revetements\/\"\n           style=\"--mc-pos:center 48%;--mc-delay:200ms\">\n          <img\n            src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/revetement-mural-papier-peint.webp\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"Rev\u00eatement mural d\u00e9coratif et papier peint dans une pi\u00e8ce int\u00e9rieure\">\n          <div class=\"mc-service-card__top\">\n            <span class=\"mc-service-card__num\">05 \u00b7 Murs<\/span>\n            <span class=\"mc-service-card__arrow\" aria-hidden=\"true\">\u2197<\/span>\n          <\/div>\n          <div class=\"mc-service-card__body\">\n            <span class=\"mc-service-card__meta\">Papier peint \u00b7 d\u00e9cors \u00b7 textures<\/span>\n            <h2>Rev\u00eatements muraux<\/h2>\n            <p>Des mati\u00e8res et motifs qui compl\u00e8tent la peinture et donnent davantage de caract\u00e8re aux volumes.<\/p>\n            <div class=\"mc-service-card__tags\"><span>Papier peint<\/span><span>Textures<\/span><span>D\u00e9coration<\/span><\/div>\n          <\/div>\n        <\/a>\n\n        <a class=\"mc-service-card mc-scroll-card\"\n           href=\"\/peintre\/revetements\/\"\n           style=\"--mc-pos:center 58%;--mc-delay:240ms\">\n          <img\n            src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/pose-revetement-sol.webp\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"Pose professionnelle d'un rev\u00eatement de sol\">\n          <div class=\"mc-service-card__top\">\n            <span class=\"mc-service-card__num\">06 \u00b7 Sols<\/span>\n            <span class=\"mc-service-card__arrow\" aria-hidden=\"true\">\u2197<\/span>\n          <\/div>\n          <div class=\"mc-service-card__body\">\n            <span class=\"mc-service-card__meta\">Pose \u00b7 harmonie \u00b7 finitions<\/span>\n            <h2>Rev\u00eatements de sol<\/h2>\n            <p>Des sols pens\u00e9s avec les murs et la lumi\u00e8re pour finaliser la transformation de la pi\u00e8ce.<\/p>\n            <div class=\"mc-service-card__tags\"><span>Pose<\/span><span>D\u00e9cor<\/span><span>Harmonie<\/span><\/div>\n          <\/div>\n        <\/a>\n\n      <\/div>\n\n      <div class=\"mc-specialties mc-reveal\">\n        <div class=\"mc-specialties__head\">\n          <strong>Et aussi, selon le projet<\/strong>\n          <span>Des interventions compl\u00e9mentaires autour de la peinture et de la r\u00e9novation.<\/span>\n        <\/div>\n\n        <div class=\"mc-specialties__grid\">\n          <a class=\"mc-specialty mc-scroll-card\" href=\"\/peintre\/peinture-exterieure\/\">\n            <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/04-ravalement-facade.webp\"\n                 loading=\"lazy\" decoding=\"async\" alt=\"Travaux de ravalement et remise en peinture d'une fa\u00e7ade\">\n            <span>Ravalement &#038; fa\u00e7ade \u2197<\/span>\n          <\/a>\n\n          <a class=\"mc-specialty mc-scroll-card\" href=\"\/peintre\/peinture-exterieure\/\">\n            <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/06-volets-boiseries.webp\"\n                 loading=\"lazy\" decoding=\"async\" alt=\"Peinture et r\u00e9novation de volets et boiseries\">\n            <span>Volets &#038; boiseries \u2197<\/span>\n          <\/a>\n\n          <a class=\"mc-specialty mc-scroll-card\" href=\"\/peintre\/peinture-exterieure\/\">\n            <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/07-peinture-hauteur.webp\"\n                 loading=\"lazy\" decoding=\"async\" alt=\"Travaux de peinture r\u00e9alis\u00e9s en hauteur\">\n            <span>Peinture en hauteur \u2197<\/span>\n          <\/a>\n\n          <a class=\"mc-specialty mc-scroll-card\" href=\"\/peintre\/contact\/\">\n            <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/08-locaux-professionnels.webp\"\n                 loading=\"lazy\" decoding=\"async\" alt=\"Peinture de locaux professionnels\">\n            <span>Locaux professionnels \u2197<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- DETAIL 1 -->\n  <section class=\"mc-section mc-detail\" aria-labelledby=\"mc-detail-1\">\n    <div class=\"mc-wrap mc-detail__grid\">\n\n      <div class=\"mc-detail__media mc-reveal\" data-mc-reveal=\"left\">\n        <img\n          src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/02-peinture-interieure.webp\"\n          width=\"1200\"\n          height=\"900\"\n          loading=\"lazy\"\n          decoding=\"async\"\n          alt=\"Int\u00e9rieur r\u00e9nov\u00e9 avec peinture claire\">\n      <\/div>\n\n      <div class=\"mc-detail__content mc-reveal\" data-mc-reveal=\"right\">\n        <span class=\"mc-kicker\">Peinture int\u00e9rieure<\/span>\n        <h2 class=\"mc-title mc-title--m\" id=\"mc-detail-1\">La couleur compte. La pr\u00e9paration encore plus.<\/h2>\n        <p class=\"mc-lead\">\n          Nous pr\u00e9parons chaque support avant d&rsquo;appliquer la finition adapt\u00e9e \u00e0 la pi\u00e8ce, \u00e0 la lumi\u00e8re et \u00e0 votre niveau d&rsquo;entretien souhait\u00e9.\n        <\/p>\n\n        <div class=\"mc-list\">\n          <div class=\"mc-listitem mc-scroll-card\"><i>\u2713<\/i><div><strong>Murs et plafonds<\/strong><p>Pr\u00e9paration et peinture pour pi\u00e8ces de vie, chambres, entr\u00e9es ou bureaux.<\/p><\/div><\/div>\n          <div class=\"mc-listitem mc-scroll-card\"><i>\u2713<\/i><div><strong>Boiseries et d\u00e9tails<\/strong><p>Portes, encadrements, plinthes et \u00e9l\u00e9ments d\u00e9coratifs.<\/p><\/div><\/div>\n          <div class=\"mc-listitem mc-scroll-card\"><i>\u2713<\/i><div><strong>Conseil finition<\/strong><p>Mat, velours ou satin selon la pi\u00e8ce et l&rsquo;effet recherch\u00e9.<\/p><\/div><\/div>\n        <\/div>\n\n        <a class=\"mc-btn mc-btn--dark\" href=\"\/peintre\/peinture-interieure\/\">Voir la peinture int\u00e9rieure<\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- DETAIL 2 -->\n  <section class=\"mc-section mc-detail mc-detail--dark\" aria-labelledby=\"mc-detail-2\">\n    <div class=\"mc-wrap mc-detail__grid mc-detail__grid--reverse\">\n\n      <div class=\"mc-detail__media mc-reveal\" data-mc-reveal=\"right\">\n        <img\n          src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/03-peinture-exterieure.webp\"\n          width=\"1200\"\n          height=\"900\"\n          loading=\"lazy\"\n          decoding=\"async\"\n          alt=\"Fa\u00e7ade ext\u00e9rieure r\u00e9nov\u00e9e\">\n      <\/div>\n\n      <div class=\"mc-detail__content mc-reveal\" data-mc-reveal=\"left\">\n        <span class=\"mc-kicker\">Peinture ext\u00e9rieure<\/span>\n        <h2 class=\"mc-title mc-title--m\" id=\"mc-detail-2\">Des supports expos\u00e9s demandent des solutions adapt\u00e9es.<\/h2>\n        <p class=\"mc-lead\">\n          L&rsquo;ext\u00e9rieur impose de prendre en compte l&rsquo;humidit\u00e9, l&rsquo;exposition, l&rsquo;\u00e9tat du support et la compatibilit\u00e9 des produits.\n        <\/p>\n\n        <div class=\"mc-list\">\n          <div class=\"mc-listitem mc-scroll-card\"><i>\u2713<\/i><div><strong>Pr\u00e9paration des supports<\/strong><p>Nettoyage, d\u00e9capage l\u00e9ger et reprises avant application.<\/p><\/div><\/div>\n          <div class=\"mc-listitem mc-scroll-card\"><i>\u2713<\/i><div><strong>Produits adapt\u00e9s<\/strong><p>Solutions choisies selon le mat\u00e9riau et l&rsquo;exposition.<\/p><\/div><\/div>\n          <div class=\"mc-listitem mc-scroll-card\"><i>\u2713<\/i><div><strong>Finition durable<\/strong><p>Application r\u00e9guli\u00e8re et contr\u00f4le des zones sensibles.<\/p><\/div><\/div>\n        <\/div>\n\n        <a class=\"mc-btn mc-btn--accent\" href=\"\/peintre\/peinture-exterieure\/\">Voir la peinture ext\u00e9rieure<\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- DETAIL 3 -->\n  <section class=\"mc-section mc-detail\" aria-labelledby=\"mc-detail-3\">\n    <div class=\"mc-wrap mc-detail__grid\">\n\n      <div class=\"mc-detail__media mc-reveal\" data-mc-reveal=\"scale\">\n        <img\n          src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/05-renovation-peinture.webp\"\n          width=\"1200\"\n          height=\"900\"\n          loading=\"lazy\"\n          decoding=\"async\"\n          alt=\"Pi\u00e8ce r\u00e9nov\u00e9e avec finitions contemporaines\">\n      <\/div>\n\n      <div class=\"mc-detail__content mc-reveal\">\n        <span class=\"mc-kicker\">R\u00e9novation &#038; pl\u00e2trerie<\/span>\n        <h2 class=\"mc-title mc-title--m\" id=\"mc-detail-3\">Quand repeindre ne suffit pas, on reprend le support.<\/h2>\n        <p class=\"mc-lead\">\n          D\u00e9fauts, fissures, anciens rev\u00eatements ou murs irr\u00e9guliers : certaines surfaces demandent une remise en \u00e9tat avant toute finition.\n        <\/p>\n\n        <div class=\"mc-list\">\n          <div class=\"mc-listitem mc-scroll-card\"><i>\u2713<\/i><div><strong>Reprises et enduits<\/strong><p>Correction des petits d\u00e9fauts, trous et irr\u00e9gularit\u00e9s.<\/p><\/div><\/div>\n          <div class=\"mc-listitem mc-scroll-card\"><i>\u2713<\/i><div><strong>Lissage<\/strong><p>Pr\u00e9paration d&rsquo;un support plus uniforme avant peinture.<\/p><\/div><\/div>\n          <div class=\"mc-listitem mc-scroll-card\"><i>\u2713<\/i><div><strong>Remise en \u00e9tat compl\u00e8te<\/strong><p>Coordination des diff\u00e9rentes \u00e9tapes jusqu&rsquo;\u00e0 la finition d\u00e9corative.<\/p><\/div><\/div>\n        <\/div>\n\n        <div style=\"display:flex;flex-wrap:wrap;gap:9px\">\n          <a class=\"mc-btn mc-btn--dark\" href=\"\/peintre\/renovation\/\">Voir la r\u00e9novation<\/a>\n          <a class=\"mc-btn mc-btn--line\" href=\"\/peintre\/platrerie\/\">Voir la pl\u00e2trerie<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- DETAIL 4 -->\n  <section class=\"mc-section mc-detail mc-detail--dark\" aria-labelledby=\"mc-detail-4\">\n    <div class=\"mc-wrap mc-detail__grid mc-detail__grid--reverse\">\n\n      <div class=\"mc-detail__media mc-reveal\" data-mc-reveal=\"right\">\n        <img\n          src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/revetement-mural-papier-peint.webp\"\n          width=\"1200\"\n          height=\"900\"\n          loading=\"lazy\"\n          decoding=\"async\"\n          alt=\"Mur d\u00e9coratif dans un int\u00e9rieur contemporain\">\n      <\/div>\n\n      <div class=\"mc-detail__content mc-reveal\" data-mc-reveal=\"left\">\n        <span class=\"mc-kicker\">Rev\u00eatements<\/span>\n        <h2 class=\"mc-title mc-title--m\" id=\"mc-detail-4\">Quand la mati\u00e8re devient une partie du d\u00e9cor.<\/h2>\n        <p class=\"mc-lead\">\n          Les rev\u00eatements muraux et de sol permettent de cr\u00e9er une ambiance plus marqu\u00e9e et de compl\u00e9ter la peinture avec des textures, motifs ou mati\u00e8res.\n        <\/p>\n\n        <div class=\"mc-list\">\n          <div class=\"mc-listitem mc-scroll-card\"><i>\u2713<\/i><div><strong>Rev\u00eatements muraux<\/strong><p>Papier peint et solutions d\u00e9coratives selon le support.<\/p><\/div><\/div>\n          <div class=\"mc-listitem mc-scroll-card\"><i>\u2713<\/i><div><strong>Rev\u00eatements de sol<\/strong><p>Solutions d\u00e9coratives et pratiques compatibles avec l&rsquo;usage de la pi\u00e8ce.<\/p><\/div><\/div>\n          <div class=\"mc-listitem mc-scroll-card\"><i>\u2713<\/i><div><strong>Harmonie globale<\/strong><p>Choix coordonn\u00e9 entre murs, sols, lumi\u00e8re et mobilier.<\/p><\/div><\/div>\n        <\/div>\n\n        <a class=\"mc-btn mc-btn--accent\" href=\"\/peintre\/revetements\/\">Voir les rev\u00eatements<\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- METHOD -->\n  <section class=\"mc-section mc-method\" aria-labelledby=\"mc-method-title\">\n    <div class=\"mc-wrap\">\n\n      <div class=\"mc-method__head mc-reveal\">\n        <div>\n          <span class=\"mc-kicker\">Notre m\u00e9thode<\/span>\n          <h2 class=\"mc-title mc-title--m\" id=\"mc-method-title\">Peu importe la prestation, la qualit\u00e9 suit les m\u00eames \u00e9tapes.<\/h2>\n        <\/div>\n        <p class=\"mc-lead\">\n          L&rsquo;objectif n&rsquo;est pas de travailler plus vite que le support ne le permet, mais de faire chaque \u00e9tape dans le bon ordre.\n        <\/p>\n      <\/div>\n\n      <div class=\"mc-method__grid\">\n        <article class=\"mc-method-card mc-scroll-card\" style=\"--mc-delay:0ms\">\n          <b>01<\/b>\n          <h3>Observer<\/h3>\n          <p>\u00c9tat du support, contraintes, usage de la pi\u00e8ce et rendu attendu.<\/p>\n        <\/article>\n\n        <article class=\"mc-method-card mc-scroll-card\" style=\"--mc-delay:80ms\">\n          <b>02<\/b>\n          <h3>Pr\u00e9parer<\/h3>\n          <p>Protection, nettoyage, reprises, pon\u00e7age et primaire si n\u00e9cessaire.<\/p>\n        <\/article>\n\n        <article class=\"mc-method-card mc-scroll-card\" style=\"--mc-delay:160ms\">\n          <b>03<\/b>\n          <h3>Appliquer<\/h3>\n          <p>Peinture ou rev\u00eatement avec le mat\u00e9riel et le produit adapt\u00e9s.<\/p>\n        <\/article>\n\n        <article class=\"mc-method-card mc-scroll-card\" style=\"--mc-delay:240ms\">\n          <b>04<\/b>\n          <h3>Contr\u00f4ler<\/h3>\n          <p>Raccords, angles, homog\u00e9n\u00e9it\u00e9, nettoyage et r\u00e9ception finale.<\/p>\n        <\/article>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- CONSEIL -->\n  <section class=\"mc-section\" aria-labelledby=\"mc-choice-title\">\n    <div class=\"mc-wrap mc-choice__grid\">\n\n      <div class=\"mc-reveal\" data-mc-reveal=\"left\">\n        <span class=\"mc-kicker\">Vous h\u00e9sitez ?<\/span>\n        <h2 class=\"mc-title mc-title--m\" id=\"mc-choice-title\">Pas besoin de conna\u00eetre le nom exact de la prestation.<\/h2>\n        <p class=\"mc-lead\">\n          Vous pouvez simplement nous expliquer ce que vous souhaitez changer, l&rsquo;\u00e9tat actuel des surfaces et le r\u00e9sultat recherch\u00e9.\n          Nous vous orientons ensuite vers la bonne solution.\n        <\/p>\n      <\/div>\n\n      <aside class=\"mc-choice__panel mc-reveal\" data-mc-reveal=\"right\">\n        <h3>D\u00e9crivez votre projet. Nous faisons le tri.<\/h3>\n        <p>\n          Une pi\u00e8ce \u00e0 rafra\u00eechir, un mur ab\u00eem\u00e9, une fa\u00e7ade \u00e0 reprendre ou une r\u00e9novation plus compl\u00e8te :\n          quelques informations suffisent pour pr\u00e9parer le premier \u00e9change.\n        <\/p>\n\n        <div class=\"mc-choice__chips\">\n          <span>Appartement<\/span>\n          <span>Maison<\/span>\n          <span>Pi\u00e8ce unique<\/span>\n          <span>R\u00e9novation compl\u00e8te<\/span>\n          <span>Int\u00e9rieur<\/span>\n          <span>Ext\u00e9rieur<\/span>\n        <\/div>\n      <\/aside>\n\n    <\/div>\n  <\/section>\n\n  <!-- CTA FINAL -->\n  <section class=\"mc-final\" aria-labelledby=\"mc-services-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\/05-renovation-peinture.webp\"\n        width=\"1600\"\n        height=\"900\"\n        loading=\"lazy\"\n        decoding=\"async\"\n        alt=\"Int\u00e9rieur r\u00e9nov\u00e9 avec finitions chaleureuses\">\n\n      <div class=\"mc-final__content\">\n        <span class=\"mc-kicker\" style=\"color:#efd2c1!important\">Votre projet commence ici<\/span>\n        <h2 class=\"mc-title\" id=\"mc-services-final-title\">Parlons du r\u00e9sultat que vous voulez obtenir.<\/h2>\n        <p>\n          Envoyez-nous votre besoin, les surfaces concern\u00e9es et quelques photos si vous en avez.\n          Nous pourrons vous orienter rapidement vers la prestation adapt\u00e9e.\n        <\/p>\n\n        <div class=\"mc-final__actions\">\n          <a class=\"mc-btn mc-btn--accent\" href=\"\/peintre\/contact\/\">Demander un devis<\/a>\n          <a class=\"mc-btn mc-btn--lightline\" href=\"tel:+33184000000\">01 84 00 00 00<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n\/* MAISON CHROMATIQUE \u2014 SERVICES V1\n   Si WordPress retire le <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-services-page');\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\n    } else {\n      items.forEach(function (el) {\n        el.classList.add('is-visible');\n      });\n    }\n\n    \/* Micro-parallaxe uniquement sur les grandes images *\/\n    if (!reduceMotion) {\n      var images = Array.prototype.slice.call(\n        root.querySelectorAll('.mc-detail__media img, .mc-final__box > img')\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 updateParallax() {\n        raf = 0;\n\n        images.forEach(function (img) {\n          var parent = img.parentElement;\n          if (!parent) return;\n\n          var rect = parent.getBoundingClientRect();\n          if (rect.bottom < 0 || rect.top > window.innerHeight) return;\n\n          var center = rect.top + rect.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 (!raf) raf = window.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>Services peinture &#038; r\u00e9novation Un savoir-faire complet pour transformer vos espaces. Peinture int\u00e9rieure, ext\u00e9rieure, r\u00e9novation, pl\u00e2trerie et rev\u00eatements : chaque prestation repose sur la m\u00eame exigence de pr\u00e9paration, de propret\u00e9 et de finition. Demander un devis \u2192 D\u00e9couvrir les services Du premier support \u00e0 la derni\u00e8re finition. Un interlocuteur unique pour coordonner les travaux d\u00e9coratifs [&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-27","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\/27","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=27"}],"version-history":[{"count":6,"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":121,"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/pages\/27\/revisions\/121"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}