{"id":394,"date":"2026-10-22T18:16:28","date_gmt":"2026-10-22T18:16:28","guid":{"rendered":"https:\/\/mm-db.be\/?page_id=394"},"modified":"2026-10-22T18:23:40","modified_gmt":"2026-10-22T18:23:40","slug":"394-2","status":"publish","type":"page","link":"https:\/\/mm-db.be\/index.php\/394-2\/","title":{"rendered":""},"content":{"rendered":"\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n        var block = document.querySelector('.wp-block-html');\n        if (block) {\n            block.style.cssText = 'margin:0!important;padding:0!important;max-width:100%!important;';\n            var parent = block.parentElement;\n            while (parent && parent !== document.body) {\n                parent.style.maxWidth = '100%';\n                parent.style.padding = '0';\n                parent.style.margin = '0';\n                parent = parent.parentElement;\n            }\n        }\n    });\n<\/script>\n\n<style>\n    html,\n    body {\n        margin: 0 !important;\n        padding: 0 !important;\n        overflow-x: hidden;\n    }\n\n    .site-main,\n    .page-content,\n    .entry-content,\n    #content,\n    #primary,\n    article,\n    .post-content {\n        padding: 0 !important;\n        margin: 0 !important;\n        max-width: 100% !important;\n    }\n\n    .wp-block-html,\n    .wp-block-group,\n    .wp-block-post-content,\n    .is-layout-flow,\n    .is-layout-constrained {\n        padding: 0 !important;\n        margin: 0 !important;\n        max-width: 100% !important;\n    }\n\n    .wp-site-blocks,\n    .wp-site-blocks>* {\n        padding: 0 !important;\n        margin: 0 !important;\n    }\n\n    .site-header {\n        display: none !important;\n    }\n\n    :root {\n        --mm-red: #c0404a;\n        --mm-red-nav: rgba(176, 58, 64, 0.92);\n        --mm-beige: #b5a99a;\n        --mm-white: #ffffff;\n        --mm-font-display: 'Cormorant Garamond', Georgia, serif;\n        --mm-font-nav: 'Montserrat', sans-serif;\n    }\n\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Montserrat:wght@300;400;600&display=swap');\n\n    \/* ===== NAVBAR ===== *\/\n\n    .mm-contact-wrap {\n        background: var(--mm-beige);\n    }\n\n    .mm-contact-wrap * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    .mm-navbar {\n        position: relative;\n        z-index: 100;\n        background: var(--mm-red-nav);\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 0 40px;\n        height: 90px;\n        backdrop-filter: blur(4px);\n        width: 100%;\n    }\n\n    .mm-logo {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-decoration: none;\n        gap: 2px;\n    }\n\n    .mm-logo-icon {\n        width: 52px;\n        height: 52px;\n    }\n\n    .mm-logo-text {\n        font-family: var(--mm-font-nav);\n        font-size: 9px;\n        font-weight: 300;\n        letter-spacing: 2px;\n        color: var(--mm-white);\n        text-transform: uppercase;\n    }\n\n    .mm-nav-links {\n        display: flex;\n        align-items: center;\n        gap: 38px;\n        list-style: none;\n    }\n\n    .mm-nav-links a {\n        color: var(--mm-white);\n        text-decoration: none;\n        font-size: 13px;\n        font-weight: 400;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        position: relative;\n        padding-bottom: 4px;\n        transition: opacity 0.2s;\n    }\n\n    .mm-nav-links a::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 0;\n        height: 1px;\n        background: var(--mm-white);\n        transition: width 0.3s ease;\n    }\n\n    .mm-nav-links a:hover::after,\n    .mm-nav-links a.active::after {\n        width: 100%;\n    }\n\n    .mm-nav-links a:hover {\n        opacity: 0.85;\n    }\n\n    .mm-lang {\n        display: flex;\n        gap: 14px;\n        list-style: none;\n    }\n\n    .mm-lang a {\n        color: var(--mm-white);\n        text-decoration: none;\n        font-size: 12px;\n        font-weight: 600;\n        letter-spacing: 1.5px;\n        opacity: 0.75;\n        transition: opacity 0.2s;\n    }\n\n    .mm-lang a:hover,\n    .mm-lang a.active {\n        opacity: 1;\n    }\n\n    .mm-hamburger {\n        display: none;\n        flex-direction: column;\n        gap: 5px;\n        background: none;\n        border: none;\n        cursor: pointer;\n        padding: 4px;\n    }\n\n    .mm-hamburger span {\n        display: block;\n        width: 26px;\n        height: 2px;\n        background: var(--mm-white);\n        border-radius: 2px;\n        transition: transform 0.3s, opacity 0.3s;\n    }\n\n    .mm-hamburger.open span:nth-child(1) {\n        transform: translateY(7px) rotate(45deg);\n    }\n\n    .mm-hamburger.open span:nth-child(2) {\n        opacity: 0;\n    }\n\n    .mm-hamburger.open span:nth-child(3) {\n        transform: translateY(-7px) rotate(-45deg);\n    }\n\n    .mm-mobile-nav {\n        display: none;\n        position: relative;\n        background: var(--mm-red-nav);\n        z-index: 99;\n        padding: 20px 30px 30px;\n        flex-direction: column;\n        gap: 20px;\n    }\n\n    .mm-mobile-nav.open {\n        display: flex;\n    }\n\n    .mm-mobile-nav a {\n        color: var(--mm-white);\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 400;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.15);\n        padding-bottom: 14px;\n    }\n\n    .mm-mobile-lang {\n        display: flex;\n        gap: 16px;\n        margin-top: 4px;\n    }\n\n    .mm-mobile-lang a {\n        border: none;\n        padding: 0;\n        font-weight: 600;\n        font-size: 12px;\n        opacity: 0.75;\n    }\n\n    @media(max-width:900px) {\n        .mm-contact-wrap .mm-navbar {\n            padding: 0 24px;\n            position: relative;\n            justify-content: flex-start !important;\n            gap: 20px;\n        }\n\n        .mm-contact-wrap .mm-nav-links,\n        .mm-contact-wrap .mm-lang {\n            display: none !important;\n        }\n\n        .mm-contact-wrap .mm-hamburger {\n            display: flex !important;\n            flex-shrink: 0;\n        }\n\n        .mm-contact-wrap .mm-logo {\n            position: absolute !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n        }\n    }\n\n    \/* ===== CONTACT SECTION ===== *\/\n    .mm-contact-main {\n        background: var(--mm-beige);\n        padding: 80px 60px 0;\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 50px;\n    }\n\n    .mm-contact-title {\n        font-family: var(--mm-font-display);\n        font-size: clamp(36px, 5.5vw, 72px);\n        font-weight: 600;\n        color: var(--mm-red);\n        letter-spacing: 4px;\n        text-transform: uppercase;\n        text-align: center;\n        margin: 0;\n    }\n\n    .mm-contact-intro {\n        font-family: var(--mm-font-display);\n        font-size: clamp(16px, 1.8vw, 22px);\n        font-weight: 400;\n        color: var(--mm-white);\n        text-align: center;\n        line-height: 1.8;\n        max-width: 900px;\n        margin: -20px 0 0 0;\n    }\n\n    \/* Contact items *\/\n    .mm-contact-items {\n        display: flex;\n        flex-direction: column;\n        gap: 32px;\n        align-items: flex-start;\n        padding-bottom: 80px;\n    }\n\n    .mm-contact-item {\n        display: flex;\n        align-items: center;\n        gap: 24px;\n        text-decoration: none;\n    }\n\n    .mm-contact-icon {\n        width: 48px;\n        height: 48px;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .mm-contact-wrap .mm-contact-icon svg {\n        width: 44px !important;\n        height: 44px !important;\n        min-width: 44px !important;\n        display: block !important;\n        visibility: visible !important;\n        opacity: 1 !important;\n        fill: none !important;\n        stroke: #c0404a !important;\n        stroke-width: 1.5 !important;\n    }\n\n    \/* Filled phone icon *\/\n    .mm-contact-wrap .mm-contact-icon svg {\n        width: 44px !important;\n        height: 44px !important;\n        min-width: 44px !important;\n        display: block !important;\n        visibility: visible !important;\n        opacity: 1 !important;\n        fill: none !important;\n        stroke: #c0404a !important;\n        stroke-width: 1.5 !important;\n    }\n\n    .mm-contact-value {\n        font-family: var(--mm-font-nav);\n        font-size: clamp(16px, 1.8vw, 22px);\n        font-weight: 600;\n        color: var(--mm-red);\n        letter-spacing: 1px;\n        transition: opacity 0.2s;\n    }\n\n    .mm-contact-item:hover .mm-contact-value {\n        opacity: 0.75;\n    }\n\n    \/* ===== FOOTER ===== *\/\n    .mm-footer {\n        background: #a84040;\n        width: 100%;\n        padding: 36px 60px;\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 24px;\n    }\n\n\n\n    \/* Social icons *\/\n    .mm-footer-socials {\n        display: flex;\n        gap: 16px;\n        align-items: center;\n    }\n\n    .mm-footer-socials a {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 48px;\n        height: 48px;\n        border: 2px solid rgba(255, 255, 255, 0.7);\n        border-radius: 50%;\n        transition: border-color 0.2s, background 0.2s;\n        text-decoration: none;\n    }\n\n    .mm-footer-socials a:hover {\n        background: rgba(255, 255, 255, 0.15);\n        border-color: var(--mm-white);\n    }\n\n    .mm-footer-socials svg {\n        width: 22px;\n        height: 22px;\n        fill: var(--mm-white);\n    }\n\n    \/* Address *\/\n    .mm-footer-address {\n        font-family: var(--mm-font-nav);\n        font-size: 14px;\n        font-weight: 400;\n        color: rgba(255, 255, 255, 0.9);\n        text-align: center;\n        line-height: 1.8;\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n    }\n\n\n    .mm-footer-address strong {\n        font-weight: 600;\n        color: var(--mm-white);\n    }\n\n    \/* Footer logo *\/\n    .mm-footer-logo {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 4px;\n        text-decoration: none;\n    }\n\n    .mm-footer-logo svg {\n        width: 70px;\n        height: 70px;\n    }\n\n    @media(max-width:860px) {\n        .mm-contact-main {\n            padding: 60px 30px 0;\n        }\n\n        .mm-footer {\n            padding: 30px 24px;\n            flex-direction: column;\n            text-align: center;\n            gap: 20px;\n        }\n\n        .mm-footer-address {\n            text-align: center;\n        }\n    }\n\n    .site-footer,\n    footer.elementor-section,\n    #colophon,\n    .footer-widgets,\n    .site-info {\n        display: none !important;\n    }\n<\/style>\n\n<div class=\"mm-contact-wrap\">\n\n    <!-- ===== NAVBAR ===== -->\n    <nav class=\"mm-navbar\">\n\n        <button class=\"mm-hamburger\" id=\"mmHamburger5\" aria-label=\"Menu\">\n            <span><\/span><span><\/span><span><\/span>\n        <\/button>\n\n        <a href=\"https:\/\/mm-db.be\/index.php\/16-2\/\" class=\"mm-logo\">\n            <img decoding=\"async\" src=\"http:\/\/mm-db.be\/wp-content\/uploads\/2026\/06\/mm-logo-gris.png\" alt=\"M&#038;M Design &#038; Build\"\n                style=\"height: 70px; width: auto;\">\n        <\/a>\n\n        <ul class=\"mm-nav-links\">\n            <li><a href=\"https:\/\/mm-db.be\/index.php\/16-2\/\">Home<\/a><\/li>\n            <li><a href=\"https:\/\/mm-db.be\/index.php\/nos-services\/\">Nos services<\/a><\/li>\n            <li><a href=\"https:\/\/mm-db.be\/index.php\/devis\/\">Devis<\/a><\/li>\n            <li><a href=\"https:\/\/mm-db.be\/index.php\/nos-realisations\/\">Nos r\u00e9alisations<\/a><\/li>\n            <li><a href=\"https:\/\/mm-db.be\/index.php\/394-2\/\">Contact<\/a><\/li>\n        <\/ul>\n\n        <div style=\"width:52px;\"><\/div>\n\n    <\/nav>\n\n    <div class=\"mm-mobile-nav\" id=\"mmMobileNav5\">\n        <a href=\"https:\/\/mm-db.be\/index.php\/16-2\/\">Home<\/a>\n        <a href=\"https:\/\/mm-db.be\/index.php\/nos-services\/\">Nos services<\/a>\n        <a href=\"https:\/\/mm-db.be\/index.php\/devis\/\">Devis<\/a>\n        <a href=\"https:\/\/mm-db.be\/index.php\/nos-realisations\/\">Nos r\u00e9alisations<\/a>\n        <a href=\"https:\/\/mm-db.be\/index.php\/394-2\/\">Contact<\/a>\n\n    <\/div>\n\n    <!-- ===== CONTACT MAIN ===== -->\n    <div class=\"mm-contact-main\">\n\n        <h1 class=\"mm-contact-title\">Contactez-nous<\/h1>\n\n        <p class=\"mm-contact-intro\">\n            Une question ? Un projet ? Une urgence ?<br>\n            L&#8217;\u00e9quipe de M&amp;M Design &amp; Build est l\u00e0 pour vous r\u00e9pondre rapidement et efficacement.\n        <\/p>\n\n        <div class=\"mm-contact-items\">\n\n            <!-- Mobile -->\n            <a href=\"tel:+32495269020\" class=\"mm-contact-item\">\n                <div class=\"mm-contact-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"44\" height=\"44\" fill=\"none\"\n                        stroke=\"#c0404a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2\" \/>\n                        <line x1=\"11\" y1=\"18\" x2=\"13\" y2=\"18\" \/>\n                    <\/svg>\n                <\/div>\n                <span class=\"mm-contact-value\">0495.26.90.20<\/span>\n            <\/a>\n\n            <!-- Email -->\n            <a href=\"mailto:info@mmdesignbuild.be\" class=\"mm-contact-item\">\n                <div class=\"mm-contact-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"44\" height=\"44\" fill=\"none\"\n                        stroke=\"#c0404a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\" \/>\n                        <polyline points=\"2,6 12,13 22,6\" \/>\n                    <\/svg>\n                <\/div>\n                <span class=\"mm-contact-value\">info@mm-db.be<\/span>\n            <\/a>\n\n            <!-- Horaires -->\n            <div class=\"mm-contact-item\">\n                <div class=\"mm-contact-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"44\" height=\"44\" fill=\"none\"\n                        stroke=\"#c0404a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                        <polyline points=\"12,6 12,12 16,14\" \/>\n                    <\/svg>\n                <\/div>\n                <span class=\"mm-contact-value\">Ouvert 7\/7<\/span>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n\n    <!-- ===== FOOTER ===== -->\n    <footer class=\"mm-footer\">\n\n        <!-- R\u00e9seaux sociaux -->\n        <div class=\"mm-footer-socials\">\n\n            <a href=\"https:\/\/www.instagram.com\/mmdesign.build\/\" target=\"_blank\" aria-label=\"Instagram\">\n                <svg viewBox=\"0 0 24 24\">\n                    <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\" \/>\n                    <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\" fill=\"#a84040\" \/>\n                    <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\" stroke=\"#a84040\" stroke-width=\"2\" \/>\n                <\/svg>\n            <\/a>\n        <\/div>\n\n        <!-- Adresse -->\n        <div class=\"mm-footer-address\">\n            <div><strong>Si\u00e8ge Bruxelles :<\/strong> Boulevard du Souverain 205\/4 \u00e0 1160 Audergem<\/div>\n            <div><strong>Si\u00e8ge Wallonie :<\/strong> Rue Basse Rasm\u00e9e, 36 &#8211; 5340 Gesves<\/div>\n        <\/div>\n        <!-- Logo -->\n        <a href=\"https:\/\/mm-db.be\/index.php\/16-2\/\" class=\"mm-logo\">\n            <img decoding=\"async\" src=\"http:\/\/mm-db.be\/wp-content\/uploads\/2026\/06\/mm-logo-gris.png\" alt=\"M&#038;M Design &#038; Build\"\n                style=\"height: 70px; width: auto;\">\n        <\/a>\n    <\/footer>\n\n<\/div>\n\n<script>\n    (function () {\n        var ham = document.getElementById('mmHamburger5');\n        var mob = document.getElementById('mmMobileNav5');\n        ham.addEventListener('click', function () {\n            ham.classList.toggle('open');\n            mob.classList.toggle('open');\n        });\n\n        var links = document.querySelectorAll('.mm-nav-links a, .mm-mobile-nav a');\n        links.forEach(function (l) {\n            if (l.getAttribute('href') === window.location.pathname) l.classList.add('active');\n        });\n    })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Home Nos services Devis Nos r\u00e9alisations Contact Home Nos services Devis Nos r\u00e9alisations Contact Contactez-nous Une question ? Un projet ? Une urgence ? L&#8217;\u00e9quipe de M&amp;M Design &amp; Build est l\u00e0 pour vous r\u00e9pondre rapidement et efficacement. 0495.26.90.20 info@mm-db.be Ouvert 7\/7 Si\u00e8ge Bruxelles : Boulevard du Souverain 205\/4 \u00e0 1160 Audergem Si\u00e8ge Wallonie : [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-394","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin9484","author_link":"https:\/\/mm-db.be\/index.php\/author\/admin9484\/"},"uagb_comment_info":0,"uagb_excerpt":"Home Nos services Devis Nos r\u00e9alisations Contact Home Nos services Devis Nos r\u00e9alisations Contact Contactez-nous Une question ? Un projet ? Une urgence ? L&#8217;\u00e9quipe de M&amp;M Design &amp; Build est l\u00e0 pour vous r\u00e9pondre rapidement et efficacement. 0495.26.90.20 info@mm-db.be Ouvert 7\/7 Si\u00e8ge Bruxelles : Boulevard du Souverain 205\/4 \u00e0 1160 Audergem Si\u00e8ge Wallonie :&hellip;","_links":{"self":[{"href":"https:\/\/mm-db.be\/index.php\/wp-json\/wp\/v2\/pages\/394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mm-db.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mm-db.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mm-db.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mm-db.be\/index.php\/wp-json\/wp\/v2\/comments?post=394"}],"version-history":[{"count":4,"href":"https:\/\/mm-db.be\/index.php\/wp-json\/wp\/v2\/pages\/394\/revisions"}],"predecessor-version":[{"id":398,"href":"https:\/\/mm-db.be\/index.php\/wp-json\/wp\/v2\/pages\/394\/revisions\/398"}],"wp:attachment":[{"href":"https:\/\/mm-db.be\/index.php\/wp-json\/wp\/v2\/media?parent=394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}