{"id":47,"date":"2023-09-18T18:55:42","date_gmt":"2023-09-18T16:55:42","guid":{"rendered":"https:\/\/lemelville.fr\/?page_id=47"},"modified":"2026-09-27T11:59:31","modified_gmt":"2026-09-27T09:59:31","slug":"home","status":"publish","type":"page","link":"https:\/\/lemelville.fr\/accueil\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"47\" class=\"elementor elementor-47\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-358b0618 e-flex e-con-boxed e-con e-parent\" data-id=\"358b0618\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11d081a0 elementor-widget elementor-widget-html\" data-id=\"11d081a0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ================= SECTION HERO (ANTI-D\u00c9BORDEMENT MOBILE GARANTI) ================= -->\r\n<section id=\"hero\" style=\"position: relative; min-height: 85vh; display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; padding: 25px 16px 30px 16px; box-sizing: border-box; background-color: #060807; overflow: hidden; font-family: 'Plus Jakarta Sans', sans-serif;\">\r\n  \r\n  <!-- PHOTO DE FOND MEZZANINE (HAUTE VISIBILIT\u00c9) -->\r\n  <div style=\"position: absolute; inset: 0; z-index: 1;\">\r\n    <img decoding=\"async\" src=\"https:\/\/lemelville.fr\/cerritos\/wp-content\/uploads\/2023\/09\/mezzanine-le-melville-club-paris.webp\" alt=\"Ambiance mezzanine club de jazz Le Melville Paris 8\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0.75;\">\r\n  <\/div>\r\n\r\n  <!-- 1. HAUT : CAPSULE BADGE (ADAPTATIVE MOBILE) -->\r\n  <div style=\"position: relative; z-index: 10; margin-top: 5px; max-width: 100%; display: flex; justify-content: center;\">\r\n    <div class=\"melville-hero-badge\">\r\n      <span class=\"melville-badge-dot\"><\/span>\r\n      <span class=\"melville-badge-text\">\r\n        Club de Jazz &amp; Haute Bistronomie \u2022 Paris 8\u1d49\r\n      <\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- 2. MILIEU : GRAND TITRE (CENTR\u00c9 VERTICALEMENT) -->\r\n  <div style=\"position: relative; z-index: 10; max-width: 960px; margin: auto 0; padding: 15px 10px;\">\r\n    <h1 style=\"font-family: 'Playfair Display', serif; font-size: clamp(32px, 5.5vw, 64px); font-weight: 400; color: #ffffff; line-height: 1.15; margin: 0; text-shadow: 0 3px 14px rgba(0,0,0,0.9);\">\r\n      L\u2019\u00c9crin confidentiel <br>\r\n      du Jazz \u00e0 Paris\r\n    <\/h1>\r\n  <\/div>\r\n\r\n  <!-- 3. BAS : LES 3 BOUTONS DU HERO -->\r\n  <div style=\"position: relative; z-index: 10; width: 100%; max-width: 960px; margin-bottom: 5px;\">\r\n    <div class=\"melville-hero-buttons\">\r\n      \r\n      <!-- 1. Bouton R\u00e9server -->\r\n      <a href=\"#reservation\" style=\"display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 42px; padding: 0 20px; border-radius: 9999px; background: linear-gradient(135deg, #d8b274 0%, #c49957 50%, #a67c3b 100%); color: #080b09; font-weight: 700; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; text-decoration: none; border: 1px solid rgba(255, 235, 195, 0.5); box-shadow: 0 4px 20px rgba(196, 153, 87, 0.45); flex-shrink: 0; box-sizing: border-box;\">\r\n\r\n        <span>R\u00e9server<\/span>\r\n      <\/a>\r\n\r\n      <!-- 2. Bouton Programmation -->\r\n      <a href=\"#programmation\" style=\"display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 42px; padding: 0 18px; border-radius: 9999px; background: rgba(17, 38, 29, 0.85); color: #ffffff; font-weight: 600; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; text-decoration: none; border: 1px solid rgba(201, 160, 99, 0.5); backdrop-filter: blur(4px); flex-shrink: 0; box-sizing: border-box;\">\r\n        \r\n        <span>Consulter la programmation<\/span>\r\n      <\/a>\r\n\r\n      <!-- 3. Bouton Newsletter -->\r\n      <a href=\"https:\/\/lemelville.fr\/newsletter\" style=\"display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 42px; padding: 0 18px; border-radius: 9999px; background: rgba(17, 38, 29, 0.85); color: #deb87e; font-weight: 600; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; text-decoration: none; border: 1px solid rgba(201, 160, 99, 0.5); backdrop-filter: blur(4px); flex-shrink: 0; box-sizing: border-box;\">\r\n        \r\n        <span>S'inscrire \u00e0 la Newsletter<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* \ud83c\udfc5 CAPSULE BADGE : Styles Desktop \/ Tablette *\/\r\n.melville-hero-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 6px 16px;\r\n  border-radius: 9999px;\r\n  background: rgba(17, 38, 29, 0.85);\r\n  border: 1px solid rgba(201, 160, 99, 0.45);\r\n  box-shadow: 0 4px 15px rgba(0,0,0,0.5);\r\n  max-width: 94vw;\r\n  box-sizing: border-box;\r\n}\r\n.melville-badge-dot {\r\n  display: inline-block;\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background-color: #c9a063;\r\n  flex-shrink: 0;\r\n}\r\n.melville-badge-text {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.18em;\r\n  color: #a3cbb9;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* \ud83d\udda5\ufe0f BOUTONS DESKTOP (>= 768px) *\/\r\n.melville-hero-buttons {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 12px;\r\n  flex-wrap: nowrap;\r\n}\r\n\r\n\/* \ud83d\udcf1 AJUSTEMENTS MOBILES (< 768px) *\/\r\n@media (max-width: 767px) {\r\n  \/* Capsule : r\u00e9duction fine pour ne jamais d\u00e9border *\/\r\n  .melville-hero-badge {\r\n    padding: 5px 12px !important;\r\n    gap: 6px !important;\r\n  }\r\n  .melville-badge-text {\r\n    font-size: 9px !important;\r\n    letter-spacing: 0.08em !important;\r\n  }\r\n  \r\n  \/* Boutons : empil\u00e9s l'un sous l'autre *\/\r\n  .melville-hero-buttons {\r\n    flex-direction: column !important;\r\n    gap: 10px !important;\r\n    width: 100% !important;\r\n    padding: 0 12px !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n  .melville-hero-buttons a {\r\n    width: 100% !important;\r\n    max-width: 320px !important;\r\n    text-align: center !important;\r\n  }\r\n}\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42385d0f e-flex e-con-boxed e-con e-parent\" data-id=\"42385d0f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c85b90b elementor-widget elementor-widget-html\" data-id=\"4c85b90b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ================= SECTION OCTOBRE ROSE (AVEC AFFICHE CLICABLE POUR AGRANDISSEMENT) ================= -->\r\n<section id=\"octobre-rose\" style=\"font-family: 'Plus Jakarta Sans', sans-serif; padding: 3.5rem 16px; background: linear-gradient(180deg, #060807 0%, #0d1a15 50%, #060807 100%); border-top: 1px solid rgba(240, 98, 146, 0.25); border-bottom: 1px solid rgba(201, 160, 99, 0.2); overflow: hidden; box-sizing: border-box; width: 100%;\">\r\n  <div style=\"max-width: 1150px; margin: 0 auto; box-sizing: border-box; width: 100%;\">\r\n    \r\n    <div class=\"melville-octobre-grid\">\r\n      \r\n      <!-- COLONNE GAUCHE : L'AFFICHE OFFICIELLE (AGRANDISSABLE AU CLIC) -->\r\n      <div style=\"display: flex; justify-content: center; align-items: center; width: 100%;\">\r\n        <div class=\"melville-octobre-zoomable\"\r\n             data-zoom-src=\"http:\/\/lemelville.fr\/wp-content\/uploads\/2026\/09\/Ocotbre-Rose-Avec-V2.png\"\r\n             data-zoom-title=\"Octobre Rose au Melville \u2014 12 Concerts Jazz F\u00e9minins\"\r\n             title=\"Cliquer pour agrandir l'affiche\"\r\n             style=\"position: relative; border-radius: 14px; overflow: hidden; border: 1px solid rgba(240, 98, 146, 0.4); box-shadow: 0 10px 30px rgba(240, 98, 146, 0.15), 0 16px 36px rgba(0,0,0,0.8); background: #050706; max-width: 320px; width: 100%; cursor: zoom-in; transition: transform 0.3s ease, border-color 0.3s ease;\">\r\n          \r\n          <img decoding=\"async\" src=\"http:\/\/lemelville.fr\/wp-content\/uploads\/2026\/09\/Ocotbre-Rose-Avec-V2.png\" alt=\"Octobre Rose au Melville \u2014 12 concerts jazz f\u00e9minins\" style=\"width: 100%; height: auto; display: block; object-fit: contain; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.03)'\" onmouseout=\"this.style.transform='scale(1)'\">\r\n          \r\n          <!-- Badge Loupe discret en haut \u00e0 droite -->\r\n          <div style=\"position: absolute; top: 12px; right: 12px; background: rgba(10, 13, 12, 0.75); backdrop-filter: blur(4px); border: 1px solid rgba(240, 98, 146, 0.5); border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #f48fb1; pointer-events: none; box-shadow: 0 4px 10px rgba(0,0,0,0.5);\">\r\n            \ud83d\udd0d\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- COLONNE DROITE : CONTENU TEXTE & ACTIONS -->\r\n      <div class=\"melville-octobre-content\">\r\n        \r\n        <!-- BADGE \u00c9V\u00c9NEMENTIEL -->\r\n        <div style=\"margin-bottom: 14px;\">\r\n          <div class=\"melville-octobre-badge\">\r\n            <span style=\"display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #f06292; box-shadow: 0 0 6px #f06292; flex-shrink: 0;\"><\/span>\r\n            <span class=\"melville-octobre-badge-text\">\r\n              \u00c9v\u00e9nement Sp\u00e9cial \u2022 Du 9 au 25 Octobre\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- TITRE PRINCIPAL -->\r\n        <h2 style=\"font-family: 'Playfair Display', serif; font-size: clamp(26px, 4vw, 40px); color: #ffffff; margin: 0 0 8px 0; font-weight: 400; line-height: 1.15;\">\r\n          Octobre Rose <span style=\"color: #f48fb1; font-style: italic;\">au Melville<\/span>\r\n        <\/h2>\r\n\r\n        <!-- SOUS-TITRE JAZZ F\u00c9MININ -->\r\n        <p style=\"font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: #deb87e; margin: 0 0 16px 0;\">\r\n          12 Concerts Jazz F\u00e9minins <br>Jazz sur Seine 2026\r\n        <\/p>\r\n\r\n        <!-- ZONE DE TEXTE \u00c9DITABLE -->\r\n        <div style=\"font-size: 13px; color: rgba(255, 255, 255, 0.8); line-height: 1.7; margin-bottom: 20px;\">\r\n          <p style=\"margin: 0 0 10px 0;\">\r\n            \u00c0 l'occasion d'Octobre Rose, Le Melville s'engage aux c\u00f4t\u00e9s de <strong>l\u2019Institut Curie<\/strong> en mettant \u00e0 l'honneur la sc\u00e8ne jazz f\u00e9minine. Douze soir\u00e9es exceptionnelles o\u00f9 virtuosit\u00e9, \u00e9motion et solidarit\u00e9 se rencontrent autour du jazz.\r\n          <\/p>\r\n          <p style=\"margin: 0; color: rgba(255, 255, 255, 0.8);\">\r\n            Un dessert sp\u00e9cial, \"Ruban Rose\" (Pannacotta vanille, hibiscus, fruits rouges, verveine) a \u00e9t\u00e9 imagin\u00e9 par notre Chef et l'int\u00e9gralit\u00e9 du produit de ses ventes (13\u20ac) sur le mois d'octobre sera revers\u00e9e \u00e0 l'Institut Curie.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- ENCADR\u00c9 PARTENARIAT INSTITUT CURIE -->\r\n        <div style=\"display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 10px; background: rgba(17, 38, 29, 0.5); border: 1px solid rgba(201, 160, 99, 0.3); margin-bottom: 24px; box-sizing: border-box; text-align: left;\">\r\n          <span style=\"font-size: 22px; flex-shrink: 0;\">\ud83c\udf97\ufe0f<\/span>\r\n          <div style=\"font-size: 12px; color: rgba(255,255,255,0.85); line-height: 1.45;\">\r\n            <strong style=\"color: #ffffff;\">Avec l'Institut Curie :<\/strong> En outre, les dons vers\u00e9s \u00e0 l'Institut Curie (des QR Codes seront mis \u00e0 dispositions des convives \u00e0 cet effet) seront d\u00e9di\u00e9s \u00e0 la recherche contre les cancers f\u00e9minins.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- LES 2 BOUTONS D'ACTION -->\r\n        <div class=\"melville-octobre-buttons\">\r\n          \r\n          <!-- 1. Bouton R\u00e9server (avec pr\u00e9-remplissage au 9 octobre) -->\r\n          <a href=\"#reservation\" onclick=\"var d=document.getElementById('z-date'); if(d){ d.value='2026-10-09'; }\" style=\"display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 42px; padding: 0 20px; border-radius: 9999px; background: linear-gradient(135deg, #f06292 0%, #c49957 100%); color: #080b09; font-weight: 700; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; text-decoration: none; box-shadow: 0 4px 18px rgba(240, 98, 146, 0.35); box-sizing: border-box;\">\r\n            <span>R\u00e9server pour Octobre Rose<\/span>\r\n          <\/a>\r\n          \r\n          <!-- 2. Bouton Voir les 12 concerts -->\r\n          <a href=\"https:\/\/lemelville.fr\/evenements\/tag\/octobre-rose\/\" style=\"display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 42px; padding: 0 18px; border-radius: 9999px; background: rgba(17, 38, 29, 0.8); color: #deb87e; font-weight: 600; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; text-decoration: none; border: 1px solid rgba(201, 160, 99, 0.4); box-sizing: border-box;\">\r\n            <span>Voir les 12 concerts<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Visionneuse Plein \u00c9cran (Lightbox Octobre Rose) -->\r\n  <div id=\"melville-lightbox-octobre\" style=\"display: none; position: fixed; inset: 0; z-index: 999999; background: rgba(10, 13, 12, 0.94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); align-items: center; justify-content: center; flex-direction: column; padding: 1.5rem; opacity: 0; transition: opacity 0.3s ease;\">\r\n    <button id=\"melville-lightbox-octobre-close\" style=\"position: absolute; top: 20px; right: 25px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(240, 98, 146, 0.5); color: #f48fb1; font-size: 22px; width: 44px; height: 44px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease;\">\r\n      \u2715\r\n    <\/button>\r\n    <div style=\"max-width: 90vw; max-height: 85vh; display: flex; flex-direction: column; align-items: center;\" onclick=\"event.stopPropagation()\">\r\n      <img decoding=\"async\" id=\"melville-lightbox-octobre-img\" src=\"\" alt=\"\" style=\"max-width: 100%; max-height: 75vh; border-radius: 8px; border: 1px solid rgba(240, 98, 146, 0.4); box-shadow: 0 25px 60px rgba(0,0,0,0.85); object-fit: contain;\">\r\n      <span id=\"melville-lightbox-octobre-caption\" style=\"font-family: 'Playfair Display', serif; font-size: 16px; color: #f48fb1; margin-top: 14px; text-align: center; letter-spacing: 0.04em;\"><\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \ud83d\udda5\ufe0f GRILLE DESKTOP (>= 850px) *\/\r\n.melville-octobre-grid {\r\n  display: grid;\r\n  grid-template-columns: 340px 1fr;\r\n  gap: 40px;\r\n  align-items: center;\r\n}\r\n.melville-octobre-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 6px 14px;\r\n  border-radius: 9999px;\r\n  background: rgba(240, 98, 146, 0.12);\r\n  border: 1px solid rgba(240, 98, 146, 0.4);\r\n  max-width: 100%;\r\n  box-sizing: border-box;\r\n}\r\n.melville-octobre-badge-text {\r\n  font-size: 10.5px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.12em;\r\n  color: #f48fb1;\r\n  white-space: nowrap;\r\n}\r\n.melville-octobre-buttons {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  align-items: center;\r\n}\r\n\r\n\/* \ud83d\udcf1 MOBILE (< 850px) *\/\r\n@media (max-width: 849px) {\r\n  .melville-octobre-grid {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 28px !important;\r\n    text-align: center !important;\r\n  }\r\n  .melville-octobre-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n  .melville-octobre-badge {\r\n    padding: 5px 10px !important;\r\n    gap: 6px !important;\r\n  }\r\n  .melville-octobre-badge-text {\r\n    font-size: 9px !important;\r\n    letter-spacing: 0.06em !important;\r\n  }\r\n  .melville-octobre-buttons {\r\n    flex-direction: column !important;\r\n    width: 100% !important;\r\n    gap: 10px !important;\r\n  }\r\n  .melville-octobre-buttons a {\r\n    width: 100% !important;\r\n    max-width: 320px !important;\r\n    text-align: center !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  var modalOctobre = document.getElementById('melville-lightbox-octobre');\r\n  var imgOctobre = document.getElementById('melville-lightbox-octobre-img');\r\n  var capOctobre = document.getElementById('melville-lightbox-octobre-caption');\r\n  var btnCloseOctobre = document.getElementById('melville-lightbox-octobre-close');\r\n\r\n  function openOctobreZoom(src, title) {\r\n    if (!modalOctobre || !imgOctobre) return;\r\n    imgOctobre.src = src;\r\n    imgOctobre.alt = title || '';\r\n    if (capOctobre) capOctobre.innerHTML = title || '';\r\n    modalOctobre.style.display = 'flex';\r\n    setTimeout(function() {\r\n      modalOctobre.style.opacity = '1';\r\n    }, 10);\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n\r\n  function closeOctobreZoom() {\r\n    if (!modalOctobre) return;\r\n    modalOctobre.style.opacity = '0';\r\n    setTimeout(function() {\r\n      modalOctobre.style.display = 'none';\r\n      document.body.style.overflow = '';\r\n    }, 300);\r\n  }\r\n\r\n  if (btnCloseOctobre) {\r\n    btnCloseOctobre.addEventListener('click', function(e) {\r\n      e.stopPropagation();\r\n      closeOctobreZoom();\r\n    });\r\n  }\r\n\r\n  if (modalOctobre) {\r\n    modalOctobre.addEventListener('click', function(e) {\r\n      if (e.target === modalOctobre) {\r\n        closeOctobreZoom();\r\n      }\r\n    });\r\n  }\r\n\r\n  document.addEventListener('keydown', function(e) {\r\n    if ((e.key === 'Escape' || e.key === 'Esc') && modalOctobre && modalOctobre.style.display === 'flex') {\r\n      closeOctobreZoom();\r\n    }\r\n  });\r\n\r\n  document.querySelectorAll('.melville-octobre-zoomable').forEach(function(card) {\r\n    card.addEventListener('click', function() {\r\n      var src = this.getAttribute('data-zoom-src');\r\n      var title = this.getAttribute('data-zoom-title');\r\n      openOctobreZoom(src, title);\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-78d5790b e-flex e-con-boxed e-con e-parent\" data-id=\"78d5790b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3044854e elementor-widget elementor-widget-shortcode\" data-id=\"3044854e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n      @media (min-width: 769px) {\n        .melville-concerts-desktop { display: grid !important; }\n        .melville-concerts-mobile  { display: none !important; }\n      }\n      @media (max-width: 768px) {\n        .melville-concerts-desktop { display: none !important; }\n        .melville-concerts-mobile  { display: flex !important; }\n      }\n    <\/style>\n\n    <section id=\"programmation\" style=\"font-family: 'Plus Jakarta Sans', sans-serif;\">\n      \n      <!-- EN-T\u00caTE DE SECTION -->\n      <div style=\"display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-bottom: 2rem; gap: 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding-bottom: 1.2rem;\">\n        <div>\n          <span style=\"font-size: 11px; text-transform: uppercase; letter-spacing: 0.25em; color: #c9a063; font-weight: 700; display: block; margin-bottom: 6px;\">Programmation Live<\/span>\n          <h2 style=\"font-family: 'Playfair Display', serif; font-size: clamp(24px, 3.5vw, 38px); color: #ffffff; margin: 0; font-weight: 400;\">Les 6 prochains concerts<\/h2>\n        <\/div>\n        <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/\" style=\"font-size: 12px; text-transform: uppercase; letter-spacing: 0.12em; color: #deb87e; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 6px;\">\n          Voir le calendrier complet \u2192\n        <\/a>\n      <\/div>\n\n      <!-- 1. VERSION DESKTOP (> 768px) -->\n      <div class=\"melville-concerts-desktop\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 16px;\">\n                <article style=\"background: #101513; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between;\">\n          <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/olivier-robin-quartet-3\/\" style=\"text-decoration: none; position: relative; display: block;\">\n            <div style=\"width: 100%; aspect-ratio: 3\/4; overflow: hidden; background: #000;\">\n              <img decoding=\"async\" src=\"https:\/\/lemelville.fr\/wp-content\/uploads\/2026\/06\/Olivier-Robin-4tet-Affiche-NF-1-768x480.png\" alt=\"Olivier Robin Quartet\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n            <\/div>\n            \n                          <span style=\"position: absolute; top: 8px; left: 8px; background: rgba(217, 37, 37, 0.92); color: #fff; font-size: 9px; font-weight: 700; padding: 3px 8px; border-radius: 9999px; text-transform: uppercase;\">\n                samedi 3 Oct. \u2022 21h00              <\/span>\n                      <\/a>\n\n          <div style=\"padding: 12px; display: flex; flex-direction: column; justify-content: space-between; flex: 1;\">\n            <div>\n              <h3 style=\"font-family: 'Playfair Display', serif; font-size: 15px; color: #fff; margin: 0 0 4px 0; font-weight: 600; line-height: 1.2;\">\n                Olivier Robin Quartet              <\/h3>\n              <p style=\"font-size: 11px; color: rgba(255, 255, 255, 0.5); margin: 0;\">\n                Un Quartet dynamique men\u00e9 par le batteur ...              <\/p>\n            <\/div>\n            \n            <div style=\"display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.06);\">\n              <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/olivier-robin-quartet-3\/\" style=\"font-size: 11px; color: #c9a063; text-decoration: underline;\">Fiche concert<\/a>\n              <a href=\"#reservation\" onclick=\"preRemplirDate('2026-10-03')\" style=\"background: linear-gradient(135deg, #d8b274 0%, #a67c3b 100%); color: #080b09; font-size: 10px; font-weight: 700; text-transform: uppercase; padding: 4px 10px; border-radius: 9999px; text-decoration: none;\">R\u00e9server<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n                <article style=\"background: #101513; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between;\">\n          <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/new-york-swing-4tet-2\/\" style=\"text-decoration: none; position: relative; display: block;\">\n            <div style=\"width: 100%; aspect-ratio: 3\/4; overflow: hidden; background: #000;\">\n              <img decoding=\"async\" src=\"https:\/\/lemelville.fr\/wp-content\/uploads\/2026\/08\/New-York-Swing-4tet-6-octo-NF-V2-768x480.png\" alt=\"New York Swing 4tet\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n            <\/div>\n            \n                          <span style=\"position: absolute; top: 8px; left: 8px; background: rgba(17, 38, 29, 0.92); border: 1px solid rgba(41, 99, 77, 0.5); color: #c0dfd1; font-size: 9px; font-weight: 600; padding: 3px 8px; border-radius: 9999px; text-transform: uppercase;\">\n                mardi 6 Oct. \u2022 20h30              <\/span>\n                      <\/a>\n\n          <div style=\"padding: 12px; display: flex; flex-direction: column; justify-content: space-between; flex: 1;\">\n            <div>\n              <h3 style=\"font-family: 'Playfair Display', serif; font-size: 15px; color: #fff; margin: 0 0 4px 0; font-weight: 600; line-height: 1.2;\">\n                New York Swing 4tet              <\/h3>\n              <p style=\"font-size: 11px; color: rgba(255, 255, 255, 0.5); margin: 0;\">\n                Eliz Corbett, passionn\u00e9e de jazz \u00e0 Paris...              <\/p>\n            <\/div>\n            \n            <div style=\"display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.06);\">\n              <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/new-york-swing-4tet-2\/\" style=\"font-size: 11px; color: #c9a063; text-decoration: underline;\">Fiche concert<\/a>\n              <a href=\"#reservation\" onclick=\"preRemplirDate('2026-10-06')\" style=\"background: linear-gradient(135deg, #d8b274 0%, #a67c3b 100%); color: #080b09; font-size: 10px; font-weight: 700; text-transform: uppercase; padding: 4px 10px; border-radius: 9999px; text-decoration: none;\">R\u00e9server<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n                <article style=\"background: #101513; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between;\">\n          <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/jb-rannou-4tet-couleur-soleil\/\" style=\"text-decoration: none; position: relative; display: block;\">\n            <div style=\"width: 100%; aspect-ratio: 3\/4; overflow: hidden; background: #000;\">\n              <img decoding=\"async\" src=\"https:\/\/lemelville.fr\/wp-content\/uploads\/2026\/06\/JB-Rannou-4tet-Affiche-NF-768x480.png\" alt=\"JB Rannou 4tet : &quot;Couleur Soleil&quot;\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n            <\/div>\n            \n                          <span style=\"position: absolute; top: 8px; left: 8px; background: rgba(17, 38, 29, 0.92); border: 1px solid rgba(41, 99, 77, 0.5); color: #c0dfd1; font-size: 9px; font-weight: 600; padding: 3px 8px; border-radius: 9999px; text-transform: uppercase;\">\n                mercredi 7 Oct. \u2022 20h30              <\/span>\n                      <\/a>\n\n          <div style=\"padding: 12px; display: flex; flex-direction: column; justify-content: space-between; flex: 1;\">\n            <div>\n              <h3 style=\"font-family: 'Playfair Display', serif; font-size: 15px; color: #fff; margin: 0 0 4px 0; font-weight: 600; line-height: 1.2;\">\n                JB Rannou 4tet : &quot;Couleur Soleil&quot;              <\/h3>\n              <p style=\"font-size: 11px; color: rgba(255, 255, 255, 0.5); margin: 0;\">\n                Le quartet de Jean-Baptiste Rannou, c&amp;#821...              <\/p>\n            <\/div>\n            \n            <div style=\"display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.06);\">\n              <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/jb-rannou-4tet-couleur-soleil\/\" style=\"font-size: 11px; color: #c9a063; text-decoration: underline;\">Fiche concert<\/a>\n              <a href=\"#reservation\" onclick=\"preRemplirDate('2026-10-07')\" style=\"background: linear-gradient(135deg, #d8b274 0%, #a67c3b 100%); color: #080b09; font-size: 10px; font-weight: 700; text-transform: uppercase; padding: 4px 10px; border-radius: 9999px; text-decoration: none;\">R\u00e9server<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n                <article style=\"background: #101513; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between;\">\n          <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/petter-wettre-scandinavian-unit\/\" style=\"text-decoration: none; position: relative; display: block;\">\n            <div style=\"width: 100%; aspect-ratio: 3\/4; overflow: hidden; background: #000;\">\n              <img decoding=\"async\" src=\"https:\/\/lemelville.fr\/wp-content\/uploads\/2026\/06\/Pette-Wettre-Ocot-26-Affiche-NF-1-768x480.png\" alt=\"Petter Wettre Scandinavian Unit\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n            <\/div>\n            \n                          <span style=\"position: absolute; top: 8px; left: 8px; background: rgba(17, 38, 29, 0.92); border: 1px solid rgba(41, 99, 77, 0.5); color: #c0dfd1; font-size: 9px; font-weight: 600; padding: 3px 8px; border-radius: 9999px; text-transform: uppercase;\">\n                jeudi 8 Oct. \u2022 20h30              <\/span>\n                      <\/a>\n\n          <div style=\"padding: 12px; display: flex; flex-direction: column; justify-content: space-between; flex: 1;\">\n            <div>\n              <h3 style=\"font-family: 'Playfair Display', serif; font-size: 15px; color: #fff; margin: 0 0 4px 0; font-weight: 600; line-height: 1.2;\">\n                Petter Wettre Scandinavian Unit              <\/h3>\n              <p style=\"font-size: 11px; color: rgba(255, 255, 255, 0.5); margin: 0;\">\n                Petter Wettre, saxophoniste norv\u00e9gien pri...              <\/p>\n            <\/div>\n            \n            <div style=\"display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.06);\">\n              <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/petter-wettre-scandinavian-unit\/\" style=\"font-size: 11px; color: #c9a063; text-decoration: underline;\">Fiche concert<\/a>\n              <a href=\"#reservation\" onclick=\"preRemplirDate('2026-10-08')\" style=\"background: linear-gradient(135deg, #d8b274 0%, #a67c3b 100%); color: #080b09; font-size: 10px; font-weight: 700; text-transform: uppercase; padding: 4px 10px; border-radius: 9999px; text-decoration: none;\">R\u00e9server<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n                <article style=\"background: #101513; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between;\">\n          <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/chloe-lecerf-4tet-2\/\" style=\"text-decoration: none; position: relative; display: block;\">\n            <div style=\"width: 100%; aspect-ratio: 3\/4; overflow: hidden; background: #000;\">\n              <img decoding=\"async\" src=\"https:\/\/lemelville.fr\/wp-content\/uploads\/2026\/06\/Chloe-Lecerf-4tet-V2-NF-768x480.png\" alt=\"Chlo\u00e9 Lecerf 4tet\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n            <\/div>\n            \n                          <span style=\"position: absolute; top: 8px; left: 8px; background: rgba(17, 38, 29, 0.92); border: 1px solid rgba(41, 99, 77, 0.5); color: #c0dfd1; font-size: 9px; font-weight: 600; padding: 3px 8px; border-radius: 9999px; text-transform: uppercase;\">\n                vendredi 9 Oct. \u2022 21h00              <\/span>\n                      <\/a>\n\n          <div style=\"padding: 12px; display: flex; flex-direction: column; justify-content: space-between; flex: 1;\">\n            <div>\n              <h3 style=\"font-family: 'Playfair Display', serif; font-size: 15px; color: #fff; margin: 0 0 4px 0; font-weight: 600; line-height: 1.2;\">\n                Chlo\u00e9 Lecerf 4tet              <\/h3>\n              <p style=\"font-size: 11px; color: rgba(255, 255, 255, 0.5); margin: 0;\">\n                \u00c0 Jazz sur Seine, Chlo\u00e9 Lecerf et son qu...              <\/p>\n            <\/div>\n            \n            <div style=\"display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.06);\">\n              <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/chloe-lecerf-4tet-2\/\" style=\"font-size: 11px; color: #c9a063; text-decoration: underline;\">Fiche concert<\/a>\n              <a href=\"#reservation\" onclick=\"preRemplirDate('2026-10-09')\" style=\"background: linear-gradient(135deg, #d8b274 0%, #a67c3b 100%); color: #080b09; font-size: 10px; font-weight: 700; text-transform: uppercase; padding: 4px 10px; border-radius: 9999px; text-decoration: none;\">R\u00e9server<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n                <article style=\"background: #101513; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between;\">\n          <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/marta-domingo-5tet-3\/\" style=\"text-decoration: none; position: relative; display: block;\">\n            <div style=\"width: 100%; aspect-ratio: 3\/4; overflow: hidden; background: #000;\">\n              <img decoding=\"async\" src=\"https:\/\/lemelville.fr\/wp-content\/uploads\/2026\/06\/Marta-Domingo-5tet-bis-Affiche-NF-768x480.png\" alt=\"Marta Domingo 5tet\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n            <\/div>\n            \n                          <span style=\"position: absolute; top: 8px; left: 8px; background: rgba(17, 38, 29, 0.92); border: 1px solid rgba(41, 99, 77, 0.5); color: #c0dfd1; font-size: 9px; font-weight: 600; padding: 3px 8px; border-radius: 9999px; text-transform: uppercase;\">\n                samedi 10 Oct. \u2022 21h00              <\/span>\n                      <\/a>\n\n          <div style=\"padding: 12px; display: flex; flex-direction: column; justify-content: space-between; flex: 1;\">\n            <div>\n              <h3 style=\"font-family: 'Playfair Display', serif; font-size: 15px; color: #fff; margin: 0 0 4px 0; font-weight: 600; line-height: 1.2;\">\n                Marta Domingo 5tet              <\/h3>\n              <p style=\"font-size: 11px; color: rgba(255, 255, 255, 0.5); margin: 0;\">\n                Un quintette f\u00e9minin envo\u00fbte avec un mix...              <\/p>\n            <\/div>\n            \n            <div style=\"display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.06);\">\n              <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/marta-domingo-5tet-3\/\" style=\"font-size: 11px; color: #c9a063; text-decoration: underline;\">Fiche concert<\/a>\n              <a href=\"#reservation\" onclick=\"preRemplirDate('2026-10-10')\" style=\"background: linear-gradient(135deg, #d8b274 0%, #a67c3b 100%); color: #080b09; font-size: 10px; font-weight: 700; text-transform: uppercase; padding: 4px 10px; border-radius: 9999px; text-decoration: none;\">R\u00e9server<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n              <\/div>\n\n      <!-- 2. VERSION MOBILE (\u2264 768px) -->\n      <div class=\"melville-concerts-mobile\" style=\"display: none; gap: 12px; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; padding: 4px 4px 16px 4px; margin: 0 -10px;\">\n                <article style=\"flex: 0 0 135px; width: 135px; max-width: 135px; scroll-snap-align: start; background: #101513; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box;\">\n          <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/olivier-robin-quartet-3\/\" style=\"text-decoration: none; position: relative; display: block; width: 100%;\">\n            <div style=\"width: 100%; height: 170px; overflow: hidden; background: #000;\">\n              <img decoding=\"async\" src=\"https:\/\/lemelville.fr\/wp-content\/uploads\/2026\/06\/Olivier-Robin-4tet-Affiche-NF-1-300x188.png\" alt=\"Olivier Robin Quartet\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n            <\/div>\n            \n            <span style=\"position: absolute; top: 6px; left: 6px; background: rgba(17, 38, 29, 0.95); border: 1px solid rgba(201, 160, 99, 0.4); color: #deb87e; font-size: 8px; font-weight: 700; padding: 2px 6px; border-radius: 4px; text-transform: uppercase;\">\n              samedi. 3 Oct.            <\/span>\n          <\/a>\n\n          <div style=\"padding: 10px; display: flex; flex-direction: column; justify-content: space-between; flex: 1;\">\n            <div>\n              <h3 style=\"font-family: 'Playfair Display', serif; font-size: 13px; color: #fff; margin: 0 0 2px 0; font-weight: 600; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;\">\n                Olivier Robin Quartet              <\/h3>\n              <span style=\"font-size: 10px; color: #c9a063; display: block; margin-bottom: 8px; font-weight: 600;\">21h00<\/span>\n            <\/div>\n            \n            <a href=\"#reservation\" onclick=\"preRemplirDate('2026-10-03')\" style=\"display: block; text-align: center; background: linear-gradient(135deg, #d8b274 0%, #a67c3b 100%); color: #080b09; font-size: 9px; font-weight: 700; text-transform: uppercase; padding: 6px 0; border-radius: 9999px; text-decoration: none;\">\n              R\u00e9server\n            <\/a>\n          <\/div>\n        <\/article>\n                <article style=\"flex: 0 0 135px; width: 135px; max-width: 135px; scroll-snap-align: start; background: #101513; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box;\">\n          <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/new-york-swing-4tet-2\/\" style=\"text-decoration: none; position: relative; display: block; width: 100%;\">\n            <div style=\"width: 100%; height: 170px; overflow: hidden; background: #000;\">\n              <img decoding=\"async\" src=\"https:\/\/lemelville.fr\/wp-content\/uploads\/2026\/08\/New-York-Swing-4tet-6-octo-NF-V2-300x188.png\" alt=\"New York Swing 4tet\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n            <\/div>\n            \n            <span style=\"position: absolute; top: 6px; left: 6px; background: rgba(17, 38, 29, 0.95); border: 1px solid rgba(201, 160, 99, 0.4); color: #deb87e; font-size: 8px; font-weight: 700; padding: 2px 6px; border-radius: 4px; text-transform: uppercase;\">\n              mardi. 6 Oct.            <\/span>\n          <\/a>\n\n          <div style=\"padding: 10px; display: flex; flex-direction: column; justify-content: space-between; flex: 1;\">\n            <div>\n              <h3 style=\"font-family: 'Playfair Display', serif; font-size: 13px; color: #fff; margin: 0 0 2px 0; font-weight: 600; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;\">\n                New York Swing 4tet              <\/h3>\n              <span style=\"font-size: 10px; color: #c9a063; display: block; margin-bottom: 8px; font-weight: 600;\">20h30<\/span>\n            <\/div>\n            \n            <a href=\"#reservation\" onclick=\"preRemplirDate('2026-10-06')\" style=\"display: block; text-align: center; background: linear-gradient(135deg, #d8b274 0%, #a67c3b 100%); color: #080b09; font-size: 9px; font-weight: 700; text-transform: uppercase; padding: 6px 0; border-radius: 9999px; text-decoration: none;\">\n              R\u00e9server\n            <\/a>\n          <\/div>\n        <\/article>\n                <article style=\"flex: 0 0 135px; width: 135px; max-width: 135px; scroll-snap-align: start; background: #101513; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box;\">\n          <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/jb-rannou-4tet-couleur-soleil\/\" style=\"text-decoration: none; position: relative; display: block; width: 100%;\">\n            <div style=\"width: 100%; height: 170px; overflow: hidden; background: #000;\">\n              <img decoding=\"async\" src=\"https:\/\/lemelville.fr\/wp-content\/uploads\/2026\/06\/JB-Rannou-4tet-Affiche-NF-300x188.png\" alt=\"JB Rannou 4tet : &quot;Couleur Soleil&quot;\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n            <\/div>\n            \n            <span style=\"position: absolute; top: 6px; left: 6px; background: rgba(17, 38, 29, 0.95); border: 1px solid rgba(201, 160, 99, 0.4); color: #deb87e; font-size: 8px; font-weight: 700; padding: 2px 6px; border-radius: 4px; text-transform: uppercase;\">\n              mercredi. 7 Oct.            <\/span>\n          <\/a>\n\n          <div style=\"padding: 10px; display: flex; flex-direction: column; justify-content: space-between; flex: 1;\">\n            <div>\n              <h3 style=\"font-family: 'Playfair Display', serif; font-size: 13px; color: #fff; margin: 0 0 2px 0; font-weight: 600; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;\">\n                JB Rannou 4tet : &quot;Couleur Soleil&quot;              <\/h3>\n              <span style=\"font-size: 10px; color: #c9a063; display: block; margin-bottom: 8px; font-weight: 600;\">20h30<\/span>\n            <\/div>\n            \n            <a href=\"#reservation\" onclick=\"preRemplirDate('2026-10-07')\" style=\"display: block; text-align: center; background: linear-gradient(135deg, #d8b274 0%, #a67c3b 100%); color: #080b09; font-size: 9px; font-weight: 700; text-transform: uppercase; padding: 6px 0; border-radius: 9999px; text-decoration: none;\">\n              R\u00e9server\n            <\/a>\n          <\/div>\n        <\/article>\n                <article style=\"flex: 0 0 135px; width: 135px; max-width: 135px; scroll-snap-align: start; background: #101513; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box;\">\n          <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/petter-wettre-scandinavian-unit\/\" style=\"text-decoration: none; position: relative; display: block; width: 100%;\">\n            <div style=\"width: 100%; height: 170px; overflow: hidden; background: #000;\">\n              <img decoding=\"async\" src=\"https:\/\/lemelville.fr\/wp-content\/uploads\/2026\/06\/Pette-Wettre-Ocot-26-Affiche-NF-1-300x188.png\" alt=\"Petter Wettre Scandinavian Unit\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n            <\/div>\n            \n            <span style=\"position: absolute; top: 6px; left: 6px; background: rgba(17, 38, 29, 0.95); border: 1px solid rgba(201, 160, 99, 0.4); color: #deb87e; font-size: 8px; font-weight: 700; padding: 2px 6px; border-radius: 4px; text-transform: uppercase;\">\n              jeudi. 8 Oct.            <\/span>\n          <\/a>\n\n          <div style=\"padding: 10px; display: flex; flex-direction: column; justify-content: space-between; flex: 1;\">\n            <div>\n              <h3 style=\"font-family: 'Playfair Display', serif; font-size: 13px; color: #fff; margin: 0 0 2px 0; font-weight: 600; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;\">\n                Petter Wettre Scandinavian Unit              <\/h3>\n              <span style=\"font-size: 10px; color: #c9a063; display: block; margin-bottom: 8px; font-weight: 600;\">20h30<\/span>\n            <\/div>\n            \n            <a href=\"#reservation\" onclick=\"preRemplirDate('2026-10-08')\" style=\"display: block; text-align: center; background: linear-gradient(135deg, #d8b274 0%, #a67c3b 100%); color: #080b09; font-size: 9px; font-weight: 700; text-transform: uppercase; padding: 6px 0; border-radius: 9999px; text-decoration: none;\">\n              R\u00e9server\n            <\/a>\n          <\/div>\n        <\/article>\n                <article style=\"flex: 0 0 135px; width: 135px; max-width: 135px; scroll-snap-align: start; background: #101513; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box;\">\n          <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/chloe-lecerf-4tet-2\/\" style=\"text-decoration: none; position: relative; display: block; width: 100%;\">\n            <div style=\"width: 100%; height: 170px; overflow: hidden; background: #000;\">\n              <img decoding=\"async\" src=\"https:\/\/lemelville.fr\/wp-content\/uploads\/2026\/06\/Chloe-Lecerf-4tet-V2-NF-300x188.png\" alt=\"Chlo\u00e9 Lecerf 4tet\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n            <\/div>\n            \n            <span style=\"position: absolute; top: 6px; left: 6px; background: rgba(17, 38, 29, 0.95); border: 1px solid rgba(201, 160, 99, 0.4); color: #deb87e; font-size: 8px; font-weight: 700; padding: 2px 6px; border-radius: 4px; text-transform: uppercase;\">\n              vendredi. 9 Oct.            <\/span>\n          <\/a>\n\n          <div style=\"padding: 10px; display: flex; flex-direction: column; justify-content: space-between; flex: 1;\">\n            <div>\n              <h3 style=\"font-family: 'Playfair Display', serif; font-size: 13px; color: #fff; margin: 0 0 2px 0; font-weight: 600; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;\">\n                Chlo\u00e9 Lecerf 4tet              <\/h3>\n              <span style=\"font-size: 10px; color: #c9a063; display: block; margin-bottom: 8px; font-weight: 600;\">21h00<\/span>\n            <\/div>\n            \n            <a href=\"#reservation\" onclick=\"preRemplirDate('2026-10-09')\" style=\"display: block; text-align: center; background: linear-gradient(135deg, #d8b274 0%, #a67c3b 100%); color: #080b09; font-size: 9px; font-weight: 700; text-transform: uppercase; padding: 6px 0; border-radius: 9999px; text-decoration: none;\">\n              R\u00e9server\n            <\/a>\n          <\/div>\n        <\/article>\n                <article style=\"flex: 0 0 135px; width: 135px; max-width: 135px; scroll-snap-align: start; background: #101513; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box;\">\n          <a href=\"https:\/\/lemelville.fr\/accueil\/evenements\/marta-domingo-5tet-3\/\" style=\"text-decoration: none; position: relative; display: block; width: 100%;\">\n            <div style=\"width: 100%; height: 170px; overflow: hidden; background: #000;\">\n              <img decoding=\"async\" src=\"https:\/\/lemelville.fr\/wp-content\/uploads\/2026\/06\/Marta-Domingo-5tet-bis-Affiche-NF-300x188.png\" alt=\"Marta Domingo 5tet\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\">\n            <\/div>\n            \n            <span style=\"position: absolute; top: 6px; left: 6px; background: rgba(17, 38, 29, 0.95); border: 1px solid rgba(201, 160, 99, 0.4); color: #deb87e; font-size: 8px; font-weight: 700; padding: 2px 6px; border-radius: 4px; text-transform: uppercase;\">\n              samedi. 10 Oct.            <\/span>\n          <\/a>\n\n          <div style=\"padding: 10px; display: flex; flex-direction: column; justify-content: space-between; flex: 1;\">\n            <div>\n              <h3 style=\"font-family: 'Playfair Display', serif; font-size: 13px; color: #fff; margin: 0 0 2px 0; font-weight: 600; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;\">\n                Marta Domingo 5tet              <\/h3>\n              <span style=\"font-size: 10px; color: #c9a063; display: block; margin-bottom: 8px; font-weight: 600;\">21h00<\/span>\n            <\/div>\n            \n            <a href=\"#reservation\" onclick=\"preRemplirDate('2026-10-10')\" style=\"display: block; text-align: center; background: linear-gradient(135deg, #d8b274 0%, #a67c3b 100%); color: #080b09; font-size: 9px; font-weight: 700; text-transform: uppercase; padding: 6px 0; border-radius: 9999px; text-decoration: none;\">\n              R\u00e9server\n            <\/a>\n          <\/div>\n        <\/article>\n              <\/div>\n\n    <\/section>\n\n    <script>\n    function preRemplirDate(dateStr) {\n      var dInput = document.getElementById('z-date');\n      if (dInput && dateStr) {\n        dInput.value = dateStr;\n        if (typeof updateZenchefUrl === 'function') {\n          updateZenchefUrl();\n        }\n      }\n    }\n    <\/script>\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6da10b9a e-flex e-con-boxed e-con e-parent\" data-id=\"6da10b9a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1b0d0637 e-flex e-con-boxed e-con e-child\" data-id=\"1b0d0637\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ddcd8b7 elementor-widget elementor-widget-html\" data-id=\"6ddcd8b7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ================= SECTION CARTE RESTAURANT ================= -->\r\n<section id=\"restaurant\" style=\"font-family: 'Plus Jakarta Sans', sans-serif; padding: 4.5rem 1.5rem 3rem 1.5rem; background: #101513; border-top: 1px solid rgba(255, 255, 255, 0.08);\">\r\n  <div style=\"max-width: 1152px; margin: 0 auto;\">\r\n    \r\n    <!-- En-t\u00eate Carte -->\r\n    <div style=\"text-align: center; max-width: 672px; margin: 0 auto 2.5rem auto;\">\r\n      <span style=\"font-size: 11px; text-transform: uppercase; letter-spacing: 0.25em; color: #c9a063; font-weight: 600; display: block; margin-bottom: 8px;\">Bistronomie du Monde<\/span>\r\n      <h2 style=\"font-family: 'Playfair Display', serif; font-size: clamp(28px, 4vw, 38px); color: #ffffff; margin: 0 0 12px 0; font-weight: 400;\">La Carte de Malcom Ecolasse<\/h2>\r\n      <p style=\"font-size: 13px; color: rgba(255, 255, 255, 0.7); margin: 0; line-height: 1.6;\">\r\n        Des assiettes \u00e0 partager cr\u00e9atives, rythm\u00e9es par les influences latines, asiatiques et m\u00e9diterran\u00e9ennes.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- DUO DE PHOTOS PORTRAIT (RATIO 4\/5) AVEC ZOOM CLICABLE -->\r\n    <div style=\"max-width: 680px; margin: 0 auto 2.5rem auto; padding-bottom: 2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: grid; grid-template-columns: 1fr 1fr; gap: 16px;\">\r\n      \r\n      <!-- Photo 1 (Gauche) : Geste du Chef -->\r\n      <div class=\"melville-zoomable-photo\" \r\n           data-zoom-src=\"https:\/\/lemelville.fr\/wp-content\/uploads\/2026\/08\/image09461-scaled.jpg\" \r\n           data-zoom-title=\"L\u2019Exigence du Geste \u2014 Malcom Ecolasse\"\r\n           title=\"Cliquer pour agrandir\" \r\n           style=\"position: relative; border-radius: 12px; overflow: hidden; border: 1px solid rgba(201, 160, 99, 0.3); background: #050706; aspect-ratio: 4\/5; box-shadow: 0 8px 20px rgba(0,0,0,0.4); cursor: zoom-in; transition: transform 0.3s ease, border-color 0.3s ease;\">\r\n        <img decoding=\"async\" src=\"https:\/\/lemelville.fr\/wp-content\/uploads\/2026\/08\/image09461-scaled.jpg\" alt=\"Dressage d'une cr\u00e9ation gourmande par le Chef Malcom Ecolasse sur le piano noir\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.04)'\" onmouseout=\"this.style.transform='scale(1)'\">\r\n        \r\n        <!-- Badge Loupe -->\r\n        <div style=\"position: absolute; top: 10px; right: 10px; background: rgba(10, 13, 12, 0.75); backdrop-filter: blur(4px); border: 1px solid rgba(201, 160, 99, 0.4); border-radius: 50%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #deb87e; pointer-events: none;\">\r\n          \ud83d\udd0d\r\n        <\/div>\r\n\r\n        <div style=\"position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,13,12,0.92) 0%, rgba(10,13,12,0.25) 50%, transparent 100%); pointer-events: none;\"><\/div>\r\n        <div style=\"position: absolute; bottom: 12px; left: 12px; right: 12px; pointer-events: none;\">\r\n          <span style=\"display: inline-block; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 2px 6px; border-radius: 4px; background: rgba(17, 38, 29, 0.9); border: 1px solid #1c4534; color: #a3cbb9; margin-bottom: 4px;\">Savoir-Faire<\/span>\r\n          <h3 style=\"font-family: 'Playfair Display', serif; font-size: 15px; color: #ffffff; font-weight: 600; margin: 0; line-height: 1.2;\">L'Exigence du Geste<\/h3>\r\n          <p style=\"font-size: 10px; color: rgba(255, 255, 255, 0.7); margin: 2px 0 0 0;\">Cr\u00e9ation &amp; dressage d'auteur<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Photo 2 (Droite) : L'\u00c9quipe du Melville -->\r\n      <div class=\"melville-zoomable-photo\" \r\n           data-zoom-src=\"http:\/\/lemelville.fr\/wp-content\/uploads\/2026\/09\/Equipe-recentree-e1789318600499.png\" \r\n           data-zoom-title=\"L\u2019\u00c9quipe du Melville \u2014 Cuisine &amp; Salle\"\r\n           title=\"Cliquer pour agrandir\" \r\n           style=\"position: relative; border-radius: 12px; overflow: hidden; border: 1px solid rgba(201, 160, 99, 0.3); background: #050706; aspect-ratio: 4\/5; box-shadow: 0 8px 20px rgba(0,0,0,0.4); cursor: zoom-in; transition: transform 0.3s ease, border-color 0.3s ease;\">\r\n        <img decoding=\"async\" src=\"http:\/\/lemelville.fr\/wp-content\/uploads\/2026\/09\/Equipe-recentree-e1789318600499.png\" alt=\"L'\u00e9quipe de cuisine et de salle du Melville\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.04)'\" onmouseout=\"this.style.transform='scale(1)'\">\r\n        \r\n        <!-- Badge Loupe -->\r\n        <div style=\"position: absolute; top: 10px; right: 10px; background: rgba(10, 13, 12, 0.75); backdrop-filter: blur(4px); border: 1px solid rgba(201, 160, 99, 0.4); border-radius: 50%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #deb87e; pointer-events: none;\">\r\n          \ud83d\udd0d\r\n        <\/div>\r\n\r\n        <div style=\"position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,13,12,0.92) 0%, rgba(10,13,12,0.25) 50%, transparent 100%); pointer-events: none;\"><\/div>\r\n        <div style=\"position: absolute; bottom: 12px; left: 12px; right: 12px; pointer-events: none;\">\r\n          <span style=\"display: inline-block; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 2px 6px; border-radius: 4px; background: rgba(17, 38, 29, 0.9); border: 1px solid #1c4534; color: #a3cbb9; margin-bottom: 4px;\">Cuisine &amp; Salle<\/span>\r\n          <h3 style=\"font-family: 'Playfair Display', serif; font-size: 15px; color: #ffffff; font-weight: 600; margin: 0; line-height: 1.2;\">L'\u00c9quipe du Melville<\/h3>\r\n          <p style=\"font-size: 10px; color: rgba(255, 255, 255, 0.7); margin: 2px 0 0 0;\">Malcom, S\u00e9raphim &amp; l'\u00e9quipe<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Onglets Cat\u00e9gories Restauration -->\r\n    <div style=\"display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 2.5rem;\">\r\n      <button class=\"melville-tab-btn active\" onclick=\"switchMelvilleMenuTab('maree', this)\" style=\"background: #c9a063; color: #080b09; border: 1px solid #c9a063; padding: 8px 18px; border-radius: 9999px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; cursor: pointer; transition: all 0.2s;\">Mar\u00e9e<\/button>\r\n      <button class=\"melville-tab-btn\" onclick=\"switchMelvilleMenuTab('terre', this)\" style=\"background: rgba(17, 38, 29, 0.6); color: #deb87e; border: 1px solid rgba(201, 160, 99, 0.35); padding: 8px 18px; border-radius: 9999px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; cursor: pointer; transition: all 0.2s;\">Terre<\/button>\r\n      <button class=\"melville-tab-btn\" onclick=\"switchMelvilleMenuTab('vegetal', this)\" style=\"background: rgba(17, 38, 29, 0.6); color: #deb87e; border: 1px solid rgba(201, 160, 99, 0.35); padding: 8px 18px; border-radius: 9999px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; cursor: pointer; transition: all 0.2s;\">V\u00e9g\u00e9tal<\/button>\r\n      <button class=\"melville-tab-btn\" onclick=\"switchMelvilleMenuTab('douceur', this)\" style=\"background: rgba(17, 38, 29, 0.6); color: #deb87e; border: 1px solid rgba(201, 160, 99, 0.35); padding: 8px 18px; border-radius: 9999px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; cursor: pointer; transition: all 0.2s;\">Douceur<\/button>\r\n    <\/div>\r\n\r\n    <!-- Grille des Plats -->\r\n    <div id=\"melville-menu-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; max-width: 900px; margin: 0 auto;\"><\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Visionneuse Plein \u00c9cran (Lightbox) -->\r\n  <div id=\"melville-lightbox\" style=\"display: none; position: fixed; inset: 0; z-index: 999999; background: rgba(10, 13, 12, 0.94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); align-items: center; justify-content: center; flex-direction: column; padding: 1.5rem; opacity: 0; transition: opacity 0.3s ease;\">\r\n    <button id=\"melville-lightbox-close\" style=\"position: absolute; top: 20px; right: 25px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(201, 160, 99, 0.5); color: #deb87e; font-size: 22px; width: 44px; height: 44px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease;\">\r\n      \u2715\r\n    <\/button>\r\n    <div style=\"max-width: 90vw; max-height: 85vh; display: flex; flex-direction: column; align-items: center;\">\r\n      <img decoding=\"async\" id=\"melville-lightbox-img\" src=\"\" alt=\"\" style=\"max-width: 100%; max-height: 75vh; border-radius: 8px; border: 1px solid rgba(201, 160, 99, 0.35); box-shadow: 0 25px 60px rgba(0,0,0,0.85); object-fit: contain;\">\r\n      <span id=\"melville-lightbox-caption\" style=\"font-family: 'Playfair Display', serif; font-size: 16px; color: #deb87e; margin-top: 14px; text-align: center; letter-spacing: 0.04em;\"><\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ --- LOGIQUE ZOOM PHOTO ET SYNCHRONISATION CARTE ---\r\n(function() {\r\n  \/\/ 1. Initialisation de la Visionneuse Plein \u00c9cran (Lightbox)\r\n  var modal = document.getElementById('melville-lightbox');\r\n  var img = document.getElementById('melville-lightbox-img');\r\n  var cap = document.getElementById('melville-lightbox-caption');\r\n  var btnClose = document.getElementById('melville-lightbox-close');\r\n\r\n  function openZoom(src, title) {\r\n    if (!modal || !img) return;\r\n    img.src = src;\r\n    img.alt = title || '';\r\n    if (cap) cap.innerHTML = title || '';\r\n    modal.style.display = 'flex';\r\n    setTimeout(function() {\r\n      modal.style.opacity = '1';\r\n    }, 10);\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n\r\n  function closeZoom() {\r\n    if (!modal) return;\r\n    modal.style.opacity = '0';\r\n    setTimeout(function() {\r\n      modal.style.display = 'none';\r\n      document.body.style.overflow = '';\r\n    }, 300);\r\n  }\r\n\r\n  if (btnClose) {\r\n    btnClose.addEventListener('click', function(e) {\r\n      e.stopPropagation();\r\n      closeZoom();\r\n    });\r\n  }\r\n\r\n  if (modal) {\r\n    modal.addEventListener('click', function(e) {\r\n      if (e.target === modal) {\r\n        closeZoom();\r\n      }\r\n    });\r\n  }\r\n\r\n  document.addEventListener('keydown', function(e) {\r\n    if ((e.key === 'Escape' || e.key === 'Esc') && modal && modal.style.display === 'flex') {\r\n      closeZoom();\r\n    }\r\n  });\r\n\r\n  \/\/ Liaison des clics sur les photos\r\n  document.querySelectorAll('.melville-zoomable-photo').forEach(function(card) {\r\n    card.addEventListener('click', function() {\r\n      var src = this.getAttribute('data-zoom-src');\r\n      var title = this.getAttribute('data-zoom-title');\r\n      openZoom(src, title);\r\n    });\r\n  });\r\n\r\n  \/\/ 2. Synchronisation Carte SharePoint \/ Power Automate\r\n  var _urlMenu = \"https:\/\/defaultfa297b8d4f444e7485425216448e0a.ee.environment.api.powerplatform.com:443\/powerautomate\/automations\/direct\/cu\/22\/workflows\/1a73cf33e46e49598e781ad2ce6bc3d0\/triggers\/manual\/paths\/invoke?api-version=1&sp=%2Ftriggers%2Fmanual%2Frun&sv=1.0&sig=08aHUxjO4nV_JFHFNE5juz5uH0bFXIdvBKTHFJBeJ2k\";\r\n  var currentTab = 'maree';\r\n  var allFoodItems = [];\r\n\r\n  function renderDishCard(item) {\r\n    var prix = item.Prix ? item.Prix.toString().trim() : '';\r\n    if (prix && !prix.includes('\u20ac')) prix += ' \u20ac';\r\n    return '<div style=\"background: #0a0d0c; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 10px; padding: 18px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 4px 12px rgba(0,0,0,0.3);\">' +\r\n      '<div>' +\r\n        '<div style=\"display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; gap: 8px;\">' +\r\n          '<h4 style=\"font-family: \\'Playfair Display\\', serif; font-size: 16px; color: #ffffff; margin: 0; font-weight: 600;\">' + (item.Nom || item.Title || '') + '<\/h4>' +\r\n          '<span style=\"font-weight: 600; color: #c9a063; font-size: 14px; white-space: nowrap; font-family: \\'Playfair Display\\', serif;\">' + prix + '<\/span>' +\r\n        '<\/div>' +\r\n        '<p style=\"font-size: 12px; color: rgba(255, 255, 255, 0.6); line-height: 1.5; margin: 0;\">' + (item.Description || '') + '<\/p>' +\r\n      '<\/div>' +\r\n    '<\/div>';\r\n  }\r\n\r\n  window.switchMelvilleMenuTab = function(categoryKey, btnElement) {\r\n    currentTab = categoryKey;\r\n    document.querySelectorAll('.melville-tab-btn').forEach(function(b) {\r\n      b.style.background = 'rgba(17, 38, 29, 0.6)';\r\n      b.style.color = '#deb87e';\r\n      b.style.fontWeight = '600';\r\n    });\r\n    if (btnElement) {\r\n      btnElement.style.background = '#c9a063';\r\n      btnElement.style.color = '#080b09';\r\n      btnElement.style.fontWeight = '700';\r\n    }\r\n    renderMenuGrid();\r\n  };\r\n\r\n  function renderMenuGrid() {\r\n    var container = document.getElementById('melville-menu-grid');\r\n    if (!container) return;\r\n    var filtered = allFoodItems.filter(function(i) {\r\n      if ((i.Type || '').toLowerCase() !== 'food') return false;\r\n      var actif = (i.Actif !== undefined) ? (String(i.Actif).toLowerCase()) : 'oui';\r\n      if (actif === 'non' || actif === 'false' || actif === '0') return false;\r\n\r\n      var cat = (i.Categorie || '').toLowerCase().trim();\r\n      if (currentTab === 'maree') return cat.includes('mar\u00e9e') || cat.includes('marr\u00e9e') || cat.includes('maree') || cat.includes('picorer');\r\n      if (currentTab === 'terre') return cat.includes('terre') || cat.includes('signature');\r\n      if (currentTab === 'vegetal') return cat.includes('vege') || cat.includes('v\u00e9g\u00e9tal') || cat.includes('vegetal');\r\n      if (currentTab === 'douceur') return cat.includes('sucre') || cat.includes('douceur') || cat.includes('douceurs');\r\n      return true;\r\n    });\r\n    if (filtered.length === 0) {\r\n      container.innerHTML = '<p style=\"grid-column: 1\/-1; text-align: center; color: rgba(255,255,255,0.5); padding: 2rem 0;\">S\u00e9lectionnez une cat\u00e9gorie pour d\u00e9couvrir la carte.<\/p>';\r\n      return;\r\n    }\r\n    container.innerHTML = filtered.map(renderDishCard).join('');\r\n  }\r\n\r\n  async function chargerCarteFood() {\r\n    var cached = localStorage.getItem('melville_menu_cache');\r\n    if (cached) {\r\n      try {\r\n        allFoodItems = JSON.parse(cached);\r\n        renderMenuGrid();\r\n      } catch(e) {}\r\n    }\r\n    try {\r\n      var response = await fetch(_urlMenu, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application\/json' },\r\n        body: JSON.stringify({ action: 'get_menu' })\r\n      });\r\n      if (!response.ok) return;\r\n      var data = await response.json();\r\n      if (Array.isArray(data) && data.length > 0) {\r\n        allFoodItems = data;\r\n        localStorage.setItem('melville_menu_cache', JSON.stringify(data));\r\n        renderMenuGrid();\r\n      }\r\n    } catch(err) {\r\n      console.log('Erreur chargement Carte SharePoint:', err);\r\n    }\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', chargerCarteFood);\r\n  } else {\r\n    chargerCarteFood();\r\n  }\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43f10e92 elementor-widget elementor-widget-html\" data-id=\"43f10e92\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ================= SECTION COCKTAILS SIGNATURES (DESKTOP & MOBILE) ================= -->\r\n<section id=\"bar\" style=\"font-family: 'Plus Jakarta Sans', sans-serif; padding: 4rem 1.5rem; background: #0c120f; border-top: 1px solid rgba(255, 255, 255, 0.08);\">\r\n  <div style=\"max-width: 1152px; margin: 0 auto;\">\r\n    \r\n    <!-- En-t\u00eate Cocktails -->\r\n    <div style=\"text-align: center; max-width: 672px; margin: 0 auto 2.5rem auto;\">\r\n      <span style=\"font-size: 11px; text-transform: uppercase; letter-spacing: 0.25em; color: #c9a063; font-weight: 600; display: block; margin-bottom: 8px;\">Mixologie d'Auteur<\/span>\r\n      <h2 style=\"font-family: 'Playfair Display', serif; font-size: clamp(28px, 4vw, 38px); color: #ffffff; margin: 0 0 10px 0; font-weight: 400;\">Cocktails Signatures<\/h2>\r\n      <p style=\"font-size: 13px; color: rgba(255, 255, 255, 0.7); margin: 0; line-height: 1.6;\">\r\n        Infusions maison de plantes rares, spiritueux fins et accords aromatiques rythm\u00e9s par la musique live.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- VERSION 1 : DESKTOP (Grille \u00e9l\u00e9gante multi-colonnes) -->\r\n    <div class=\"melville-desktop-only\">\r\n      <div id=\"melville-cocktails-grid-desktop\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px;\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- VERSION 2 : MOBILE (Carrousel tactile horizontal fluide) -->\r\n    <div class=\"melville-mobile-only\">\r\n      <div style=\"text-align: center; margin-bottom: 12px;\">\r\n        <span style=\"font-size: 10px; color: #c9a063; text-transform: uppercase; letter-spacing: 0.15em;\">\ud83d\udc49 Glissez pour explorer les cr\u00e9ations<\/span>\r\n      <\/div>\r\n      <div id=\"melville-cocktails-grid-mobile\" style=\"display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 6px 4px 18px 4px; -webkit-overflow-scrolling: touch;\"><\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Affichage conditionnel Desktop \/ Mobile *\/\r\n@media (min-width: 768px) {\r\n  .melville-mobile-only { display: none !important; }\r\n  .melville-desktop-only { display: block !important; }\r\n}\r\n@media (max-width: 767px) {\r\n  .melville-desktop-only { display: none !important; }\r\n  .melville-mobile-only { display: block !important; }\r\n}\r\n\r\n\/* Barre de d\u00e9filement dor\u00e9e discr\u00e8te pour le tactile mobile *\/\r\n#melville-cocktails-grid-mobile::-webkit-scrollbar {\r\n  height: 4px;\r\n}\r\n#melville-cocktails-grid-mobile::-webkit-scrollbar-track {\r\n  background: rgba(255, 255, 255, 0.05);\r\n  border-radius: 4px;\r\n}\r\n#melville-cocktails-grid-mobile::-webkit-scrollbar-thumb {\r\n  background: #c9a063;\r\n  border-radius: 4px;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  var _urlCocktails = \"https:\/\/defaultfa297b8d4f444e7485425216448e0a.ee.environment.api.powerplatform.com:443\/powerautomate\/automations\/direct\/cu\/22\/workflows\/1a73cf33e46e49598e781ad2ce6bc3d0\/triggers\/manual\/paths\/invoke?api-version=1&sp=%2Ftriggers%2Fmanual%2Frun&sv=1.0&sig=08aHUxjO4nV_JFHFNE5juz5uH0bFXIdvBKTHFJBeJ2k\";\r\n\r\n  function renderCocktailCardDesktop(item) {\r\n    var prix = item.Prix ? item.Prix.toString().trim() : '';\r\n    if (prix && !prix.includes('\u20ac')) prix += ' \u20ac';\r\n    return '<div style=\"background: #0a0d0c; border: 1px solid rgba(201, 160, 99, 0.2); border-radius: 12px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 4px 14px rgba(0,0,0,0.4);\">' +\r\n      '<div>' +\r\n        '<div style=\"display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px;\">' +\r\n          '<h3 style=\"font-family: \\'Playfair Display\\', serif; font-size: 17px; color: #c9a063; margin: 0; font-weight: 600;\">' + (item.Nom || item.Title || '') + '<\/h3>' +\r\n          '<span style=\"font-size: 13px; color: #ffffff; font-weight: 600; font-family: \\'Plus Jakarta Sans\\', sans-serif;\">' + prix + '<\/span>' +\r\n        '<\/div>' +\r\n        '<p style=\"font-size: 12px; color: rgba(255, 255, 255, 0.6); line-height: 1.55; margin: 0;\">' + (item.Description || '') + '<\/p>' +\r\n      '<\/div>' +\r\n    '<\/div>';\r\n  }\r\n\r\n  function renderCocktailCardMobile(item) {\r\n    var prix = item.Prix ? item.Prix.toString().trim() : '';\r\n    if (prix && !prix.includes('\u20ac')) prix += ' \u20ac';\r\n    return '<div style=\"flex: 0 0 240px; scroll-snap-align: start; background: #0a0d0c; border: 1px solid rgba(201, 160, 99, 0.3); border-radius: 12px; padding: 18px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 6px 18px rgba(0,0,0,0.5);\">' +\r\n      '<div>' +\r\n        '<div style=\"display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px;\">' +\r\n          '<h3 style=\"font-family: \\'Playfair Display\\', serif; font-size: 16px; color: #c9a063; margin: 0; font-weight: 600;\">' + (item.Nom || item.Title || '') + '<\/h3>' +\r\n          '<span style=\"font-size: 13px; color: #ffffff; font-weight: 700;\">' + prix + '<\/span>' +\r\n        '<\/div>' +\r\n        '<p style=\"font-size: 12px; color: rgba(255, 255, 255, 0.65); line-height: 1.5; margin: 0;\">' + (item.Description || '') + '<\/p>' +\r\n      '<\/div>' +\r\n    '<\/div>';\r\n  }\r\n\r\n  function afficherCocktails(liste) {\r\n    var cocktails = liste.filter(function(i) { \r\n      var t = (i.Type || '').toLowerCase();\r\n      var cat = (i.Categorie || '').toLowerCase();\r\n      return t === 'beverage' || cat.includes('cocktail');\r\n    });\r\n    \r\n    var cDesktop = document.getElementById('melville-cocktails-grid-desktop');\r\n    if (cDesktop && cocktails.length > 0) {\r\n      cDesktop.innerHTML = cocktails.map(renderCocktailCardDesktop).join('');\r\n    }\r\n\r\n    var cMobile = document.getElementById('melville-cocktails-grid-mobile');\r\n    if (cMobile && cocktails.length > 0) {\r\n      cMobile.innerHTML = cocktails.map(renderCocktailCardMobile).join('');\r\n    }\r\n  }\r\n\r\n  async function chargerCocktails() {\r\n    var cached = localStorage.getItem('melville_menu_cache');\r\n    if (cached) {\r\n      try {\r\n        afficherCocktails(JSON.parse(cached));\r\n      } catch(e) {}\r\n    }\r\n    try {\r\n      var response = await fetch(_urlCocktails, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application\/json' },\r\n        body: JSON.stringify({ action: 'get_menu' })\r\n      });\r\n      if (!response.ok) return;\r\n      var data = await response.json();\r\n      if (Array.isArray(data) && data.length > 0) {\r\n        localStorage.setItem('melville_menu_cache', JSON.stringify(data));\r\n        afficherCocktails(data);\r\n      }\r\n    } catch(err) {\r\n      console.log('Erreur chargement Cocktails:', err);\r\n    }\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', chargerCocktails);\r\n  } else {\r\n    chargerCocktails();\r\n  }\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ab2278b e-flex e-con-boxed e-con e-parent\" data-id=\"5ab2278b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-589eddbc e-flex e-con-boxed e-con e-child\" data-id=\"589eddbc\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56e709a2 elementor-widget elementor-widget-html\" data-id=\"56e709a2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ================= SECTION VISITE EN IMMERSION (PARFAITEMENT CENTR\u00c9E) ================= -->\r\n<section id=\"lecrin\" style=\"font-family: 'Plus Jakarta Sans', sans-serif; padding: 4rem 16px; background: linear-gradient(180deg, #0a0d0c 0%, #0e1713 50%, #0a0d0c 100%); border-top: 1px solid rgba(255, 255, 255, 0.06); width: 100%; box-sizing: border-box; overflow: hidden;\">\r\n  <div style=\"max-width: 1100px; margin: 0 auto; width: 100%; box-sizing: border-box;\">\r\n    \r\n    <div class=\"melville-immersion-grid\">\r\n      \r\n      <!-- COLONNE 1 : TEXTE & ATMOSPH\u00c8RE -->\r\n      <div class=\"melville-immersion-text\">\r\n        <span style=\"font-size: 11px; text-transform: uppercase; letter-spacing: 0.25em; color: #c9a063; font-weight: 700; display: block; margin-bottom: 8px;\">L'Atmosph\u00e8re<\/span>\r\n        <h2 style=\"font-family: 'Playfair Display', serif; font-size: clamp(28px, 3.8vw, 38px); color: #ffffff; margin: 0 0 16px 0; font-weight: 400; line-height: 1.2;\">\r\n          Visitez Le Melville <br>\r\n          <span style=\"color: #deb87e; font-style: italic;\">en immersion<\/span>\r\n        <\/h2>\r\n        <p style=\"font-size: 13px; color: rgba(255, 255, 255, 0.75); line-height: 1.7; margin: 0 0 14px 0;\">\r\n          Am\u00e9nag\u00e9 par l\u2019architecte <strong>Isabelle Farran<\/strong>, Le Melville r\u00e9unit dans un salon feutr\u00e9 et chaleureux les passionn\u00e9s de musique autour d'un piano \u00e0 queue, au milieu de biblioth\u00e8ques de vinyles, de livres d'art et de velours vert et bleu profond.\r\n        <\/p>\r\n        <p style=\"font-size: 12px; color: rgba(255, 255, 255, 0.55); line-height: 1.5; margin: 0 0 24px 0;\">\r\n          Lancez la vid\u00e9o pour parcourir l'\u00e9crin directement depuis votre \u00e9cran.\r\n        <\/p>\r\n        \r\n        <!-- Liste des atouts du lieu -->\r\n        <div class=\"melville-immersion-bullets\">\r\n          <div style=\"display: flex; align-items: center; gap: 10px;\">\r\n            <span style=\"color: #c9a063; font-weight: bold;\">\u2714<\/span>\r\n            <span>Salon biblioth\u00e8que intimiste &amp; banquettes de velours<\/span>\r\n          <\/div>\r\n          <div style=\"display: flex; align-items: center; gap: 10px;\">\r\n            <span style=\"color: #c9a063; font-weight: bold;\">\u2714<\/span>\r\n            <span>Bar comptoir en onyx ambr\u00e9 face aux artistes<\/span>\r\n          <\/div>\r\n          <div style=\"display: flex; align-items: center; gap: 10px;\">\r\n            <span style=\"color: #c9a063; font-weight: bold;\">\u2714<\/span>\r\n            <span>Acoustique feutr\u00e9e pour \u00e9couter et \u00e9changer<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- COLONNE 2 : VID\u00c9O YOUTUBE EMBED -->\r\n      <div style=\"display: flex; justify-content: center; align-items: center; width: 100%;\">\r\n        <div style=\"position: relative; border-radius: 16px; overflow: hidden; border: 1px solid rgba(201, 160, 99, 0.35); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.75); background: #050706; aspect-ratio: 16\/9; width: 100%; max-width: 540px;\">\r\n          <iframe \r\n            src=\"https:\/\/www.youtube-nocookie.com\/embed\/DmNCvjSk45Q?rel=0&modestbranding=1&playsinline=1&controls=1&iv_load_policy=3\" \r\n            title=\"Visite virtuelle du club de jazz Le Melville Paris\" \r\n            frameborder=\"0\" \r\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n            allowfullscreen\r\n            style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;\">\r\n          <\/iframe>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \ud83d\udda5\ufe0f GRILLE DESKTOP (>= 850px) : 2 colonnes 50\/50 parfaitement centr\u00e9es *\/\r\n.melville-immersion-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.1fr;\r\n  gap: 48px;\r\n  align-items: center;\r\n  width: 100%;\r\n}\r\n.melville-immersion-text {\r\n  text-align: left;\r\n}\r\n.melville-immersion-bullets {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n  font-size: 12.5px;\r\n  color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n\/* \ud83d\udcf1 TABLETTE & MOBILE (< 850px) : 1 colonne 100% centr\u00e9e *\/\r\n@media (max-width: 849px) {\r\n  .melville-immersion-grid {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 32px !important;\r\n    text-align: center !important;\r\n  }\r\n  .melville-immersion-text {\r\n    text-align: center !important;\r\n  }\r\n  .melville-immersion-bullets {\r\n    display: inline-flex !important;\r\n    text-align: left !important;\r\n    margin: 0 auto !important;\r\n  }\r\n}\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-50ee9b5c e-flex e-con-boxed e-con e-child\" data-id=\"50ee9b5c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31f0ebb3 elementor-widget elementor-widget-html\" data-id=\"31f0ebb3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section id=\"reservation\" style=\"font-family: 'Plus Jakarta Sans', sans-serif;\">\r\n  \r\n  <!-- EN-T\u00caTE R\u00c9SERVATION -->\r\n  <div style=\"text-align: center; max-width: 600px; margin: 0 auto 2.5rem auto;\">\r\n    <span style=\"font-size: 11px; text-transform: uppercase; letter-spacing: 0.25em; color: #c9a063; font-weight: 700; display: block; margin-bottom: 8px;\">Table &amp; Exp\u00e9rience<\/span>\r\n    <h2 style=\"font-family: 'Playfair Display', serif; font-size: clamp(28px, 3.5vw, 40px); color: #ffffff; margin: 0 0 10px 0; font-weight: 400;\">R\u00e9server Votre Soir\u00e9e<\/h2>\r\n    <p style=\"font-size: 13px; color: rgba(255, 255, 255, 0.7); margin: 0; line-height: 1.6;\">\r\n      Concert live inclus dans l'exp\u00e9rience du d\u00eener. Choisissez votre date <br>et d\u00e9couvrez les deux atmosph\u00e8res du Melville.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- EXPLICATION SALLE BASSE VS MEZZANINE -->\r\n  <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; margin-bottom: 2rem;\">\r\n    \r\n    <!-- Option 1 : Salle Basse -->\r\n    <div style=\"background: rgba(17, 38, 29, 0.35); border: 1px solid rgba(28, 69, 52, 0.5); border-radius: 12px; padding: 20px;\">\r\n      <div style=\"display: flex; align-items: center; gap: 10px; margin-bottom: 10px;\">\r\n        <span style=\"display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(201, 160, 99, 0.2); color: #deb87e; font-size: 13px;\">\ud83c\udfb5<\/span>\r\n        <h3 style=\"font-family: 'Playfair Display', serif; font-size: 16px; color: #ffffff; margin: 0; font-weight: 600;\">\r\n          Salle Basse <span style=\"font-size: 11px; font-family: 'Plus Jakarta Sans', sans-serif; color: #deb87e; font-weight: normal;\">(Au plus pr\u00e8s du Live)<\/span>\r\n        <\/h3>\r\n      <\/div>\r\n      <p style=\"font-size: 12px; color: rgba(255, 255, 255, 0.7); line-height: 1.6; margin: 0;\">\r\n        Destin\u00e9e \u00e0 ceux qui souhaitent <strong>profiter pleinement du concert<\/strong> et vivre la performance musicale au plus pr\u00e8s des artistes. Lors du live, l'atmosph\u00e8re est d\u00e9di\u00e9e \u00e0 l'\u00e9coute attentive, et s'y associent plaisir de la table et \u00e9motion du live.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Option 2 : Mezzanine -->\r\n    <div style=\"background: #0a0d0c; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 20px;\">\r\n      <div style=\"display: flex; align-items: center; gap: 10px; margin-bottom: 10px;\">\r\n        <span style=\"display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); color: #ffffff; font-size: 13px;\">\ud83d\udc65<\/span>\r\n        <h3 style=\"font-family: 'Playfair Display', serif; font-size: 16px; color: #ffffff; margin: 0; font-weight: 600;\">\r\n          La Mezzanine <span style=\"font-size: 11px; font-family: 'Plus Jakarta Sans', sans-serif; color: rgba(255,255,255,0.5); font-weight: normal;\">(Discussion &amp; Grandes Tables)<\/span>\r\n        <\/h3>\r\n      <\/div>\r\n      <p style=\"font-size: 12px; color: rgba(255, 255, 255, 0.7); line-height: 1.6; margin: 0;\">\r\n        Plus propice \u00e0 <strong>l'\u00e9change et particuli\u00e8rement indiqu\u00e9e pour les groupes<\/strong>. Vous profitez de la musique dans une ambiance chaleureuse, tout en pouvant descendre pr\u00e8s des musiciens un verre \u00e0 la main.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- MODULE DE S\u00c9LECTION DYNAMIQUE CONNECT\u00c9 \u00c0 ZENCHEF -->\r\n  <div style=\"background: #050706; border: 1px solid rgba(201, 160, 99, 0.35); border-radius: 16px; padding: 24px; box-shadow: 0 12px 30px rgba(0,0,0,0.6);\">\r\n    \r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 20px;\">\r\n      \r\n      <!-- Champ Date -->\r\n      <div>\r\n        <label for=\"z-date\" style=\"display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(255,255,255,0.6); margin-bottom: 6px; font-weight: 600;\">Date souhait\u00e9e<\/label>\r\n        <input type=\"date\" id=\"z-date\" style=\"width: 100%; background: #101513; border: 1px solid rgba(255,255,255,0.2); color: #fff; padding: 10px 12px; border-radius: 8px; font-size: 13px; outline: none; box-sizing: border-box; color-scheme: dark; cursor: pointer;\">\r\n      <\/div>\r\n\r\n      <!-- Champ Convives -->\r\n      <div>\r\n        <label for=\"z-covers\" style=\"display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(255,255,255,0.6); margin-bottom: 6px; font-weight: 600;\">Convives<\/label>\r\n        <select id=\"z-covers\" style=\"width: 100%; background: #101513; border: 1px solid rgba(255,255,255,0.2); color: #fff; padding: 10px 12px; border-radius: 8px; font-size: 13px; outline: none; box-sizing: border-box; cursor: pointer;\">\r\n          <option value=\"1\">1 personne<\/option>\r\n          <option value=\"2\" selected>2 personnes<\/option>\r\n          <option value=\"3\">3 personnes<\/option>\r\n          <option value=\"4\">4 personnes<\/option>\r\n          <option value=\"5\">5 personnes<\/option>\r\n          <option value=\"6\">6 personnes<\/option>\r\n          <option value=\"7\">7 personnes<\/option>\r\n          <option value=\"8\">8 personnes<\/option>\r\n          \r\n        <\/select>\r\n      <\/div>\r\n\r\n      <!-- Champ Service -->\r\n      <div>\r\n        <label for=\"z-service\" style=\"display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(255,255,255,0.6); margin-bottom: 6px; font-weight: 600;\">Service<\/label>\r\n        <select id=\"z-service\" style=\"width: 100%; background: #101513; border: 1px solid rgba(255,255,255,0.2); color: #fff; padding: 10px 12px; border-radius: 8px; font-size: 13px; outline: none; box-sizing: border-box; cursor: pointer;\">\r\n          <option value=\"19:30\" selected>D\u00eener &amp; Concert (19h30 - 20h30)<\/option>\r\n          <option value=\"21:30\">Second Service &amp; Live (21h30)<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Pied du widget & Bouton Zenchef -->\r\n    <div style=\"display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.08);\">\r\n      <div style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); line-height: 1.5;\">\r\n        <span>\u2139\ufe0f Les places assises sont par principe r\u00e9serv\u00e9es aux d\u00eeneurs.<\/span><br>\r\n        <span style=\"color: rgba(255,255,255,0.4);\">Pour plus de 8 couverts : contactez-nous sur <a href=\"mailto:contact@lemelville.fr\" style=\"color: #deb87e; text-decoration: underline;\">contact@lemelville.fr<\/a>.<\/span>\r\n      <\/div>\r\n\r\n      <a id=\"btn-zenchef-final\" href=\"#\" onclick=\"validerEtOuvrirZenchef(event)\" style=\"display: inline-flex; align-items: center; background: linear-gradient(135deg, #d8b274 0%, #c49957 50%, #a67c3b 100%); color: #080b09; font-weight: 700; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; padding: 12px 24px; border-radius: 9999px; text-decoration: none; border: 1px solid rgba(255, 235, 195, 0.4); box-shadow: 0 4px 18px rgba(196, 153, 87, 0.35); cursor: pointer;\">\r\n        Confirmer sur Zenchef \u2197\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- Script de transmission directe et infaillible vers Zenchef -->\r\n<script>\r\nfunction validerEtOuvrirZenchef(event) {\r\n  if (event) event.preventDefault();\r\n\r\n  var d = document.getElementById('z-date') ? document.getElementById('z-date').value : '';\r\n  var c = document.getElementById('z-covers') ? document.getElementById('z-covers').value : '2';\r\n  var s = document.getElementById('z-service') ? document.getElementById('z-service').value : '19:30';\r\n\r\n  \/\/ Construction de l'URL avec tous les alias de param\u00e8tres pour Zenchef\r\n  var url = 'https:\/\/bookings.zenchef.com\/results?rid=357593&pid=1001';\r\n  \r\n  if (d) {\r\n    url += '&date=' + encodeURIComponent(d) + '&day=' + encodeURIComponent(d);\r\n  }\r\n  if (c) {\r\n    url += '&covers=' + encodeURIComponent(c) + '&guests=' + encodeURIComponent(c) + '&pax=' + encodeURIComponent(c) + '&size=' + encodeURIComponent(c);\r\n  }\r\n  if (s) {\r\n    url += '&time=' + encodeURIComponent(s);\r\n  }\r\n\r\n  \/\/ Ouvre directement la page Zenchef avec les bons param\u00e8tres\r\n  window.open(url, '_blank');\r\n}\r\n\r\n\/\/ Initialise la date du jour si le champ est vide\r\n(function() {\r\n  var dInput = document.getElementById('z-date');\r\n  if (dInput && !dInput.value) {\r\n    var today = new Date().toISOString().split('T')[0];\r\n    dInput.value = today;\r\n    dInput.min = today;\r\n  }\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e5420bc e-con-full e-flex e-con e-child\" data-id=\"1e5420bc\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63147c71 elementor-widget elementor-widget-html\" data-id=\"63147c71\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ================= BANDEAU PRIVATISATION ================= -->\r\n<section id=\"privatisation\" style=\"font-family: 'Plus Jakarta Sans', sans-serif; background: linear-gradient(90deg, #0a0d0c 0%, rgba(17,38,29,0.5) 50%, #0a0d0c 100%); border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.06); padding: 50px 20px;\">\r\n  <div style=\"max-width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 24px;\">\r\n    <div>\r\n      <span style=\"font-size: 11px; text-transform: uppercase; letter-spacing: 0.2em; color: #c9a063; font-weight: 700; display: block; margin-bottom: 6px;\">\u00c9v\u00e9nements Priv\u00e9s<\/span>\r\n      <h3 style=\"font-family: 'Playfair Display', serif; font-size: clamp(22px, 3vw, 28px); color: #ffffff; margin: 0 0 6px 0; font-weight: 400;\">Privatisez l'\u00e9crin du Melville<\/h3>\r\n      <p style=\"font-size: 13px; color: rgba(255,255,255,0.65); margin: 0; max-width: 550px; line-height: 1.5;\">\r\n        Pour vos cocktails d\u00eenatoires, anniversaires ou soir\u00e9es d'entreprise avec formule sur-mesure et groupe de jazz priv\u00e9.\r\n      <\/p>\r\n    <\/div>\r\n    <div style=\"display: flex; gap: 12px; flex-wrap: wrap;\">\r\n      <a href=\"mailto:contact@lemelville.fr?subject=Demande%20de%20privatisation\" style=\"display: inline-flex; align-items: center; background: rgba(17, 38, 29, 0.6); color: #f7f5f0; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; padding: 10px 20px; border-radius: 9999px; border: 1px solid rgba(197, 160, 99, 0.35); text-decoration: none;\">\r\n        Demander un devis\r\n      <\/a>\r\n      <a href=\"tel:+33140750057\" style=\"display: inline-flex; align-items: center; background: linear-gradient(135deg, #d8b274 0%, #c49957 50%, #a67c3b 100%); color: #080b09; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 10px 22px; border-radius: 9999px; text-decoration: none; border: 1px solid rgba(255, 235, 195, 0.4);\">\r\n        01 40 75 00 57\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ================= FOOTER OFFICIEL ================= -->\r\n<footer id=\"contact\" style=\"font-family: 'Plus Jakarta Sans', sans-serif; background-color: #050706; padding: 60px 20px 30px 20px; font-size: 12px; color: rgba(255,255,255,0.65);\">\r\n  <div style=\"max-width: 1200px; margin: 0 auto;\">\r\n    \r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 36px; margin-bottom: 50px;\">\r\n      \r\n      <!-- Colonne 1 : Identit\u00e9 & R\u00e9seaux Sociaux Officiels -->\r\n      <div>\r\n        <h3 style=\"font-family: 'Playfair Display', serif; font-size: 22px; color: #ffffff; letter-spacing: 0.15em; text-transform: uppercase; margin: 0 0 12px 0;\">LE MELVILLE<\/h3>\r\n        <p style=\"color: rgba(255,255,255,0.5); line-height: 1.6; margin: 0 0 16px 0;\">\r\n          Club de jazz et restaurant bistronomique d'atmosph\u00e8re. Paris 8\u1d49.\r\n        <\/p>\r\n        \r\n        <div style=\"display: flex; gap: 10px; align-items: center;\">\r\n          <!-- Instagram -->\r\n          <a href=\"https:\/\/www.instagram.com\/lemelville_paris\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\" style=\"display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.8); text-decoration: none;\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"><\/rect>\r\n              <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path>\r\n              <line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"><\/line>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <!-- Facebook -->\r\n          <a href=\"https:\/\/www.facebook.com\/people\/Le-Melville\/100085390055277\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\" style=\"display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.8); text-decoration: none;\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n              <path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Colonne 2 : Horaires -->\r\n      <div>\r\n        <h4 style=\"font-family: 'Playfair Display', serif; font-size: 14px; color: #ffffff; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 14px 0; border-bottom: 1px solid rgba(201,160,99,0.4); padding-bottom: 4px; display: inline-block;\">Horaires<\/h4>\r\n        <div style=\"display: flex; flex-direction: column; gap: 8px;\">\r\n          <div style=\"display: flex; justify-content: space-between;\">\r\n            <span>Mardi au Samedi :<\/span>\r\n            <span style=\"color: #fff;\">19h00 \u2014 02h00<\/span>\r\n          <\/div>\r\n          <div style=\"display: flex; justify-content: space-between;\">\r\n            <span>D\u00e9but des concerts Live :<\/span>\r\n            <span style=\"color: #deb87e;\">20h30 \/ 21h00<\/span>\r\n          <\/div>\r\n          <div style=\"display: flex; justify-content: space-between;\">\r\n            <span>Cuisine :<\/span>\r\n            <span>Jusqu'\u00e0 22h30<\/span>\r\n          <\/div>\r\n          <div style=\"display: flex; justify-content: space-between; color: rgba(255,255,255,0.35); padding-top: 6px; border-top: 1px solid rgba(255,255,255,0.06);\">\r\n            <span>Dimanche &amp; Lundi :<\/span>\r\n            <span>Ferm\u00e9<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Colonne 3 : Acc\u00e8s & Contact -->\r\n      <div>\r\n        <h4 style=\"font-family: 'Playfair Display', serif; font-size: 14px; color: #ffffff; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 14px 0; border-bottom: 1px solid rgba(201,160,99,0.4); padding-bottom: 4px; display: inline-block;\">Acc\u00e8s &amp; Contact<\/h4>\r\n        <div style=\"display: flex; flex-direction: column; gap: 8px;\">\r\n          <div>\ud83d\udccd 28, rue Jean Mermoz, 75008 Paris<\/div>\r\n          <div>\ud83d\ude87 M\u00b0 Franklin D. Roosevelt \/ St-Philippe du Roule<\/div>\r\n          <div>\ud83d\udcde <a href=\"tel:+33140750057\" style=\"color: #fff; text-decoration: none;\">01 40 75 00 57<\/a><\/div>\r\n          <div>\u2709\ufe0f <a href=\"mailto:contact@lemelville.fr\" style=\"color: #fff; text-decoration: none;\">contact@lemelville.fr<\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Colonne 4 : Liens Pro -->\r\n      <div>\r\n        <h4 style=\"font-family: 'Playfair Display', serif; font-size: 14px; color: #ffffff; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 14px 0; border-bottom: 1px solid rgba(201,160,99,0.4); padding-bottom: 4px; display: inline-block;\">Liens Pro &amp; Artistes<\/h4>\r\n        <div style=\"display: flex; flex-direction: column; gap: 8px;\">\r\n          <div>\r\n            <a href=\"https:\/\/forms.office.com\/Pages\/ResponsePage.aspx?id=jXsp-kRPdE6FQlIWRI4K7v97ndmW_idCnRbQDIDvvCxUN1ZGSTlWU0dDUFpPUUI0NThQVjE1VUlBQS4u\" target=\"_blank\" rel=\"noopener\" style=\"color: rgba(255,255,255,0.7); text-decoration: none;\">\r\n              Vous \u00eates musicien ? Postuler !\r\n            <\/a>\r\n          <\/div>\r\n          <div>\r\n            <a href=\"https:\/\/lemelville.fr\/cerritos\/?page_id=6377\" style=\"color: rgba(255,255,255,0.7); text-decoration: none;\">\r\n              Inscription \u00e0 la Newsletter\r\n            <\/a>\r\n          <\/div>\r\n          <div>\r\n            <a href=\"#privatisation\" style=\"color: rgba(255,255,255,0.7); text-decoration: none;\">\u00c9v\u00e9nements &amp; Privatisation<\/a>\r\n          <\/div>\r\n          <div>\r\n            <a href=\"mailto:contact@lemelville.fr\" style=\"color: rgba(255,255,255,0.7); text-decoration: none;\">Contact Presse<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Mentions L\u00e9gales & Confidentialit\u00e9 (Lien ID 436 garanti sur le staging) -->\r\n    <div style=\"padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.08); display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 11px; color: rgba(255, 255, 255, 0.4);\">\r\n      <p style=\"margin: 0;\">\u00a9 2026 Le Melville Paris. Tous droits r\u00e9serv\u00e9s.<\/p>\r\n      <div style=\"display: flex; gap: 16px;\">\r\n        <a href=\"https:\/\/lemelville.fr\/cerritos\/?page_id=436\" style=\"color: rgba(255, 255, 255, 0.6); text-decoration: none; transition: color 0.2s;\" onmouseover=\"this.style.color='#deb87e'\" onmouseout=\"this.style.color='rgba(255,255,255,0.6)'\">Mentions l\u00e9gales<\/a>\r\n        <a href=\"https:\/\/lemelville.fr\/cerritos\/?page_id=436\" style=\"color: rgba(255, 255, 255, 0.6); text-decoration: none; transition: color 0.2s;\" onmouseover=\"this.style.color='#deb87e'\" onmouseout=\"this.style.color='rgba(255,255,255,0.6)'\">Confidentialit\u00e9<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/footer>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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":"<p>Club de Jazz &amp; Haute Bistronomie \u2022 Paris 8\u1d49 L\u2019\u00c9crin confidentiel du Jazz \u00e0 Paris R\u00e9server Consulter la programmation S&#8217;inscrire \u00e0 la Newsletter \ud83d\udd0d \u00c9v\u00e9nement Sp\u00e9cial \u2022 Du 9 au&hellip; <a class=\"more-link\" href=\"https:\/\/lemelville.fr\/accueil\/\">Poursuivre la lecture <span class=\"screen-reader-text\">Home<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry","entry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.3 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Home - Le Melville<\/title>\n<meta name=\"description\" content=\"Le Melville est un club de jazz restaurant d&#039;atmosph\u00e8re. On y \u00e9coute de la musique live tous les soirs en d\u00e9gustant un repas gastronomique.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lemelville.fr\/accueil\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home\" \/>\n<meta property=\"og:description\" content=\"Le Melville est un club de jazz restaurant d&#039;atmosph\u00e8re. On y \u00e9coute de la musique live tous les soirs en d\u00e9gustant un repas gastronomique.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lemelville.fr\/accueil\/\" \/>\n<meta property=\"og:site_name\" content=\"Le Melville\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/Le-Melville\/100085390055277\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-27T09:59:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lemelville.fr\/cerritos\/wp-content\/uploads\/2023\/09\/mezzanine-le-melville-club-paris.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/lemelville.fr\/accueil\/\",\"url\":\"https:\/\/lemelville.fr\/accueil\/\",\"name\":\"Home - Le Melville\",\"isPartOf\":{\"@id\":\"https:\/\/lemelville.fr\/accueil\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/lemelville.fr\/accueil\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/lemelville.fr\/accueil\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/lemelville.fr\/cerritos\/wp-content\/uploads\/2023\/09\/mezzanine-le-melville-club-paris.webp\",\"datePublished\":\"2023-09-18T16:55:42+00:00\",\"dateModified\":\"2026-09-27T09:59:31+00:00\",\"description\":\"Le Melville est un club de jazz restaurant d'atmosph\u00e8re. On y \u00e9coute de la musique live tous les soirs en d\u00e9gustant un repas gastronomique.\",\"breadcrumb\":{\"@id\":\"https:\/\/lemelville.fr\/accueil\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/lemelville.fr\/accueil\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/lemelville.fr\/accueil\/#primaryimage\",\"url\":\"https:\/\/lemelville.fr\/cerritos\/wp-content\/uploads\/2023\/09\/mezzanine-le-melville-club-paris.webp\",\"contentUrl\":\"https:\/\/lemelville.fr\/cerritos\/wp-content\/uploads\/2023\/09\/mezzanine-le-melville-club-paris.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/lemelville.fr\/accueil\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/lemelville.fr\/accueil\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/lemelville.fr\/accueil\/#website\",\"url\":\"https:\/\/lemelville.fr\/accueil\/\",\"name\":\"Le Melville\",\"description\":\"Le Melville c\u2019est l\u2019\u00e9clectisme dans les verres, les assiettes et dans les oreilles. Du Jazz, de la world Music, souvent en live, une carte \u00e9l\u00e9gante de mets \u00e0 picorer et des cocktails sur mesure, le tout dans un \u00e9crin de bois et de velours.\",\"publisher\":{\"@id\":\"https:\/\/lemelville.fr\/accueil\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/lemelville.fr\/accueil\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/lemelville.fr\/accueil\/#organization\",\"name\":\"Le Melville\",\"url\":\"https:\/\/lemelville.fr\/accueil\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/lemelville.fr\/accueil\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/lemelville.fr\/wp-content\/uploads\/2023\/09\/Logo-transparent-1-e1787838282938.png\",\"contentUrl\":\"https:\/\/lemelville.fr\/wp-content\/uploads\/2023\/09\/Logo-transparent-1-e1787838282938.png\",\"width\":1370,\"height\":656,\"caption\":\"Le Melville\"},\"image\":{\"@id\":\"https:\/\/lemelville.fr\/accueil\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/people\/Le-Melville\/100085390055277\/\",\"https:\/\/www.instagram.com\/lemelville_paris\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Home - Le Melville","description":"Le Melville est un club de jazz restaurant d'atmosph\u00e8re. On y \u00e9coute de la musique live tous les soirs en d\u00e9gustant un repas gastronomique.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lemelville.fr\/accueil\/","og_locale":"fr_FR","og_type":"article","og_title":"Home","og_description":"Le Melville est un club de jazz restaurant d'atmosph\u00e8re. On y \u00e9coute de la musique live tous les soirs en d\u00e9gustant un repas gastronomique.","og_url":"https:\/\/lemelville.fr\/accueil\/","og_site_name":"Le Melville","article_publisher":"https:\/\/www.facebook.com\/people\/Le-Melville\/100085390055277\/","article_modified_time":"2026-09-27T09:59:31+00:00","og_image":[{"url":"https:\/\/lemelville.fr\/cerritos\/wp-content\/uploads\/2023\/09\/mezzanine-le-melville-club-paris.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lemelville.fr\/accueil\/","url":"https:\/\/lemelville.fr\/accueil\/","name":"Home - Le Melville","isPartOf":{"@id":"https:\/\/lemelville.fr\/accueil\/#website"},"primaryImageOfPage":{"@id":"https:\/\/lemelville.fr\/accueil\/#primaryimage"},"image":{"@id":"https:\/\/lemelville.fr\/accueil\/#primaryimage"},"thumbnailUrl":"https:\/\/lemelville.fr\/cerritos\/wp-content\/uploads\/2023\/09\/mezzanine-le-melville-club-paris.webp","datePublished":"2023-09-18T16:55:42+00:00","dateModified":"2026-09-27T09:59:31+00:00","description":"Le Melville est un club de jazz restaurant d'atmosph\u00e8re. On y \u00e9coute de la musique live tous les soirs en d\u00e9gustant un repas gastronomique.","breadcrumb":{"@id":"https:\/\/lemelville.fr\/accueil\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lemelville.fr\/accueil\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/lemelville.fr\/accueil\/#primaryimage","url":"https:\/\/lemelville.fr\/cerritos\/wp-content\/uploads\/2023\/09\/mezzanine-le-melville-club-paris.webp","contentUrl":"https:\/\/lemelville.fr\/cerritos\/wp-content\/uploads\/2023\/09\/mezzanine-le-melville-club-paris.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/lemelville.fr\/accueil\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/lemelville.fr\/accueil\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/lemelville.fr\/accueil\/#website","url":"https:\/\/lemelville.fr\/accueil\/","name":"Le Melville","description":"Le Melville c\u2019est l\u2019\u00e9clectisme dans les verres, les assiettes et dans les oreilles. Du Jazz, de la world Music, souvent en live, une carte \u00e9l\u00e9gante de mets \u00e0 picorer et des cocktails sur mesure, le tout dans un \u00e9crin de bois et de velours.","publisher":{"@id":"https:\/\/lemelville.fr\/accueil\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lemelville.fr\/accueil\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/lemelville.fr\/accueil\/#organization","name":"Le Melville","url":"https:\/\/lemelville.fr\/accueil\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/lemelville.fr\/accueil\/#\/schema\/logo\/image\/","url":"https:\/\/lemelville.fr\/wp-content\/uploads\/2023\/09\/Logo-transparent-1-e1787838282938.png","contentUrl":"https:\/\/lemelville.fr\/wp-content\/uploads\/2023\/09\/Logo-transparent-1-e1787838282938.png","width":1370,"height":656,"caption":"Le Melville"},"image":{"@id":"https:\/\/lemelville.fr\/accueil\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/people\/Le-Melville\/100085390055277\/","https:\/\/www.instagram.com\/lemelville_paris\/"]}]}},"_links":{"self":[{"href":"https:\/\/lemelville.fr\/accueil\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lemelville.fr\/accueil\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lemelville.fr\/accueil\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lemelville.fr\/accueil\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lemelville.fr\/accueil\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":1021,"href":"https:\/\/lemelville.fr\/accueil\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":6639,"href":"https:\/\/lemelville.fr\/accueil\/wp-json\/wp\/v2\/pages\/47\/revisions\/6639"}],"wp:attachment":[{"href":"https:\/\/lemelville.fr\/accueil\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}