{"id":77,"date":"2026-04-21T20:17:13","date_gmt":"2026-04-21T20:17:13","guid":{"rendered":"https:\/\/mm-db.be\/?page_id=77"},"modified":"2026-06-30T16:38:16","modified_gmt":"2026-06-30T16:38:16","slug":"contact","status":"publish","type":"page","link":"https:\/\/mm-db.be\/index.php\/fr\/contact\/","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\n        .mm-nav-links,\n        .mm-lang {\n            display: none;\n        }\n\n        .mm-hamburger {\n            display: flex;\n        }\n\n        .mm-navbar {\n            padding: 0 24px;\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-icon svg {\n        width: 44px;\n        height: 44px;\n        stroke: var(--mm-red);\n        fill: none;\n        stroke-width: 1.5;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    \/* Filled phone icon *\/\n    .mm-contact-icon svg.filled {\n        fill: var(--mm-red);\n        stroke: none;\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        <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        <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\/contact\/\">Contact<\/a><\/li>\n        <\/ul>\n\n        <div style=\"display:flex;align-items:center;gap:24px;\">\n\n        <\/div>\n    <\/nav>\n\n    <div class=\"mm-mobile-nav\" id=\"mmMobileNav5\">\n        <a href=\"\/\">Home<\/a>\n        <a href=\"\/nos-services\">Nos services<\/a>\n        <a href=\"\/devis\">Devis<\/a>\n        <a href=\"\/nos-realisations\">Nos r\u00e9alisations<\/a>\n        <a href=\"\/contact\">Contact<\/a>\n        <div class=\"mm-mobile-lang\">\n            <a href=\"#\" class=\"active\">FR<\/a>\n            <a href=\"#\">NL<\/a>\n            <a href=\"#\">EN<\/a>\n        <\/div>\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            <!-- T\u00e9l\u00e9phone fixe -->\n            <a href=\"tel:0224317 17\" class=\"mm-contact-item\">\n                <div class=\"mm-contact-icon\">\n                    <svg viewBox=\"0 0 44 44\" class=\"filled\">\n                        <path\n                            d=\"M6.5 3C5.1 3 4 4.1 4 5.5v4c0 18.2 14.8 33 33 33h4c1.4 0 2.5-1.1 2.5-2.5v-7c0-1.4-1.1-2.5-2.5-2.5h-6c-1.4 0-2.5 1.1-2.5 2.5v1.3C27.8 32.5 21.5 26.2 20.2 18.5H21.5c1.4 0 2.5-1.1 2.5-2.5v-6C24 8.6 22.9 7.5 21.5 7.5h-7C13.1 7.5 12 8.6 12 10v0\" \/>\n                        <path d=\"M8 4C8 4 6 6 6 10c0 15 13 28 28 28 4 0 6-2 6-2\" stroke=\"var(--mm-red)\"\n                            stroke-width=\"2.5\" fill=\"none\" \/>\n                    <\/svg>\n                <\/div>\n                <span class=\"mm-contact-value\">02.243.17.17<\/span>\n            <\/a>\n\n            <!-- Mobile -->\n            <a href=\"tel:0495269020\" class=\"mm-contact-item\">\n                <div class=\"mm-contact-icon\">\n                    <svg viewBox=\"0 0 44 44\">\n                        <rect x=\"12\" y=\"3\" width=\"20\" height=\"38\" rx=\"3\" \/>\n                        <line x1=\"12\" y1=\"9\" x2=\"32\" y2=\"9\" \/>\n                        <line x1=\"12\" y1=\"35\" x2=\"32\" y2=\"35\" \/>\n                        <rect x=\"17\" y=\"37\" width=\"10\" height=\"2\" rx=\"1\" \/>\n                        <!-- keypad dots -->\n                        <circle cx=\"18\" cy=\"16\" r=\"1.5\" fill=\"var(--mm-red)\" \/>\n                        <circle cx=\"22\" cy=\"16\" r=\"1.5\" fill=\"var(--mm-red)\" \/>\n                        <circle cx=\"26\" cy=\"16\" r=\"1.5\" fill=\"var(--mm-red)\" \/>\n                        <circle cx=\"18\" cy=\"21\" r=\"1.5\" fill=\"var(--mm-red)\" \/>\n                        <circle cx=\"22\" cy=\"21\" r=\"1.5\" fill=\"var(--mm-red)\" \/>\n                        <circle cx=\"26\" cy=\"21\" r=\"1.5\" fill=\"var(--mm-red)\" \/>\n                        <circle cx=\"18\" cy=\"26\" r=\"1.5\" fill=\"var(--mm-red)\" \/>\n                        <circle cx=\"22\" cy=\"26\" r=\"1.5\" fill=\"var(--mm-red)\" \/>\n                        <circle cx=\"26\" cy=\"26\" r=\"1.5\" fill=\"var(--mm-red)\" \/>\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 viewBox=\"0 0 44 44\">\n                        <rect x=\"4\" y=\"10\" width=\"36\" height=\"26\" rx=\"3\" \/>\n                        <polyline points=\"4,10 22,26 40,10\" \/>\n                    <\/svg>\n                <\/div>\n                <span class=\"mm-contact-value\">info@mmdesignbuild.be<\/span>\n            <\/a>\n\n            <div class=\"mm-contact-item\">\n                <div class=\"mm-contact-icon\">\n                    <svg viewBox=\"0 0 44 44\">\n                        <circle cx=\"22\" cy=\"22\" r=\"18\" \/>\n                        <polyline points=\"22,12 22,22 30,26\" \/>\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 FR NL EN 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. 02.243.17.17 0495.26.90.20 info@mmdesignbuild.be Ouvert 7\/7 Si\u00e8ge Bruxelles : Boulevard du Souverain 205\/4 \u00e0 1160 [&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-77","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 FR NL EN 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. 02.243.17.17 0495.26.90.20 info@mmdesignbuild.be Ouvert 7\/7 Si\u00e8ge Bruxelles : Boulevard du Souverain 205\/4 \u00e0 1160&hellip;","_links":{"self":[{"href":"https:\/\/mm-db.be\/index.php\/wp-json\/wp\/v2\/pages\/77","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=77"}],"version-history":[{"count":24,"href":"https:\/\/mm-db.be\/index.php\/wp-json\/wp\/v2\/pages\/77\/revisions"}],"predecessor-version":[{"id":211,"href":"https:\/\/mm-db.be\/index.php\/wp-json\/wp\/v2\/pages\/77\/revisions\/211"}],"wp:attachment":[{"href":"https:\/\/mm-db.be\/index.php\/wp-json\/wp\/v2\/media?parent=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}