{"id":36,"date":"2026-08-11T17:16:12","date_gmt":"2026-08-11T15:16:12","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/peintre\/?page_id=36"},"modified":"2026-09-16T17:03:42","modified_gmt":"2026-09-16T15:03:42","slug":"peinture-exterieure","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/peintre\/peinture-exterieure\/","title":{"rendered":"Peinture ext\u00e9rieure"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<!--\nMAISON CHROMATIQUE \u2014 PEINTURE EXT\u00c9RIEURE \/ 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#mc-exterior{\n  --mc-bg:#f5f1e9;--mc-bg-soft:#ebe4d9;--mc-card:#fffdf8;--mc-ink:#1c211e;\n  --mc-text:#59605b;--mc-accent:#b55d3a;--mc-accent-dark:#91462e;--mc-sage:#55675c;\n  --mc-line:rgba(28,33,30,.13);--mc-shadow:0 22px 60px rgba(28,33,30,.10);\n  --mc-radius:28px;--mc-max:1180px;--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  position:relative!important;display:block!important;visibility:visible!important;opacity:1!important;\n  width:100vw!important;max-width:100vw!important;left:50%!important;margin-left:-50vw!important;margin-right:-50vw!important;\n  overflow:hidden!important;background:var(--mc-bg)!important;color:var(--mc-ink)!important;font-family:var(--mc-sans)!important;line-height:1.55!important\n}\n#mc-exterior,#mc-exterior *,#mc-exterior *::before,#mc-exterior *::after{box-sizing:border-box!important}\n#mc-exterior img{display:block!important;width:100%;max-width:100%!important;height:auto;border:0!important}\n#mc-exterior a{color:inherit;text-decoration:none!important}\n#mc-exterior h1,#mc-exterior h2,#mc-exterior h3,#mc-exterior p,#mc-exterior figure{margin-top:0}\n#mc-exterior :focus-visible{outline:3px solid rgba(181,93,58,.42)!important;outline-offset:4px}\n#mc-exterior .mc-wrap{width:min(calc(100% - 40px),var(--mc-max))!important;max-width:var(--mc-max)!important;margin:0 auto!important}\n#mc-exterior .mc-section{position:relative;padding:92px 0}\n#mc-exterior .mc-section--tight{padding:66px 0}\n#mc-exterior .mc-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--mc-accent)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.13em;line-height:1.2;text-transform:uppercase}\n#mc-exterior .mc-kicker::before{content:\"\";width:28px;height:1px;background:currentColor}\n#mc-exterior .mc-title{color:var(--mc-ink)!important;font-family:var(--mc-serif)!important;font-size:clamp(2.35rem,5vw,4.85rem)!important;font-weight:500!important;letter-spacing:-.04em!important;line-height:.98!important;margin:10px 0 16px!important;text-transform:none!important}\n#mc-exterior .mc-title--m{font-size:clamp(2.1rem,4vw,3.65rem)!important}\n#mc-exterior .mc-lead{color:var(--mc-text)!important;font-size:clamp(1rem,1.4vw,1.12rem)!important;line-height:1.66!important;max-width:680px;margin-bottom:0!important}\n\n\/* motion *\/\n#mc-exterior .mc-reveal,#mc-exterior .mc-scroll-card{opacity:1;visibility:visible;transform:none}\n#mc-exterior.mc-motion-ready .mc-reveal,#mc-exterior.mc-motion-ready .mc-scroll-card{opacity:0;transform:translate3d(0,30px,0) scale(.985);transition:opacity .72s cubic-bezier(.2,.72,.2,1),transform .84s cubic-bezier(.2,.72,.2,1),box-shadow .35s ease,border-color .35s ease;transition-delay:var(--mc-delay,0ms);will-change:transform,opacity}\n#mc-exterior.mc-motion-ready .mc-reveal[data-mc-reveal=\"left\"]{transform:translate3d(-36px,0,0) scale(.99)}\n#mc-exterior.mc-motion-ready .mc-reveal[data-mc-reveal=\"right\"]{transform:translate3d(36px,0,0) scale(.99)}\n#mc-exterior.mc-motion-ready .mc-reveal.is-visible,#mc-exterior.mc-motion-ready .mc-scroll-card.is-visible{opacity:1;transform:none}\n@supports(animation-timeline:view()){#mc-exterior:not(.mc-motion-ready) .mc-reveal,#mc-exterior:not(.mc-motion-ready) .mc-scroll-card{animation:mc-ext-reveal linear both;animation-timeline:view();animation-range:entry 6% cover 30%}}\n@keyframes mc-ext-reveal{from{opacity:.18;transform:translate3d(0,28px,0) scale(.985)}to{opacity:1;transform:none}}\n\n\/* buttons *\/\n#mc-exterior .mc-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px;min-height:52px;padding:15px 22px!important;border:1px solid transparent!important;border-radius:999px!important;font-family:var(--mc-sans)!important;font-size:15px!important;font-weight:800!important;line-height:1!important;text-transform:none!important;box-shadow:none!important;transition:transform .2s ease,background-color .2s ease,border-color .2s ease!important}\n#mc-exterior .mc-btn:hover{transform:translateY(-2px)}\n#mc-exterior .mc-btn--accent{background:var(--mc-accent)!important;color:#fff!important;border-color:var(--mc-accent)!important}\n#mc-exterior .mc-btn--accent:hover{background:var(--mc-accent-dark)!important;border-color:var(--mc-accent-dark)!important}\n#mc-exterior .mc-btn--dark{background:var(--mc-ink)!important;color:#fff!important;border-color:var(--mc-ink)!important}\n#mc-exterior .mc-btn--lightline{background:rgba(18,22,19,.28)!important;color:#fff!important;border-color:rgba(255,255,255,.68)!important}\n\n\/* hero *\/\n#mc-exterior .mc-hero{position:relative!important;min-height:700px!important;overflow:hidden!important;isolation:isolate;display:grid!important;align-items:end!important;background:#283028!important;color:#fff!important}\n#mc-exterior .mc-hero__media{position:absolute!important;inset:0!important;z-index:-3}\n#mc-exterior .mc-hero__media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 48%!important}\n#mc-exterior .mc-hero__overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(11,14,12,.95) 0%,rgba(11,14,12,.78) 39%,rgba(11,14,12,.34) 72%,rgba(11,14,12,.10) 100%)}\n#mc-exterior .mc-hero__inner{display:grid!important;grid-template-columns:minmax(0,790px) minmax(240px,1fr)!important;gap:56px;align-items:end;padding:84px 0 50px!important}\n#mc-exterior .mc-hero__eyebrow{display:flex;align-items:center;gap:10px;color:#edd8cc!important;font-size:12px!important;font-weight:800!important;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}\n#mc-exterior .mc-hero__eyebrow::before{content:\"\";width:34px;height:1px;background:currentColor}\n#mc-exterior .mc-hero h1{color:#fff!important;font-family:var(--mc-serif)!important;font-size:clamp(3.65rem,7vw,6.8rem)!important;font-weight:500!important;letter-spacing:-.055em!important;line-height:.89!important;max-width:900px!important;margin:0 0 24px!important;text-transform:none!important}\n#mc-exterior .mc-hero h1 em{color:#efd2c1!important;font-weight:500}\n#mc-exterior .mc-hero__copy{color:rgba(255,255,255,.83)!important;font-size:clamp(1rem,1.55vw,1.18rem)!important;line-height:1.58!important;max-width:690px;margin:0 0 28px!important}\n#mc-exterior .mc-hero__actions{display:flex;flex-wrap:wrap;gap:11px}\n#mc-exterior .mc-hero__panel{justify-self:end;width:min(100%,320px);padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(22,28,24,.54);box-shadow:0 20px 55px rgba(0,0,0,.18);backdrop-filter:blur(7px)}\n#mc-exterior .mc-hero__panel strong{display:block;color:#fff!important;font-family:var(--mc-serif);font-size:1.75rem!important;font-weight:500;line-height:1.04;margin-bottom:14px}\n#mc-exterior .mc-hero__panel p{color:rgba(255,255,255,.65)!important;font-size:13px!important;margin:0!important}\n#mc-exterior .mc-hero__chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}\n#mc-exterior .mc-hero__chips span{padding:7px 9px;border:1px solid rgba(255,255,255,.19);border-radius:999px;color:#fff!important;font-size:10px!important;font-weight:750!important}\n\n\/* exposed surfaces *\/\n#mc-exterior .mc-surfaces__head{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:end;margin-bottom:34px}\n#mc-exterior .mc-surfaces-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}\n#mc-exterior .mc-surface{position:relative;min-height:310px;overflow:hidden;isolation:isolate;display:flex!important;align-items:flex-end;padding:22px;border-radius:24px;background:#364039;color:#fff!important}\n#mc-exterior .mc-surface:nth-child(1){grid-column:span 7;min-height:390px}\n#mc-exterior .mc-surface:nth-child(2){grid-column:span 5;min-height:390px}\n#mc-exterior .mc-surface:nth-child(3){grid-column:span 4}\n#mc-exterior .mc-surface:nth-child(4){grid-column:span 4}\n#mc-exterior .mc-surface:nth-child(5){grid-column:span 4}\n#mc-exterior .mc-surface img{position:absolute!important;inset:0!important;z-index:-2;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .6s cubic-bezier(.2,.72,.2,1)}\n#mc-exterior .mc-surface::after{content:\"\";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(12,15,13,.90),rgba(12,15,13,.08) 70%)}\n#mc-exterior .mc-surface:hover img{transform:scale(1.04)}\n#mc-exterior .mc-surface strong{display:block;color:#fff!important;font-family:var(--mc-serif);font-size:1.75rem!important;font-weight:500;line-height:1.04}\n#mc-exterior .mc-surface span{display:block;color:rgba(255,255,255,.68)!important;font-size:11px!important;margin-top:7px}\n\n\/* preparation *\/\n#mc-exterior .mc-prep{background:var(--mc-bg-soft)!important}\n#mc-exterior .mc-prep__grid{display:grid;grid-template-columns:1.06fr .94fr;gap:64px;align-items:center}\n#mc-exterior .mc-prep__media{position:relative;min-height:590px;overflow:hidden;border-radius:30px;background:#d3cdc3;box-shadow:var(--mc-shadow)}\n#mc-exterior .mc-prep__media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}\n#mc-exterior .mc-prep__badge{position:absolute;left:20px;bottom:20px;z-index:2;max-width:320px;padding:16px 18px;border-radius:17px;background:rgba(255,253,248,.94);box-shadow:0 12px 35px rgba(0,0,0,.10)}\n#mc-exterior .mc-prep__badge strong{display:block;color:var(--mc-ink)!important;font-family:var(--mc-serif);font-size:1.4rem!important;font-weight:500;line-height:1.05}\n#mc-exterior .mc-prep__badge span{display:block;color:var(--mc-text)!important;font-size:12px!important;margin-top:6px}\n#mc-exterior .mc-list{display:grid;gap:10px;margin:27px 0 30px}\n#mc-exterior .mc-listitem{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}\n#mc-exterior .mc-listitem i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(181,93,58,.11);color:var(--mc-accent);font-style:normal;font-weight:900}\n#mc-exterior .mc-listitem strong{display:block;color:var(--mc-ink)!important;font-size:14px!important}\n#mc-exterior .mc-listitem p{color:var(--mc-text)!important;font-size:13px!important;margin:2px 0 0!important}\n\n\/* weather *\/\n#mc-exterior .mc-weather{background:var(--mc-sage)!important;color:#fff!important}\n#mc-exterior .mc-weather .mc-title{color:#fff!important}\n#mc-exterior .mc-weather .mc-kicker{color:#efd2c1!important}\n#mc-exterior .mc-weather .mc-lead{color:rgba(255,255,255,.69)!important}\n#mc-exterior .mc-weather__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}\n#mc-exterior .mc-weather__cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}\n#mc-exterior .mc-weather-card{min-height:190px;padding:22px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(255,255,255,.07)}\n#mc-exterior .mc-weather-card b{display:block;color:#efd2c1!important;font-family:var(--mc-serif);font-size:1.35rem;font-weight:500;margin-bottom:32px}\n#mc-exterior .mc-weather-card h3{color:#fff!important;font-family:var(--mc-serif)!important;font-size:1.55rem!important;font-weight:500!important;line-height:1.04!important;margin:0 0 7px!important}\n#mc-exterior .mc-weather-card p{color:rgba(255,255,255,.66)!important;font-size:12px!important;margin:0!important}\n\n\/* process *\/\n#mc-exterior .mc-process__layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:74px;align-items:start}\n#mc-exterior .mc-process__intro{position:sticky;top:28px}\n#mc-exterior .mc-process{position:relative;padding-left:78px;--mc-progress:0}\n#mc-exterior .mc-process__track{position:absolute;left:21px;top:40px;bottom:52px;width:2px;overflow:hidden;border-radius:999px;background:var(--mc-line)}\n#mc-exterior .mc-process__fill{position:absolute;inset:0 0 auto;width:100%;height:100%;background:linear-gradient(to bottom,#efd2c1,var(--mc-accent));transform:scaleY(var(--mc-progress));transform-origin:top;transition:transform .12s linear;will-change:transform}\n#mc-exterior .mc-step{position:relative;min-height:136px;padding:18px 18px 30px 0;opacity:.46;transform:translate3d(12px,0,0);transition:opacity .42s ease,transform .48s cubic-bezier(.2,.72,.2,1),background-color .35s ease;border-radius:18px}\n#mc-exterior .mc-step__dot{position:absolute;left:-78px;top:14px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--mc-line);border-radius:50%;background:var(--mc-bg);color:var(--mc-text);font-size:12px;font-weight:850;box-shadow:0 0 0 7px var(--mc-bg);transition:background-color .32s ease,color .32s ease,border-color .32s ease,transform .42s cubic-bezier(.2,.72,.2,1),box-shadow .32s ease}\n#mc-exterior .mc-step.is-past{opacity:.72;transform:none}\n#mc-exterior .mc-step.is-past .mc-step__dot{background:var(--mc-accent);color:#fff;border-color:var(--mc-accent)}\n#mc-exterior .mc-step.is-current{opacity:1;transform:translate3d(8px,0,0);padding-left:18px;background:linear-gradient(90deg,rgba(181,93,58,.10),rgba(181,93,58,0))}\n#mc-exterior .mc-step.is-current .mc-step__dot{background:var(--mc-accent);color:#fff;border-color:var(--mc-accent);transform:scale(1.12);box-shadow:0 0 0 7px var(--mc-bg),0 10px 26px rgba(181,93,58,.24)}\n#mc-exterior .mc-step h3{color:var(--mc-ink)!important;font-family:var(--mc-serif)!important;font-size:2rem!important;font-weight:500!important;line-height:1!important;margin:0 0 7px!important}\n#mc-exterior .mc-step p{color:var(--mc-text)!important;font-size:14px!important;margin:0!important;max-width:56ch}\n\n\/* protection visual *\/\n#mc-exterior .mc-protection{padding:0}\n#mc-exterior .mc-protection__box{position:relative;min-height:560px;overflow:hidden;isolation:isolate;background:#364039}\n#mc-exterior .mc-protection__box img{position:absolute!important;inset:0!important;z-index:-2;width:100%!important;height:100%!important;object-fit:cover!important}\n#mc-exterior .mc-protection__box::after{content:\"\";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,17,15,.92),rgba(14,17,15,.47) 57%,rgba(14,17,15,.13))}\n#mc-exterior .mc-protection__inner{min-height:560px;display:flex;align-items:flex-end;padding:62px 0}\n#mc-exterior .mc-protection__content{max-width:710px}\n#mc-exterior .mc-protection .mc-title{color:#fff!important}\n#mc-exterior .mc-protection .mc-kicker{color:#efd2c1!important}\n#mc-exterior .mc-protection p{color:rgba(255,255,255,.72)!important;max-width:610px}\n\n\/* related *\/\n#mc-exterior .mc-related{background:var(--mc-bg-soft)!important}\n#mc-exterior .mc-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}\n#mc-exterior .mc-related-card{position:relative;min-height:250px;overflow:hidden;isolation:isolate;display:flex!important;align-items:flex-end;padding:20px;border-radius:22px;background:#334039;color:#fff!important}\n#mc-exterior .mc-related-card img{position:absolute!important;inset:0!important;z-index:-2;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .55s ease}\n#mc-exterior .mc-related-card::after{content:\"\";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(12,15,13,.88),rgba(12,15,13,.08) 72%)}\n#mc-exterior .mc-related-card:hover img{transform:scale(1.04)}\n#mc-exterior .mc-related-card strong{color:#fff!important;font-family:var(--mc-serif);font-size:1.65rem!important;font-weight:500;line-height:1.05}\n#mc-exterior .mc-related-card span{display:block;color:rgba(255,255,255,.68)!important;font-size:11px!important;margin-top:7px}\n\n\/* faq *\/\n#mc-exterior .mc-faq__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:68px}\n#mc-exterior .mc-faqdetails details{border-top:1px solid var(--mc-line)}\n#mc-exterior .mc-faqdetails details:last-child{border-bottom:1px solid var(--mc-line)}\n#mc-exterior .mc-faqdetails summary{position:relative;list-style:none;cursor:pointer;padding:21px 45px 21px 0;color:var(--mc-ink)!important;font-size:15px!important;font-weight:800!important}\n#mc-exterior .mc-faqdetails summary::-webkit-details-marker{display:none}\n#mc-exterior .mc-faqdetails summary::after{content:\"+\";position:absolute;right:4px;top:50%;transform:translateY(-50%);color:var(--mc-accent);font-size:26px;font-weight:400}\n#mc-exterior .mc-faqdetails details[open] summary::after{content:\"\u2212\"}\n#mc-exterior .mc-faqdetails p{color:var(--mc-text)!important;font-size:14px!important;margin:-6px 40px 20px 0!important}\n\n\/* final *\/\n#mc-exterior .mc-final{padding:0 0 34px}\n#mc-exterior .mc-final__box{position:relative;display:grid;align-items:end;min-height:470px;overflow:hidden;padding:52px;border-radius:32px;isolation:isolate;background:#26302a;color:#fff!important}\n#mc-exterior .mc-final__box>img{position:absolute!important;inset:0!important;z-index:-2;width:100%!important;height:100%!important;object-fit:cover!important}\n#mc-exterior .mc-final__box::after{content:\"\";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,20,18,.95),rgba(17,20,18,.46) 72%,rgba(17,20,18,.18))}\n#mc-exterior .mc-final__content{max-width:760px}\n#mc-exterior .mc-final .mc-title{color:#fff!important}\n#mc-exterior .mc-final p{color:rgba(255,255,255,.74)!important;max-width:600px}\n#mc-exterior .mc-final__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}\n\n@media(max-width:980px){\n  #mc-exterior .mc-section{padding:76px 0}\n  #mc-exterior .mc-hero__inner,#mc-exterior .mc-surfaces__head,#mc-exterior .mc-prep__grid,#mc-exterior .mc-weather__grid,#mc-exterior .mc-process__layout,#mc-exterior .mc-faq__grid{grid-template-columns:1fr!important;gap:34px}\n  #mc-exterior .mc-hero__panel{justify-self:start;width:100%;max-width:none}\n  #mc-exterior .mc-process__intro{position:static}\n  #mc-exterior .mc-surface:nth-child(1),#mc-exterior .mc-surface:nth-child(2){grid-column:span 6}\n  #mc-exterior .mc-surface:nth-child(3),#mc-exterior .mc-surface:nth-child(4),#mc-exterior .mc-surface:nth-child(5){grid-column:span 4}\n  #mc-exterior .mc-related__grid{grid-template-columns:1fr 1fr}\n  #mc-exterior .mc-related-card:last-child{grid-column:1\/3}\n}\n@media(max-width:640px){\n  #mc-exterior .mc-wrap{width:min(calc(100% - 24px),var(--mc-max))!important}\n  #mc-exterior .mc-section{padding:54px 0}\n  #mc-exterior .mc-section--tight{padding:44px 0}\n  #mc-exterior .mc-title{font-size:clamp(2.15rem,11vw,3.4rem)!important}\n  #mc-exterior .mc-title--m{font-size:clamp(2rem,10vw,2.9rem)!important}\n  #mc-exterior .mc-lead{font-size:.95rem!important}\n  #mc-exterior .mc-hero{min-height:620px!important}\n  #mc-exterior .mc-hero__overlay{background:linear-gradient(to top,rgba(11,14,12,.97) 0%,rgba(11,14,12,.76) 61%,rgba(11,14,12,.23) 100%)}\n  #mc-exterior .mc-hero__media img{object-position:58% center!important}\n  #mc-exterior .mc-hero__inner{padding:34px 0 20px!important;gap:18px}\n  #mc-exterior .mc-hero h1{font-size:clamp(3rem,14vw,4.35rem)!important;max-width:9ch!important;margin-bottom:18px!important}\n  #mc-exterior .mc-hero__copy{font-size:.94rem!important;margin-bottom:19px!important}\n  #mc-exterior .mc-hero__panel{padding:16px 18px;border-radius:19px}\n  #mc-exterior .mc-hero__panel strong{font-size:1.4rem!important;margin-bottom:8px}\n  #mc-exterior .mc-btn{min-height:45px;padding:13px 16px!important;font-size:13px!important}\n  #mc-exterior .mc-surfaces-grid{grid-template-columns:1fr 1fr;gap:9px}\n  #mc-exterior .mc-surface:nth-child(n){grid-column:auto;min-height:205px;padding:15px;border-radius:18px}\n  #mc-exterior .mc-surface:nth-child(1){grid-column:1\/3;min-height:285px}\n  #mc-exterior .mc-surface strong{font-size:1.35rem!important}\n  #mc-exterior .mc-prep__media{min-height:360px;border-radius:22px}\n  #mc-exterior .mc-prep__badge{left:12px;right:12px;bottom:12px}\n  #mc-exterior .mc-weather__cards{grid-template-columns:1fr 1fr;gap:8px}\n  #mc-exterior .mc-weather-card{min-height:170px;padding:17px;border-radius:17px}\n  #mc-exterior .mc-weather-card b{margin-bottom:25px}\n  #mc-exterior .mc-weather-card h3{font-size:1.3rem!important}\n  #mc-exterior .mc-process{padding-left:48px}\n  #mc-exterior .mc-process__track{left:14px;top:24px;bottom:24px}\n  #mc-exterior .mc-step{min-height:0;padding:14px 0 18px}\n  #mc-exterior .mc-step__dot{left:-48px;top:12px;width:30px;height:30px;box-shadow:0 0 0 5px var(--mc-bg)}\n  #mc-exterior .mc-step.is-current .mc-step__dot{box-shadow:0 0 0 5px var(--mc-bg),0 7px 20px rgba(181,93,58,.22)}\n  #mc-exterior .mc-step h3{font-size:1.5rem!important}\n  #mc-exterior .mc-step p{font-size:.82rem!important}\n  #mc-exterior .mc-protection__box,#mc-exterior .mc-protection__inner{min-height:440px}\n  #mc-exterior .mc-protection__box::after{background:linear-gradient(to top,rgba(14,17,15,.94),rgba(14,17,15,.33))}\n  #mc-exterior .mc-protection__inner{padding:38px 0}\n  #mc-exterior .mc-related__grid{grid-template-columns:1fr 1fr;gap:9px}\n  #mc-exterior .mc-related-card{min-height:205px;padding:16px;border-radius:18px}\n  #mc-exterior .mc-related-card:last-child{grid-column:1\/3}\n  #mc-exterior .mc-related-card strong{font-size:1.35rem!important}\n  #mc-exterior .mc-faqdetails summary{padding:18px 34px 18px 0;font-size:13px!important}\n  #mc-exterior .mc-faqdetails p{font-size:12px!important;margin-right:18px!important}\n  #mc-exterior .mc-final{padding-bottom:18px}\n  #mc-exterior .mc-final__box{min-height:400px;padding:30px 22px;border-radius:23px}\n  #mc-exterior .mc-final__box::after{background:linear-gradient(to top,rgba(17,20,18,.95),rgba(17,20,18,.42))}\n}\n@media(max-width:390px){\n  #mc-exterior .mc-weather__cards,#mc-exterior .mc-related__grid{grid-template-columns:1fr}\n  #mc-exterior .mc-related-card:last-child{grid-column:auto}\n}\n@media(prefers-reduced-motion:reduce){\n  #mc-exterior *,#mc-exterior *::before,#mc-exterior *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}\n}\n<\/style>\n\n<div id=\"mc-exterior\">\n\n  <section class=\"mc-hero\" aria-labelledby=\"mc-ext-hero-title\">\n    <div class=\"mc-hero__media\" aria-hidden=\"true\">\n      <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/peinture-exterieure-facade.webp\" alt=\"\" fetchpriority=\"high\" decoding=\"async\">\n    <\/div>\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 ext\u00e9rieure \u00b7 fa\u00e7ades \u00b7 boiseries \u00b7 murets<\/div>\n        <h1 id=\"mc-ext-hero-title\">Prot\u00e9ger dehors.<br>Soigner chaque <em>d\u00e9tail visible<\/em>.<\/h1>\n        <p class=\"mc-hero__copy\">\n          La peinture ext\u00e9rieure doit composer avec le support, les intemp\u00e9ries et l&rsquo;exposition.\n          Pr\u00e9paration, choix du syst\u00e8me et conditions d&rsquo;application sont pens\u00e9s ensemble avant la finition.\n        <\/p>\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=\"#supports\">Voir les supports<\/a>\n        <\/div>\n      <\/div>\n\n      <aside class=\"mc-hero__panel\">\n        <strong>\u00c0 l&rsquo;ext\u00e9rieur, la peinture est une finition\u2026 mais aussi une protection.<\/strong>\n        <p>Le support, son exposition et son \u00e9tat d\u00e9terminent la pr\u00e9paration et le type de finition \u00e0 envisager.<\/p>\n        <div class=\"mc-hero__chips\"><span>Fa\u00e7ades<\/span><span>Boiseries<\/span><span>Murets<\/span><span>\u00c9l\u00e9ments ext\u00e9rieurs<\/span><\/div>\n      <\/aside>\n    <\/div>\n  <\/section>\n\n  <section class=\"mc-section\" id=\"supports\" aria-labelledby=\"mc-surfaces-title\">\n    <div class=\"mc-wrap\">\n      <div class=\"mc-surfaces__head mc-reveal\">\n        <div>\n          <span class=\"mc-kicker\">Supports ext\u00e9rieurs<\/span>\n          <h2 class=\"mc-title mc-title--m\" id=\"mc-surfaces-title\">Chaque surface r\u00e9agit diff\u00e9remment au temps et aux intemp\u00e9ries.<\/h2>\n        <\/div>\n        <p class=\"mc-lead\">\n          Un mur min\u00e9ral, une boiserie ou un \u00e9l\u00e9ment d\u00e9j\u00e0 peint ne se pr\u00e9parent pas de la m\u00eame fa\u00e7on.\n          Le diagnostic du support guide la m\u00e9thode.\n        <\/p>\n      <\/div>\n\n      <div class=\"mc-surfaces-grid\">\n        <a class=\"mc-surface mc-scroll-card\" href=\"\/peintre\/ravalement-de-facade\/\">\n          <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/04-ravalement-facade.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Fa\u00e7ade ext\u00e9rieure \u00e0 remettre en peinture\">\n          <div><strong>Fa\u00e7ades<\/strong><span>Pr\u00e9paration, reprises et finition \u2197<\/span><\/div>\n        <\/a>\n\n        <a class=\"mc-surface mc-scroll-card\" href=\"\/peintre\/peinture-de-volets-et-boiseries\/\">\n          <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/06-volets-boiseries.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Volets et boiseries ext\u00e9rieures peints\">\n          <div><strong>Volets &#038; boiseries<\/strong><span>Protection et remise en couleur \u2197<\/span><\/div>\n        <\/a>\n\n        <article class=\"mc-surface mc-scroll-card\">\n          <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/peinture-exterieure-facade.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Peinture d'un mur ext\u00e9rieur\">\n          <div><strong>Murs ext\u00e9rieurs<\/strong><span>Surfaces expos\u00e9es<\/span><\/div>\n        <\/article>\n\n        <article class=\"mc-surface mc-scroll-card\">\n          <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/03-peinture-exterieure.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Peinture ext\u00e9rieure sur une habitation\">\n          <div><strong>Murets &#038; d\u00e9tails<\/strong><span>Finitions coordonn\u00e9es<\/span><\/div>\n        <\/article>\n\n        <a class=\"mc-surface mc-scroll-card\" href=\"\/peintre\/peinture-en-hauteur\/\">\n          <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/07-peinture-hauteur.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Travaux de peinture r\u00e9alis\u00e9s en hauteur\">\n          <div><strong>Zones hautes<\/strong><span>Pignons et acc\u00e8s difficiles \u2197<\/span><\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mc-section mc-prep\" aria-labelledby=\"mc-prep-title\">\n    <div class=\"mc-wrap mc-prep__grid\">\n      <div class=\"mc-prep__media mc-reveal\" data-mc-reveal=\"left\">\n        <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/03-peinture-exterieure.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Travaux de peinture ext\u00e9rieure sur une maison\">\n        <div class=\"mc-prep__badge\">\n          <strong>Dehors, l&rsquo;adh\u00e9rence se pr\u00e9pare.<\/strong>\n          <span>Nettoyage \u00b7 reprises \u00b7 pr\u00e9paration \u00b7 finition<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"mc-reveal\" data-mc-reveal=\"right\">\n        <span class=\"mc-kicker\">Pr\u00e9paration ext\u00e9rieure<\/span>\n        <h2 class=\"mc-title mc-title--m\" id=\"mc-prep-title\">Peindre proprement ne suffit pas si le fond n&rsquo;est pas pr\u00eat.<\/h2>\n        <p class=\"mc-lead\">\n          Salissures, ancienne peinture fragilis\u00e9e, d\u00e9fauts localis\u00e9s ou surface irr\u00e9guli\u00e8re :\n          l&rsquo;\u00e9tat du support est v\u00e9rifi\u00e9 avant toute nouvelle mise en peinture.\n        <\/p>\n\n        <div class=\"mc-list\">\n          <div class=\"mc-listitem mc-scroll-card\"><i>\u2713<\/i><div><strong>Protection des abords<\/strong><p>Menuiseries, sols, v\u00e9g\u00e9tation et \u00e9l\u00e9ments proches sont pris en compte avant l&rsquo;intervention.<\/p><\/div><\/div>\n          <div class=\"mc-listitem mc-scroll-card\"><i>\u2713<\/i><div><strong>Nettoyage adapt\u00e9<\/strong><p>Les salissures et parties non adh\u00e9rentes sont trait\u00e9es selon l&rsquo;\u00e9tat de la surface.<\/p><\/div><\/div>\n          <div class=\"mc-listitem mc-scroll-card\"><i>\u2713<\/i><div><strong>Reprises n\u00e9cessaires<\/strong><p>Les d\u00e9fauts compatibles avec la prestation sont corrig\u00e9s avant la finition.<\/p><\/div><\/div>\n          <div class=\"mc-listitem mc-scroll-card\"><i>\u2713<\/i><div><strong>Syst\u00e8me de finition<\/strong><p>Pr\u00e9paration et peinture sont choisies en fonction du support et du r\u00e9sultat recherch\u00e9.<\/p><\/div><\/div>\n        <\/div>\n\n        <a class=\"mc-btn mc-btn--dark\" href=\"\/peintre\/contact\/\">Faire examiner mon ext\u00e9rieur<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mc-section mc-weather\" aria-labelledby=\"mc-weather-title\">\n    <div class=\"mc-wrap mc-weather__grid\">\n      <div class=\"mc-reveal\" data-mc-reveal=\"left\">\n        <span class=\"mc-kicker\">Conditions d&rsquo;application<\/span>\n        <h2 class=\"mc-title mc-title--m\" id=\"mc-weather-title\">\u00c0 l&rsquo;ext\u00e9rieur, le bon moment compte autant que le bon produit.<\/h2>\n        <p class=\"mc-lead\">\n          Temp\u00e9rature, humidit\u00e9, vent et exposition directe peuvent influencer l&rsquo;application et le s\u00e9chage.\n          Le chantier s&rsquo;organise donc en tenant compte des conditions r\u00e9elles.\n        <\/p>\n      <\/div>\n\n      <div class=\"mc-weather__cards\">\n        <article class=\"mc-weather-card mc-scroll-card\"><b>01<\/b><h3>Support sec<\/h3><p>La surface doit \u00eatre dans un \u00e9tat compatible avec la pr\u00e9paration et la peinture pr\u00e9vues.<\/p><\/article>\n        <article class=\"mc-weather-card mc-scroll-card\"><b>02<\/b><h3>Conditions adapt\u00e9es<\/h3><p>L&rsquo;application est planifi\u00e9e lorsque les conditions permettent de travailler correctement.<\/p><\/article>\n        <article class=\"mc-weather-card mc-scroll-card\"><b>03<\/b><h3>Exposition<\/h3><p>Soleil, vent et orientation de la fa\u00e7ade peuvent modifier l&rsquo;organisation du chantier.<\/p><\/article>\n        <article class=\"mc-weather-card mc-scroll-card\"><b>04<\/b><h3>S\u00e9chage respect\u00e9<\/h3><p>Les diff\u00e9rentes \u00e9tapes sont espac\u00e9es selon les besoins du syst\u00e8me appliqu\u00e9.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mc-section\" aria-labelledby=\"mc-process-title\">\n    <div class=\"mc-wrap mc-process__layout\">\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\">Du support brut \u00e0 la finition ext\u00e9rieure.<\/h2>\n        <p class=\"mc-lead\">Une progression logique pour \u00e9viter de masquer un d\u00e9faut sous une nouvelle couche de peinture.<\/p>\n      <\/div>\n\n      <div class=\"mc-process\" data-mc-process>\n        <div class=\"mc-process__track\" aria-hidden=\"true\"><div class=\"mc-process__fill\"><\/div><\/div>\n        <article class=\"mc-step\"><span class=\"mc-step__dot\">01<\/span><h3>Observation<\/h3><p>\u00c9tat du support, ancienne finition, exposition et zones \u00e0 traiter sont examin\u00e9s.<\/p><\/article>\n        <article class=\"mc-step\"><span class=\"mc-step__dot\">02<\/span><h3>Protections<\/h3><p>Les abords et \u00e9l\u00e9ments sensibles sont prot\u00e9g\u00e9s avant les travaux.<\/p><\/article>\n        <article class=\"mc-step\"><span class=\"mc-step__dot\">03<\/span><h3>Nettoyage<\/h3><p>La surface est pr\u00e9par\u00e9e afin d&rsquo;\u00e9liminer les \u00e9l\u00e9ments qui nuiraient \u00e0 l&rsquo;adh\u00e9rence.<\/p><\/article>\n        <article class=\"mc-step\"><span class=\"mc-step__dot\">04<\/span><h3>Reprises<\/h3><p>Les d\u00e9fauts compatibles avec la prestation sont corrig\u00e9s avant peinture.<\/p><\/article>\n        <article class=\"mc-step\"><span class=\"mc-step__dot\">05<\/span><h3>Pr\u00e9paration<\/h3><p>Une couche pr\u00e9paratoire est appliqu\u00e9e lorsque le support ou le syst\u00e8me retenu le demande.<\/p><\/article>\n        <article class=\"mc-step\"><span class=\"mc-step__dot\">06<\/span><h3>Finition<\/h3><p>Application de la peinture ext\u00e9rieure puis contr\u00f4le des d\u00e9tails et raccords.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mc-protection\" aria-labelledby=\"mc-protection-title\">\n    <div class=\"mc-protection__box\">\n      <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/peinture-exterieure-facade.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Application de peinture sur une fa\u00e7ade ext\u00e9rieure\">\n      <div class=\"mc-wrap mc-protection__inner\">\n        <div class=\"mc-protection__content mc-reveal\">\n          <span class=\"mc-kicker\">Prot\u00e9ger &#038; harmoniser<\/span>\n          <h2 class=\"mc-title mc-title--m\" id=\"mc-protection-title\">Une finition ext\u00e9rieure r\u00e9ussie doit fonctionner avec toute la maison.<\/h2>\n          <p>\n            Fa\u00e7ade, volets, boiseries, murets et menuiseries participent au m\u00eame ensemble visuel.\n            Les teintes peuvent \u00eatre pens\u00e9es ensemble pour \u00e9viter un ext\u00e9rieur fragment\u00e9.\n          <\/p>\n          <div style=\"margin-top:24px\"><a class=\"mc-btn mc-btn--accent\" href=\"\/peintre\/contact\/\">Parler de mon projet<\/a><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mc-section mc-related\" aria-labelledby=\"mc-related-title\">\n    <div class=\"mc-wrap\">\n      <span class=\"mc-kicker\">Prestations li\u00e9es<\/span>\n      <h2 class=\"mc-title mc-title--m\" id=\"mc-related-title\">Compl\u00e9ter la remise en \u00e9tat de vos ext\u00e9rieurs.<\/h2>\n\n      <div class=\"mc-related__grid\">\n        <a class=\"mc-related-card mc-scroll-card\" href=\"\/peintre\/ravalement-de-facade\/\">\n          <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/04-ravalement-facade.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Ravalement de fa\u00e7ade\">\n          <div><strong>Ravalement de fa\u00e7ade<\/strong><span>Nettoyage, reprises et finition \u2197<\/span><\/div>\n        <\/a>\n\n        <a class=\"mc-related-card mc-scroll-card\" href=\"\/peintre\/peinture-de-volets-et-boiseries\/\">\n          <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/06-volets-boiseries.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Peinture de volets et boiseries\">\n          <div><strong>Volets &#038; boiseries<\/strong><span>Protection et remise en peinture \u2197<\/span><\/div>\n        <\/a>\n\n        <a class=\"mc-related-card mc-scroll-card\" href=\"\/peintre\/peinture-en-hauteur\/\">\n          <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/07-peinture-hauteur.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Peinture en hauteur\">\n          <div><strong>Peinture en hauteur<\/strong><span>Pignons et zones difficiles d&rsquo;acc\u00e8s \u2197<\/span><\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mc-section mc-section--tight\" aria-labelledby=\"mc-faq-title\">\n    <div class=\"mc-wrap mc-faq__grid\">\n      <div class=\"mc-reveal\">\n        <span class=\"mc-kicker\">FAQ<\/span>\n        <h2 class=\"mc-title mc-title--m\" id=\"mc-faq-title\">Les questions fr\u00e9quentes avant de repeindre un ext\u00e9rieur.<\/h2>\n        <p class=\"mc-lead\">L&rsquo;\u00e9tat du support et les conditions d&rsquo;application jouent un r\u00f4le essentiel dans l&rsquo;organisation du chantier.<\/p>\n      <\/div>\n\n      <div class=\"mc-faqdetails\">\n        <details class=\"mc-scroll-card\"><summary>Peut-on repeindre directement une ancienne peinture ext\u00e9rieure ?<\/summary><p>Seulement si son \u00e9tat et son adh\u00e9rence le permettent. Les parties fragiles ou incompatibles doivent \u00eatre pr\u00e9par\u00e9es avant la nouvelle finition.<\/p><\/details>\n        <details class=\"mc-scroll-card\"><summary>La m\u00e9t\u00e9o peut-elle repousser le chantier ?<\/summary><p>Oui. Certaines conditions peuvent \u00eatre d\u00e9favorables \u00e0 la pr\u00e9paration, \u00e0 l&rsquo;application ou au s\u00e9chage. L&rsquo;organisation est adapt\u00e9e en cons\u00e9quence.<\/p><\/details>\n        <details class=\"mc-scroll-card\"><summary>Peignez-vous aussi les volets et boiseries ?<\/summary><p>Oui, lorsqu&rsquo;ils font partie du projet. Leur pr\u00e9paration est adapt\u00e9e \u00e0 leur \u00e9tat et \u00e0 l&rsquo;ancienne finition pr\u00e9sente.<\/p><\/details>\n        <details class=\"mc-scroll-card\"><summary>Quelle diff\u00e9rence avec un ravalement de fa\u00e7ade ?<\/summary><p>Le ravalement concerne plus largement la remise en \u00e9tat de la fa\u00e7ade et de son support. La peinture ext\u00e9rieure peut aussi viser d&rsquo;autres \u00e9l\u00e9ments comme les murs, murets ou boiseries.<\/p><\/details>\n        <details class=\"mc-scroll-card\"><summary>Comment pr\u00e9parer une premi\u00e8re demande de devis ?<\/summary><p>Des photos d&rsquo;ensemble, quelques vues rapproch\u00e9es des supports et une description des surfaces concern\u00e9es permettent d\u00e9j\u00e0 de pr\u00e9parer le premier \u00e9change.<\/p><\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mc-final\" aria-labelledby=\"mc-final-title\">\n    <div class=\"mc-wrap mc-final__box\">\n      <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/03-peinture-exterieure.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Peinture ext\u00e9rieure d'une habitation\">\n      <div class=\"mc-final__content\">\n        <span class=\"mc-kicker\" style=\"color:#efd2c1!important\">Votre ext\u00e9rieur commence \u00e0 perdre son \u00e9clat ?<\/span>\n        <h2 class=\"mc-title\" id=\"mc-final-title\">Montrez-nous les surfaces. Nous regardons d&rsquo;abord ce qu&rsquo;il faut pr\u00e9parer.<\/h2>\n        <p>Envoyez quelques photos de la fa\u00e7ade, des murs ou des boiseries concern\u00e9es. Nous pourrons pr\u00e9parer un premier \u00e9change autour de l&rsquo;\u00e9tat du support et du rendu souhait\u00e9.<\/p>\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=\"\/peintre\/services\/\">Voir tous les services<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function(){\n  'use strict';\n  function boot(){\n    var root=document.getElementById('mc-exterior');\n    if(!root||root.dataset.mcBooted==='1')return;\n    root.dataset.mcBooted='1';\n\n    var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    if(!reduce)root.classList.add('mc-motion-ready');\n\n    var items=root.querySelectorAll('.mc-reveal,.mc-scroll-card');\n    if(!reduce&&'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      },{root:null,threshold:.12,rootMargin:'0px 0px -7% 0px'});\n      items.forEach(function(el,i){\n        if(!el.style.getPropertyValue('--mc-delay'))el.style.setProperty('--mc-delay',((i%4)*70)+'ms');\n        observer.observe(el);\n      });\n    }else{items.forEach(function(el){el.classList.add('is-visible')})}\n\n    var process=root.querySelector('[data-mc-process]');\n    var steps=process?Array.prototype.slice.call(process.querySelectorAll('.mc-step')):[];\n    var raf=0;\n    function clamp(n,min,max){return Math.max(min,Math.min(max,n))}\n    function updateProcess(){\n      raf=0;if(!process||!steps.length)return;\n      var rect=process.getBoundingClientRect();\n      var anchor=window.innerHeight*(window.innerWidth<=700?.58:.52);\n      var centers=steps.map(function(step){var r=step.getBoundingClientRect();return r.top+Math.min(36,r.height*.28)});\n      var first=centers[0],last=centers[centers.length-1];\n      process.style.setProperty('--mc-progress',clamp((anchor-first)\/Math.max(1,last-first),0,1).toFixed(4));\n      var current=-1;\n      for(var i=0;i<centers.length;i++){if(centers[i]<=anchor)current=i}\n      if(rect.top>anchor)current=-1;if(rect.bottom<anchor)current=steps.length-1;\n      steps.forEach(function(step,i){step.classList.toggle('is-past',current>=0&&i<current);step.classList.toggle('is-current',i===current)});\n    }\n    function scheduleProcess(){if(!raf)raf=requestAnimationFrame(updateProcess)}\n    if(process){updateProcess();window.addEventListener('scroll',scheduleProcess,{passive:true});window.addEventListener('resize',scheduleProcess,{passive:true})}\n\n    if(!reduce){\n      var images=Array.prototype.slice.call(root.querySelectorAll('.mc-prep__media img,.mc-protection__box>img,.mc-final__box>img'));\n      var paraRaf=0;\n      function updateParallax(){\n        paraRaf=0;\n        images.forEach(function(img){\n          var p=img.parentElement;if(!p)return;\n          var r=p.getBoundingClientRect();if(r.bottom<0||r.top>window.innerHeight)return;\n          var center=r.top+r.height\/2-window.innerHeight\/2;\n          img.style.transform='scale(1.035) translate3d(0,'+clamp(-center*.022,-10,10).toFixed(2)+'px,0)';\n        });\n      }\n      function scheduleParallax(){if(!paraRaf)paraRaf=requestAnimationFrame(updateParallax)}\n      updateParallax();window.addEventListener('scroll',scheduleParallax,{passive:true});window.addEventListener('resize',scheduleParallax,{passive:true});\n    }\n  }\n  if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',boot,{once:true});else boot();\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Peinture ext\u00e9rieure \u00b7 fa\u00e7ades \u00b7 boiseries \u00b7 murets Prot\u00e9ger dehors.Soigner chaque d\u00e9tail visible. La peinture ext\u00e9rieure doit composer avec le support, les intemp\u00e9ries et l&rsquo;exposition. Pr\u00e9paration, choix du syst\u00e8me et conditions d&rsquo;application sont pens\u00e9s ensemble avant la finition. Demander un devis \u2192 Voir les supports \u00c0 l&rsquo;ext\u00e9rieur, la peinture est une finition\u2026 mais aussi une [&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-36","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\/36","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=36"}],"version-history":[{"count":3,"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":125,"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/pages\/36\/revisions\/125"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}