{"id":298,"date":"2026-04-17T07:19:32","date_gmt":"2026-04-17T07:19:32","guid":{"rendered":"https:\/\/www.mmc-toiture.com\/?page_id=298"},"modified":"2026-04-17T16:27:50","modified_gmt":"2026-04-17T16:27:50","slug":"realisation","status":"publish","type":"page","link":"https:\/\/www.mmc-toiture.com\/index.php\/realisation\/","title":{"rendered":"R\u00e9alisation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"298\" class=\"elementor elementor-298\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4329bd e-con-full e-flex e-con e-parent\" data-id=\"e4329bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-031ca27 elementor-widget elementor-widget-shortcode\" data-id=\"031ca27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <style>\r\n        :root { --primary: #70c1e5; --dark: #333; --light-bg: #fdfbf1; --gray: #515151; }\r\n\r\n        \/* HERO BANNER *\/\r\n        .real-hero {\r\n    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('http:\/\/www.mmc-toiture.com\/wp-content\/uploads\/2026\/04\/freepik_affiche-fond-pour-ravalem_2767267688.png');\r\n    background-attachment: fixed !important;\r\n    background-size: cover;\r\n    background-position: center;\r\n    \r\n    \/* Code pour forcer la pleine largeur (Full Width) *\/\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    box-sizing: border-box; \/* Emp\u00eache le padding de cr\u00e9er un scroll horizontal *\/\r\n    \r\n    padding: 100px 20px;\r\n    text-align: center;\r\n    color: #fff;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.real-hero h1 { \r\n    font-size: clamp(28px, 5vw, 42px); \r\n    color: var(--primary); \r\n    text-transform: uppercase; \r\n    margin: 0; \r\n    font-weight: 800; \r\n}\r\n\r\n.real-hero p { \r\n    font-size: 18px; \r\n    margin-top: 15px; \r\n    opacity: 0.9; \r\n}\r\n        \/* GRID CONTAINER *\/\r\n        .real-list { with: 100%; margin: 0 auto; padding: 0 20px; }\r\n\r\n        \/* CASE STUDY CARD *\/\r\n        .case-study {\r\n            display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 0;\r\n            background: #fff; border-radius: 20px; overflow: hidden;\r\n            box-shadow: 0 15px 45px rgba(0,0,0,0.07); margin-bottom: 80px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n        .case-study:hover { transform: translateY(-5px); }\r\n\r\n        \/* VISUAL COMPARISON *\/\r\n        .case-visuals { display: grid; grid-template-columns: 1fr 1fr; background: #eee; gap: 2px; position: relative; }\r\n        .img-container { position: relative; height: 450px; overflow: hidden; background: #ddd; }\r\n        .img-container img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n        \r\n        .badge {\r\n            position: absolute; top: 15px; left: 15px;\r\n            padding: 6px 15px; border-radius: 30px; font-size: 11px;\r\n            font-weight: 700; text-transform: uppercase; color: #fff; z-index: 10;\r\n        }\r\n        .badge-avant { background: var(--gray); }\r\n        .badge-apres { background: var(--primary); }\r\n\r\n        \/* CONTENT *\/\r\n        .case-details { padding: 45px; display: flex; flex-direction: column; justify-content: center; background: #fff; }\r\n        .case-details h2 { font-size: 24px; color: var(--dark); margin-top: 0; margin-bottom: 20px; border-left: 4px solid var(--primary); padding-left: 15px; }\r\n        \r\n        .project-desc { color: #666; font-size: 16px; line-height: 1.8; margin-bottom: 25px; }\r\n\r\n        .project-meta { list-style: none; padding: 0; margin: 0; border-top: 1px solid #eee; padding-top: 20px; }\r\n        .project-meta li { font-size: 14px; margin-bottom: 8px; color: var(--gray); display: flex; align-items: center; }\r\n        .project-meta li span { color: var(--primary); margin-right: 10px; font-weight: bold; }\r\n\r\n        @media (max-width: 992px) {\r\n            .case-study { grid-template-columns: 1fr; }\r\n            .img-container { height: 300px; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"real-list\">\r\n        <div class=\"real-hero\">\r\n            <h1>Expertise & R\u00e9alisations<\/h1>\r\n            <p>D\u00e9couvrez la qualit\u00e9 de nos interventions \u00e0 travers nos derniers chantiers.<\/p>\r\n        <\/div>\r\n\r\n                    <article class=\"case-study\">\r\n                <div class=\"case-visuals\">\r\n                    <div class=\"img-container\">\r\n                        <span class=\"badge badge-avant\">Avant<\/span>\r\n                                                    <img  alt=\"Avant\" class=\"lws-optimize-lazyload\" data-src=\"https:\/\/www.mmc-toiture.com\/wp-content\/uploads\/2026\/04\/freepik_image-de-maconerie-dans-l_2777607271.png\">\r\n                                            <\/div>\r\n                    <div class=\"img-container\">\r\n                        <span class=\"badge badge-apres\">Apr\u00e8s<\/span>\r\n                                                    <img  alt=\"Apr\u00e8s\" class=\"lws-optimize-lazyload\" data-src=\"https:\/\/www.mmc-toiture.com\/wp-content\/uploads\/2026\/04\/freepik_image-de-maconnerie-toitu_2777607300.png\">\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"case-details\">\r\n                    <h2>Ma\u00e7on<\/h2>\r\n                    \r\n                    <div class=\"project-desc\">\r\n                        Avec le temps, la mousse, le lichen et la pollution fragilisent vos tuiles et les rendent poreuses. Un ravalement de toiture ne se limite pas \u00e0 un simple nettoyage ; c'est un traitement curatif et pr\u00e9ventif complet.\r\n\r\nValorisation immobili\u00e8re : Une maison plus attrayante pour une \u00e9ventuelle vente.\r\n\u00c9tanch\u00e9it\u00e9 renforc\u00e9e : Des tuiles moins poreuses qui ne craignent plus le gel.\r\n\u00c9conomie : Une alternative 3 fois moins co\u00fbteuse qu'une r\u00e9fection compl\u00e8te.                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n                    <article class=\"case-study\">\r\n                <div class=\"case-visuals\">\r\n                    <div class=\"img-container\">\r\n                        <span class=\"badge badge-avant\">Avant<\/span>\r\n                                            <\/div>\r\n                    <div class=\"img-container\">\r\n                        <span class=\"badge badge-apres\">Apr\u00e8s<\/span>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"case-details\">\r\n                    <h2>Realisation 1<\/h2>\r\n                    \r\n                    <div class=\"project-desc\">\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/article>\r\n            <\/div>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-298","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.mmc-toiture.com\/index.php\/wp-json\/wp\/v2\/pages\/298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mmc-toiture.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mmc-toiture.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mmc-toiture.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mmc-toiture.com\/index.php\/wp-json\/wp\/v2\/comments?post=298"}],"version-history":[{"count":0,"href":"https:\/\/www.mmc-toiture.com\/index.php\/wp-json\/wp\/v2\/pages\/298\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.mmc-toiture.com\/index.php\/wp-json\/wp\/v2\/media?parent=298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}