{"id":134,"date":"2025-12-27T10:42:56","date_gmt":"2025-12-27T10:42:56","guid":{"rendered":"https:\/\/www.meletthalie.com\/?page_id=134"},"modified":"2025-12-27T11:11:56","modified_gmt":"2025-12-27T11:11:56","slug":"contact","status":"publish","type":"page","link":"https:\/\/www.meletthalie.com\/index.php\/contact\/","title":{"rendered":"contact"},"content":{"rendered":"<nav class=\"is-responsive items-justified-right alignwide wp-block-navigation is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-d445cf74 wp-block-navigation-is-layout-flex\" aria-label=\"Navigation\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"Menu\"}'><button aria-haspopup=\"dialog\" aria-label=\"Open menu\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 7.5h16v1.5H4z\"><\/path><path d=\"M4 15h16v1.5H4z\"><\/path><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container\"  id=\"modal-1\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"Close menu\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-1-content\">\n\t\t\t\t\t\t\t\t<ul class=\"wp-block-navigation__container is-responsive items-justified-right alignwide wp-block-navigation\"><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/www.meletthalie.com\/\"><span class=\"wp-block-navigation-item__label\">Accueil<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/www.meletthalie.com\/index.php\/la-compagnie\/\"><span class=\"wp-block-navigation-item__label\">La Compagnie<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/www.meletthalie.com\/index.php\/spectacles\/\"><span class=\"wp-block-navigation-item__label\">Spectacles<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/www.meletthalie.com\/index.php\/appel-projet\/\"><span class=\"wp-block-navigation-item__label\">Appel \u00e0 textes<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/www.meletthalie.com\/index.php\/contact\/\"><span class=\"wp-block-navigation-item__label\">contact<\/span><\/a><\/li><\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav>\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"mt-contact\">\n\n  <div class=\"mt-contact-card\">\n\n    <!-- GAUCHE : LOGO + ADRESSE -->\n    <div class=\"mt-contact-left\" aria-label=\"Coordonn\u00e9es\">\n      <img decoding=\"async\"\n        src=\"http:\/\/www.meletthalie.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-7-oct.-2025-21_42_11-3.png\"\n        alt=\"Compagnie Mel &#038; Thalie\"\n        class=\"mt-contact-logo\"\n      >\n\n      <div class=\"mt-contact-address\">\n        <div class=\"mt-contact-entity\"><strong>Compagnie Mel &amp; Thalie<\/strong><\/div>\n\n        <!-- Coupe apr\u00e8s \"1901\" et RNA jamais coup\u00e9 -->\n        <div>\n          Association Loi 1901<br>\n          inscrite au RNA sous le num\u00e9ro <strong><span class=\"mt-nowrap\">W 751 280 697<\/span><\/strong>\n        <\/div>\n\n        <div style=\"margin-top:10px;\">\n          59 rue de la Tour<br>\n          75116 Paris\n        <\/div>\n\n        <div style=\"margin-top:10px;\">\n          Licence d&#8217;entrepreneur du spectacle <span class=\"mt-nowrap\">2-007113<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- DROITE : FORMULAIRE -->\n    <div class=\"mt-contact-right\" aria-label=\"Formulaire de contact\">\n      <h1 class=\"mt-contact-title\">Contact<\/h1>\n\n      <!--\n        Note : sans traitement serveur, ce formulaire utilise \"mailto:\".\n        Validation email + message : obligatoire c\u00f4t\u00e9 navigateur.\n      -->\n      <form class=\"mt-form\" id=\"mtContactForm\" action=\"mailto:contact@meletthalie.com\" method=\"post\" enctype=\"text\/plain\">\n\n        <label class=\"mt-label\" for=\"mtMessage\">Votre message <span class=\"mt-required\">*<\/span><\/label>\n        <textarea\n          id=\"mtMessage\"\n          name=\"message\"\n          class=\"mt-field mt-textarea\"\n          placeholder=\"\u00c9crivez votre message\u2026\"\n          required\n        ><\/textarea>\n\n        <div class=\"mt-grid\">\n          <div>\n            <label class=\"mt-label\" for=\"mtName\">Votre nom<\/label>\n            <input\n              id=\"mtName\"\n              name=\"nom\"\n              type=\"text\"\n              class=\"mt-field\"\n              placeholder=\"Nom \/ Pr\u00e9nom\"\n            >\n          <\/div>\n\n          <div>\n            <label class=\"mt-label\" for=\"mtEmail\">Votre adresse email <span class=\"mt-required\">*<\/span><\/label>\n            <input\n              id=\"mtEmail\"\n              name=\"email\"\n              type=\"email\"\n              class=\"mt-field\"\n              placeholder=\"ex. nom@domaine.fr\"\n              required\n            >\n          <\/div>\n\n          <div class=\"mt-span-2\">\n            <label class=\"mt-label\" for=\"mtPhone\">Votre num\u00e9ro de t\u00e9l\u00e9phone<\/label>\n            <input\n              id=\"mtPhone\"\n              name=\"telephone\"\n              type=\"tel\"\n              class=\"mt-field\"\n              placeholder=\"ex. 06 00 00 00 00\"\n              inputmode=\"tel\"\n            >\n          <\/div>\n        <\/div>\n\n        <button type=\"submit\" class=\"mt-submit\" id=\"mtSubmitBtn\">\n          Poster votre message\n        <\/button>\n\n        <div class=\"mt-note\">\n          <span class=\"mt-required\">*<\/span> Champs obligatoires : message et adresse email.\n        <\/div>\n\n      <\/form>\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<style>\n  :root{\n    --mt-primary:#6c7929;\n    --mt-bg:#f7f8f3;\n    --mt-ink:#222;\n    --mt-border: rgba(0,0,0,0.10);\n  }\n\n  .mt-contact{\n    font-family: Montserrat, Arial, sans-serif;\n    max-width: 1100px;\n    margin: 32px auto;\n    padding: 0 18px;\n    color: var(--mt-ink);\n  }\n\n  .mt-contact-card{\n    display:grid;\n    grid-template-columns: 1fr 1.2fr;\n    gap: 28px;\n    align-items:start;\n    background: linear-gradient(180deg, #ffffff 0%, var(--mt-bg) 100%);\n    border-radius: 16px;\n    padding: 28px;\n    box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n\n    \/* emp\u00eache tout d\u00e9bordement visuel *\/\n    overflow: hidden;\n  }\n\n  \/* GAUCHE *\/\n  .mt-contact-left{\n    background:#fff;\n    border-radius: 14px;\n    padding: 18px;\n    box-shadow: 0 10px 24px rgba(0,0,0,0.06);\n  }\n\n  .mt-contact-logo{\n    display:block;\n    max-width: 260px;\n    width: 100%;\n    height: auto;\n    margin: 0 auto 14px;\n  }\n\n  .mt-contact-address{\n    font-size: 14px;        \/* r\u00e9duit un peu *\/\n    line-height: 1.5;\n    color:#333;\n  }\n\n  .mt-contact-entity{\n    margin-bottom: 8px;\n    color: var(--mt-primary);\n    font-size: 15px;        \/* r\u00e9duit un peu *\/\n  }\n\n  .mt-nowrap{ white-space: nowrap; }\n\n  \/* DROITE *\/\n  .mt-contact-title{\n    margin: 0 0 14px;\n    font-size: 24px;        \/* r\u00e9duit un peu *\/\n    font-weight: 700;\n    color: var(--mt-primary);\n  }\n\n  .mt-form{\n    background:#fff;\n    border-radius: 14px;\n    padding: 18px;\n    box-shadow: 0 10px 24px rgba(0,0,0,0.06);\n\n    \/* garantit que les champs ne d\u00e9passent pas *\/\n    box-sizing: border-box;\n    width: 100%;\n  }\n\n  .mt-label{\n    display:block;\n    font-weight: 700;\n    font-size: 12.5px;      \/* r\u00e9duit un peu *\/\n    color:#333;\n    margin: 12px 0 6px;\n  }\n\n  .mt-required{\n    color: var(--mt-primary);\n    font-weight: 700;\n  }\n\n  \/* Champs : on force box-sizing et on r\u00e9duit l\u00e9g\u00e8rement padding *\/\n  .mt-field{\n    width: 100%;\n    padding: 11px 11px;     \/* r\u00e9duit pour \u00e9viter tout d\u00e9bordement *\/\n    border-radius: 10px;\n    border: 1px solid var(--mt-border);\n    outline: none;\n    font-size: 14px;\n    background: #fff;\n\n    box-sizing: border-box;\n  }\n\n  .mt-field:focus{\n    border-color: rgba(108,121,41,0.55);\n    box-shadow: 0 0 0 4px rgba(108,121,41,0.12);\n  }\n\n  .mt-textarea{\n    min-height: 140px;\n    resize: vertical;\n  }\n\n  .mt-grid{\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin-top: 8px;\n  }\n\n  .mt-span-2{\n    grid-column: 1 \/ span 2;\n  }\n\n  .mt-submit{\n    margin-top: 16px;\n    width: 100%;\n    border: none;\n    border-radius: 12px;\n    padding: 12px 16px;\n    background: var(--mt-primary);\n    color: #fff;\n    font-weight: 700;\n    font-size: 15px;\n    cursor: pointer;\n    box-shadow: 0 10px 22px rgba(108,121,41,0.16);\n    transition: transform .15s ease, box-shadow .15s ease;\n\n    box-sizing: border-box;\n  }\n\n  .mt-submit:hover{\n    transform: translateY(-1px);\n    box-shadow: 0 14px 26px rgba(108,121,41,0.18);\n  }\n\n  .mt-submit:disabled{\n    opacity: .55;\n    cursor: not-allowed;\n    transform: none;\n    box-shadow: 0 10px 22px rgba(108,121,41,0.10);\n  }\n\n  .mt-note{\n    margin-top: 10px;\n    font-size: 12px;\n    color:#555;\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 920px){\n    .mt-contact-card{\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style>\n\n<script>\n  \/\/ Validation + d\u00e9sactivation bouton si champs requis vides\n  (function(){\n    const form = document.getElementById('mtContactForm');\n    const msg = document.getElementById('mtMessage');\n    const email = document.getElementById('mtEmail');\n    const btn = document.getElementById('mtSubmitBtn');\n\n    function sync(){\n      const ok = msg.value.trim().length > 0 && email.value.trim().length > 0;\n      btn.disabled = !ok;\n    }\n\n    msg.addEventListener('input', sync);\n    email.addEventListener('input', sync);\n\n    form.addEventListener('submit', function(e){\n      if (msg.value.trim().length === 0 || email.value.trim().length === 0){\n        e.preventDefault();\n        sync();\n        alert(\"Merci de renseigner votre adresse email et votre message avant d\u2019envoyer.\");\n      }\n    });\n\n    sync();\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Compagnie Mel &amp; Thalie Association Loi 1901 inscrite au RNA sous le num\u00e9ro W 751 280 697 59 rue de la Tour 75116 Paris Licence d&#8217;entrepreneur du spectacle 2-007113 Contact Votre message * Votre nom Votre adresse email * Votre num\u00e9ro de t\u00e9l\u00e9phone Poster votre message * Champs obligatoires : message et adresse email.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-134","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.meletthalie.com\/index.php\/wp-json\/wp\/v2\/pages\/134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.meletthalie.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.meletthalie.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.meletthalie.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.meletthalie.com\/index.php\/wp-json\/wp\/v2\/comments?post=134"}],"version-history":[{"count":3,"href":"https:\/\/www.meletthalie.com\/index.php\/wp-json\/wp\/v2\/pages\/134\/revisions"}],"predecessor-version":[{"id":138,"href":"https:\/\/www.meletthalie.com\/index.php\/wp-json\/wp\/v2\/pages\/134\/revisions\/138"}],"wp:attachment":[{"href":"https:\/\/www.meletthalie.com\/index.php\/wp-json\/wp\/v2\/media?parent=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}