{"id":75,"date":"2026-04-21T19:27:30","date_gmt":"2026-04-21T19:27:30","guid":{"rendered":"https:\/\/mm-db.be\/?page_id=75"},"modified":"2026-07-07T16:54:09","modified_gmt":"2026-07-07T16:54:09","slug":"devis","status":"publish","type":"page","link":"https:\/\/mm-db.be\/index.php\/fr\/devis\/","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  .site-footer,\n  footer.elementor-section,\n  #colophon,\n  .footer-widgets,\n  .site-info {\n    display: none !important;\n  }\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  .mm-devis-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    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  \/* ===== HERO DEVIS ===== *\/\n  .mm-devis-hero {\n    position: relative;\n    width: 100%;\n    height: 380px;\n    overflow: hidden;\n  }\n\n  .mm-devis-hero-bg {\n    position: absolute;\n    inset: 0;\n    background: url('https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?w=1600&q=80') center\/cover no-repeat;\n    z-index: 0;\n  }\n\n  .mm-devis-hero-bg::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: rgba(181, 169, 154, 0.72);\n  }\n\n  .mm-devis-hero-content {\n    position: relative;\n    z-index: 10;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .mm-devis-hero-title {\n    font-family: var(--mm-font-display);\n    font-size: clamp(36px, 6vw, 80px);\n    font-weight: 600;\n    color: var(--mm-red);\n    letter-spacing: 6px;\n    text-transform: uppercase;\n    margin: 0;\n    text-align: center;\n    padding: 0 20px;\n  }\n\n  \/* ===== DEVIS BODY ===== *\/\n  .mm-devis-body {\n    background: var(--mm-beige);\n    padding: 80px 60px 100px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 50px;\n  }\n\n  .mm-devis-intro {\n    font-family: var(--mm-font-display);\n    font-size: clamp(18px, 2vw, 26px);\n    font-weight: 400;\n    color: var(--mm-white);\n    text-align: center;\n    line-height: 1.8;\n    max-width: 600px;\n    margin: 0;\n  }\n\n  \/* CTA Button *\/\n  .mm-devis-cta {\n    display: block;\n    font-family: var(--mm-font-nav);\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--mm-red);\n    background: transparent;\n    border: 1.5px solid var(--mm-red);\n    padding: 22px 80px;\n    text-decoration: none;\n    cursor: pointer;\n    transition: background 0.3s, color 0.3s;\n    width: 100%;\n    max-width: 600px;\n    text-align: center;\n    box-sizing: border-box;\n  }\n\n  .mm-devis-cta:hover {\n    background: var(--mm-red);\n    color: var(--mm-white);\n  }\n\n  \/* ===== TESTIMONIALS ===== *\/\n  .mm-testimonials {\n    position: relative;\n    width: 100%;\n    min-height: 100vh;\n    box-sizing: border-box;\n    overflow: visible;\n    font-family: var(--mm-font-display);\n  }\n\n  .mm-testimonials-bg {\n    position: absolute;\n    inset: 0;\n    background: url('http:\/\/mm-db.be\/wp-content\/uploads\/2026\/04\/TERRASSE-GESVES.jpg') center\/cover no-repeat;\n    z-index: 0;\n  }\n\n  .mm-testimonials-bg::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: rgba(185, 155, 120, 0.65);\n  }\n\n  .mm-testimonials-inner {\n    position: relative;\n    z-index: 10;\n    padding: 80px 60px 100px;\n    max-width: 1300px;\n    margin: 0 auto;\n  }\n\n  .mm-testimonials-title {\n    font-family: var(--mm-font-display);\n    font-size: clamp(38px, 5.5vw, 72px);\n    font-weight: 400;\n    color: var(--mm-red);\n    text-align: center;\n    margin: 0 0 80px 0;\n  }\n\n  .mm-testimonials-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 40px;\n    align-items: start;\n  }\n\n  .mm-testimonial-item {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .mm-quote-mark {\n    font-family: Georgia, serif;\n    font-size: 64px;\n    font-weight: 700;\n    color: var(--mm-red);\n    line-height: 0.8;\n    margin-bottom: 10px;\n  }\n\n  .mm-testimonial-text {\n    font-family: var(--mm-font-display);\n    font-size: clamp(15px, 1.4vw, 18px);\n    color: rgba(255, 255, 255, 0.92);\n    line-height: 1.75;\n    margin: 0;\n  }\n\n  .mm-testimonial-author {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    margin-top: 8px;\n  }\n\n  .mm-testimonial-dash {\n    font-size: 18px;\n    color: rgba(255, 255, 255, 0.7);\n  }\n\n  .mm-testimonial-name {\n    font-family: var(--mm-font-display);\n    font-size: clamp(15px, 1.4vw, 18px);\n    font-style: italic;\n    font-weight: 600;\n    color: var(--mm-red);\n  }\n\n  @media(max-width:860px) {\n    .mm-devis-body {\n      padding: 60px 30px 80px;\n    }\n\n    .mm-testimonials-inner {\n      padding: 60px 30px 80px;\n    }\n\n    .mm-testimonials-grid {\n      grid-template-columns: 1fr;\n      gap: 50px;\n    }\n  }\n\n  @media (max-width: 900px) {\n    .mm-hamburger {\n      display: flex;\n      order: 0;\n    }\n\n    .mm-logo {\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n  }\n<\/style>\n\n<div class=\"mm-devis-wrap\">\n\n  <!-- ===== NAVBAR ===== -->\n\n\n  <nav class=\"mm-navbar\">\n\n    <button class=\"mm-hamburger\" id=\"mmHamburger4\" 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\/contact\/\">Contact<\/a><\/li>\n    <\/ul>\n\n    <div style=\"width:52px;\"><\/div>\n\n  <\/nav>\n\n  <div class=\"mm-mobile-nav\" id=\"mmMobileNav4\">\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\/contact\/\">Contact<\/a>\n  <\/div>\n\n  <!-- ===== HERO ===== -->\n  <div class=\"mm-devis-hero\">\n    <div class=\"mm-devis-hero-bg\"><\/div>\n    <div class=\"mm-devis-hero-content\">\n      <h1 class=\"mm-devis-hero-title\">Demande de devis<\/h1>\n    <\/div>\n  <\/div>\n\n  <!-- ===== BODY ===== -->\n  <div class=\"mm-devis-body\">\n    <p class=\"mm-devis-intro\">\n      Vous avez un projet en t\u00eate ? Que ce soit pour des travaux de plomberie,\n      une r\u00e9novation compl\u00e8te ou un am\u00e9nagement sur mesure, M&amp;M Design &amp; Build\n      est l\u00e0 pour le concr\u00e9tiser.\n    <\/p>\n    <a href=\"https:\/\/mm-db.be\/index.php\/contact\/\" class=\"mm-devis-cta\">Nous contacter<\/a>\n  <\/div>\n\n  <!-- ===== T\u00c9MOIGNAGES ===== -->\n  <section class=\"mm-testimonials\">\n    <div class=\"mm-testimonials-bg\"><\/div>\n    <div class=\"mm-testimonials-inner\">\n      <h2 class=\"mm-testimonials-title\">Ils nous ont fait confiance&nbsp;!<\/h2>\n      <div class=\"mm-testimonials-grid\">\n        <div class=\"mm-testimonial-item\">\n          <div class=\"mm-quote-mark\">&#8220;<\/div>\n          <p class=\"mm-testimonial-text\"> J\u2019ai fait appel appel \u00e0 M&#038;M design &#038; build pour la r\u00e9novation de ma salle de bain. 100% satisfait du r\u00e9sultat.\n          Merci.<\/p>\n          <div class=\"mm-testimonial-author\">\n            <span class=\"mm-testimonial-dash\">\u2013<\/span>\n            <span class=\"mm-testimonial-name\">Philippe H, Client<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"mm-testimonial-item\">\n          <div class=\"mm-quote-mark\">&#8220;<\/div>\n          <p class=\"mm-testimonial-text\">Un service irr\u00e9prochable. Travaux effectu\u00e9s dans les d\u00e9lais. A conseiller.<\/p>\n          <div class=\"mm-testimonial-author\">\n            <span class=\"mm-testimonial-dash\">\u2013<\/span>\n            <span class=\"mm-testimonial-name\">Laurent DB, Client<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"mm-testimonial-item\">\n          <div class=\"mm-quote-mark\">&#8220;<\/div>\n          <p class=\"mm-testimonial-text\">J\u2019ai du faire appel \u00e0 M&#038;M design &#038; build pour un d\u00e9bouchage en urgence ! Merci pour la rapidit\u00e9 et\n          l\u2019efficacit\u00e9.<\/p>\n          <div class=\"mm-testimonial-author\">\n            <span class=\"mm-testimonial-dash\">\u2013<\/span>\n            <span class=\"mm-testimonial-name\">C\u00e9dric H, Client<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n  (function () {\n    var ham = document.getElementById('mmHamburger4');\n    var mob = document.getElementById('mmMobileNav4');\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 Demande de devis Vous avez un projet en t\u00eate ? Que ce soit pour des travaux de plomberie, une r\u00e9novation compl\u00e8te ou un am\u00e9nagement sur mesure, M&amp;M Design &amp; Build est l\u00e0 pour le concr\u00e9tiser. Nous contacter Ils nous ont fait [&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-75","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 Demande de devis Vous avez un projet en t\u00eate ? Que ce soit pour des travaux de plomberie, une r\u00e9novation compl\u00e8te ou un am\u00e9nagement sur mesure, M&amp;M Design &amp; Build est l\u00e0 pour le concr\u00e9tiser. Nous contacter Ils nous ont fait&hellip;","_links":{"self":[{"href":"https:\/\/mm-db.be\/index.php\/wp-json\/wp\/v2\/pages\/75","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=75"}],"version-history":[{"count":9,"href":"https:\/\/mm-db.be\/index.php\/wp-json\/wp\/v2\/pages\/75\/revisions"}],"predecessor-version":[{"id":254,"href":"https:\/\/mm-db.be\/index.php\/wp-json\/wp\/v2\/pages\/75\/revisions\/254"}],"wp:attachment":[{"href":"https:\/\/mm-db.be\/index.php\/wp-json\/wp\/v2\/media?parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}