{"id":27,"date":"2026-08-18T11:07:12","date_gmt":"2026-08-18T09:07:12","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/couvreur\/?page_id=27"},"modified":"2026-08-18T13:14:01","modified_gmt":"2026-08-18T11:14:01","slug":"realisations","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/couvreur\/realisations\/","title":{"rendered":"R\u00e9alisations"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<!-- PAGE R\u00c9ALISATIONS \u2014 HORIZON TOITURE PARIS -->\n<div class=\"htrg-page\">\n<style>\n.htrg-page{--navy:#0b1f33;--copper:#c9793d;--copper2:#a95c28;--cream:#f7f3ed;--text:#273443;--muted:#667382;--line:#e3e7ea;--shadow:0 18px 45px rgba(11,31,51,.11);font-family:inherit;color:var(--text);line-height:1.65;overflow:hidden}\n.htrg-page *,.htrg-page *:before,.htrg-page *:after{box-sizing:border-box}\n.htrg-page h1,.htrg-page h2,.htrg-page h3,.htrg-page p{margin-top:0}\n.htrg-page h1,.htrg-page h2,.htrg-page h3{color:var(--navy);line-height:1.15}\n.htrg-page a{text-decoration:none}\n.htrg-container{width:min(1180px,calc(100% - 40px));margin:auto}\n.htrg-section{padding:90px 0}\n.htrg-cream{background:var(--cream)}\n.htrg-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:15px;color:var(--copper2);font-size:13px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}\n.htrg-eyebrow:before{content:\"\";width:28px;height:2px;background:currentColor}\n.htrg-heading{max-width:760px;margin-bottom:38px}\n.htrg-heading.center{margin-inline:auto;text-align:center}\n.htrg-heading.center .htrg-eyebrow:before{display:none}\n.htrg-heading h2{margin-bottom:15px;font-size:clamp(32px,4vw,50px);letter-spacing:-.04em}\n.htrg-heading p{margin:0;color:var(--muted);font-size:18px}\n.htrg-btn{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:13px 23px;border:1px solid transparent;border-radius:8px;font-weight:800;transition:.2s}\n.htrg-btn:hover{transform:translateY(-2px)}\n.htrg-btn-copper{background:var(--copper);color:#fff!important}\n.htrg-btn-light{background:#fff;color:var(--navy)!important}\n.htrg-btn-outline{border-color:rgba(255,255,255,.5);color:#fff!important}\n\n.htrg-hero{padding:115px 0 105px;background:linear-gradient(90deg,rgba(5,20,34,.97),rgba(8,28,46,.82) 55%,rgba(8,28,46,.32)),url('https:\/\/images.pexels.com\/photos\/31771167\/pexels-photo-31771167\/free-photo-of-installation-of-red-clay-roof-tiles-on-new-building.jpeg?auto=compress&cs=tinysrgb&w=2000') center\/cover}\n.htrg-hero__content{max-width:810px}\n.htrg-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;color:#b9c7d3;font-size:13px;font-weight:700}\n.htrg-breadcrumb a{color:#e8edf1}\n.htrg-breadcrumb span:last-child{color:#e5a36f}\n.htrg-hero h1{margin-bottom:22px;color:#fff;font-size:clamp(45px,6vw,72px);letter-spacing:-.052em}\n.htrg-hero h1 em{color:#e6a675;font-style:normal}\n.htrg-hero p{max-width:720px;margin-bottom:29px;color:#d8e2e9;font-size:20px}\n.htrg-demo{display:inline-flex;padding:8px 13px;border:1px solid rgba(255,255,255,.25);border-radius:99px;background:rgba(255,255,255,.09);color:#fff;font-size:12px;font-weight:800}\n\n.htrg-filters{display:flex;justify-content:center;gap:8px;margin-bottom:34px}\n.htrg-filter{padding:11px 16px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--navy);font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:.2s}\n.htrg-filter:hover,.htrg-filter.is-active{border-color:var(--navy);background:var(--navy);color:#fff}\n\n.htrg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.htrg-card{position:relative;border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(11,31,51,.06);transition:.25s}\n.htrg-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}\n.htrg-card.is-hidden{display:none}\n.htrg-card__image{position:relative;height:260px;overflow:hidden}\n.htrg-card__image img{width:100%;height:100%;object-fit:cover;transition:.5s}\n.htrg-card:hover img{transform:scale(1.05)}\n.htrg-card__tag{position:absolute;top:14px;left:14px;padding:7px 10px;border-radius:99px;background:rgba(11,31,51,.9);color:#fff;font-size:11px;font-weight:900}\n.htrg-card__body{padding:22px}\n.htrg-card h3{margin-bottom:8px;font-size:20px}\n.htrg-card__meta{display:flex;gap:14px;margin-bottom:14px;color:var(--muted);font-size:12px}\n.htrg-card p{margin-bottom:18px;color:var(--muted);font-size:13px}\n.htrg-open{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:none;color:var(--copper2);font:inherit;font-size:14px;font-weight:900;cursor:pointer}\n\n.htrg-process{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}\n.htrg-process article{padding:25px 20px;border:1px solid var(--line);border-radius:9px;background:#fff}\n.htrg-process i{display:grid;width:45px;height:45px;margin-bottom:16px;place-items:center;border-radius:50%;background:var(--copper);color:#fff;font-style:normal;font-weight:900}\n.htrg-process h3{margin-bottom:7px;font-size:17px}\n.htrg-process p{margin:0;color:var(--muted);font-size:13px}\n\n.htrg-cta{padding:78px 0;background:linear-gradient(125deg,#081a2c,#102f4b 64%,#183e5d)}\n.htrg-cta__grid{display:flex;align-items:center;justify-content:space-between;gap:40px}\n.htrg-cta h2{max-width:710px;margin-bottom:11px;color:#fff;font-size:clamp(31px,4vw,48px);letter-spacing:-.04em}\n.htrg-cta p{margin:0;color:#c3d0da;font-size:18px}\n.htrg-cta__actions{display:flex;flex:0 0 auto;flex-direction:column;gap:10px}\n\n.htrg-modal{position:fixed;z-index:999999;inset:0;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(4,15,26,.88);backdrop-filter:blur(7px)}\n.htrg-modal.is-open{display:flex}\n.htrg-modal__panel{position:relative;width:min(980px,100%);max-height:92vh;border-radius:13px;background:#fff;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.4)}\n.htrg-modal__close{position:absolute;z-index:3;top:13px;right:13px;display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:50%;background:rgba(11,31,51,.9);color:#fff;font-size:25px;cursor:pointer}\n.htrg-modal__gallery{position:relative;height:500px;background:#081a2c}\n.htrg-modal__gallery img{width:100%;height:100%;object-fit:cover}\n.htrg-modal__nav{position:absolute;top:50%;display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--navy);font-size:24px;cursor:pointer;transform:translateY(-50%)}\n.htrg-prev{left:15px}\n.htrg-next{right:15px}\n.htrg-modal__counter{position:absolute;left:18px;bottom:15px;padding:6px 10px;border-radius:99px;background:rgba(11,31,51,.85);color:#fff;font-size:12px;font-weight:800}\n.htrg-modal__content{padding:31px}\n.htrg-modal__content h2{margin-bottom:10px;font-size:30px}\n.htrg-modal__content p{color:var(--muted)}\n.htrg-modal__facts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:21px}\n.htrg-modal__facts div{padding:13px;border:1px solid var(--line);border-radius:7px}\n.htrg-modal__facts strong{display:block;color:var(--navy);font-size:13px}\n.htrg-modal__facts span{color:var(--muted);font-size:11px}\n\n@media(max-width:1024px){.htrg-grid{grid-template-columns:repeat(2,1fr)}\n.htrg-process{grid-template-columns:repeat(2,1fr)}\n}\n\n@media(max-width:767px){.htrg-container{width:min(100% - 28px,1180px)}\n.htrg-section{padding:54px 0}\n.htrg-heading{margin-bottom:25px}\n.htrg-heading h2{font-size:31px}\n.htrg-heading p{font-size:15px}\n.htrg-hero{padding:65px 0 68px;background-position:58% center}\n.htrg-hero h1{font-size:40px}\n.htrg-hero p{font-size:16px}\n.htrg-filters{justify-content:flex-start;margin-right:-14px;padding-right:14px;overflow-x:auto;scrollbar-width:none}\n.htrg-filters::-webkit-scrollbar{display:none}\n.htrg-filter{flex:0 0 auto}\n.htrg-grid{grid-template-columns:1fr}\n.htrg-card__image{height:235px}\n.htrg-process{grid-template-columns:repeat(2,1fr);gap:9px}\n.htrg-process article{padding:18px 13px}\n.htrg-process h3{font-size:15px}\n.htrg-process p{font-size:12px}\n.htrg-cta{padding:60px 0}\n.htrg-cta__grid{align-items:stretch;flex-direction:column;gap:27px}\n.htrg-cta__actions .htrg-btn{width:100%}\n.htrg-modal{padding:0}\n.htrg-modal__panel{width:100%;max-height:100vh;height:100%;border-radius:0}\n.htrg-modal__gallery{height:42vh;min-height:300px}\n.htrg-modal__content{padding:24px 17px}\n.htrg-modal__content h2{font-size:25px}\n.htrg-modal__facts{grid-template-columns:repeat(2,1fr)}\n}\n\n<\/style>\n\n<section class=\"htrg-hero\">\n<div class=\"htrg-container htrg-hero__content\">\n<div class=\"htrg-breadcrumb\">\n<a href=\"https:\/\/demo.jouglet-web.fr\/couvreur\/\">Accueil<\/a>\n<span>\u203a<\/span>\n<span>R\u00e9alisations<\/span>\n<\/div>\n<h1>Nos r\u00e9alisations de <em>couverture<\/em>\n<\/h1>\n<p>D\u00e9couvrez diff\u00e9rents exemples de r\u00e9novations, r\u00e9parations, travaux de zinguerie, d\u00e9moussages et isolations.<\/p>\n<span class=\"htrg-demo\">Projets fictifs pr\u00e9sent\u00e9s pour cette maquette de d\u00e9monstration<\/span>\n<\/div>\n<\/section>\n\n<section class=\"htrg-section htrg-cream\">\n<div class=\"htrg-container\">\n<div class=\"htrg-heading center\">\n<span class=\"htrg-eyebrow\">Galerie de chantiers<\/span>\n<h2>Notre savoir-faire en images<\/h2>\n<p>S\u00e9lectionnez une cat\u00e9gorie puis ouvrez un projet pour consulter ses photos et ses informations.<\/p>\n<\/div>\n<div class=\"htrg-filters\" role=\"group\" aria-label=\"Filtrer les r\u00e9alisations\">\n<button class=\"htrg-filter is-active\" data-filter=\"all\">Tous<\/button>\n<button class=\"htrg-filter\" data-filter=\"renovation\">R\u00e9novation<\/button>\n<button class=\"htrg-filter\" data-filter=\"fuite\">R\u00e9paration<\/button>\n<button class=\"htrg-filter\" data-filter=\"zinguerie\">Zinguerie<\/button>\n<button class=\"htrg-filter\" data-filter=\"demoussage\">D\u00e9moussage<\/button>\n<button class=\"htrg-filter\" data-filter=\"isolation\">Isolation<\/button>\n<\/div>\n<div class=\"htrg-grid\" id=\"htrgGrid\">\n<article class=\"htrg-card\" data-category=\"renovation\" data-project=\"0\">\n<div class=\"htrg-card__image\">\n<img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/31771167\/pexels-photo-31771167\/free-photo-of-installation-of-red-clay-roof-tiles-on-new-building.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=900\" alt=\"R\u00e9novation compl\u00e8te d'une toiture en tuiles\" loading=\"lazy\">\n<span class=\"htrg-card__tag\">R\u00e9novation<\/span>\n<\/div>\n<div class=\"htrg-card__body\">\n<h3>R\u00e9fection compl\u00e8te en tuiles<\/h3>\n<div class=\"htrg-card__meta\">\n<span>Paris 15e<\/span>\n<span>Couverture<\/span>\n<\/div>\n<p>D\u00e9pose de l\u2019ancienne couverture et pose de nouvelles tuiles avec finitions.<\/p>\n<button class=\"htrg-open\">Voir le chantier \u2192<\/button>\n<\/div>\n<\/article>\n<article class=\"htrg-card\" data-category=\"zinguerie\" data-project=\"1\">\n<div class=\"htrg-card__image\">\n<img decoding=\"async\" src=\"https:\/\/www.activetoit.com\/public\/img\/big\/cbzingueriepng_69c0dce4149f15.67733077.png\" alt=\"Abergement de chemin\u00e9e en zinc\" loading=\"lazy\">\n<span class=\"htrg-card__tag\">Zinguerie<\/span>\n<\/div>\n<div class=\"htrg-card__body\">\n<h3>Abergement de chemin\u00e9e<\/h3>\n<div class=\"htrg-card__meta\">\n<span>Vincennes<\/span>\n<span>Zinc<\/span>\n<\/div>\n<p>Fa\u00e7onnage d\u2019un entourage assurant l\u2019\u00e9tanch\u00e9it\u00e9 de la jonction.<\/p>\n<button class=\"htrg-open\">Voir le chantier \u2192<\/button>\n<\/div>\n<\/article>\n<article class=\"htrg-card\" data-category=\"demoussage\" data-project=\"2\">\n<div class=\"htrg-card__image\">\n<img decoding=\"async\" src=\"https:\/\/www.jamiendrone.com.au\/Roof_Moss_Jamien.png\" alt=\"Toiture avant et apr\u00e8s d\u00e9moussage\" loading=\"lazy\">\n<span class=\"htrg-card__tag\">D\u00e9moussage<\/span>\n<\/div>\n<div class=\"htrg-card__body\">\n<h3>Nettoyage d\u2019une toiture<\/h3>\n<div class=\"htrg-card__meta\">\n<span>Montreuil<\/span>\n<span>Entretien<\/span>\n<\/div>\n<p>\u00c9limination des mousses et traitement adapt\u00e9 \u00e0 l\u2019\u00e9tat des tuiles.<\/p>\n<button class=\"htrg-open\">Voir le chantier \u2192<\/button>\n<\/div>\n<\/article>\n<article class=\"htrg-card\" data-category=\"fuite\" data-project=\"3\">\n<div class=\"htrg-card__image\">\n<img decoding=\"async\" src=\"https:\/\/www.crea-toit.be\/uploads\/content\/1_1000\/reparation-de-toitures-fr.jpg\" alt=\"R\u00e9paration cibl\u00e9e de tuiles\" loading=\"lazy\">\n<span class=\"htrg-card__tag\">R\u00e9paration<\/span>\n<\/div>\n<div class=\"htrg-card__body\">\n<h3>R\u00e9paration apr\u00e8s infiltration<\/h3>\n<div class=\"htrg-card__meta\">\n<span>Paris 12e<\/span>\n<span>Recherche de fuite<\/span>\n<\/div>\n<p>Remplacement des \u00e9l\u00e9ments endommag\u00e9s et reprise d\u2019un raccord.<\/p>\n<button class=\"htrg-open\">Voir le chantier \u2192<\/button>\n<\/div>\n<\/article>\n<article class=\"htrg-card\" data-category=\"isolation\" data-project=\"4\">\n<div class=\"htrg-card__image\">\n<img decoding=\"async\" src=\"https:\/\/s7g10.scene7.com\/is\/image\/knauf\/KnaufLoftInstall196%3ACF_4x3_L?dpr=on%2C2&#038;fmt=webp\" alt=\"Pose d'isolant entre les chevrons\" loading=\"lazy\">\n<span class=\"htrg-card__tag\">Isolation<\/span>\n<\/div>\n<div class=\"htrg-card__body\">\n<h3>Isolation des rampants<\/h3>\n<div class=\"htrg-card__meta\">\n<span>Levallois<\/span>\n<span>Combles am\u00e9nag\u00e9s<\/span>\n<\/div>\n<p>Pose d\u2019un isolant entre les chevrons et traitement des jonctions.<\/p>\n<button class=\"htrg-open\">Voir le chantier \u2192<\/button>\n<\/div>\n<\/article>\n<article class=\"htrg-card\" data-category=\"zinguerie\" data-project=\"5\">\n<div class=\"htrg-card__image\">\n<img decoding=\"async\" src=\"https:\/\/giraud-toitures.fr\/wp-content\/uploads\/2019\/10\/noue-zinc2.jpg\" alt=\"Noue en zinc entre deux pans de toiture\" loading=\"lazy\">\n<span class=\"htrg-card__tag\">Zinguerie<\/span>\n<\/div>\n<div class=\"htrg-card__body\">\n<h3>Cr\u00e9ation d\u2019une noue en zinc<\/h3>\n<div class=\"htrg-card__meta\">\n<span>Boulogne<\/span>\n<span>\u00c9tanch\u00e9it\u00e9<\/span>\n<\/div>\n<p>Fa\u00e7onnage et pose d\u2019une noue pour guider les eaux pluviales.<\/p>\n<button class=\"htrg-open\">Voir le chantier \u2192<\/button>\n<\/div>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"htrg-section\">\n<div class=\"htrg-container\">\n<div class=\"htrg-heading center\">\n<span class=\"htrg-eyebrow\">Notre exigence<\/span>\n<h2>Chaque chantier suit la m\u00eame m\u00e9thode<\/h2>\n<\/div>\n<div class=\"htrg-process\">\n<article>\n<i>01<\/i>\n<h3>Diagnostic<\/h3>\n<p>Comprendre l\u2019\u00e9tat de la toiture et le besoin r\u00e9el.<\/p>\n<\/article>\n<article>\n<i>02<\/i>\n<h3>Pr\u00e9paration<\/h3>\n<p>Choisir les mat\u00e9riaux et organiser les acc\u00e8s.<\/p>\n<\/article>\n<article>\n<i>03<\/i>\n<h3>R\u00e9alisation<\/h3>\n<p>Ex\u00e9cuter les travaux avec des finitions soign\u00e9es.<\/p>\n<\/article>\n<article>\n<i>04<\/i>\n<h3>Contr\u00f4le<\/h3>\n<p>V\u00e9rifier les ouvrages et nettoyer la zone.<\/p>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"htrg-cta\">\n<div class=\"htrg-container htrg-cta__grid\">\n<div>\n<h2>Vous avez un projet similaire ?<\/h2>\n<p>Expliquez-nous votre besoin et recevez une proposition adapt\u00e9e \u00e0 votre toiture.<\/p>\n<\/div>\n<div class=\"htrg-cta__actions\">\n<a class=\"htrg-btn htrg-btn-light\" href=\"https:\/\/demo.jouglet-web.fr\/couvreur\/contact\/\">Demander mon devis gratuit \u2192<\/a>\n<a class=\"htrg-btn htrg-btn-outline\" href=\"tel:+33100000000\">\u260e Appeler le 01 00 00 00 00<\/a>\n<\/div>\n<\/div>\n<\/section>\n\n<div class=\"htrg-modal\" id=\"htrgModal\" aria-hidden=\"true\">\n<div class=\"htrg-modal__panel\" role=\"dialog\" aria-modal=\"true\">\n<button class=\"htrg-modal__close\" aria-label=\"Fermer\">\u00d7<\/button>\n<div class=\"htrg-modal__gallery\">\n<img decoding=\"async\" id=\"htrgModalImage\" src=\"\" alt=\"\">\n<button class=\"htrg-modal__nav htrg-prev\" aria-label=\"Photo pr\u00e9c\u00e9dente\">\u2039<\/button>\n<button class=\"htrg-modal__nav htrg-next\" aria-label=\"Photo suivante\">\u203a<\/button>\n<span class=\"htrg-modal__counter\" id=\"htrgCounter\">\n<\/span>\n<\/div>\n<div class=\"htrg-modal__content\">\n<span class=\"htrg-eyebrow\" id=\"htrgCategory\">\n<\/span>\n<h2 id=\"htrgTitle\">\n<\/h2>\n<p id=\"htrgDescription\">\n<\/p>\n<div class=\"htrg-modal__facts\" id=\"htrgFacts\">\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<script>\n(()=>{\nconst projects=[\n{cat:'R\u00e9novation',title:'R\u00e9fection compl\u00e8te en tuiles',desc:'D\u00e9pose de la couverture existante, contr\u00f4le visuel des supports, pose de nouvelles tuiles et r\u00e9alisation des finitions.',facts:['Secteur|Paris 15e','Travaux|Couverture compl\u00e8te','Mat\u00e9riau|Terre cuite','Projet|D\u00e9monstration'],images:['https:\/\/images.pexels.com\/photos\/31771167\/pexels-photo-31771167\/free-photo-of-installation-of-red-clay-roof-tiles-on-new-building.jpeg?auto=compress&cs=tinysrgb&w=1400','https:\/\/images.pexels.com\/photos\/9431615\/pexels-photo-9431615.jpeg?auto=compress&cs=tinysrgb&w=1400','https:\/\/images.pexels.com\/photos\/31763543\/pexels-photo-31763543\/free-photo-of-stack-of-roof-tiles-on-a-pallet-outdoors.jpeg?auto=compress&cs=tinysrgb&w=1400']}\n,\n{cat:'Zinguerie',title:'Abergement de chemin\u00e9e',desc:'Fa\u00e7onnage et pose de pi\u00e8ces en zinc autour d\u2019une chemin\u00e9e pour assurer la continuit\u00e9 de l\u2019\u00e9tanch\u00e9it\u00e9.',facts:['Secteur|Vincennes','Ouvrage|Abergement','Mat\u00e9riau|Zinc naturel','Projet|D\u00e9monstration'],images:['https:\/\/www.activetoit.com\/public\/img\/big\/cbzingueriepng_69c0dce4149f15.67733077.png','https:\/\/rm-toiture-69.fr\/wp-content\/uploads\/2023\/04\/abergement-de-cheminee-a-Brindas-2.jpg','https:\/\/static.wixstatic.com\/media\/0bc239_a7fc58b881f443d9bac53d2c81d5a5c4~mv2.jpg\/v1\/fill\/w_1000,h_750,al_c,q_85\/0bc239_a7fc58b881f443d9bac53d2c81d5a5c4~mv2.jpg']}\n,\n{cat:'D\u00e9moussage',title:'Nettoyage d\u2019une toiture',desc:'Retrait des mousses, nettoyage ma\u00eetris\u00e9 et traitement compatible avec l\u2019\u00e9tat de la couverture.',facts:['Secteur|Montreuil','Travaux|D\u00e9moussage','Support|Tuiles','Projet|D\u00e9monstration'],images:['https:\/\/www.jamiendrone.com.au\/Roof_Moss_Jamien.png','https:\/\/assets.meillakotona.fi\/w7lrg8grgqb7\/5wh3jDPOMrdsKRZ0Uf7SfC\/ca9ab8ae656cfe37d1c3f7037d3d1c7d\/Sammalkatto_aepLo.jpg?q=75&w=1600','https:\/\/le-de.cdn-website.com\/b863187b57f542c0bf80b83e00dc36c8\/dms3rep\/multi\/opt\/AdobeStock_748983972-1920w.jpeg']}\n,\n{cat:'R\u00e9paration',title:'R\u00e9paration apr\u00e8s infiltration',desc:'Recherche de l\u2019origine, remplacement des tuiles endommag\u00e9es et reprise du point d\u2019\u00e9tanch\u00e9it\u00e9.',facts:['Secteur|Paris 12e','Travaux|R\u00e9paration cibl\u00e9e','Cause|\u00c9l\u00e9ments d\u00e9plac\u00e9s','Projet|D\u00e9monstration'],images:['https:\/\/www.crea-toit.be\/uploads\/content\/1_1000\/reparation-de-toitures-fr.jpg','https:\/\/www.quemere-couverture.fr\/ressources\/images\/3_eb49.jpg','https:\/\/a1-roofing-bury.co.uk\/images\/leak-repairs-1.jpg']}\n,\n{cat:'Isolation',title:'Isolation des rampants',desc:'Pose d\u2019un isolant entre les chevrons avec ajustement des panneaux et traitement des jonctions.',facts:['Secteur|Levallois','Configuration|Combles am\u00e9nag\u00e9s','Pose|Entre chevrons','Projet|D\u00e9monstration'],images:['https:\/\/s7g10.scene7.com\/is\/image\/knauf\/KnaufLoftInstall196%3ACF_4x3_L?dpr=on%2C2&fmt=webp','https:\/\/isoservice69.fr\/modern-attic-insulation-professional-installation.jpg','https:\/\/www.renoprimewallonie.be\/web\/image\/6953-0996b3bb\/Isolation%20des%20combles.webp?access_token=3d6ab7e5-d924-4a4e-bfda-839e4993be9e']}\n,\n{cat:'Zinguerie',title:'Cr\u00e9ation d\u2019une noue en zinc',desc:'Fa\u00e7onnage d\u2019un canal d\u2019\u00e9vacuation entre deux pans de couverture puis ajustement des tuiles.',facts:['Secteur|Boulogne','Ouvrage|Noue','Mat\u00e9riau|Zinc','Projet|D\u00e9monstration'],images:['https:\/\/giraud-toitures.fr\/wp-content\/uploads\/2019\/10\/noue-zinc2.jpg','https:\/\/toiture-78.fr\/sites\/default\/files\/showcases\/201018-Pose-cheneau-zinc-stanislas-couverture-78-1.jpeg','https:\/\/assets.zyrosite.com\/cdn-cgi\/image\/format%3Dauto%2Cw%3D1920%2Cfit%3Dcrop\/dJo49RXkJxhejBvJ\/capture-daeicran-2024-09-16-ai-17.32.04-YrDNynP4PnsWVRNp.png']}\n\n];\nconst modal=document.getElementById('htrgModal'),img=document.getElementById('htrgModalImage'),counter=document.getElementById('htrgCounter');let current=0,index=0;\ndocument.querySelectorAll('.htrg-filter').forEach(btn=>btn.addEventListener('click',()=>{document.querySelectorAll('.htrg-filter').forEach(b=>b.classList.remove('is-active'));btn.classList.add('is-active');document.querySelectorAll('.htrg-card').forEach(c=>c.classList.toggle('is-hidden',btn.dataset.filter!=='all'&&c.dataset.category!==btn.dataset.filter));}\n));\nfunction show(){const p=projects[current];img.src=p.images[index];img.alt=p.title;counter.textContent=`${index+1}\n \/ ${p.images.length}\n`;}\n\nfunction open(i){current=i;index=0;const p=projects[i];document.getElementById('htrgCategory').textContent=p.cat;document.getElementById('htrgTitle').textContent=p.title;document.getElementById('htrgDescription').textContent=p.desc;document.getElementById('htrgFacts').innerHTML=p.facts.map(f=>{const [a,b]=f.split('|');return `<div>\n<strong>${a}\n<\/strong>\n<span>${b}\n<\/span>\n<\/div>`}\n).join('');show();modal.classList.add('is-open');modal.setAttribute('aria-hidden','false');document.body.style.overflow='hidden';}\n\nfunction close(){modal.classList.remove('is-open');modal.setAttribute('aria-hidden','true');document.body.style.overflow='';}\n\ndocument.querySelectorAll('.htrg-card').forEach(c=>c.querySelector('.htrg-open').addEventListener('click',()=>open(+c.dataset.project)));\nmodal.querySelector('.htrg-modal__close').addEventListener('click',close);modal.addEventListener('click',e=>{if(e.target===modal)close()}\n);modal.querySelector('.htrg-prev').addEventListener('click',()=>{index=(index-1+projects[current].images.length)%projects[current].images.length;show()}\n);modal.querySelector('.htrg-next').addEventListener('click',()=>{index=(index+1)%projects[current].images.length;show()}\n);document.addEventListener('keydown',e=>{if(e.key==='Escape'&&modal.classList.contains('is-open'))close()}\n);\n}\n)();\n<\/script>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Accueil \u203a R\u00e9alisations Nos r\u00e9alisations de couverture D\u00e9couvrez diff\u00e9rents exemples de r\u00e9novations, r\u00e9parations, travaux de zinguerie, d\u00e9moussages et isolations. Projets fictifs pr\u00e9sent\u00e9s pour cette maquette de d\u00e9monstration Galerie de chantiers Notre savoir-faire en images S\u00e9lectionnez une cat\u00e9gorie puis ouvrez un projet pour consulter ses photos et ses informations. Tous R\u00e9novation R\u00e9paration Zinguerie D\u00e9moussage Isolation R\u00e9novation [&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\/couvreur\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.jouglet-web.fr\/couvreur\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.jouglet-web.fr\/couvreur\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.jouglet-web.fr\/couvreur\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.jouglet-web.fr\/couvreur\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":2,"href":"https:\/\/demo.jouglet-web.fr\/couvreur\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/demo.jouglet-web.fr\/couvreur\/wp-json\/wp\/v2\/pages\/27\/revisions\/71"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/couvreur\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}