{"id":48,"date":"2026-03-06T09:47:29","date_gmt":"2026-03-06T09:47:29","guid":{"rendered":"https:\/\/dev.maison-des-vins.com\/?page_id=48"},"modified":"2026-10-26T09:03:24","modified_gmt":"2026-10-26T09:03:24","slug":"geschichte","status":"publish","type":"page","link":"https:\/\/maison-des-vins.com\/de\/histoire\/","title":{"rendered":"Geschichte"},"content":{"rendered":"\n<!-- MMV \u2014 HERO PAGE HISTOIRE (26\/09\/2026) -->\n<style>\n\/* ============================================================\n   MMV \u2014 HERO \u00ab HISTOIRE (copie du hero Groupes) \u2014 ex GROUPES & \u00c9V\u00c8NEMENTS \u00bb\n   M\u00eame principe que les heros Accueil \/ La Carte et les Menus \/ Le Caveau :\n   pleine page, image de fond, titre, texte, boutons en contour ivoire.\n   Le visuel de fond se change sur la seule ligne --herog-bg ci-dessous.\n   ============================================================ *\/\n\n.mdv-herog.mmv-hero{\n  --herog-bg: url(\"\/wp-content\/uploads\/2026\/09\/salle-orgue-comptoir-restaurant-maison-maconnaise-des-vins.jpg\");\n  position: relative;\n  width: 100vw;\n  margin-left: calc(-50vw + 50%);\n  margin-top: -110px;\n  min-height: 100vh;\n  background-image: linear-gradient(rgba(0,0,0,0.28), rgba(0,0,0,0.44)), var(--herog-bg);\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-color: #1c1c1c;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\nbody.admin-bar .mdv-herog.mmv-hero{ margin-top: -142px; }\n.mdv-herog *{ box-sizing: border-box; }\n\n\/* H1 conserv\u00e9 pour le SEO, masqu\u00e9 visuellement *\/\n.mdv-herog-seo{\n  position: absolute; width: 1px; height: 1px;\n  overflow: hidden; clip: rect(0,0,0,0);\n  white-space: nowrap; border: 0; margin: 0;\n}\n\n.mdv-herog-content{\n  width: min(92%, 860px);\n  text-align: center;\n  color: #FFFBF0;\n  padding: 60px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n\/* ---------- Titre (m\u00eame construction que \u00ab La Carte et les Menus \u00bb) ---------- *\/\n.mdv-herog-titre{\n  margin: 0 0 22px;\n  color: #FFFBF0;\n  line-height: 1;\n  text-shadow: 0 2px 16px rgba(0,0,0,.6);\n}\n.mdv-herog-titre__haut{\n  display: block;\n  font-family: \"Alegreya SC\", Georgia, serif;\n  font-size: clamp(15px, 1.7vw, 25px);\n  letter-spacing: .18em;\n  text-transform: uppercase;\n  margin-left: -3.2em;\n  margin-bottom: -.18em;\n}\n.mdv-herog-titre__script{\n  display: block;\n  font-family: 'Parisienne', cursive;\n  font-weight: 400;\n  font-size: clamp(52px, 7.4vw, 112px);\n  line-height: .95;\n}\n.mdv-herog-titre__bas{\n  display: block;\n  font-family: \"Alegreya SC\", Georgia, serif;\n  font-size: clamp(15px, 1.8vw, 27px);\n  letter-spacing: .16em;\n  text-transform: uppercase;\n  margin-left: 3.2em;\n  margin-top: -.26em;\n}\n.mdv-herog-titre__bas em{\n  font-family: 'Alegreya', Georgia, serif;\n  font-style: italic;\n  letter-spacing: 0;\n}\n\n\/* Variante \u00ab titre en image \u00bb : il suffira de remplacer le <p> par\n   <img decoding=\"async\" class=\"mdv-herog-titre-img\" src=\"...\" alt=\"Groupes &#038; \u00c9v\u00e8nements\"> *\/\n.mdv-herog-titre-img{\n  width: clamp(250px, 38vw, 580px);\n  height: auto;\n  display: block;\n  margin: 0 0 26px;\n  filter: drop-shadow(0 2px 18px rgba(0,0,0,.45));\n}\n\n.mdv-herog-text{\n  margin: 0 auto 34px;\n  max-width: 600px;\n  font-family: \"Alegreya\", Georgia, serif;\n  font-size: clamp(16px, 1.15vw, 19px);\n  font-weight: 400;\n  line-height: 1.45;\n  color: #FFFBF0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.45);\n}\n\n.mdv-herog-buttons{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n.mdv-herog-btn{\n  display: inline-block;\n  font-family: \"Alegreya SC\", Georgia, serif;\n  font-size: 13px;\n  font-weight: 400;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n  color: #FFFBF0 !important;\n  text-decoration: none !important;\n  padding: 13px 30px;\n  border: 1px solid #FFFBF0;\n  background: transparent;\n  cursor: pointer;\n  transition: background .25s, color .25s;\n  white-space: nowrap;\n}\n.mdv-herog-btn:hover{\n  background: #FFFBF0 !important;\n  color: #402E15 !important;\n}\n\n\/* ---------- Tablette ---------- *\/\n@media (max-width: 1024px){\n  .mdv-herog-titre__haut{ margin-left: -2.2em; }\n  .mdv-herog-titre__bas { margin-left:  2.2em; }\n}\n\n\/* ---------- Mobile ---------- *\/\n@media (max-width: 767px){\n  .mdv-herog.mmv-hero{\n    min-height: 100svh;\n    background-position: center center;\n  }\n  .mdv-herog-content{ width: min(90%, 520px); padding: 48px 0; }\n  .mdv-herog-titre__haut{ margin-left: -1.6em; }\n  .mdv-herog-titre__script{ font-size: clamp(46px, 15vw, 78px); }\n  .mdv-herog-titre__bas { margin-left:  1.6em; }\n  .mdv-herog-titre-img{ width: min(90%, 420px); margin-bottom: 20px; }\n  .mdv-herog-text{ font-size: 16px; margin-bottom: 28px; }\n  .mdv-herog-buttons{ flex-direction: column; gap: 12px; width: 100%; }\n  .mdv-herog-btn{ width: 100%; text-align: center; }\n}\n\n\/* Page Histoire : le titre et le chapeau passent dans le hero, on les retire du bloc du dessous *\/\n.page-id-48 .mmv-hist .mmv-hist__titre,.page-id-48 .mmv-hist .mmv-hist__chapeau{display:none!important}\n.page-id-48 .mmv-hist .mmv-hist__corps{margin-top:0!important}\n.page-id-48 .mdv-herog-titre__haut{margin-left:-4.2em}\n.page-id-48 .mdv-herog-titre__bas{margin-left:3.2em}\n#histoire-suite{scroll-margin-top:90px}\n\/* Correctifs propres au contenu Gutenberg de la page Histoire *\/\n.page-id-48 .entry-content > .mdv-herog.mmv-hero{max-width:none!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;margin-top:0!important;background-image:linear-gradient(rgba(0,0,0,0.38), rgba(0,0,0,0.52)), url(\"\/wp-content\/uploads\/2026\/09\/salle-orgue-comptoir-restaurant-maison-maconnaise-des-vins.jpg\")!important;background-size:cover!important;background-position:center center!important;opacity:1!important;transform:none!important}\n.page-id-48 .entry-content > #histoire-suite{height:0;margin:0!important}\n@media (max-width:767px){.page-id-48 .mdv-herog-titre__haut,.page-id-48 .mdv-herog-titre__bas{margin-left:0!important;font-size:15px!important;letter-spacing:.2em!important}.page-id-48 .mdv-herog-titre__script{font-size:64px!important;line-height:1!important;margin:2px 0 4px!important}}\n\n\n<\/style>\n<section class=\"mdv-herog mmv-hero mmv-hero--histoire\">\n  <div class=\"mdv-herog-content\">\n    <!-- Titre image remis le 03\/10\/2026 (heros = image titre). Ancienne version texte : <h1 class=\"mdv-herog-titre\" data-no-tsc><span class=\"mdv-herog-titre__haut\">Une<\/span> <span class=\"mdv-herog-titre__script\">Histoire<\/span> <span class=\"mdv-herog-titre__bas\">qui se poursuit<\/span><\/h1> -->\n    <h1 class=\"mdv-herog-titre\" data-no-tsc><span style=\"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0\">Histoire de la Maison M\u00e2connaise des Vins : <\/span><img fetchpriority=\"high\" decoding=\"async\" class=\"mdv-herog-titre-img\" src=\"\/wp-content\/uploads\/2026\/10\/titre-hero-une-histoire-qui-se-poursuit.webp\" alt=\"Une histoire qui se poursuit : l\u2019histoire de la Maison M\u00e2connaise des Vins depuis 1958\" width=\"1357\" height=\"560\" style=\"display:block;width:clamp(250px,38vw,580px);max-width:90%;height:auto;margin:0 auto 6px;filter:drop-shadow(0 2px 18px rgba(0,0,0,.45))\"><\/h1>\n    <p class=\"mdv-herog-text\">Pr\u00e8s de 70 ans d\u2019histoires, de rencontres et de souvenirs\u2026 et une histoire qui continue de s\u2019\u00e9crire, jour apr\u00e8s jour<\/p>\n  <\/div>\n<\/section>\n<div id=\"histoire-suite\"><\/div>\n\n\n\n<!-- MMV \u2014 PAGE HISTOIRE \/ bloc d'attente. Tout est scop\u00e9 sous .mmv-hist. -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Alegreya+SC:wght@400&family=Alegreya:ital,wght@0,400;0,700;1,400&family=Parisienne&display=swap');\n\n\n\/* Fond de page en ivoire : jamais de blanc *\/\nbody.page-id-48,\n.page-id-48 #page,\n.page-id-48 #content,\n.page-id-48 .site-content,\n.page-id-48 #content .ast-container,\n.page-id-48 .ast-article-single,\n.page-id-48 .entry-content{background-color:#FFFBF0!important;}\n\n\/* Titre de page du th\u00e8me : masqu\u00e9 visuellement, conserv\u00e9 dans le code pour le SEO *\/\n.page-id-48 .ast-article-single > .entry-header{margin:0!important;padding:0!important;}\n.page-id-48 .entry-header .entry-title{\n  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;\n  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;\n}\n\n.mmv-hist{\n  --hist-ivoire:#FFFBF0;\n  --hist-encre:#31210F;\n  --hist-img:url('https:\/\/maison-des-vins.com\/wp-content\/uploads\/2026\/08\/batiment-mmv-provisoire.png');\n  background:var(--hist-ivoire);\n  color:var(--hist-encre);\n  font-family:'Alegreya',Georgia,serif;\n  padding:71px 24px 93px;\n  overflow:hidden;\n}\n.mmv-hist *{box-sizing:border-box;}\n.mmv-hist__inner{max-width:1130px;margin:0 auto;}\n.mmv-hist__titre{\n  margin:0;text-align:center;font-family:'Alegreya SC',Georgia,serif;font-weight:400;\n  font-size:36px;letter-spacing:.04em;line-height:1.35;color:var(--hist-encre);text-transform:lowercase;\n}\n.mmv-hist__titre span{\n  font-family:'Parisienne',cursive;font-weight:400;font-size:56.5px;letter-spacing:0;\n  text-transform:none;padding:0 7px 0 16px;position:relative;top:2px;\n}\n.mmv-hist__chapeau{\n  margin:25px auto 0;max-width:520px;text-align:center;\n  font-family:'Alegreya',Georgia,serif;font-weight:700;font-size:18px;line-height:18px;\n}\n.mmv-hist__corps{\n  display:grid;grid-template-columns:540fr 521fr;column-gap:69px;align-items:start;margin-top:42px;\n}\n.mmv-hist__texte{text-align:center;padding-top:86px;}\n.mmv-hist__texte p{margin:0 0 18px;font-family:'Alegreya',Georgia,serif;font-size:16px;line-height:17px;}\n.mmv-hist__note{font-style:italic;margin:41px 0 0!important;}\n.mmv-hist__visuel{\n  margin:0;width:100%;aspect-ratio:521\/295;background-image:var(--hist-img);\n  background-repeat:no-repeat;background-position:center;background-size:contain;\n}\n.mmv-hist [data-hist-anim]{\n  opacity:0;transform:translateY(16px);\n  transition:opacity .9s ease,transform .9s cubic-bezier(.22,.61,.36,1);\n}\n.mmv-hist [data-hist-anim].is-in{opacity:1;transform:none;}\n@media (prefers-reduced-motion:reduce){.mmv-hist [data-hist-anim]{opacity:1;transform:none;transition:none;}}\n@media (max-width:1024px){\n  .mmv-hist{padding:56px 20px 70px;}\n  .mmv-hist__corps{grid-template-columns:1fr;row-gap:34px;margin-top:42px;}\n  .mmv-hist__texte{padding-top:0;}\n  .mmv-hist__texte p{line-height:1.35;}\n  .mmv-hist__note{margin-top:32px!important;}\n  .mmv-hist__visuel{order:-1;max-width:521px;margin-inline:auto;}\n}\n@media (max-width:600px){\n  .mmv-hist{padding:46px 18px 56px;}\n  .mmv-hist__titre{font-size:24px;letter-spacing:.08em;line-height:1.3;}\n  .mmv-hist__titre span{font-size:44px;padding-left:8px;}\n  .mmv-hist__chapeau{font-size:16px;line-height:1.3;margin-top:22px;max-width:340px;}\n  .mmv-hist__chapeau br{display:none;}\n  .mmv-hist__texte p{font-size:16px;margin-bottom:16px;}\n}\n<\/style>\n\n<section class=\"mmv-hist\">\n <div class=\"mmv-hist__inner\">\n  <p class=\"mmv-hist__titre\" data-hist-anim>Une <span>Histoire<\/span> qui se poursuit<\/p>\n  <p class=\"mmv-hist__chapeau\" data-hist-anim>\n    Pr\u00e8s de 70 ans d\u2019histoires, de rencontres et de souvenirs\u2026<br>\n    et une histoire qui continue de s\u2019\u00e9crire, jour apr\u00e8s jour\n  <\/p>\n  <div class=\"mmv-hist__corps\">\n    <div class=\"mmv-hist__texte\" data-hist-anim>\n      <p>Depuis 1958, la Maison M\u00e2connaise des Vins fait vivre une certaine id\u00e9e de la convivialit\u00e9. Cr\u00e9\u00e9e par des professionnels de la vigne, amoureux de leur terroir, elle est rapidement devenue une adresse incontournable \u00e0 M\u00e2con.<\/p>\n      <p>Au fil des d\u00e9cennies, ses tables ont accueilli des g\u00e9n\u00e9rations de convives, faisant des repas partag\u00e9s l\u2019une des traditions qui font aujourd\u2019hui encore l\u2019\u00e2me de la Maison.<\/p>\n      <p class=\"mmv-hist__note\">Une page d\u00e9di\u00e9e \u00e0 cette histoire est actuellement en pr\u00e9paration. Elle vous permettra bient\u00f4t d\u2019en d\u00e9couvrir les grandes \u00e9tapes, les visages et les souvenirs qui ont fa\u00e7onn\u00e9 la Maison\u2026<\/p>\n    <\/div>\n    <figure class=\"mmv-hist__visuel\" role=\"img\" aria-label=\"Dessin au trait du b\u00e2timent de la Maison M\u00e2connaise des Vins\" data-hist-anim><\/figure>\n  <\/div>\n <\/div>\n<\/section>\n\n<script>\n(function(){\n  var bloc=document.querySelector('.mmv-hist');\n  if(!bloc)return;\n  var cibles=bloc.querySelectorAll('[data-hist-anim]');\n  if(!('IntersectionObserver' in window)){\n    cibles.forEach(function(el){el.classList.add('is-in');});return;\n  }\n  var obs=new IntersectionObserver(function(es){\n    es.forEach(function(e,i){\n      if(!e.isIntersecting)return;\n      var el=e.target;\n      setTimeout(function(){el.classList.add('is-in');},i*140);\n      obs.unobserve(el);\n    });\n  },{threshold:.15,rootMargin:'0px 0px -8% 0px'});\n  cibles.forEach(function(el){obs.observe(el);});\n})();\n<\/script>\n<style id=\"hist-equilibre\">\/* 25\/09 : textes coup\u00e9s en blocs \u00e9quilibr\u00e9s, sans mot orphelin *\/ body.page-id-48 #primary p,body.page-id-48 #primary li,body.page-id-48 #primary blockquote,body.page-id-48 #primary h1,body.page-id-48 #primary h2,body.page-id-48 #primary h3{text-wrap:balance} body.page-id-48 .mmv-hist__chapeau{font-weight:400!important}<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Histoire de la Maison M\u00e2connaise des Vins : Pr\u00e8s de 70 ans d\u2019histoires, de rencontres et de souvenirs\u2026 et une [&hellip;]<\/p>\n","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":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","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-48","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/maison-des-vins.com\/de\/wp-json\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maison-des-vins.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maison-des-vins.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maison-des-vins.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maison-des-vins.com\/de\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":17,"href":"https:\/\/maison-des-vins.com\/de\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":7854,"href":"https:\/\/maison-des-vins.com\/de\/wp-json\/wp\/v2\/pages\/48\/revisions\/7854"}],"wp:attachment":[{"href":"https:\/\/maison-des-vins.com\/de\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}