{"id":3211,"date":"2026-08-11T22:46:54","date_gmt":"2026-08-11T22:46:54","guid":{"rendered":"https:\/\/luma.co.ma\/?page_id=3211"},"modified":"2026-08-11T22:51:12","modified_gmt":"2026-08-11T22:51:12","slug":"contact-luma","status":"publish","type":"page","link":"https:\/\/luma.co.ma\/en\/contact-luma\/","title":{"rendered":"Contact | LUMA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3211\" class=\"elementor elementor-3211\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b15643d e-flex e-con-boxed e-con e-parent\" data-id=\"b15643d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dfffb8 elementor-widget elementor-widget-html\" data-id=\"3dfffb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"lm-contact\" aria-label=\"Nous contacter\">\r\n  <style>\r\n    .lm-contact{\r\n      --lm-blush:#FDEBEC; --lm-rose:#E0A9A2; --lm-rose-soft:#F4D6D2;\r\n      --lm-clay:#8C4A40; --lm-clay-deep:#7A3B33; --lm-ink:#3A2A28;\r\n      --lm-muted:#6E5B58; --lm-cream:#FFFAF8; --lm-line:#EFDCD8;\r\n      --lm-success:#4A7C59; --lm-gold:#B08D57;\r\n      font-family:'Cairo',system-ui,sans-serif;\r\n      background:var(--lm-cream);\r\n      padding-block:clamp(48px,7vw,96px);\r\n      padding-inline:clamp(16px,4vw,24px);\r\n      \/* Bord ext\u00e9rieur du bloc *\/\r\n      border-radius:40px;\r\n    }\r\n    .lm-contact *{box-sizing:border-box;margin:0;padding:0;}\r\n    .lm-contact .ct-wrap{max-width:1000px;margin-inline:auto;}\r\n    .lm-contact .ct-eyebrow{\r\n      display:block;font-size:12px;font-weight:700;letter-spacing:.28em;\r\n      text-transform:uppercase;color:var(--lm-clay);margin-bottom:12px;}\r\n    .lm-contact h2{\r\n      font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;\r\n      font-size:clamp(28px,4.4vw,46px);line-height:1.15;color:var(--lm-ink);\r\n      margin-bottom:8px;}\r\n    .lm-contact .ct-sub{\r\n      font-size:17px;line-height:1.7;color:var(--lm-muted);\r\n      margin-bottom:clamp(26px,4vw,40px);max-width:520px;}\r\n\r\n    \/* WhatsApp en premier, en pleine largeur *\/\r\n    .lm-contact .ct-wa{\r\n      display:flex;align-items:center;gap:clamp(14px,2.5vw,24px);flex-wrap:wrap;\r\n      background:var(--lm-clay);border-radius:18px;\r\n      padding:clamp(20px,3vw,30px);margin-bottom:14px;}\r\n    .lm-contact .ct-wa-ico{\r\n      width:56px;height:56px;border-radius:50%;flex-shrink:0;\r\n      background:rgba(255,250,248,.16);display:grid;place-items:center;color:#FFFFFF;}\r\n    .lm-contact .ct-wa-ico svg{width:28px;height:28px;}\r\n    .lm-contact .ct-wa-txt{flex:1 1 220px;}\r\n    .lm-contact .ct-wa-txt strong{\r\n      display:block;font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;\r\n      font-size:clamp(22px,3vw,28px);color:#FFFFFF;margin-bottom:3px;}\r\n    .lm-contact .ct-wa-txt span{font-size:16px;color:var(--lm-rose-soft);line-height:1.6;}\r\n    .lm-contact .ct-wa-btn{\r\n      display:inline-flex;align-items:center;justify-content:center;\r\n      min-height:48px;padding:13px 28px;border-radius:12px;\r\n      background:var(--lm-cream);color:var(--lm-clay-deep);\r\n      font-size:17px;font-weight:700;text-decoration:none;\r\n      transition:background .25s;}\r\n    .lm-contact .ct-wa-btn:hover{background:#FFFFFF;}\r\n    .lm-contact .ct-wa-btn:focus-visible{outline:2px solid var(--lm-cream);outline-offset:3px;}\r\n    @media (max-width:560px){.lm-contact .ct-wa-btn{width:100%;}}\r\n\r\n    \/* T\u00e9l\u00e9phone et e-mail *\/\r\n    .lm-contact .ct-duo{\r\n      display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:clamp(26px,4vw,40px);}\r\n    @media (max-width:600px){.lm-contact .ct-duo{grid-template-columns:1fr;}}\r\n    .lm-contact .ct-carte{\r\n      display:flex;align-items:center;gap:14px;\r\n      background:var(--lm-blush);border-radius:14px;padding:18px 20px;\r\n      text-decoration:none;transition:background .25s;}\r\n    .lm-contact .ct-carte:hover{background:var(--lm-rose-soft);}\r\n    .lm-contact .ct-carte:focus-visible{outline:2px solid var(--lm-clay);outline-offset:3px;}\r\n    .lm-contact .ct-carte svg{width:22px;height:22px;color:var(--lm-clay);flex-shrink:0;}\r\n    .lm-contact .ct-carte b{display:block;font-size:14px;font-weight:700;color:var(--lm-muted);\r\n      letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;}\r\n    .lm-contact .ct-carte span{font-size:17px;font-weight:600;color:var(--lm-ink);}\r\n    .lm-contact .ct-num{direction:ltr;unicode-bidi:isolate;}\r\n\r\n    \/* Formulaire *\/\r\n    .lm-contact .ct-form{\r\n      background:var(--lm-blush);border-radius:18px;padding:clamp(22px,3.5vw,34px);}\r\n    .lm-contact .ct-form h3{\r\n      font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;\r\n      font-size:clamp(22px,2.8vw,28px);color:var(--lm-ink);margin-bottom:6px;}\r\n    .lm-contact .ct-form .ct-formsub{font-size:16px;color:var(--lm-muted);margin-bottom:20px;}\r\n    .lm-contact .ct-form label{\r\n      display:block;font-size:15px;font-weight:600;color:var(--lm-ink);margin-bottom:6px;}\r\n    .lm-contact .ct-form input,\r\n    .lm-contact .ct-form textarea{\r\n      width:100%;min-height:52px;border:1.5px solid var(--lm-line);border-radius:12px;\r\n      background:var(--lm-cream);padding:14px 16px;margin-bottom:16px;\r\n      font-family:'Cairo',system-ui,sans-serif;font-size:17px;color:var(--lm-ink);}\r\n    .lm-contact .ct-form textarea{min-height:120px;line-height:1.7;resize:vertical;}\r\n    .lm-contact .ct-form input:focus-visible,\r\n    .lm-contact .ct-form textarea:focus-visible{outline:2px solid var(--lm-clay);outline-offset:2px;}\r\n    .lm-contact .ct-form button{\r\n      min-height:48px;padding:13px 32px;border-radius:12px;border:none;cursor:pointer;\r\n      background:var(--lm-clay);color:#FFFFFF;\r\n      font-family:'Cairo',system-ui,sans-serif;font-size:17px;font-weight:700;\r\n      transition:background .25s;}\r\n    .lm-contact .ct-form button:hover{background:var(--lm-clay-deep);}\r\n    .lm-contact .ct-form button:focus-visible{outline:2px solid var(--lm-clay);outline-offset:3px;}\r\n    @media (max-width:560px){.lm-contact .ct-form button{width:100%;}}\r\n    .lm-contact .ct-todo{\r\n      display:block;font-size:14px;font-weight:600;color:var(--lm-clay-deep);\r\n      background:var(--lm-cream);border:1px dashed var(--lm-rose);border-radius:10px;\r\n      padding:12px 14px;line-height:1.6;margin-block-start:16px;}\r\n    \/* ---- RTL ---- *\/\r\n    [dir=\"rtl\"] .lm-contact{line-height:1.9;}\r\n    [dir=\"rtl\"] .lm-contact h2,\r\n    [dir=\"rtl\"] .lm-contact .ct-wa-txt strong,\r\n    [dir=\"rtl\"] .lm-contact .ct-form h3{font-family:'Amiri',serif;}\r\n    [dir=\"rtl\"] .lm-contact .ct-eyebrow{letter-spacing:.08em;}\r\n    [dir=\"rtl\"] .lm-contact .ct-carte b{letter-spacing:.02em;}\r\n  <\/style>\r\n\r\n  <div class=\"ct-wrap\">\r\n    <span class=\"ct-eyebrow\">Contact<\/span>\r\n    <h2>Une question ? \u00c9crivez-nous.<\/h2>\r\n    <p class=\"ct-sub\">Nous r\u00e9pondons nous-m\u00eames, sans robot et sans formulaire compliqu\u00e9.<\/p>\r\n\r\n    <div class=\"ct-wa\">\r\n      <span class=\"ct-wa-ico\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2a10 10 0 0 0-8.5 15.3L2 22l4.9-1.4A10 10 0 1 0 12 2Zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-2.9.8.8-2.8-.2-.3A8.2 8.2 0 1 1 12 20.2Zm4.5-6.1c-.2-.1-1.4-.7-1.7-.8-.2-.1-.4-.1-.6.1-.2.2-.6.8-.8 1-.1.2-.3.2-.5.1a6.7 6.7 0 0 1-3.4-3c-.3-.4 0-.5.1-.7l.5-.6c.1-.2.1-.4 0-.5l-.8-1.9c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.2.3-.9.9-.9 2.2s.9 2.5 1 2.7a11 11 0 0 0 4.3 3.8c.6.3 1.1.4 1.4.5.6.2 1.2.2 1.6.1.5-.1 1.4-.6 1.6-1.1.2-.6.2-1 .1-1.1 0-.2-.2-.2-.4-.3Z\"><\/path><\/svg>\r\n      <\/span>\r\n      <div class=\"ct-wa-txt\">\r\n        <strong>WhatsApp<\/strong>\r\n        <span>Le plus rapide, pour commander comme pour poser une question.<\/span>\r\n      <\/div>\r\n      <a class=\"ct-wa-btn\" href=\"https:\/\/wa.me\/212702999799?text=Bonjour%20LUMA%2C%20j%27ai%20une%20question\" target=\"_blank\" rel=\"noopener\">Ouvrir WhatsApp<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"ct-duo\">\r\n      <a class=\"ct-carte\" href=\"tel:+212702999799\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 4h4l2 5-2.5 1.5a12 12 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2Z\"><\/path><\/svg>\r\n        <span><b>T\u00e9l\u00e9phone<\/b><span class=\"ct-num\">+212 702-999799<\/span><\/span>\r\n      <\/a>\r\n      <a class=\"ct-carte\" href=\"mailto:contact@theluma.ma\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2.5\"><\/rect><path d=\"m3.5 7 8.5 6 8.5-6\"><\/path><\/svg>\r\n        <span><b>E-mail<\/b><span>contact@theluma.ma<\/span><\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"ct-form\">\r\n      <h3>Ou laissez-nous un message<\/h3>\r\n      <p class=\"ct-formsub\">Nous vous rappelons sur le num\u00e9ro que vous indiquez.<\/p>\r\n      <!-- TODO: remplacer par un widget Elementor Form (classe lm-contact-form) -->\r\n      <form action=\"#\" method=\"post\">\r\n        <label for=\"lm-ct-nom\">Votre nom<\/label>\r\n        <input type=\"text\" id=\"lm-ct-nom\" name=\"nom\" placeholder=\"Votre nom\">\r\n\r\n        <label for=\"lm-ct-tel\">Votre t\u00e9l\u00e9phone<\/label>\r\n        <input type=\"tel\" inputmode=\"numeric\" id=\"lm-ct-tel\" name=\"telephone\" placeholder=\"06 00 00 00 00\">\r\n\r\n        <label for=\"lm-ct-msg\">Votre message<\/label>\r\n        <textarea id=\"lm-ct-msg\" name=\"message\" placeholder=\"Comment pouvons-nous vous aider ?\"><\/textarea>\r\n\r\n        <button type=\"submit\">Envoyer le message<\/button>\r\n      <\/form>\r\n      <!--<span class=\"ct-todo\">[FORMULAIRE NON BRANCH\u00c9 : \u00c0 REMPLACER PAR UN WIDGET DE FORMULAIRE CONNECT\u00c9 \u00c0 contact@theluma.ma]<\/span>-->\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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>Contactez LUMA par WhatsApp, t\u00e9l\u00e9phone ou email. Nous r\u00e9pondons avec soin \u00e0 toutes vos questions.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-3211","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/luma.co.ma\/en\/wp-json\/wp\/v2\/pages\/3211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luma.co.ma\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luma.co.ma\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luma.co.ma\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luma.co.ma\/en\/wp-json\/wp\/v2\/comments?post=3211"}],"version-history":[{"count":4,"href":"https:\/\/luma.co.ma\/en\/wp-json\/wp\/v2\/pages\/3211\/revisions"}],"predecessor-version":[{"id":3216,"href":"https:\/\/luma.co.ma\/en\/wp-json\/wp\/v2\/pages\/3211\/revisions\/3216"}],"wp:attachment":[{"href":"https:\/\/luma.co.ma\/en\/wp-json\/wp\/v2\/media?parent=3211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}