{"id":53,"date":"2026-08-12T11:45:38","date_gmt":"2026-08-12T09:45:38","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/peintre\/?page_id=53"},"modified":"2026-09-16T17:24:52","modified_gmt":"2026-09-16T15:24:52","slug":"realisations","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/peintre\/realisations\/","title":{"rendered":"R\u00e9alisations"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<!--\nMAISON CHROMATIQUE \u2014 R\u00c9ALISATIONS \/ PORTFOLIO PREMIUM\n\u00c0 coller dans UN SEUL bloc Gutenberg \u00ab HTML personnalis\u00e9 \u00bb.\nCompatible WordPress + Blocksy.\nAucun header, menu ou footer inclus.\nLes visuels servent de pr\u00e9sentation de savoir-faire sur ce site de d\u00e9monstration.\n-->\n\n<style>\n#mc-projects{\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-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;width:100vw!important;max-width:100vw!important;\n  left:50%!important;margin-left:-50vw!important;margin-right:-50vw!important;overflow:hidden!important;\n  background:var(--mc-bg)!important;color:var(--mc-ink)!important;font-family:var(--mc-sans)!important;line-height:1.55!important\n}\n#mc-projects,#mc-projects *,#mc-projects *::before,#mc-projects *::after{box-sizing:border-box!important}\n#mc-projects img{display:block!important;width:100%;max-width:100%!important;height:auto;border:0!important}\n#mc-projects a{color:inherit;text-decoration:none!important}\n#mc-projects button{font:inherit}\n#mc-projects h1,#mc-projects h2,#mc-projects h3,#mc-projects p{margin-top:0}\n#mc-projects .mc-wrap{width:min(calc(100% - 40px),var(--mc-max))!important;max-width:var(--mc-max)!important;margin:0 auto!important}\n#mc-projects .mc-section{position:relative;padding:92px 0}\n#mc-projects .mc-section--tight{padding:66px 0}\n#mc-projects .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;text-transform:uppercase}\n#mc-projects .mc-kicker::before{content:\"\";width:28px;height:1px;background:currentColor}\n#mc-projects .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}\n#mc-projects .mc-title--m{font-size:clamp(2.1rem,4vw,3.65rem)!important}\n#mc-projects .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#mc-projects .mc-reveal,#mc-projects .mc-scroll-card{opacity:1;transform:none}\n#mc-projects.mc-motion-ready .mc-reveal,#mc-projects.mc-motion-ready .mc-scroll-card{\n  opacity:0;transform:translate3d(0,30px,0) scale(.985);\n  transition:opacity .72s cubic-bezier(.2,.72,.2,1),transform .84s cubic-bezier(.2,.72,.2,1);\n  transition-delay:var(--mc-delay,0ms)\n}\n#mc-projects.mc-motion-ready .mc-reveal[data-mc-reveal=\"left\"]{transform:translate3d(-36px,0,0) scale(.99)}\n#mc-projects.mc-motion-ready .mc-reveal[data-mc-reveal=\"right\"]{transform:translate3d(36px,0,0) scale(.99)}\n#mc-projects.mc-motion-ready .mc-reveal.is-visible,#mc-projects.mc-motion-ready .mc-scroll-card.is-visible{opacity:1;transform:none}\n\n#mc-projects .mc-btn{\n  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px;\n  min-height:52px;padding:15px 22px!important;border:1px solid transparent!important;border-radius:999px!important;\n  font-size:15px!important;font-weight:800!important;line-height:1!important;\n  transition:transform .2s ease,background-color .2s ease!important\n}\n#mc-projects .mc-btn:hover{transform:translateY(-2px)}\n#mc-projects .mc-btn--accent{background:var(--mc-accent)!important;color:#fff!important}\n#mc-projects .mc-btn--dark{background:var(--mc-ink)!important;color:#fff!important}\n#mc-projects .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-projects .mc-hero{\n  position:relative;min-height:690px;display:grid;align-items:end;overflow:hidden;isolation:isolate;\n  background:#252c27;color:#fff\n}\n#mc-projects .mc-hero__media{position:absolute;inset:0;z-index:-3}\n#mc-projects .mc-hero__media img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 51%!important}\n#mc-projects .mc-hero__overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(11,14,12,.96),rgba(11,14,12,.77) 43%,rgba(11,14,12,.30) 73%,rgba(11,14,12,.10))}\n#mc-projects .mc-hero__inner{display:grid;grid-template-columns:minmax(0,790px) minmax(240px,1fr);gap:54px;align-items:end;padding:82px 0 48px}\n#mc-projects .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-projects .mc-hero__eyebrow::before{content:\"\";width:34px;height:1px;background:currentColor}\n#mc-projects .mc-hero h1{color:#fff!important;font-family:var(--mc-serif)!important;font-size:clamp(3.6rem,7vw,6.7rem)!important;font-weight:500!important;letter-spacing:-.055em!important;line-height:.9!important;max-width:900px;margin:0 0 24px!important}\n#mc-projects .mc-hero h1 em{color:#efd2c1!important;font-weight:500}\n#mc-projects .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-bottom:28px!important}\n#mc-projects .mc-hero__actions{display:flex;flex-wrap:wrap;gap:11px}\n#mc-projects .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);backdrop-filter:blur(7px)}\n#mc-projects .mc-hero__panel strong{display:block;color:#fff!important;font-family:var(--mc-serif);font-size:1.7rem!important;font-weight:500;line-height:1.05;margin-bottom:14px}\n#mc-projects .mc-hero__panel p{color:rgba(255,255,255,.66)!important;font-size:13px!important;margin:0!important}\n#mc-projects .mc-hero__chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}\n#mc-projects .mc-hero__chips span{padding:7px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff!important;font-size:10px!important;font-weight:750!important}\n\n\/* FEATURED MOSAIC *\/\n#mc-projects .mc-featured{background:var(--mc-bg-soft)}\n#mc-projects .mc-featured__head{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:end;margin-bottom:34px}\n#mc-projects .mc-featured-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:230px;gap:12px}\n#mc-projects .mc-feature{\n  position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:flex-end;padding:20px;\n  border-radius:24px;background:#354039;color:#fff;cursor:zoom-in\n}\n#mc-projects .mc-feature:nth-child(1){grid-column:span 7;grid-row:span 2}\n#mc-projects .mc-feature:nth-child(2){grid-column:span 5}\n#mc-projects .mc-feature:nth-child(3){grid-column:span 5}\n#mc-projects .mc-feature:nth-child(4){grid-column:span 4}\n#mc-projects .mc-feature:nth-child(5){grid-column:span 4}\n#mc-projects .mc-feature:nth-child(6){grid-column:span 4}\n#mc-projects .mc-feature 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-projects .mc-feature::after{content:\"\";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(12,15,13,.92),rgba(12,15,13,.04) 68%)}\n#mc-projects .mc-feature:hover img{transform:scale(1.04)}\n#mc-projects .mc-feature__meta{display:flex;align-items:end;justify-content:space-between;gap:18px;width:100%}\n#mc-projects .mc-feature 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-projects .mc-feature span{display:block;color:rgba(255,255,255,.68)!important;font-size:11px!important;margin-top:7px}\n#mc-projects .mc-zoom{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(20,24,21,.28);color:#fff;font-size:18px}\n\n\/* FILTERS *\/\n#mc-projects .mc-gallery__intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}\n#mc-projects .mc-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}\n#mc-projects .mc-filter{\n  appearance:none;border:1px solid var(--mc-line);background:transparent;color:var(--mc-ink);\n  border-radius:999px;padding:10px 14px;cursor:pointer;font-size:12px;font-weight:800;\n  transition:background-color .2s ease,color .2s ease,border-color .2s ease\n}\n#mc-projects .mc-filter:hover,#mc-projects .mc-filter.is-active{background:var(--mc-ink);border-color:var(--mc-ink);color:#fff}\n#mc-projects .mc-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}\n#mc-projects .mc-project{\n  position:relative;overflow:hidden;border-radius:22px;background:var(--mc-card);border:1px solid var(--mc-line);\n  transition:opacity .28s ease,transform .28s ease\n}\n#mc-project.is-hidden{display:none}\n#mc-projects .mc-project__media{position:relative;aspect-ratio:4\/3;overflow:hidden;background:#d5cec4;cursor:zoom-in}\n#mc-projects .mc-project__media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .55s ease}\n#mc-projects .mc-project:hover .mc-project__media img{transform:scale(1.035)}\n#mc-projects .mc-project__media::after{content:\"Voir en grand\";position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(22,26,23,.72);color:#fff;font-size:10px;font-weight:800;opacity:0;transform:translateY(4px);transition:.25s ease}\n#mc-projects .mc-project:hover .mc-project__media::after{opacity:1;transform:none}\n#mc-projects .mc-project__body{padding:18px 18px 20px}\n#mc-projects .mc-project__category{color:var(--mc-accent)!important;font-size:10px!important;font-weight:850!important;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}\n#mc-projects .mc-project h3{font-family:var(--mc-serif)!important;font-size:1.55rem!important;font-weight:500!important;line-height:1.05!important;margin:0 0 7px!important}\n#mc-projects .mc-project p{color:var(--mc-text)!important;font-size:12px!important;line-height:1.55!important;margin:0 0 14px!important}\n#mc-projects .mc-project a{display:inline-flex;align-items:center;gap:7px;color:var(--mc-ink)!important;font-size:11px!important;font-weight:850!important}\n#mc-projects .mc-project a::after{content:\"\u2192\";color:var(--mc-accent);transition:transform .2s ease}\n#mc-projects .mc-project a:hover::after{transform:translateX(3px)}\n\n\/* APPROACH *\/\n#mc-projects .mc-approach{background:var(--mc-ink);color:#fff}\n#mc-projects .mc-approach .mc-title{color:#fff!important}\n#mc-projects .mc-approach .mc-kicker{color:#efd2c1!important}\n#mc-projects .mc-approach .mc-lead{color:rgba(255,255,255,.68)!important}\n#mc-projects .mc-approach__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}\n#mc-projects .mc-approach__cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}\n#mc-projects .mc-approach-card{min-height:190px;padding:22px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(255,255,255,.06)}\n#mc-projects .mc-approach-card b{display:block;color:#efd2c1!important;font-family:var(--mc-serif);font-size:1.35rem;font-weight:500;margin-bottom:32px}\n#mc-projects .mc-approach-card h3{color:#fff!important;font-family:var(--mc-serif)!important;font-size:1.5rem!important;font-weight:500!important;margin:0 0 7px!important}\n#mc-projects .mc-approach-card p{color:rgba(255,255,255,.64)!important;font-size:12px!important;margin:0!important}\n\n\/* SERVICES *\/\n#mc-projects .mc-services__head{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:32px}\n#mc-projects .mc-services__head .mc-lead{max-width:500px}\n#mc-projects .mc-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}\n#mc-projects .mc-service-card{\n  position:relative;min-height:260px;overflow:hidden;isolation:isolate;display:flex;align-items:flex-end;\n  padding:18px;border-radius:22px;background:#354039;color:#fff\n}\n#mc-projects .mc-service-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-projects .mc-service-card::after{content:\"\";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(12,15,13,.9),rgba(12,15,13,.05) 70%)}\n#mc-projects .mc-service-card:hover img{transform:scale(1.04)}\n#mc-projects .mc-service-card strong{color:#fff!important;font-family:var(--mc-serif);font-size:1.45rem!important;font-weight:500;line-height:1.05}\n#mc-projects .mc-service-card span{display:block;color:rgba(255,255,255,.66)!important;font-size:10px!important;margin-top:6px}\n\n\/* CTA *\/\n#mc-projects .mc-final{padding:0 0 34px}\n#mc-projects .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}\n#mc-projects .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-projects .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-projects .mc-final .mc-title{color:#fff!important}\n#mc-projects .mc-final p{color:rgba(255,255,255,.74)!important;max-width:620px}\n#mc-projects .mc-final__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}\n\n\/* LIGHTBOX - cach\u00e9e par d\u00e9faut m\u00eame sans JS *\/\n#mc-projects .mc-lightbox{position:fixed;inset:0;z-index:999999;display:none;place-items:center;padding:24px;background:rgba(10,12,10,.92);backdrop-filter:blur(8px)}\n#mc-projects .mc-lightbox.is-open{display:grid}\n#mc-projects .mc-lightbox__inner{position:relative;width:min(1100px,100%);max-height:90vh}\n#mc-projects .mc-lightbox img{width:100%!important;max-height:84vh!important;object-fit:contain!important;border-radius:18px;background:#111}\n#mc-projects .mc-lightbox__close{position:absolute;right:10px;top:10px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(10,12,10,.75);color:#fff;font-size:22px;cursor:pointer}\n#mc-projects .mc-lightbox__caption{color:rgba(255,255,255,.78)!important;text-align:center;font-size:12px!important;margin:10px 0 0!important}\n\n@media(max-width:980px){\n  #mc-projects .mc-section{padding:76px 0}\n  #mc-projects .mc-hero__inner,#mc-projects .mc-featured__head,#mc-projects .mc-approach__grid{grid-template-columns:1fr!important;gap:34px}\n  #mc-projects .mc-hero__panel{justify-self:start;width:100%;max-width:none}\n  #mc-projects .mc-featured-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:260px}\n  #mc-projects .mc-feature:nth-child(n){grid-column:auto;grid-row:auto}\n  #mc-projects .mc-feature:nth-child(1){grid-column:1\/3}\n  #mc-projects .mc-gallery-grid{grid-template-columns:1fr 1fr}\n  #mc-projects .mc-services-grid{grid-template-columns:1fr 1fr}\n}\n@media(max-width:640px){\n  #mc-projects .mc-wrap{width:min(calc(100% - 24px),var(--mc-max))!important}\n  #mc-projects .mc-section{padding:54px 0}\n  #mc-projects .mc-title{font-size:clamp(2.15rem,11vw,3.4rem)!important}\n  #mc-projects .mc-title--m{font-size:clamp(2rem,10vw,2.9rem)!important}\n  #mc-projects .mc-lead{font-size:.95rem!important}\n  #mc-projects .mc-hero{min-height:620px}\n  #mc-projects .mc-hero__overlay{background:linear-gradient(to top,rgba(11,14,12,.97),rgba(11,14,12,.76) 61%,rgba(11,14,12,.22))}\n  #mc-projects .mc-hero__inner{padding:34px 0 20px;gap:18px}\n  #mc-projects .mc-hero h1{font-size:clamp(3rem,14vw,4.3rem)!important;max-width:10ch!important}\n  #mc-projects .mc-btn{min-height:45px;padding:13px 16px!important;font-size:13px!important}\n  #mc-projects .mc-featured-grid{grid-template-columns:1.08fr .92fr;grid-auto-rows:190px;gap:9px}\n  #mc-projects .mc-feature:nth-child(1){grid-column:1\/3;min-height:280px}\n  #mc-projects .mc-feature{padding:14px;border-radius:18px}\n  #mc-projects .mc-feature strong{font-size:1.35rem!important}\n  #mc-projects .mc-gallery__intro,#mc-projects .mc-services__head{display:block}\n  #mc-projects .mc-gallery__intro .mc-lead,#mc-projects .mc-services__head .mc-lead{margin-top:10px!important}\n  #mc-projects .mc-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:none}\n  #mc-projects .mc-filters::-webkit-scrollbar{display:none}\n  #mc-projects .mc-filter{flex:0 0 auto}\n  #mc-projects .mc-gallery-grid{grid-template-columns:1fr 1fr;gap:9px}\n  #mc-projects .mc-project{border-radius:18px}\n  #mc-projects .mc-project__body{padding:14px}\n  #mc-projects .mc-project h3{font-size:1.3rem!important}\n  #mc-projects .mc-project p{font-size:11px!important}\n  #mc-projects .mc-approach__cards{grid-template-columns:1fr 1fr;gap:8px}\n  #mc-projects .mc-approach-card{min-height:170px;padding:17px}\n  #mc-projects .mc-services-grid{grid-template-columns:1fr 1fr;gap:9px}\n  #mc-projects .mc-service-card{min-height:205px;padding:14px;border-radius:18px}\n  #mc-projects .mc-final__box{min-height:400px;padding:30px 22px;border-radius:23px}\n}\n@media(max-width:390px){\n  #mc-projects .mc-gallery-grid,#mc-projects .mc-approach__cards{grid-template-columns:1fr}\n}\n@media(prefers-reduced-motion:reduce){\n  #mc-projects *,#mc-projects *::before,#mc-projects *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}\n}\n<\/style>\n\n<div id=\"mc-projects\">\n\n  <section class=\"mc-hero\" aria-labelledby=\"mc-projects-hero-title\">\n    <div class=\"mc-hero__media\">\n      <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/05-renovation-peinture.webp\" alt=\"\" fetchpriority=\"high\" decoding=\"async\">\n    <\/div>\n    <div class=\"mc-hero__overlay\"><\/div>\n\n    <div class=\"mc-wrap mc-hero__inner\">\n      <div>\n        <div class=\"mc-hero__eyebrow\">R\u00e9alisations \u00b7 mati\u00e8res \u00b7 couleurs \u00b7 finitions<\/div>\n        <h1 id=\"mc-projects-hero-title\">Des d\u00e9tails soign\u00e9s.<br>Des espaces qui changent <em>d&rsquo;allure<\/em>.<\/h1>\n        <p class=\"mc-hero__copy\">\n          D\u00e9couvrez un aper\u00e7u des univers, finitions et types de travaux pr\u00e9sent\u00e9s par Maison Chromatique :\n          peinture int\u00e9rieure, r\u00e9novation, fa\u00e7ades, boiseries, rev\u00eatements et espaces professionnels.\n        <\/p>\n        <div class=\"mc-hero__actions\">\n          <a class=\"mc-btn mc-btn--accent\" href=\"#portfolio\">Explorer le portfolio <span aria-hidden=\"true\">\u2193<\/span><\/a>\n          <a class=\"mc-btn mc-btn--lightline\" href=\"\/peintre\/contact\/\">Parler de mon projet<\/a>\n        <\/div>\n      <\/div>\n\n      <aside class=\"mc-hero__panel\">\n        <strong>Un portfolio pour regarder les finitions, pas seulement les couleurs.<\/strong>\n        <p>Pr\u00e9paration, harmonie, nettet\u00e9 des d\u00e9tails et coh\u00e9rence d&rsquo;ensemble guident chaque projet pr\u00e9sent\u00e9.<\/p>\n        <div class=\"mc-hero__chips\"><span>Int\u00e9rieur<\/span><span>Ext\u00e9rieur<\/span><span>R\u00e9novation<\/span><span>Professionnel<\/span><\/div>\n      <\/aside>\n    <\/div>\n  <\/section>\n\n  <section class=\"mc-section mc-featured\" aria-labelledby=\"mc-featured-title\">\n    <div class=\"mc-wrap\">\n      <div class=\"mc-featured__head mc-reveal\">\n        <div>\n          <span class=\"mc-kicker\">S\u00e9lection visuelle<\/span>\n          <h2 class=\"mc-title mc-title--m\" id=\"mc-featured-title\">Des ambiances diff\u00e9rentes, une m\u00eame exigence de finition.<\/h2>\n        <\/div>\n        <p class=\"mc-lead\">\n          Sur ce site de d\u00e9monstration, les visuels illustrent les diff\u00e9rents savoir-faire et types de rendu propos\u00e9s.\n        <\/p>\n      <\/div>\n\n      <div class=\"mc-featured-grid\">\n        <button class=\"mc-feature mc-scroll-card\" type=\"button\" data-mc-lightbox-src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/05-renovation-peinture.webp\" data-mc-lightbox-caption=\"R\u00e9novation int\u00e9rieure et remise en peinture\">\n          <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/05-renovation-peinture.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Int\u00e9rieur r\u00e9nov\u00e9 et remis en peinture\">\n          <span class=\"mc-feature__meta\"><span><strong>R\u00e9novation int\u00e9rieure<\/strong><span>Remise en \u00e9tat &#038; nouvelle ambiance<\/span><\/span><i class=\"mc-zoom\">\uff0b<\/i><\/span>\n        <\/button>\n\n        <button class=\"mc-feature mc-scroll-card\" type=\"button\" data-mc-lightbox-src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/04-ravalement-facade.webp\" data-mc-lightbox-caption=\"Fa\u00e7ade et ravalement\">\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 r\u00e9nov\u00e9e\">\n          <span class=\"mc-feature__meta\"><span><strong>Fa\u00e7ade<\/strong><span>Pr\u00e9paration &#038; finition ext\u00e9rieure<\/span><\/span><i class=\"mc-zoom\">\uff0b<\/i><\/span>\n        <\/button>\n\n        <button class=\"mc-feature mc-scroll-card\" type=\"button\" data-mc-lightbox-src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/06-volets-boiseries.webp\" data-mc-lightbox-caption=\"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 remis en peinture\">\n          <span class=\"mc-feature__meta\"><span><strong>Volets &#038; boiseries<\/strong><span>D\u00e9tails ext\u00e9rieurs<\/span><\/span><i class=\"mc-zoom\">\uff0b<\/i><\/span>\n        <\/button>\n\n        <button class=\"mc-feature mc-scroll-card\" type=\"button\" data-mc-lightbox-src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/peinture-interieure-artisan.webp\" data-mc-lightbox-caption=\"Peinture int\u00e9rieure\">\n          <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/peinture-interieure-artisan.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Travaux de peinture int\u00e9rieure\">\n          <span class=\"mc-feature__meta\"><span><strong>Peinture int\u00e9rieure<\/strong><span>Mur &#038; mise en couleur<\/span><\/span><i class=\"mc-zoom\">\uff0b<\/i><\/span>\n        <\/button>\n\n        <button class=\"mc-feature mc-scroll-card\" type=\"button\" data-mc-lightbox-src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/revetement-mural-papier-peint.webp\" data-mc-lightbox-caption=\"Rev\u00eatement mural d\u00e9coratif\">\n          <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/revetement-mural-papier-peint.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Rev\u00eatement mural d\u00e9coratif\">\n          <span class=\"mc-feature__meta\"><span><strong>D\u00e9coration murale<\/strong><span>Papier peint &#038; textures<\/span><\/span><i class=\"mc-zoom\">\uff0b<\/i><\/span>\n        <\/button>\n\n        <button class=\"mc-feature mc-scroll-card\" type=\"button\" data-mc-lightbox-src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/08-locaux-professionnels.webp\" data-mc-lightbox-caption=\"Locaux professionnels\">\n          <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/08-locaux-professionnels.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Locaux professionnels remis en peinture\">\n          <span class=\"mc-feature__meta\"><span><strong>Locaux professionnels<\/strong><span>Espaces de travail &#038; accueil<\/span><\/span><i class=\"mc-zoom\">\uff0b<\/i><\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mc-section\" id=\"portfolio\" aria-labelledby=\"mc-gallery-title\">\n    <div class=\"mc-wrap\">\n      <div class=\"mc-gallery__intro mc-reveal\">\n        <div>\n          <span class=\"mc-kicker\">Portfolio<\/span>\n          <h2 class=\"mc-title mc-title--m\" id=\"mc-gallery-title\">Parcourez les r\u00e9alisations par univers.<\/h2>\n        <\/div>\n        <p class=\"mc-lead\">Utilisez les filtres pour afficher les types de travaux qui correspondent le mieux \u00e0 votre projet.<\/p>\n      <\/div>\n\n      <div class=\"mc-filters\" role=\"group\" aria-label=\"Filtrer les r\u00e9alisations\">\n        <button class=\"mc-filter is-active\" type=\"button\" data-filter=\"all\">Tout voir<\/button>\n        <button class=\"mc-filter\" type=\"button\" data-filter=\"interieur\">Int\u00e9rieur<\/button>\n        <button class=\"mc-filter\" type=\"button\" data-filter=\"renovation\">R\u00e9novation<\/button>\n        <button class=\"mc-filter\" type=\"button\" data-filter=\"exterieur\">Ext\u00e9rieur<\/button>\n        <button class=\"mc-filter\" type=\"button\" data-filter=\"pro\">Professionnel<\/button>\n      <\/div>\n\n      <div class=\"mc-gallery-grid\">\n\n        <article class=\"mc-project mc-scroll-card\" data-category=\"interieur\">\n          <button class=\"mc-project__media\" type=\"button\" data-mc-lightbox-src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/02-peinture-interieure.webp\" data-mc-lightbox-caption=\"Peinture int\u00e9rieure \u2014 murs et ambiance\">\n            <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/02-peinture-interieure.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Peinture int\u00e9rieure dans une pi\u00e8ce de vie\">\n          <\/button>\n          <div class=\"mc-project__body\">\n            <div class=\"mc-project__category\">Int\u00e9rieur<\/div>\n            <h3>Murs &#038; pi\u00e8ce de vie<\/h3>\n            <p>Pr\u00e9paration du support, teinte homog\u00e8ne et finition adapt\u00e9e \u00e0 la lumi\u00e8re de la pi\u00e8ce.<\/p>\n            <a href=\"\/peintre\/peinture-interieure\/\">D\u00e9couvrir la peinture int\u00e9rieure<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"mc-project mc-scroll-card\" data-category=\"renovation interieur\">\n          <button class=\"mc-project__media\" type=\"button\" data-mc-lightbox-src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/renovation-interieure.webp\" data-mc-lightbox-caption=\"R\u00e9novation int\u00e9rieure \u2014 pr\u00e9paration des surfaces\">\n            <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/renovation-interieure.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Pi\u00e8ce en cours de r\u00e9novation int\u00e9rieure\">\n          <\/button>\n          <div class=\"mc-project__body\">\n            <div class=\"mc-project__category\">R\u00e9novation<\/div>\n            <h3>Remise \u00e0 niveau int\u00e9rieure<\/h3>\n            <p>Travail de pr\u00e9paration avant la nouvelle mise en couleur et les finitions d\u00e9coratives.<\/p>\n            <a href=\"\/peintre\/renovation-et-remise-en-peinture\/\">Voir la r\u00e9novation<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"mc-project mc-scroll-card\" data-category=\"exterieur\">\n          <button class=\"mc-project__media\" type=\"button\" data-mc-lightbox-src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/peinture-exterieure-facade.webp\" data-mc-lightbox-caption=\"Peinture ext\u00e9rieure de fa\u00e7ade\">\n            <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/peinture-exterieure-facade.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Artisan r\u00e9alisant une peinture ext\u00e9rieure\">\n          <\/button>\n          <div class=\"mc-project__body\">\n            <div class=\"mc-project__category\">Ext\u00e9rieur<\/div>\n            <h3>Peinture de fa\u00e7ade<\/h3>\n            <p>Pr\u00e9paration d&rsquo;un support expos\u00e9 et application d&rsquo;une finition ext\u00e9rieure adapt\u00e9e.<\/p>\n            <a href=\"\/peintre\/peinture-exterieure\/\">Voir la peinture ext\u00e9rieure<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"mc-project mc-scroll-card\" data-category=\"exterieur renovation\">\n          <button class=\"mc-project__media\" type=\"button\" data-mc-lightbox-src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/04-ravalement-facade.webp\" data-mc-lightbox-caption=\"Ravalement et remise en \u00e9tat de fa\u00e7ade\">\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          <\/button>\n          <div class=\"mc-project__body\">\n            <div class=\"mc-project__category\">Ext\u00e9rieur \u00b7 r\u00e9novation<\/div>\n            <h3>Ravalement de fa\u00e7ade<\/h3>\n            <p>Nettoyage, reprises du support et finition pour retrouver un ext\u00e9rieur plus homog\u00e8ne.<\/p>\n            <a href=\"\/peintre\/ravalement-de-facade\/\">D\u00e9couvrir le ravalement<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"mc-project mc-scroll-card\" data-category=\"exterieur\">\n          <button class=\"mc-project__media\" type=\"button\" data-mc-lightbox-src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/06-volets-boiseries.webp\" data-mc-lightbox-caption=\"Volets et boiseries ext\u00e9rieures\">\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\">\n          <\/button>\n          <div class=\"mc-project__body\">\n            <div class=\"mc-project__category\">Ext\u00e9rieur<\/div>\n            <h3>Volets &#038; boiseries<\/h3>\n            <p>Pon\u00e7age, pr\u00e9paration et remise en peinture pour harmoniser les d\u00e9tails de l&rsquo;ext\u00e9rieur.<\/p>\n            <a href=\"\/peintre\/peinture-de-volets-et-boiseries\/\">Voir les boiseries<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"mc-project mc-scroll-card\" data-category=\"interieur renovation\">\n          <button class=\"mc-project__media\" type=\"button\" data-mc-lightbox-src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/platrerie-preparation-mur.webp\" data-mc-lightbox-caption=\"Pr\u00e9paration et lissage d'un mur\">\n            <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/platrerie-preparation-mur.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Pr\u00e9paration et lissage d'un mur avant peinture\">\n          <\/button>\n          <div class=\"mc-project__body\">\n            <div class=\"mc-project__category\">Pr\u00e9paration<\/div>\n            <h3>Reprise des murs<\/h3>\n            <p>Enduits, lissage et pr\u00e9paration avant la finition pour obtenir une base plus r\u00e9guli\u00e8re.<\/p>\n            <a href=\"\/peintre\/services\/\">Voir les services<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"mc-project mc-scroll-card\" data-category=\"interieur\">\n          <button class=\"mc-project__media\" type=\"button\" data-mc-lightbox-src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/revetement-mural-papier-peint.webp\" data-mc-lightbox-caption=\"Rev\u00eatement mural et d\u00e9coration\">\n            <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/revetement-mural-papier-peint.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Rev\u00eatement mural d\u00e9coratif\">\n          <\/button>\n          <div class=\"mc-project__body\">\n            <div class=\"mc-project__category\">D\u00e9coration<\/div>\n            <h3>Rev\u00eatement mural<\/h3>\n            <p>Une surface d\u00e9corative pour apporter mati\u00e8re, motif ou contraste \u00e0 un int\u00e9rieur.<\/p>\n            <a href=\"\/peintre\/services\/\">Voir les rev\u00eatements<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"mc-project mc-scroll-card\" data-category=\"interieur renovation\">\n          <button class=\"mc-project__media\" type=\"button\" data-mc-lightbox-src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/pose-revetement-sol.webp\" data-mc-lightbox-caption=\"Pose de rev\u00eatement de sol\">\n            <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/pose-revetement-sol.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Pose de rev\u00eatement de sol\">\n          <\/button>\n          <div class=\"mc-project__body\">\n            <div class=\"mc-project__category\">R\u00e9novation<\/div>\n            <h3>Rev\u00eatement de sol<\/h3>\n            <p>Le sol compl\u00e8te la transformation visuelle d&rsquo;une pi\u00e8ce et participe \u00e0 l&rsquo;harmonie g\u00e9n\u00e9rale.<\/p>\n            <a href=\"\/peintre\/services\/\">Voir les services<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"mc-project mc-scroll-card\" data-category=\"pro interieur\">\n          <button class=\"mc-project__media\" type=\"button\" data-mc-lightbox-src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/08-locaux-professionnels.webp\" data-mc-lightbox-caption=\"Peinture de locaux professionnels\">\n            <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/08-locaux-professionnels.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Locaux professionnels remis en peinture\">\n          <\/button>\n          <div class=\"mc-project__body\">\n            <div class=\"mc-project__category\">Professionnel<\/div>\n            <h3>Locaux professionnels<\/h3>\n            <p>Des espaces de travail et d&rsquo;accueil remis en valeur avec une finition coh\u00e9rente et facile \u00e0 entretenir.<\/p>\n            <a href=\"\/peintre\/peinture-de-locaux-professionnels\/\">Voir les locaux professionnels<\/a>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mc-section mc-approach\" aria-labelledby=\"mc-approach-title\">\n    <div class=\"mc-wrap mc-approach__grid\">\n      <div class=\"mc-reveal\" data-mc-reveal=\"left\">\n        <span class=\"mc-kicker\">Ce que l&rsquo;on regarde<\/span>\n        <h2 class=\"mc-title mc-title--m\" id=\"mc-approach-title\">Une r\u00e9alisation r\u00e9ussie se lit dans les d\u00e9tails.<\/h2>\n        <p class=\"mc-lead\">\n          La couleur attire l&rsquo;\u0153il, mais la pr\u00e9paration, les raccords et l&rsquo;harmonie g\u00e9n\u00e9rale donnent r\u00e9ellement la qualit\u00e9 per\u00e7ue.\n        <\/p>\n      <\/div>\n\n      <div class=\"mc-approach__cards\">\n        <article class=\"mc-approach-card mc-scroll-card\"><b>01<\/b><h3>Support<\/h3><p>Une base correctement pr\u00e9par\u00e9e avant toute finition.<\/p><\/article>\n        <article class=\"mc-approach-card mc-scroll-card\"><b>02<\/b><h3>Raccords<\/h3><p>Angles, contours et transitions visuellement propres.<\/p><\/article>\n        <article class=\"mc-approach-card mc-scroll-card\"><b>03<\/b><h3>Lumi\u00e8re<\/h3><p>Une finition choisie en fonction de l&rsquo;ambiance et de l&rsquo;exposition.<\/p><\/article>\n        <article class=\"mc-approach-card mc-scroll-card\"><b>04<\/b><h3>Harmonie<\/h3><p>Des couleurs et mati\u00e8res qui fonctionnent ensemble dans tout l&rsquo;espace.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mc-section\" aria-labelledby=\"mc-services-title\">\n    <div class=\"mc-wrap\">\n      <div class=\"mc-services__head mc-reveal\">\n        <div>\n          <span class=\"mc-kicker\">Du portfolio \u00e0 votre projet<\/span>\n          <h2 class=\"mc-title mc-title--m\" id=\"mc-services-title\">Retrouvez le savoir-faire qui correspond \u00e0 votre besoin.<\/h2>\n        <\/div>\n        <p class=\"mc-lead\">Chaque univers du portfolio renvoie vers une page d\u00e9taill\u00e9e pour comprendre la pr\u00e9paration et le d\u00e9roulement du chantier.<\/p>\n      <\/div>\n\n      <div class=\"mc-services-grid\">\n        <a class=\"mc-service-card mc-scroll-card\" href=\"\/peintre\/peinture-interieure\/\">\n          <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/peinture-interieure-artisan.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Peinture int\u00e9rieure\">\n          <div><strong>Peinture int\u00e9rieure<\/strong><span>Murs \u00b7 plafonds \u00b7 couleurs \u2197<\/span><\/div>\n        <\/a>\n\n        <a class=\"mc-service-card mc-scroll-card\" href=\"\/peintre\/renovation-et-remise-en-peinture\/\">\n          <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/09\/renovation-interieure.webp\" loading=\"lazy\" decoding=\"async\" alt=\"R\u00e9novation int\u00e9rieure\">\n          <div><strong>R\u00e9novation<\/strong><span>Pr\u00e9paration \u00b7 reprises \u00b7 finition \u2197<\/span><\/div>\n        <\/a>\n\n        <a class=\"mc-service-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<\/strong><span>Fa\u00e7ades \u00b7 ext\u00e9rieur \u2197<\/span><\/div>\n        <\/a>\n\n        <a class=\"mc-service-card mc-scroll-card\" href=\"\/peintre\/peinture-de-locaux-professionnels\/\">\n          <img src=\"https:\/\/demo.jouglet-web.fr\/peintre\/wp-content\/uploads\/2026\/08\/08-locaux-professionnels.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Locaux professionnels\">\n          <div><strong>Locaux professionnels<\/strong><span>Bureaux \u00b7 commerces \u00b7 accueil \u2197<\/span><\/div>\n        <\/a>\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\/05-renovation-peinture.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Int\u00e9rieur r\u00e9nov\u00e9 et remis en peinture\">\n      <div>\n        <span class=\"mc-kicker\" style=\"color:#efd2c1!important\">Une ambiance vous inspire ?<\/span>\n        <h2 class=\"mc-title\" id=\"mc-final-title\">Parlons maintenant de votre propre espace.<\/h2>\n        <p>\n          Envoyez quelques photos et d\u00e9crivez le r\u00e9sultat recherch\u00e9.\n          Nous pourrons pr\u00e9parer un premier \u00e9change autour des supports, des couleurs, des finitions et de la r\u00e9novation \u00e9ventuelle.\n        <\/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 class=\"mc-lightbox\" data-mc-lightbox aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Agrandissement du visuel\">\n    <div class=\"mc-lightbox__inner\">\n      <button class=\"mc-lightbox__close\" type=\"button\" aria-label=\"Fermer\">\u00d7<\/button>\n      <img decoding=\"async\" src=\"\" alt=\"\">\n      <p class=\"mc-lightbox__caption\"><\/p>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n  'use strict';\n\n  function boot(){\n    var root=document.getElementById('mc-projects');\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\n    if(!reduce&&'IntersectionObserver'in window){\n      var obs=new IntersectionObserver(function(entries,o){\n        entries.forEach(function(e){\n          if(e.isIntersecting){\n            e.target.classList.add('is-visible');\n            o.unobserve(e.target);\n          }\n        });\n      },{threshold:.12,rootMargin:'0px 0px -7% 0px'});\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        obs.observe(el);\n      });\n    }else{\n      items.forEach(function(el){el.classList.add('is-visible')});\n    }\n\n    \/* Filtres *\/\n    var filters=Array.prototype.slice.call(root.querySelectorAll('.mc-filter'));\n    var projects=Array.prototype.slice.call(root.querySelectorAll('.mc-project'));\n\n    filters.forEach(function(button){\n      button.addEventListener('click',function(){\n        var filter=button.getAttribute('data-filter')||'all';\n\n        filters.forEach(function(b){\n          b.classList.toggle('is-active',b===button);\n        });\n\n        projects.forEach(function(card){\n          var cats=(card.getAttribute('data-category')||'').split(\/\\s+\/);\n          var visible=filter==='all'||cats.indexOf(filter)!==-1;\n          card.classList.toggle('is-hidden',!visible);\n        });\n      });\n    });\n\n    \/* Lightbox *\/\n    var box=root.querySelector('[data-mc-lightbox]');\n    var boxImg=box?box.querySelector('img'):null;\n    var caption=box?box.querySelector('.mc-lightbox__caption'):null;\n    var close=box?box.querySelector('.mc-lightbox__close'):null;\n    var triggers=Array.prototype.slice.call(root.querySelectorAll('[data-mc-lightbox-src]'));\n    var lastTrigger=null;\n\n    function openBox(trigger){\n      if(!box||!boxImg)return;\n      var src=trigger.getAttribute('data-mc-lightbox-src');\n      var text=trigger.getAttribute('data-mc-lightbox-caption')||'';\n      if(!src)return;\n\n      lastTrigger=trigger;\n      boxImg.src=src;\n      boxImg.alt=text;\n      if(caption)caption.textContent=text;\n      box.classList.add('is-open');\n      box.setAttribute('aria-hidden','false');\n      document.documentElement.style.overflow='hidden';\n      if(close)close.focus();\n    }\n\n    function closeBox(){\n      if(!box)return;\n      box.classList.remove('is-open');\n      box.setAttribute('aria-hidden','true');\n      document.documentElement.style.overflow='';\n      if(boxImg)boxImg.src='';\n      if(lastTrigger)lastTrigger.focus();\n    }\n\n    triggers.forEach(function(trigger){\n      trigger.addEventListener('click',function(){\n        openBox(trigger);\n      });\n    });\n\n    if(close)close.addEventListener('click',closeBox);\n\n    if(box){\n      box.addEventListener('click',function(e){\n        if(e.target===box)closeBox();\n      });\n    }\n\n    document.addEventListener('keydown',function(e){\n      if(e.key==='Escape'&&box&&box.classList.contains('is-open'))closeBox();\n    });\n\n    \/* Micro parallax *\/\n    if(!reduce){\n      var imgs=Array.prototype.slice.call(root.querySelectorAll('.mc-final__box>img'));\n      var raf=0;\n      function clamp(n,a,b){return Math.max(a,Math.min(b,n))}\n      function update(){\n        raf=0;\n        imgs.forEach(function(img){\n          var p=img.parentElement,r=p.getBoundingClientRect();\n          if(r.bottom<0||r.top>innerHeight)return;\n          var c=r.top+r.height\/2-innerHeight\/2;\n          img.style.transform='scale(1.035) translate3d(0,'+clamp(-c*.022,-10,10).toFixed(2)+'px,0)';\n        });\n      }\n      function schedule(){if(!raf)raf=requestAnimationFrame(update)}\n      update();\n      addEventListener('scroll',schedule,{passive:true});\n      addEventListener('resize',schedule,{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>R\u00e9alisations \u00b7 mati\u00e8res \u00b7 couleurs \u00b7 finitions Des d\u00e9tails soign\u00e9s.Des espaces qui changent d&rsquo;allure. D\u00e9couvrez un aper\u00e7u des univers, finitions et types de travaux pr\u00e9sent\u00e9s par Maison Chromatique : peinture int\u00e9rieure, r\u00e9novation, fa\u00e7ades, boiseries, rev\u00eatements et espaces professionnels. Explorer le portfolio \u2193 Parler de mon projet Un portfolio pour regarder les finitions, pas seulement les [&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-53","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\/53","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=53"}],"version-history":[{"count":3,"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/pages\/53\/revisions\/131"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/peintre\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}