{"id":20,"date":"2026-08-21T10:05:29","date_gmt":"2026-08-21T08:05:29","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/ecommerce\/?page_id=20"},"modified":"2026-09-05T21:36:57","modified_gmt":"2026-09-05T19:36:57","slug":"contact","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/ecommerce\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"mar-contact\">\n\n  <!-- HERO -->\n  <section class=\"mc-hero\">\n    <div class=\"mc-hero-bg\"><\/div>\n\n    <div class=\"mc-wrap mc-hero-inner\">\n      <span class=\"mc-overline\">MARENO<\/span>\n\n      <h1>\n        Nous sommes<br>\n        \u00e0 votre \u00e9coute.\n      <\/h1>\n\n      <p>\n        Une question sur une commande, une taille, une livraison\n        ou simplement besoin d\u2019un conseil ? Notre \u00e9quipe vous r\u00e9pond.\n      <\/p>\n    <\/div>\n  <\/section>\n\n\n  <!-- CONTACT PRINCIPAL -->\n  <section class=\"mc-contact mc-wrap\">\n\n    <div class=\"mc-info mc-reveal\">\n\n      <span class=\"mc-overline\">SERVICE CLIENT<\/span>\n\n      <h2>\n        Parlons de<br>\n        votre demande.\n      <\/h2>\n\n      <p class=\"mc-intro\">\n        Notre \u00e9quipe est disponible pour vous accompagner avant,\n        pendant et apr\u00e8s votre commande.\n      <\/p>\n\n\n      <div class=\"mc-info-list\">\n\n        <!-- EMAIL -->\n        <div class=\"mc-info-item\">\n\n          <div class=\"mc-info-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M3 5h18v14H3z\"><\/path>\n              <path d=\"m3 6 9 7 9-7\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <span>E-MAIL<\/span>\n            <a href=\"mailto:contact@mareno.fr\">\n              contact@mareno.fr\n            <\/a>\n            <small>\n              R\u00e9ponse g\u00e9n\u00e9ralement sous 24 \u00e0 48 h\n            <\/small>\n          <\/div>\n\n        <\/div>\n\n\n        <!-- TELEPHONE -->\n        <div class=\"mc-info-item\">\n\n          <div class=\"mc-info-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M7 3h3l2 5-2 2c1.2 2.4 2.6 3.8 5 5l2-2 5 2v3c0 1.7-1.3 3-3 3C10.2 21 3 13.8 3 5c0-1.1.9-2 2-2h2z\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <span>T\u00c9L\u00c9PHONE<\/span>\n            <a href=\"tel:+33100000000\">\n              01 00 00 00 00\n            <\/a>\n            <small>\n              Du lundi au vendredi \u00b7 9h00 \u2013 18h00\n            <\/small>\n          <\/div>\n\n        <\/div>\n\n\n        <!-- LIVRAISON -->\n        <div class=\"mc-info-item\">\n\n          <div class=\"mc-info-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M3 6h11v10H3z\"><\/path>\n              <path d=\"M14 9h3l4 4v3h-7z\"><\/path>\n              <circle cx=\"7\" cy=\"18\" r=\"2\"><\/circle>\n              <circle cx=\"17\" cy=\"18\" r=\"2\"><\/circle>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <span>COMMANDES &#038; LIVRAISONS<\/span>\n            <p>\n              Besoin d\u2019informations sur une commande en cours ?\n            <\/p>\n            <a class=\"mc-text-link\" href=\"\/ecommerce\/livraison-retours\/\">\n              LIVRAISON &#038; RETOURS \u2192\n            <\/a>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- FORM -->\n    <div class=\"mc-form-box mc-reveal\">\n\n      <span class=\"mc-overline\">NOUS \u00c9CRIRE<\/span>\n\n      <h2>Envoyez-nous un message<\/h2>\n\n      <p>\n        Remplissez le formulaire ci-dessous.\n        Nous reviendrons vers vous dans les meilleurs d\u00e9lais.\n      <\/p>\n\n\n      <form class=\"mc-form\" onsubmit=\"return false;\">\n\n        <div class=\"mc-form-row\">\n\n          <div class=\"mc-field\">\n            <label for=\"mc-firstname\">Pr\u00e9nom *<\/label>\n            <input\n              id=\"mc-firstname\"\n              type=\"text\"\n              placeholder=\"Votre pr\u00e9nom\"\n              required>\n          <\/div>\n\n          <div class=\"mc-field\">\n            <label for=\"mc-name\">Nom *<\/label>\n            <input\n              id=\"mc-name\"\n              type=\"text\"\n              placeholder=\"Votre nom\"\n              required>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"mc-field\">\n          <label for=\"mc-email\">Adresse e-mail *<\/label>\n          <input\n            id=\"mc-email\"\n            type=\"email\"\n            placeholder=\"vous@email.fr\"\n            required>\n        <\/div>\n\n\n        <div class=\"mc-field\">\n          <label for=\"mc-subject\">Objet de votre demande *<\/label>\n\n          <select id=\"mc-subject\" required>\n\n            <option value=\"\">\n              S\u00e9lectionnez un sujet\n            <\/option>\n\n            <option>\n              Question sur un produit\n            <\/option>\n\n            <option>\n              Commande en cours\n            <\/option>\n\n            <option>\n              Livraison\n            <\/option>\n\n            <option>\n              Retour ou remboursement\n            <\/option>\n\n            <option>\n              Taille ou disponibilit\u00e9\n            <\/option>\n\n            <option>\n              Autre demande\n            <\/option>\n\n          <\/select>\n        <\/div>\n\n\n        <div class=\"mc-field\">\n          <label for=\"mc-order\">\n            Num\u00e9ro de commande\n            <small>(facultatif)<\/small>\n          <\/label>\n\n          <input\n            id=\"mc-order\"\n            type=\"text\"\n            placeholder=\"Ex : #MARENO1234\">\n        <\/div>\n\n\n        <div class=\"mc-field\">\n          <label for=\"mc-message\">Votre message *<\/label>\n\n          <textarea\n            id=\"mc-message\"\n            rows=\"7\"\n            placeholder=\"Expliquez-nous votre demande...\"\n            required><\/textarea>\n        <\/div>\n\n\n        <label class=\"mc-checkbox\">\n\n          <input type=\"checkbox\" required>\n\n          <span>\n            J\u2019accepte que mes informations soient utilis\u00e9es\n            afin de r\u00e9pondre \u00e0 ma demande.\n          <\/span>\n\n        <\/label>\n\n\n        <button class=\"mc-submit\" type=\"submit\">\n          ENVOYER MON MESSAGE\n          <span>\u2192<\/span>\n        <\/button>\n\n      <\/form>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- AIDE RAPIDE -->\n  <section class=\"mc-help\">\n\n    <div class=\"mc-wrap\">\n\n      <div class=\"mc-section-heading mc-reveal\">\n\n        <span class=\"mc-overline\">\n          BESOIN D\u2019AIDE ?\n        <\/span>\n\n        <h2>\n          Peut-\u00eatre avons-nous<br>\n          d\u00e9j\u00e0 la r\u00e9ponse.\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"mc-help-grid\">\n\n        <a\n          href=\"\/ecommerce\/livraison-retours\/\"\n          class=\"mc-help-card mc-reveal\">\n\n          <span>01<\/span>\n\n          <div>\n            <h3>Livraison<\/h3>\n\n            <p>\n              D\u00e9lais, suivi de colis, frais et zones de livraison.\n            <\/p>\n\n            <b>EN SAVOIR PLUS \u2192<\/b>\n          <\/div>\n\n        <\/a>\n\n\n        <a\n          href=\"\/ecommerce\/livraison-retours\/\"\n          class=\"mc-help-card mc-reveal\">\n\n          <span>02<\/span>\n\n          <div>\n            <h3>Retours<\/h3>\n\n            <p>\n              Toutes les informations pour retourner un article.\n            <\/p>\n\n            <b>EN SAVOIR PLUS \u2192<\/b>\n          <\/div>\n\n        <\/a>\n\n\n        <a\n          href=\"\/ecommerce\/faq\/\"\n          class=\"mc-help-card mc-reveal\">\n\n          <span>03<\/span>\n\n          <div>\n            <h3>Questions fr\u00e9quentes<\/h3>\n\n            <p>\n              Retrouvez rapidement les r\u00e9ponses aux questions courantes.\n            <\/p>\n\n            <b>VOIR LA FAQ \u2192<\/b>\n          <\/div>\n\n        <\/a>\n\n\n        <a\n          href=\"\/ecommerce\/mon-compte\/\"\n          class=\"mc-help-card mc-reveal\">\n\n          <span>04<\/span>\n\n          <div>\n            <h3>Mon compte<\/h3>\n\n            <p>\n              Consultez vos commandes et vos informations personnelles.\n            <\/p>\n\n            <b>ACC\u00c9DER \u00c0 MON COMPTE \u2192<\/b>\n          <\/div>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- SERVICE -->\n  <section class=\"mc-service\">\n\n    <div class=\"mc-service-image\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/images.unsplash.com\/photo-1529139574466-a303027c1d8b?auto=format&#038;fit=crop&#038;w=1800&#038;q=90\"\n        alt=\"Service client MARENO\"\n        loading=\"lazy\">\n\n    <\/div>\n\n\n    <div class=\"mc-service-content mc-reveal\">\n\n      <span class=\"mc-overline\">\n        MARENO \u00c0 VOS C\u00d4T\u00c9S\n      <\/span>\n\n      <h2>\n        Une question avant<br>\n        de commander ?\n      <\/h2>\n\n      <p>\n        Une h\u00e9sitation sur une taille, une mati\u00e8re ou une coupe ?\n        Contactez notre \u00e9quipe avant de passer commande.\n        Nous sommes l\u00e0 pour vous aider \u00e0 faire le bon choix.\n      <\/p>\n\n      <a href=\"\/ecommerce\/boutique\/\" class=\"mc-btn\">\n        D\u00c9COUVRIR LA BOUTIQUE\n      <\/a>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- FAQ MINI -->\n  <section class=\"mc-faq mc-wrap\">\n\n    <div class=\"mc-faq-heading mc-reveal\">\n\n      <span class=\"mc-overline\">\n        QUESTIONS FR\u00c9QUENTES\n      <\/span>\n\n      <h2>\n        Quelques r\u00e9ponses<br>\n        avant de nous \u00e9crire.\n      <\/h2>\n\n    <\/div>\n\n\n    <div class=\"mc-accordion\">\n\n      <article class=\"mc-faq-item mc-reveal\">\n\n        <button class=\"mc-faq-question\">\n          <span>\n            Quels sont les d\u00e9lais de livraison ?\n          <\/span>\n\n          <i>+<\/i>\n        <\/button>\n\n        <div class=\"mc-faq-answer\">\n\n          <p>\n            Les commandes sont g\u00e9n\u00e9ralement pr\u00e9par\u00e9es sous\n            1 \u00e0 2 jours ouvr\u00e9s. Le d\u00e9lai de livraison d\u00e9pend ensuite\n            du transporteur et du mode de livraison s\u00e9lectionn\u00e9.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <article class=\"mc-faq-item mc-reveal\">\n\n        <button class=\"mc-faq-question\">\n\n          <span>\n            Puis-je retourner un article ?\n          <\/span>\n\n          <i>+<\/i>\n\n        <\/button>\n\n        <div class=\"mc-faq-answer\">\n\n          <p>\n            Oui. Vous disposez de 30 jours apr\u00e8s r\u00e9ception de votre\n            commande pour effectuer une demande de retour,\n            sous r\u00e9serve du respect de nos conditions de retour.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <article class=\"mc-faq-item mc-reveal\">\n\n        <button class=\"mc-faq-question\">\n\n          <span>\n            Comment suivre ma commande ?\n          <\/span>\n\n          <i>+<\/i>\n\n        <\/button>\n\n        <div class=\"mc-faq-answer\">\n\n          <p>\n            D\u00e8s l\u2019exp\u00e9dition de votre commande, vous recevez un\n            e-mail contenant les informations n\u00e9cessaires\n            pour suivre votre colis.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <article class=\"mc-faq-item mc-reveal\">\n\n        <button class=\"mc-faq-question\">\n\n          <span>\n            Comment choisir la bonne taille ?\n          <\/span>\n\n          <i>+<\/i>\n\n        <\/button>\n\n        <div class=\"mc-faq-answer\">\n\n          <p>\n            Consultez les informations de taille pr\u00e9sentes sur chaque\n            fiche produit. En cas d\u2019h\u00e9sitation, notre service client\n            peut \u00e9galement vous conseiller.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <div class=\"mc-faq-more mc-reveal\">\n\n      <a href=\"\/ecommerce\/faq\/\">\n        VOIR TOUTES LES QUESTIONS\n        <span>\u2192<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- BENEFITS -->\n  <section class=\"mc-benefits\">\n\n    <div class=\"mc-wrap mc-benefits-grid\">\n\n      <div class=\"mc-benefit mc-reveal\">\n\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M3 6h11v10H3z\"><\/path>\n          <path d=\"M14 9h3l4 4v3h-7z\"><\/path>\n          <circle cx=\"7\" cy=\"18\" r=\"2\"><\/circle>\n          <circle cx=\"17\" cy=\"18\" r=\"2\"><\/circle>\n        <\/svg>\n\n        <h3>Livraison offerte<\/h3>\n        <p>D\u00e8s 80 \u20ac d\u2019achat<\/p>\n\n      <\/div>\n\n\n      <div class=\"mc-benefit mc-reveal\">\n\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M4 7h16v11H4z\"><\/path>\n          <path d=\"M4 10h16\"><\/path>\n          <path d=\"M7 15h4\"><\/path>\n        <\/svg>\n\n        <h3>Paiement s\u00e9curis\u00e9<\/h3>\n        <p>Transactions prot\u00e9g\u00e9es<\/p>\n\n      <\/div>\n\n\n      <div class=\"mc-benefit mc-reveal\">\n\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M20 11a8 8 0 1 0-2.34 5.66\"><\/path>\n          <path d=\"M20 5v6h-6\"><\/path>\n        <\/svg>\n\n        <h3>Retours sous 30 jours<\/h3>\n        <p>Commandez sereinement<\/p>\n\n      <\/div>\n\n\n      <div class=\"mc-benefit mc-reveal\">\n\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M5 18h14\"><\/path>\n          <path d=\"M7 16V9a5 5 0 0 1 10 0v7\"><\/path>\n          <path d=\"M3 13h4v5H3z\"><\/path>\n          <path d=\"M17 13h4v5h-4z\"><\/path>\n        <\/svg>\n\n        <h3>Service client<\/h3>\n        <p>Une \u00e9quipe \u00e0 votre \u00e9coute<\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n<\/div>\n\n\n<style>\n\n\/* =====================================================\n   MARENO CONTACT\n===================================================== *\/\n\n.mar-contact{\n\n  --ink:#181716;\n  --text:#37332f;\n  --muted:#6f6962;\n  --gold:#c6ad8d;\n  --gold-dark:#997d5c;\n  --cream:#f4f0e9;\n  --line:#e4ddd4;\n  --white:#fff;\n  --max:1450px;\n\n  width:100%;\n  overflow:hidden;\n  background:#fff;\n  color:var(--text);\n  font-family:Inter,Arial,sans-serif;\n\n}\n\n.mar-contact *{\n  box-sizing:border-box;\n}\n\n.mar-contact img{\n  display:block;\n  width:100%;\n}\n\n.mar-contact a{\n  text-decoration:none;\n}\n\n.mc-wrap{\n\n  width:min(\n    var(--max),\n    calc(100% - 84px)\n  );\n\n  margin-inline:auto;\n\n}\n\n.mc-overline{\n\n  display:inline-block;\n\n  color:var(--gold-dark);\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:.22em;\n\n  text-transform:uppercase;\n\n}\n\n\n\/* =====================================================\n   HERO\n===================================================== *\/\n\n.mc-hero{\n\n  position:relative;\n\n  min-height:470px;\n\n  display:flex;\n  align-items:center;\n\n  overflow:hidden;\n\n  background:var(--cream);\n\n}\n\n.mc-hero-bg{\n\n  position:absolute;\n  inset:0;\n\n  background:\n\n    radial-gradient(\n      circle at 78% 45%,\n      rgba(198,173,141,.20),\n      transparent 33%\n    ),\n\n    linear-gradient(\n      120deg,\n      #f5f1ea,\n      #ebe4da\n    );\n\n}\n\n.mc-hero-inner{\n\n  position:relative;\n  z-index:2;\n\n  padding:90px 0;\n\n}\n\n.mc-hero h1{\n\n  margin:14px 0 20px;\n\n  color:var(--ink);\n\n  font-family:\"Playfair Display\",Georgia,serif;\n\n  font-size:clamp(58px,6vw,93px);\n\n  line-height:.92;\n\n  font-weight:500;\n\n  letter-spacing:-.045em;\n\n}\n\n.mc-hero p{\n\n  max-width:600px;\n\n  margin:0;\n\n  color:#5f5952;\n\n  font-size:16px;\n\n  line-height:1.78;\n\n}\n\n\n\/* =====================================================\n   CONTACT\n===================================================== *\/\n\n.mc-contact{\n\n  display:grid;\n\n  grid-template-columns:.85fr 1.15fr;\n\n  gap:95px;\n\n  padding-top:110px;\n  padding-bottom:115px;\n\n}\n\n\n\/* INFO *\/\n\n.mc-info{\n\n  padding-top:20px;\n\n}\n\n.mc-info h2{\n\n  margin:12px 0 22px;\n\n  color:var(--ink);\n\n  font-family:\"Playfair Display\",Georgia,serif;\n\n  font-size:clamp(44px,4vw,64px);\n\n  line-height:1.03;\n\n  font-weight:500;\n\n  letter-spacing:-.035em;\n\n}\n\n.mc-intro{\n\n  max-width:500px;\n\n  margin:0 0 45px;\n\n  color:#625c55;\n\n  font-size:15px;\n\n  line-height:1.82;\n\n}\n\n.mc-info-list{\n\n  border-top:1px solid var(--line);\n\n}\n\n.mc-info-item{\n\n  display:grid;\n\n  grid-template-columns:52px 1fr;\n\n  gap:20px;\n\n  padding:28px 0;\n\n  border-bottom:1px solid var(--line);\n\n}\n\n.mc-info-icon{\n\n  width:48px;\n  height:48px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  background:var(--cream);\n\n}\n\n.mc-info-icon svg{\n\n  width:22px;\n  height:22px;\n\n  fill:none;\n\n  stroke:var(--gold-dark);\n\n  stroke-width:1.45;\n\n  stroke-linecap:round;\n  stroke-linejoin:round;\n\n}\n\n.mc-info-item span{\n\n  display:block;\n\n  margin-bottom:6px;\n\n  color:#7e756c;\n\n  font-size:9px;\n\n  font-weight:800;\n\n  letter-spacing:.16em;\n\n}\n\n.mc-info-item a{\n\n  display:inline-block;\n\n  color:var(--ink);\n\n  font-family:\"Playfair Display\",Georgia,serif;\n\n  font-size:23px;\n\n}\n\n.mc-info-item small{\n\n  display:block;\n\n  margin-top:7px;\n\n  color:#80776e;\n\n  font-size:11px;\n\n}\n\n.mc-info-item p{\n\n  margin:0 0 7px;\n\n  color:#615b54;\n\n  font-size:13px;\n\n  line-height:1.6;\n\n}\n\n.mc-info-item .mc-text-link{\n\n  font-family:Inter,Arial,sans-serif;\n\n  font-size:9px;\n\n  font-weight:800;\n\n  letter-spacing:.13em;\n\n  border-bottom:1px solid var(--ink);\n\n}\n\n\n\/* =====================================================\n   FORM\n===================================================== *\/\n\n.mc-form-box{\n\n  padding:54px;\n\n  background:var(--cream);\n\n}\n\n.mc-form-box h2{\n\n  margin:11px 0 10px;\n\n  color:var(--ink);\n\n  font-family:\"Playfair Display\",Georgia,serif;\n\n  font-size:39px;\n\n  line-height:1.05;\n\n  font-weight:500;\n\n}\n\n.mc-form-box > p{\n\n  max-width:580px;\n\n  margin:0 0 35px;\n\n  color:#6a635b;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n}\n\n.mc-form{\n\n  display:grid;\n\n  gap:20px;\n\n}\n\n.mc-form-row{\n\n  display:grid;\n\n  grid-template-columns:1fr 1fr;\n\n  gap:15px;\n\n}\n\n.mc-field{\n\n  display:grid;\n\n  gap:8px;\n\n}\n\n.mc-field label{\n\n  color:#3b3733;\n\n  font-size:10px;\n\n  font-weight:750;\n\n  letter-spacing:.05em;\n\n}\n\n.mc-field label small{\n\n  color:#827970;\n\n  font-weight:500;\n\n}\n\n.mc-field input,\n.mc-field select,\n.mc-field textarea{\n\n  width:100%;\n\n  border:1px solid #d6cdc3!important;\n\n  border-radius:0!important;\n\n  background:#fff!important;\n\n  color:#181716!important;\n\n  outline:none!important;\n\n  box-shadow:none!important;\n\n  font-family:Inter,Arial,sans-serif!important;\n\n  font-size:13px!important;\n\n  transition:border-color .2s ease;\n\n}\n\n.mc-field input,\n.mc-field select{\n\n  height:53px!important;\n\n  padding:0 15px!important;\n\n}\n\n.mc-field textarea{\n\n  min-height:160px!important;\n\n  resize:vertical;\n\n  padding:15px!important;\n\n}\n\n.mc-field input:focus,\n.mc-field select:focus,\n.mc-field textarea:focus{\n\n  border-color:var(--gold-dark)!important;\n\n}\n\n.mc-field input::placeholder,\n.mc-field textarea::placeholder{\n\n  color:#91877c;\n\n  opacity:1;\n\n}\n\n.mc-checkbox{\n\n  display:flex;\n\n  align-items:flex-start;\n\n  gap:10px;\n\n  color:#6d655d;\n\n  font-size:11px;\n\n  line-height:1.55;\n\n  cursor:pointer;\n\n}\n\n.mc-checkbox input{\n\n  width:16px;\n  height:16px;\n\n  flex:0 0 auto;\n\n  margin-top:1px;\n\n  accent-color:#181716;\n\n}\n\n.mc-submit{\n\n  min-height:55px;\n\n  margin-top:6px;\n\n  border:0;\n\n  display:flex;\n\n  justify-content:center;\n  align-items:center;\n\n  gap:11px;\n\n  background:#181716;\n\n  color:#fff;\n\n  font-size:10px;\n\n  font-weight:850;\n\n  letter-spacing:.14em;\n\n  cursor:pointer;\n\n  transition:.25s ease;\n\n}\n\n.mc-submit span{\n\n  transition:transform .2s ease;\n\n}\n\n.mc-submit:hover{\n\n  background:var(--gold-dark);\n\n}\n\n.mc-submit:hover span{\n\n  transform:translateX(4px);\n\n}\n\n\n\/* =====================================================\n   HELP\n===================================================== *\/\n\n.mc-help{\n\n  padding:105px 0;\n\n  background:#191817;\n\n}\n\n.mc-section-heading{\n\n  margin-bottom:48px;\n\n}\n\n.mc-help .mc-overline{\n\n  color:var(--gold);\n\n}\n\n.mc-section-heading h2{\n\n  margin:12px 0 0;\n\n  color:#fff;\n\n  font-family:\"Playfair Display\",Georgia,serif;\n\n  font-size:clamp(43px,4vw,62px);\n\n  line-height:1.02;\n\n  font-weight:500;\n\n  letter-spacing:-.035em;\n\n}\n\n.mc-help-grid{\n\n  display:grid;\n\n  grid-template-columns:1fr 1fr;\n\n  border-top:1px solid rgba(255,255,255,.15);\n\n}\n\n.mc-help-card{\n\n  display:grid;\n\n  grid-template-columns:55px 1fr;\n\n  gap:25px;\n\n  padding:38px 35px 38px 0;\n\n  border-bottom:1px solid rgba(255,255,255,.15);\n\n  color:#fff;\n\n}\n\n.mc-help-card:nth-child(odd){\n\n  border-right:1px solid rgba(255,255,255,.15);\n\n}\n\n.mc-help-card:nth-child(even){\n\n  padding-left:35px;\n\n}\n\n.mc-help-card > span{\n\n  color:var(--gold);\n\n  font-family:\"Playfair Display\",Georgia,serif;\n\n  font-size:18px;\n\n}\n\n.mc-help-card h3{\n\n  margin:0 0 10px;\n\n  color:#fff;\n\n  font-family:\"Playfair Display\",Georgia,serif;\n\n  font-size:30px;\n\n  font-weight:500;\n\n}\n\n.mc-help-card p{\n\n  max-width:500px;\n\n  margin:0 0 17px;\n\n  color:rgba(255,255,255,.65);\n\n  font-size:13px;\n\n  line-height:1.7;\n\n}\n\n.mc-help-card b{\n\n  color:#fff;\n\n  font-size:9px;\n\n  letter-spacing:.13em;\n\n  transition:.2s ease;\n\n}\n\n.mc-help-card:hover b{\n\n  color:var(--gold);\n\n}\n\n\n\/* =====================================================\n   SERVICE\n===================================================== *\/\n\n.mc-service{\n\n  display:grid;\n\n  grid-template-columns:1.1fr .9fr;\n\n  min-height:700px;\n\n  background:var(--cream);\n\n}\n\n.mc-service-image{\n\n  min-height:700px;\n\n  overflow:hidden;\n\n}\n\n.mc-service-image img{\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  object-position:center 38%;\n\n  filter:\n    saturate(.82)\n    contrast(.97)\n    brightness(.97)\n    sepia(.035);\n\n}\n\n.mc-service-content{\n\n  align-self:center;\n\n  width:min(580px,calc(100% - 80px));\n\n  margin-inline:auto;\n\n}\n\n.mc-service-content h2{\n\n  margin:13px 0 23px;\n\n  color:var(--ink);\n\n  font-family:\"Playfair Display\",Georgia,serif;\n\n  font-size:clamp(45px,4vw,64px);\n\n  line-height:1.02;\n\n  font-weight:500;\n\n  letter-spacing:-.035em;\n\n}\n\n.mc-service-content p{\n\n  margin:0 0 27px;\n\n  color:#625c55;\n\n  font-size:15px;\n\n  line-height:1.8;\n\n}\n\n.mc-btn{\n\n  display:inline-flex;\n\n  min-height:51px;\n\n  padding:0 27px;\n\n  align-items:center;\n  justify-content:center;\n\n  background:#181716;\n\n  color:#fff;\n\n  font-size:10px;\n\n  font-weight:800;\n\n  letter-spacing:.14em;\n\n  transition:.25s ease;\n\n}\n\n.mc-btn:hover{\n\n  background:var(--gold-dark);\n\n  color:#fff;\n\n}\n\n\n\/* =====================================================\n   FAQ\n===================================================== *\/\n\n.mc-faq{\n\n  padding-top:110px;\n  padding-bottom:110px;\n\n}\n\n.mc-faq-heading{\n\n  max-width:800px;\n\n  margin-bottom:50px;\n\n}\n\n.mc-faq-heading h2{\n\n  margin:11px 0 0;\n\n  color:var(--ink);\n\n  font-family:\"Playfair Display\",Georgia,serif;\n\n  font-size:clamp(43px,4vw,61px);\n\n  font-weight:500;\n\n  line-height:1.03;\n\n  letter-spacing:-.035em;\n\n}\n\n.mc-accordion{\n\n  border-top:1px solid var(--line);\n\n}\n\n.mc-faq-item{\n\n  border-bottom:1px solid var(--line);\n\n}\n\n.mc-faq-question{\n\n  width:100%;\n\n  min-height:78px;\n\n  padding:0;\n\n  border:0;\n\n  background:none;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n\n  color:var(--ink);\n\n  text-align:left;\n\n  cursor:pointer;\n\n}\n\n.mc-faq-question span{\n\n  font-family:\"Playfair Display\",Georgia,serif;\n\n  font-size:22px;\n\n}\n\n.mc-faq-question i{\n\n  width:35px;\n  height:35px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  flex:0 0 auto;\n\n  border:1px solid var(--line);\n\n  color:var(--ink);\n\n  font-family:Arial,sans-serif;\n\n  font-size:19px;\n\n  font-style:normal;\n\n  font-weight:300;\n\n  transition:.25s ease;\n\n}\n\n.mc-faq-item.mc-open .mc-faq-question i{\n\n  transform:rotate(45deg);\n\n  background:#181716;\n\n  border-color:#181716;\n\n  color:#fff;\n\n}\n\n.mc-faq-answer{\n\n  max-height:0;\n\n  overflow:hidden;\n\n  opacity:0;\n\n  transition:\n    max-height .35s ease,\n    opacity .25s ease;\n\n}\n\n.mc-faq-answer p{\n\n  max-width:900px;\n\n  margin:0;\n\n  padding:0 0 28px;\n\n  color:#69625b;\n\n  font-size:14px;\n\n  line-height:1.75;\n\n}\n\n.mc-faq-item.mc-open .mc-faq-answer{\n\n  max-height:250px;\n\n  opacity:1;\n\n}\n\n.mc-faq-more{\n\n  margin-top:35px;\n\n}\n\n.mc-faq-more a{\n\n  display:inline-flex;\n\n  gap:10px;\n\n  color:#181716;\n\n  font-size:10px;\n\n  font-weight:850;\n\n  letter-spacing:.13em;\n\n  padding-bottom:5px;\n\n  border-bottom:1px solid #181716;\n\n}\n\n.mc-faq-more span{\n\n  transition:transform .2s ease;\n\n}\n\n.mc-faq-more a:hover span{\n\n  transform:translateX(4px);\n\n}\n\n\n\/* =====================================================\n   BENEFITS\n===================================================== *\/\n\n.mc-benefits{\n\n  border-top:1px solid var(--line);\n\n  border-bottom:1px solid var(--line);\n\n  background:#fff;\n\n}\n\n.mc-benefits-grid{\n\n  display:grid;\n\n  grid-template-columns:repeat(4,1fr);\n\n}\n\n.mc-benefit{\n\n  padding:35px 25px;\n\n  text-align:center;\n\n  border-right:1px solid var(--line);\n\n}\n\n.mc-benefit:last-child{\n\n  border-right:0;\n\n}\n\n.mc-benefit svg{\n\n  width:26px;\n  height:26px;\n\n  margin:0 auto 13px;\n\n  fill:none;\n\n  stroke:var(--gold-dark);\n\n  stroke-width:1.45;\n\n  stroke-linecap:round;\n  stroke-linejoin:round;\n\n}\n\n.mc-benefit h3{\n\n  margin:0 0 5px;\n\n  color:#1a1917;\n\n  font-size:13px;\n\n  font-weight:750;\n\n}\n\n.mc-benefit p{\n\n  margin:0;\n\n  color:#6c655e;\n\n  font-size:11px;\n\n}\n\n\n\/* =====================================================\n   REVEAL\n===================================================== *\/\n\n.mc-reveal{\n\n  opacity:0;\n\n  transform:translateY(20px);\n\n  transition:\n    opacity .65s ease,\n    transform .65s ease;\n\n}\n\n.mc-reveal.mc-visible{\n\n  opacity:1;\n\n  transform:none;\n\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .mc-wrap{\n\n    width:calc(100% - 46px);\n\n  }\n\n  .mc-contact{\n\n    gap:55px;\n\n  }\n\n  .mc-form-box{\n\n    padding:40px;\n\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .mc-wrap{\n\n    width:calc(100% - 32px);\n\n  }\n\n\n  \/* HERO *\/\n\n  .mc-hero{\n\n    min-height:470px;\n\n  }\n\n  .mc-hero-inner{\n\n    padding:70px 0;\n\n  }\n\n  .mc-hero h1{\n\n    font-size:53px;\n\n  }\n\n  .mc-hero p{\n\n    font-size:14px;\n\n    line-height:1.7;\n\n  }\n\n\n  \/* CONTACT *\/\n\n  .mc-contact{\n\n    grid-template-columns:1fr;\n\n    gap:60px;\n\n    padding-top:72px;\n    padding-bottom:75px;\n\n  }\n\n  .mc-info{\n\n    padding-top:0;\n\n  }\n\n  .mc-info h2{\n\n    font-size:42px;\n\n  }\n\n  .mc-intro{\n\n    font-size:14px;\n\n  }\n\n  .mc-info-item{\n\n    grid-template-columns:45px 1fr;\n\n    gap:15px;\n\n  }\n\n  .mc-info-icon{\n\n    width:43px;\n    height:43px;\n\n  }\n\n  .mc-info-item a{\n\n    font-size:20px;\n\n  }\n\n\n  \/* FORM *\/\n\n  .mc-form-box{\n\n    padding:29px 20px;\n\n    margin-left:-16px;\n    margin-right:-16px;\n\n  }\n\n  .mc-form-box h2{\n\n    font-size:34px;\n\n  }\n\n  .mc-form-row{\n\n    grid-template-columns:1fr;\n\n  }\n\n\n  \/* HELP *\/\n\n  .mc-help{\n\n    padding:72px 0;\n\n  }\n\n  .mc-section-heading{\n\n    margin-bottom:33px;\n\n  }\n\n  .mc-section-heading h2{\n\n    font-size:40px;\n\n  }\n\n  .mc-help-grid{\n\n    grid-template-columns:1fr;\n\n  }\n\n  .mc-help-card,\n  .mc-help-card:nth-child(even){\n\n    padding:29px 0;\n\n    border-right:0;\n\n  }\n\n  .mc-help-card{\n\n    grid-template-columns:42px 1fr;\n\n    gap:14px;\n\n  }\n\n  .mc-help-card h3{\n\n    font-size:26px;\n\n  }\n\n\n  \/* SERVICE *\/\n\n  .mc-service{\n\n    grid-template-columns:1fr;\n\n    min-height:0;\n\n  }\n\n  .mc-service-image{\n\n    min-height:520px;\n\n  }\n\n  .mc-service-content{\n\n    width:calc(100% - 32px);\n\n    padding:55px 0 60px;\n\n  }\n\n  .mc-service-content h2{\n\n    font-size:41px;\n\n  }\n\n  .mc-service-content p{\n\n    font-size:14px;\n\n  }\n\n  .mc-btn{\n\n    width:100%;\n\n  }\n\n\n  \/* FAQ *\/\n\n  .mc-faq{\n\n    padding-top:75px;\n    padding-bottom:75px;\n\n  }\n\n  .mc-faq-heading{\n\n    margin-bottom:35px;\n\n  }\n\n  .mc-faq-heading h2{\n\n    font-size:39px;\n\n  }\n\n  .mc-faq-question{\n\n    min-height:72px;\n\n  }\n\n  .mc-faq-question span{\n\n    padding-right:10px;\n\n    font-size:19px;\n\n  }\n\n  .mc-faq-answer p{\n\n    font-size:13px;\n\n  }\n\n\n  \/* BENEFITS *\/\n\n  .mc-benefits-grid{\n\n    grid-template-columns:1fr 1fr;\n\n  }\n\n  .mc-benefit{\n\n    padding:27px 10px;\n\n    border-bottom:1px solid var(--line);\n\n  }\n\n  .mc-benefit:nth-child(2){\n\n    border-right:0;\n\n  }\n\n  .mc-benefit:nth-child(3),\n  .mc-benefit:nth-child(4){\n\n    border-bottom:0;\n\n  }\n\n}\n\n\n\/* REDUCED MOTION *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .mc-reveal{\n\n    opacity:1!important;\n\n    transform:none!important;\n\n    transition:none!important;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function(){\n\n  const root =\n    document.querySelector('.mar-contact');\n\n  if(!root) return;\n\n\n  \/* REVEAL *\/\n\n  const items =\n    root.querySelectorAll('.mc-reveal');\n\n\n  if('IntersectionObserver' in window){\n\n    const observer =\n      new IntersectionObserver(\n\n        (entries, obs)=>{\n\n          entries.forEach(entry=>{\n\n            if(entry.isIntersecting){\n\n              entry.target\n                .classList\n                .add('mc-visible');\n\n              obs.unobserve(\n                entry.target\n              );\n\n            }\n\n          });\n\n        },\n\n        {\n\n          threshold:.1,\n\n          rootMargin:\n            '0px 0px -35px 0px'\n\n        }\n\n      );\n\n\n    items.forEach(item=>\n      observer.observe(item)\n    );\n\n  }else{\n\n    items.forEach(item=>\n      item.classList.add(\n        'mc-visible'\n      )\n    );\n\n  }\n\n\n  \/* FAQ *\/\n\n  const questions =\n    root.querySelectorAll(\n      '.mc-faq-question'\n    );\n\n\n  questions.forEach(button=>{\n\n    button.addEventListener(\n      'click',\n      ()=>{\n\n        const item =\n          button.closest(\n            '.mc-faq-item'\n          );\n\n\n        root\n          .querySelectorAll(\n            '.mc-faq-item.mc-open'\n          )\n          .forEach(openItem=>{\n\n            if(openItem !== item){\n\n              openItem\n                .classList\n                .remove('mc-open');\n\n            }\n\n          });\n\n\n        item\n          .classList\n          .toggle('mc-open');\n\n      }\n\n    );\n\n  });\n\n})();\n\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>MARENO Nous sommes \u00e0 votre \u00e9coute. Une question sur une commande, une taille, une livraison ou simplement besoin d\u2019un conseil ? Notre \u00e9quipe vous r\u00e9pond. SERVICE CLIENT Parlons de votre demande. Notre \u00e9quipe est disponible pour vous accompagner avant, pendant et apr\u00e8s votre commande. E-MAIL contact@mareno.fr R\u00e9ponse g\u00e9n\u00e9ralement sous 24 \u00e0 48 h T\u00c9L\u00c9PHONE 01 [&hellip;]<\/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-20","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":2,"href":"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-json\/wp\/v2\/pages\/20\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}