{"id":13,"date":"2026-08-21T10:04:36","date_gmt":"2026-08-21T08:04:36","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/ecommerce\/?page_id=13"},"modified":"2026-09-17T18:32:30","modified_gmt":"2026-09-17T16:32:30","slug":"accueil","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/ecommerce\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<!--\nMARENO \u2014 Accueil V3 Premium\n\u00c0 coller dans UN widget HTML Elementor.\n\nR\u00e9glages conseill\u00e9s :\n- Mod\u00e8le de page : Elementor pleine largeur\n- Titre de page : masqu\u00e9\n- Padding du conteneur Elementor : 0\n- Remplacer compl\u00e8tement l'ancien code d'accueil\n- Aucun JavaScript n\u00e9cessaire pour afficher le contenu\n-->\n\n<div class=\"m3-home\">\n\n  <!-- HERO -->\n  <section class=\"m3-hero\" aria-label=\"Collection MARENO\">\n    <div class=\"m3-hero-grid\">\n      <figure class=\"m3-hero-shot\">\n        <img\n          src=\"https:\/\/images.unsplash.com\/photo-1496747611176-843222e1e57c?auto=format&amp;fit=crop&amp;w=1500&amp;q=88\"\n          alt=\"Collection femme MARENO\"\n          fetchpriority=\"high\"\n          decoding=\"async\">\n      <\/figure>\n\n      <figure class=\"m3-hero-shot m3-hero-shot--right\">\n        <img\n          src=\"https:\/\/images.unsplash.com\/photo-1617137968427-85924c800a22?auto=format&amp;fit=crop&amp;w=1500&amp;q=88\"\n          alt=\"Collection homme MARENO\"\n          fetchpriority=\"high\"\n          decoding=\"async\">\n      <\/figure>\n    <\/div>\n\n    <div class=\"m3-hero-overlay\"><\/div>\n\n    <div class=\"m3-hero-copy\">\n      <span class=\"m3-overline m3-overline--light\">MARENO \u00b7 COLLECTION 2026<\/span>\n      <h1>L\u2019\u00e9l\u00e9gance<br>au quotidien.<\/h1>\n      <p>\n        Un vestiaire moderne pour elle et pour lui,\n        pens\u00e9 autour de lignes sobres, de belles proportions\n        et de couleurs faciles \u00e0 porter.\n      <\/p>\n\n      <div class=\"m3-hero-actions\">\n        <a class=\"m3-btn m3-btn--light\" href=\"\/ecommerce\/categorie-produit\/femme\/\">D\u00e9couvrir Femme<\/a>\n        <a class=\"m3-btn m3-btn--ghost\" href=\"\/ecommerce\/categorie-produit\/homme\/\">D\u00e9couvrir Homme<\/a>\n      <\/div>\n    <\/div>\n\n    <a class=\"m3-scroll\" href=\"#m3-univers\" aria-label=\"D\u00e9couvrir les collections\">\n      <span>D\u00c9COUVRIR<\/span>\n      <i><\/i>\n    <\/a>\n  <\/section>\n\n\n  <!-- INTRO -->\n  <section class=\"m3-intro m3-wrap\">\n    <span class=\"m3-overline\">LA MAISON MARENO<\/span>\n\n    <h2>\n      Une mode moderne.<br>\n      Une allure qui reste.\n    <\/h2>\n\n    <p>\n      MARENO imagine un vestiaire contemporain aux lignes nettes,\n      aux tons intemporels et aux d\u00e9tails soign\u00e9s.\n      Des pi\u00e8ces pens\u00e9es pour se combiner naturellement,\n      saison apr\u00e8s saison.\n    <\/p>\n  <\/section>\n\n\n  <!-- UNIVERS -->\n  <section id=\"m3-univers\" class=\"m3-section m3-wrap\">\n\n    <div class=\"m3-heading-row\">\n      <div>\n        <span class=\"m3-overline\">NOS UNIVERS<\/span>\n        <h2>Trouvez votre style<\/h2>\n      <\/div>\n\n      <a class=\"m3-text-link\" href=\"\/ecommerce\/boutique\/\">\n        Voir toute la boutique <span>\u2192<\/span>\n      <\/a>\n    <\/div>\n\n    <div class=\"m3-category-grid\">\n\n      <a class=\"m3-category\" href=\"\/ecommerce\/categorie-produit\/femme\/\">\n        <img\n          src=\"https:\/\/images.unsplash.com\/photo-1515886657613-9f3515b0c78f?auto=format&amp;fit=crop&amp;w=1200&amp;q=86\"\n          alt=\"Collection Femme MARENO\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <span class=\"m3-darken\"><\/span>\n\n        <div class=\"m3-category-copy\">\n          <small>COLLECTION<\/small>\n          <h3>Femme<\/h3>\n          <b>D\u00e9couvrir <i>\u2192<\/i><\/b>\n        <\/div>\n      <\/a>\n\n\n      <a class=\"m3-category\" href=\"\/ecommerce\/categorie-produit\/homme\/\">\n        <img\n          src=\"https:\/\/images.unsplash.com\/photo-1617127365659-c47fa864d8bc?auto=format&amp;fit=crop&amp;w=1200&amp;q=86\"\n          alt=\"Collection Homme MARENO\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <span class=\"m3-darken\"><\/span>\n\n        <div class=\"m3-category-copy\">\n          <small>COLLECTION<\/small>\n          <h3>Homme<\/h3>\n          <b>D\u00e9couvrir <i>\u2192<\/i><\/b>\n        <\/div>\n      <\/a>\n\n\n      <a class=\"m3-category\" href=\"\/ecommerce\/categorie-produit\/accessoires\/\">\n        <img\n          src=\"https:\/\/images.unsplash.com\/photo-1553062407-98eeb64c6a62?auto=format&amp;fit=crop&amp;w=1200&amp;q=86\"\n          alt=\"Collection Accessoires MARENO\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n        <span class=\"m3-darken\"><\/span>\n\n        <div class=\"m3-category-copy\">\n          <small>LES D\u00c9TAILS QUI SIGNENT LE LOOK<\/small>\n          <h3>Accessoires<\/h3>\n          <b>D\u00e9couvrir <i>\u2192<\/i><\/b>\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- S\u00c9LECTION -->\n  <section class=\"m3-section m3-wrap\">\n\n    <div class=\"m3-heading-row\">\n      <div>\n        <span class=\"m3-overline\">S\u00c9LECTION MARENO<\/span>\n        <h2>\u00c0 d\u00e9couvrir maintenant<\/h2>\n      <\/div>\n\n      <a class=\"m3-text-link\" href=\"\/ecommerce\/boutique\/?orderby=date\">\n        Toute la collection <span>\u2192<\/span>\n      <\/a>\n    <\/div>\n\n\n    <div class=\"m3-product-grid\">\n\n      <article class=\"m3-product\">\n        <a class=\"m3-product-media\" href=\"\/ecommerce\/produit\/blazer-alba\/\">\n          <span class=\"m3-badge\">S\u00c9LECTION<\/span>\n\n          <img\n            src=\"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-content\/uploads\/2026\/09\/01-blazer-alba-700x933.webp\"\n            alt=\"Blazer Alba\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n          <span class=\"m3-product-cta\">Voir le produit<\/span>\n        <\/a>\n\n        <div class=\"m3-product-meta\">\n          <div>\n            <h3>Blazer Alba<\/h3>\n            <p>Femme \u00b7 Blazers<\/p>\n          <\/div>\n          <strong>89,90 \u20ac<\/strong>\n        <\/div>\n      <\/article>\n\n\n      <article class=\"m3-product\">\n        <a class=\"m3-product-media\" href=\"\/ecommerce\/produit\/chemise-liam\/\">\n          <span class=\"m3-badge\">S\u00c9LECTION<\/span>\n\n          <img\n            src=\"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-content\/uploads\/2026\/09\/07-chemise-liam-700x933.webp\"\n            alt=\"Chemise Liam\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n          <span class=\"m3-product-cta\">Voir le produit<\/span>\n        <\/a>\n\n        <div class=\"m3-product-meta\">\n          <div>\n            <h3>Chemise Liam<\/h3>\n            <p>Homme \u00b7 Chemises<\/p>\n          <\/div>\n          <strong>59,90 \u20ac<\/strong>\n        <\/div>\n      <\/article>\n\n\n      <article class=\"m3-product\">\n        <a class=\"m3-product-media\" href=\"\/ecommerce\/produit\/robe-elia\/\">\n          <span class=\"m3-badge\">S\u00c9LECTION<\/span>\n\n          <img\n            src=\"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-content\/uploads\/2026\/09\/02-robe-elia-700x933.webp\"\n            alt=\"Robe \u00c9lia\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n          <span class=\"m3-product-cta\">Voir le produit<\/span>\n        <\/a>\n\n        <div class=\"m3-product-meta\">\n          <div>\n            <h3>Robe \u00c9lia<\/h3>\n            <p>Femme \u00b7 Robes<\/p>\n          <\/div>\n          <strong>74,90 \u20ac<\/strong>\n        <\/div>\n      <\/article>\n\n\n      <article class=\"m3-product\">\n        <a class=\"m3-product-media\" href=\"\/ecommerce\/produit\/veste-noah\/\">\n          <span class=\"m3-badge\">S\u00c9LECTION<\/span>\n\n          <img\n            src=\"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-content\/uploads\/2026\/09\/08-veste-noah-700x933.webp\"\n            alt=\"Veste Noah\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n          <span class=\"m3-product-cta\">Voir le produit<\/span>\n        <\/a>\n\n        <div class=\"m3-product-meta\">\n          <div>\n            <h3>Veste Noah<\/h3>\n            <p>Homme \u00b7 Vestes<\/p>\n          <\/div>\n          <strong>99,90 \u20ac<\/strong>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"m3-mobile-hint\">\u2190 Faites glisser \u2192<\/div>\n  <\/section>\n\n\n  <!-- CAMPAGNE -->\n  <section class=\"m3-campaign\">\n\n    <img\n      src=\"https:\/\/images.unsplash.com\/photo-1525507119028-ed4c629a60a3?auto=format&amp;fit=crop&amp;w=2200&amp;q=88\"\n      alt=\"Campagne mode MARENO\"\n      loading=\"lazy\"\n      decoding=\"async\">\n\n    <span class=\"m3-campaign-filter\"><\/span>\n\n    <div class=\"m3-campaign-copy\">\n      <span class=\"m3-overline m3-overline--light\">\u00c9DITION SAISONNI\u00c8RE<\/span>\n\n      <h2>\n        Nouvelle saison,<br>\n        nouvelle allure.\n      <\/h2>\n\n      <p>\n        Des mati\u00e8res douces, des teintes naturelles\n        et des pi\u00e8ces fortes qui se portent simplement.\n      <\/p>\n\n      <a class=\"m3-btn m3-btn--light\" href=\"\/ecommerce\/boutique\/\">\n        D\u00e9couvrir la collection\n      <\/a>\n    <\/div>\n  <\/section>\n\n\n  <!-- ESSENTIELS -->\n  <section class=\"m3-section m3-wrap\">\n\n    <div class=\"m3-heading-row\">\n      <div>\n        <span class=\"m3-overline\">MARENO ICONS<\/span>\n        <h2>Nos essentiels<\/h2>\n      <\/div>\n\n      <a class=\"m3-text-link\" href=\"\/ecommerce\/boutique\/\">\n        Voir la s\u00e9lection <span>\u2192<\/span>\n      <\/a>\n    <\/div>\n\n\n    <div class=\"m3-product-grid\">\n\n      <article class=\"m3-product\">\n        <a class=\"m3-product-media\" href=\"\/ecommerce\/produit\/trench-sofia\/\">\n          <img\n            src=\"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-content\/uploads\/2026\/09\/03-trench-sofia-700x933.webp\"\n            alt=\"Trench Sofia\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n          <span class=\"m3-product-cta\">Voir le produit<\/span>\n        <\/a>\n\n        <div class=\"m3-product-meta\">\n          <div>\n            <h3>Trench Sofia<\/h3>\n            <p>Femme \u00b7 Mi-saison<\/p>\n          <\/div>\n          <strong>119,90 \u20ac<\/strong>\n        <\/div>\n      <\/article>\n\n\n      <article class=\"m3-product\">\n        <a class=\"m3-product-media\" href=\"\/ecommerce\/produit\/pantalon-evan\/\">\n          <img\n            src=\"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-content\/uploads\/2026\/09\/09-pantalon-evan-700x933.webp\"\n            alt=\"Pantalon Evan\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n          <span class=\"m3-product-cta\">Voir le produit<\/span>\n        <\/a>\n\n        <div class=\"m3-product-meta\">\n          <div>\n            <h3>Pantalon Evan<\/h3>\n            <p>Homme \u00b7 Pantalons<\/p>\n          <\/div>\n          <strong>69,90 \u20ac<\/strong>\n        <\/div>\n      <\/article>\n\n\n      <article class=\"m3-product\">\n        <a class=\"m3-product-media\" href=\"\/ecommerce\/produit\/montre-eden\/\">\n          <img\n            src=\"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-content\/uploads\/2026\/09\/13-montre-eden-700x933.webp\"\n            alt=\"Montre Eden\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n          <span class=\"m3-product-cta\">Voir le produit<\/span>\n        <\/a>\n\n        <div class=\"m3-product-meta\">\n          <div>\n            <h3>Montre Eden<\/h3>\n            <p>Accessoires \u00b7 Montres<\/p>\n          <\/div>\n          <strong>79,90 \u20ac<\/strong>\n        <\/div>\n      <\/article>\n\n\n      <article class=\"m3-product\">\n        <a class=\"m3-product-media\" href=\"\/ecommerce\/produit\/sac-alma\/\">\n          <img\n            src=\"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-content\/uploads\/2026\/09\/14-sac-alma-700x933.webp\"\n            alt=\"Sac Alma\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n          <span class=\"m3-product-cta\">Voir le produit<\/span>\n        <\/a>\n\n        <div class=\"m3-product-meta\">\n          <div>\n            <h3>Sac Alma<\/h3>\n            <p>Accessoires \u00b7 Sacs<\/p>\n          <\/div>\n          <strong>69,90 \u20ac<\/strong>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"m3-mobile-hint\">\u2190 Faites glisser \u2192<\/div>\n  <\/section>\n\n\n  <!-- DUO FEMME \/ HOMME -->\n  <section class=\"m3-duo\">\n\n    <a class=\"m3-duo-card\" href=\"\/ecommerce\/categorie-produit\/femme\/\">\n\n      <img\n        src=\"https:\/\/images.unsplash.com\/photo-1485968579580-b6d095142e6e?auto=format&amp;fit=crop&amp;w=1500&amp;q=88\"\n        alt=\"Univers Femme MARENO\"\n        loading=\"lazy\"\n        decoding=\"async\">\n\n      <span class=\"m3-duo-filter\"><\/span>\n\n      <div class=\"m3-duo-copy\">\n        <small>MARENO<\/small>\n        <h2>L\u2019univers Femme<\/h2>\n        <b>D\u00e9couvrir <i>\u2192<\/i><\/b>\n      <\/div>\n    <\/a>\n\n\n    <a class=\"m3-duo-card\" href=\"\/ecommerce\/categorie-produit\/homme\/\">\n\n      <img\n        src=\"https:\/\/images.unsplash.com\/photo-1617137968427-85924c800a22?auto=format&amp;fit=crop&amp;w=1500&amp;q=88\"\n        alt=\"Univers Homme MARENO\"\n        loading=\"lazy\"\n        decoding=\"async\">\n\n      <span class=\"m3-duo-filter\"><\/span>\n\n      <div class=\"m3-duo-copy\">\n        <small>MARENO<\/small>\n        <h2>L\u2019univers Homme<\/h2>\n        <b>D\u00e9couvrir <i>\u2192<\/i><\/b>\n      <\/div>\n    <\/a>\n\n  <\/section>\n\n\n  <!-- HISTOIRE -->\n  <section class=\"m3-story m3-wrap\">\n\n    <div class=\"m3-story-photo\">\n      <img\n        src=\"https:\/\/images.unsplash.com\/photo-1525507119028-ed4c629a60a3?auto=format&amp;fit=crop&amp;w=1400&amp;q=88\"\n        alt=\"S\u00e9lection de v\u00eatements MARENO\"\n        loading=\"lazy\"\n        decoding=\"async\">\n    <\/div>\n\n    <div class=\"m3-story-copy\">\n\n      <span class=\"m3-overline\">NOTRE VISION<\/span>\n\n      <h2>\n        MARENO,<br>\n        l\u2019allure sans effort.\n      <\/h2>\n\n      <p>\n        Un vestiaire moderne o\u00f9 chaque pi\u00e8ce trouve naturellement sa place :\n        des coupes \u00e9quilibr\u00e9es, une palette sobre et des essentiels\n        imagin\u00e9s pour \u00eatre port\u00e9s encore et encore.\n      <\/p>\n\n      <a class=\"m3-btn m3-btn--dark\" href=\"\/ecommerce\/a-propos\/\">\n        D\u00e9couvrir MARENO\n      <\/a>\n    <\/div>\n\n  <\/section>\n\n\n  <!-- SERVICES \/ D\u00c9MO -->\n  <section class=\"m3-services\">\n    <div class=\"m3-wrap m3-services-grid\">\n\n      <div class=\"m3-service\">\n        <span>01<\/span>\n        <h3>Collections Femme &#038; Homme<\/h3>\n        <p>Un catalogue structur\u00e9 autour de pi\u00e8ces faciles \u00e0 associer.<\/p>\n      <\/div>\n\n      <div class=\"m3-service\">\n        <span>02<\/span>\n        <h3>Tailles &#038; couleurs<\/h3>\n        <p>Chaque fiche pr\u00e9sente clairement ses variations disponibles.<\/p>\n      <\/div>\n\n      <div class=\"m3-service\">\n        <span>03<\/span>\n        <h3>Accessoires<\/h3>\n        <p>Montres, sacs, ceintures et d\u00e9tails pour compl\u00e9ter chaque tenue.<\/p>\n      <\/div>\n\n      <div class=\"m3-service\">\n        <span>04<\/span>\n        <h3>Boutique de d\u00e9monstration<\/h3>\n        <p>Navigation compl\u00e8te, commandes et paiements volontairement d\u00e9sactiv\u00e9s.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- CTA FINAL -->\n  <section class=\"m3-final\">\n    <div class=\"m3-final-inner\">\n\n      <span class=\"m3-overline m3-overline--light\">MARENO<\/span>\n\n      <h2>Composez votre silhouette.<\/h2>\n\n      <p>\n        Explorez l\u2019ensemble de la collection et d\u00e9couvrez\n        les pi\u00e8ces qui d\u00e9finissent l\u2019univers MARENO.\n      <\/p>\n\n      <div class=\"m3-final-actions\">\n        <a class=\"m3-btn m3-btn--light\" href=\"\/ecommerce\/boutique\/\">Voir la boutique<\/a>\n        <a class=\"m3-final-link\" href=\"\/ecommerce\/contact\/\">Nous contacter<\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n\n<style>\n\/* ============================================================\n   MARENO HOME V3\n   Aucun \u00e9l\u00e9ment important n'est cach\u00e9 via JavaScript.\n============================================================ *\/\n\n.m3-home{\n  --ink:#181716;\n  --text:#37332f;\n  --muted:#716a62;\n  --gold:#ccb595;\n  --gold-dark:#9b7c58;\n  --cream:#f5f1ea;\n  --soft:#faf8f5;\n  --line:#e5ded5;\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.m3-home *,\n.m3-home *::before,\n.m3-home *::after{\n  box-sizing:border-box;\n}\n\n.m3-home img{\n  display:block;\n  width:100%;\n}\n\n.m3-home a{\n  text-decoration:none;\n}\n\n.m3-wrap{\n  width:min(var(--max),calc(100% - 84px));\n  margin-inline:auto;\n}\n\n.m3-overline{\n  display:inline-block;\n  color:var(--gold-dark);\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:.22em;\n  text-transform:uppercase;\n}\n\n.m3-overline--light{\n  color:#fff;\n}\n\n.m3-section{\n  padding-bottom:96px;\n}\n\n\n\/* ============================================================\n   HERO\n============================================================ *\/\n\n.m3-hero{\n  position:relative;\n  min-height:680px;\n  height:min(830px,calc(100vh - 90px));\n  overflow:hidden;\n  background:#141312;\n}\n\n.m3-hero-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  height:100%;\n}\n\n.m3-hero-shot{\n  height:100%;\n  margin:0;\n  overflow:hidden;\n}\n\n.m3-hero-shot img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center 42%;\n  transform:scale(1.015);\n  transition:transform .9s cubic-bezier(.2,.7,.2,1);\n}\n\n.m3-hero-shot--right img{\n  object-position:center 34%;\n}\n\n@media(hover:hover) and (pointer:fine){\n  .m3-hero:hover .m3-hero-shot img{\n    transform:scale(1.03);\n  }\n}\n\n.m3-hero-overlay{\n  position:absolute;\n  inset:0;\n  z-index:1;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(11,9,8,.20),\n      rgba(11,9,8,.51) 50%,\n      rgba(11,9,8,.20)\n    );\n}\n\n.m3-hero-copy{\n  position:absolute;\n  z-index:2;\n  top:50%;\n  left:50%;\n  width:min(790px,90%);\n  transform:translate(-50%,-50%);\n  text-align:center;\n  color:#fff;\n}\n\n.m3-hero-copy h1{\n  margin:17px 0 19px;\n  color:#fff;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(58px,6vw,98px);\n  font-weight:400;\n  line-height:.91;\n  letter-spacing:-.045em;\n}\n\n.m3-hero-copy p{\n  width:min(625px,100%);\n  margin:0 auto 29px;\n  color:rgba(255,255,255,.92);\n  font-size:15px;\n  line-height:1.7;\n}\n\n.m3-hero-actions{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:10px;\n}\n\n.m3-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:50px;\n  padding:0 27px;\n  border:1px solid transparent;\n  font-size:9px;\n  font-weight:800;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n  transition:\n    background .25s ease,\n    color .25s ease,\n    border-color .25s ease,\n    transform .25s ease;\n}\n\n.m3-btn--light{\n  background:#fff;\n  color:#171717;\n}\n\n.m3-btn--ghost{\n  border-color:rgba(255,255,255,.80);\n  background:rgba(255,255,255,.03);\n  color:#fff;\n}\n\n.m3-btn--dark{\n  background:#171717;\n  color:#fff;\n}\n\n@media(hover:hover) and (pointer:fine){\n  .m3-btn:hover{\n    transform:translateY(-2px);\n  }\n\n  .m3-btn--light:hover{\n    background:var(--gold);\n    color:#171717;\n  }\n\n  .m3-btn--ghost:hover{\n    background:#fff;\n    color:#171717;\n  }\n\n  .m3-btn--dark:hover{\n    background:var(--gold-dark);\n    color:#fff;\n  }\n}\n\n.m3-scroll{\n  position:absolute;\n  z-index:2;\n  bottom:18px;\n  left:50%;\n  display:flex;\n  align-items:center;\n  flex-direction:column;\n  gap:8px;\n  transform:translateX(-50%);\n  color:#fff;\n  font-size:8px;\n  font-weight:800;\n  letter-spacing:.18em;\n}\n\n.m3-scroll i{\n  width:1px;\n  height:26px;\n  background:rgba(255,255,255,.72);\n}\n\n\n\/* ============================================================\n   INTRO\n============================================================ *\/\n\n.m3-intro{\n  max-width:850px;\n  padding:95px 0 88px;\n  text-align:center;\n}\n\n.m3-intro h2,\n.m3-heading-row h2,\n.m3-story-copy h2{\n  color:var(--ink);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-weight:400;\n  letter-spacing:-.03em;\n}\n\n.m3-intro h2{\n  margin:11px 0 0;\n  font-size:clamp(42px,4vw,61px);\n  line-height:1.04;\n}\n\n.m3-intro p{\n  max-width:700px;\n  margin:23px auto 0;\n  color:#625c55;\n  font-size:15px;\n  line-height:1.82;\n}\n\n\n\/* ============================================================\n   HEADINGS\n============================================================ *\/\n\n.m3-heading-row{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:28px;\n  margin-bottom:29px;\n}\n\n.m3-heading-row h2{\n  margin:9px 0 0;\n  font-size:clamp(35px,3vw,50px);\n  line-height:1;\n}\n\n.m3-text-link{\n  padding-bottom:5px;\n  border-bottom:1px solid #211f1d;\n  color:#211f1d;\n  font-size:9px;\n  font-weight:800;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n\n.m3-text-link span{\n  display:inline-block;\n  margin-left:8px;\n  transition:transform .2s ease;\n}\n\n@media(hover:hover) and (pointer:fine){\n  .m3-text-link:hover span{\n    transform:translateX(4px);\n  }\n}\n\n\n\/* ============================================================\n   CAT\u00c9GORIES\n============================================================ *\/\n\n.m3-category-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:15px;\n}\n\n.m3-category{\n  position:relative;\n  min-height:590px;\n  overflow:hidden;\n  background:#ded7ce;\n  color:#fff;\n}\n\n.m3-category img{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  filter:saturate(.84) contrast(.98) brightness(.96);\n  transition:transform .65s ease;\n}\n\n.m3-category:nth-child(1) img{object-position:center 42%}\n.m3-category:nth-child(2) img{object-position:center 34%}\n.m3-category:nth-child(3) img{object-position:center 52%}\n\n.m3-darken{\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(\n      180deg,\n      rgba(0,0,0,.02) 28%,\n      rgba(0,0,0,.69) 100%\n    );\n}\n\n.m3-category-copy{\n  position:absolute;\n  z-index:2;\n  right:28px;\n  bottom:28px;\n  left:28px;\n}\n\n.m3-category-copy small{\n  display:block;\n  margin-bottom:7px;\n  color:#fff;\n  font-size:8px;\n  font-weight:800;\n  letter-spacing:.15em;\n}\n\n.m3-category-copy h3{\n  margin:0 0 14px;\n  color:#fff;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:43px;\n  font-weight:400;\n  line-height:1;\n}\n\n.m3-category-copy b{\n  color:#fff;\n  font-size:9px;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n\n.m3-category-copy i{\n  display:inline-block;\n  margin-left:6px;\n  font-style:normal;\n  transition:transform .2s ease;\n}\n\n@media(hover:hover) and (pointer:fine){\n  .m3-category:hover img{\n    transform:scale(1.035);\n  }\n\n  .m3-category:hover i{\n    transform:translateX(4px);\n  }\n}\n\n\n\/* ============================================================\n   PRODUITS\n============================================================ *\/\n\n.m3-product-grid{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:18px;\n}\n\n.m3-product{\n  min-width:0;\n}\n\n.m3-product-media{\n  position:relative;\n  display:block;\n  aspect-ratio:3\/4;\n  overflow:hidden;\n  background:#f2eee8;\n}\n\n.m3-product-media img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  transition:transform .5s ease;\n}\n\n.m3-badge{\n  position:absolute;\n  z-index:3;\n  top:11px;\n  left:11px;\n  padding:7px 9px;\n  background:rgba(255,255,255,.95);\n  color:#171717;\n  font-size:7px;\n  font-weight:900;\n  letter-spacing:.13em;\n}\n\n.m3-product-cta{\n  position:absolute;\n  z-index:3;\n  right:10px;\n  bottom:10px;\n  left:10px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  min-height:41px;\n  background:rgba(255,255,255,.96);\n  color:#171717;\n  font-size:8px;\n  font-weight:900;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n  transform:translateY(calc(100% + 12px));\n  transition:transform .23s ease;\n}\n\n.m3-product-meta{\n  display:flex;\n  justify-content:space-between;\n  gap:14px;\n  padding-top:13px;\n}\n\n.m3-product-meta h3{\n  margin:0 0 4px;\n  color:#181716;\n  font-size:13px;\n  font-weight:700;\n}\n\n.m3-product-meta p{\n  margin:0;\n  color:#746d65;\n  font-size:10px;\n}\n\n.m3-product-meta strong{\n  color:#181716;\n  font-size:12px;\n  font-weight:700;\n  white-space:nowrap;\n}\n\n.m3-mobile-hint{\n  display:none;\n}\n\n@media(hover:hover) and (pointer:fine){\n  .m3-product:hover .m3-product-media img{\n    transform:scale(1.028);\n  }\n\n  .m3-product:hover .m3-product-cta{\n    transform:translateY(0);\n  }\n}\n\n\n\/* ============================================================\n   CAMPAGNE\n============================================================ *\/\n\n.m3-campaign{\n  position:relative;\n  display:flex;\n  align-items:center;\n  min-height:690px;\n  margin-bottom:96px;\n  overflow:hidden;\n}\n\n.m3-campaign>img{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center 47%;\n  filter:saturate(.82) contrast(.98) brightness(.94);\n}\n\n.m3-campaign-filter{\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(20,16,12,.70),\n      rgba(20,16,12,.23) 65%,\n      rgba(20,16,12,.06)\n    );\n}\n\n.m3-campaign-copy{\n  position:relative;\n  z-index:2;\n  width:min(620px,calc(100% - 84px));\n  margin-left:max(42px,calc((100% - var(--max))\/2));\n  color:#fff;\n}\n\n.m3-campaign-copy h2{\n  margin:14px 0 16px;\n  color:#fff;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(50px,5vw,76px);\n  font-weight:400;\n  line-height:.96;\n  letter-spacing:-.035em;\n}\n\n.m3-campaign-copy p{\n  max-width:475px;\n  margin:0 0 26px;\n  color:rgba(255,255,255,.92);\n  font-size:14px;\n  line-height:1.72;\n}\n\n\n\/* ============================================================\n   DUO\n============================================================ *\/\n\n.m3-duo{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  margin-bottom:96px;\n}\n\n.m3-duo-card{\n  position:relative;\n  height:700px;\n  overflow:hidden;\n  color:#fff;\n}\n\n.m3-duo-card img{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  filter:saturate(.84) contrast(.98) brightness(.95);\n  transition:transform .6s ease;\n}\n\n.m3-duo-card:first-child img{object-position:center 35%}\n.m3-duo-card:last-child img{object-position:center 30%}\n\n.m3-duo-filter{\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(\n      180deg,\n      rgba(0,0,0,.04) 38%,\n      rgba(0,0,0,.68)\n    );\n}\n\n.m3-duo-copy{\n  position:absolute;\n  z-index:2;\n  right:42px;\n  bottom:36px;\n  left:42px;\n}\n\n.m3-duo-copy small{\n  color:#fff;\n  font-size:8px;\n  font-weight:800;\n  letter-spacing:.17em;\n}\n\n.m3-duo-copy h2{\n  margin:7px 0 14px;\n  color:#fff;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:47px;\n  font-weight:400;\n  line-height:1;\n}\n\n.m3-duo-copy b{\n  color:#fff;\n  font-size:9px;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n}\n\n.m3-duo-copy i{\n  display:inline-block;\n  margin-left:6px;\n  font-style:normal;\n  transition:transform .2s ease;\n}\n\n@media(hover:hover) and (pointer:fine){\n  .m3-duo-card:hover img{\n    transform:scale(1.03);\n  }\n\n  .m3-duo-card:hover i{\n    transform:translateX(4px);\n  }\n}\n\n\n\/* ============================================================\n   STORY\n============================================================ *\/\n\n.m3-story{\n  display:grid;\n  grid-template-columns:1.03fr .97fr;\n  align-items:center;\n  gap:78px;\n  padding-bottom:96px;\n}\n\n.m3-story-photo{\n  aspect-ratio:1.03\/1;\n  overflow:hidden;\n}\n\n.m3-story-photo img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center 45%;\n  filter:saturate(.82) contrast(.98) brightness(.97);\n}\n\n.m3-story-copy{\n  max-width:560px;\n}\n\n.m3-story-copy h2{\n  margin:12px 0 21px;\n  font-size:clamp(41px,4vw,62px);\n  line-height:1.02;\n}\n\n.m3-story-copy p{\n  margin:0 0 27px;\n  color:#615b54;\n  font-size:14px;\n  line-height:1.85;\n}\n\n\n\/* ============================================================\n   SERVICES \/ D\u00c9MO\n============================================================ *\/\n\n.m3-services{\n  border-top:1px solid var(--line);\n  border-bottom:1px solid var(--line);\n  background:#fff;\n}\n\n.m3-services-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n}\n\n.m3-service{\n  min-height:210px;\n  padding:35px 27px;\n  border-right:1px solid var(--line);\n}\n\n.m3-service:last-child{\n  border-right:0;\n}\n\n.m3-service>span{\n  display:block;\n  margin-bottom:24px;\n  color:var(--gold-dark);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:23px;\n}\n\n.m3-service h3{\n  margin:0 0 8px;\n  color:#1a1917;\n  font-size:13px;\n  font-weight:750;\n}\n\n.m3-service p{\n  margin:0;\n  color:#6c655e;\n  font-size:11px;\n  line-height:1.65;\n}\n\n\n\/* ============================================================\n   CTA FINAL\n============================================================ *\/\n\n.m3-final{\n  position:relative;\n  overflow:hidden;\n  padding:90px 20px;\n  background:#1b1a18;\n  color:#fff;\n  text-align:center;\n}\n\n.m3-final::before{\n  content:\"\";\n  position:absolute;\n  top:-240px;\n  right:-140px;\n  width:460px;\n  height:460px;\n  border-radius:50%;\n  background:rgba(204,181,149,.07);\n}\n\n.m3-final-inner{\n  position:relative;\n  z-index:1;\n  width:min(700px,100%);\n  margin:auto;\n}\n\n.m3-final h2{\n  margin:13px 0 16px;\n  color:#fff;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(42px,4vw,61px);\n  font-weight:400;\n  line-height:1;\n  letter-spacing:-.035em;\n}\n\n.m3-final p{\n  width:min(560px,100%);\n  margin:0 auto 27px;\n  color:rgba(255,255,255,.70);\n  font-size:13px;\n  line-height:1.75;\n}\n\n.m3-final-actions{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  flex-wrap:wrap;\n  gap:19px;\n}\n\n.m3-final-link{\n  padding-bottom:4px;\n  border-bottom:1px solid rgba(255,255,255,.55);\n  color:#fff;\n  font-size:9px;\n  font-weight:800;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n\n\n\/* ============================================================\n   TABLETTE\n============================================================ *\/\n\n@media(max-width:1100px){\n\n  .m3-wrap{\n    width:min(var(--max),calc(100% - 46px));\n  }\n\n  .m3-category{\n    min-height:500px;\n  }\n\n  .m3-category-copy{\n    right:21px;\n    bottom:22px;\n    left:21px;\n  }\n\n  .m3-category-copy h3{\n    font-size:37px;\n  }\n\n  .m3-duo-card{\n    height:590px;\n  }\n\n  .m3-story{\n    gap:46px;\n  }\n\n  .m3-campaign-copy{\n    margin-left:28px;\n  }\n\n  .m3-service{\n    padding:31px 20px;\n  }\n}\n\n\n\/* ============================================================\n   MOBILE\n============================================================ *\/\n\n@media(max-width:767px){\n\n  .m3-wrap{\n    width:calc(100% - 32px);\n  }\n\n  .m3-section{\n    padding-bottom:68px;\n  }\n\n\n  \/* HERO *\/\n  .m3-hero{\n    height:calc(100svh - 78px);\n    min-height:610px;\n  }\n\n  .m3-hero-grid{\n    grid-template-columns:1fr;\n  }\n\n  .m3-hero-shot:first-child{\n    display:none;\n  }\n\n  .m3-hero-shot--right img{\n    object-position:center 28%;\n  }\n\n  .m3-hero-overlay{\n    background:\n      linear-gradient(\n        180deg,\n        rgba(0,0,0,.12),\n        rgba(0,0,0,.67)\n      );\n  }\n\n  .m3-hero-copy{\n    top:auto;\n    bottom:58px;\n    width:calc(100% - 34px);\n    transform:translateX(-50%);\n  }\n\n  .m3-hero-copy h1{\n    margin-top:13px;\n    font-size:52px;\n    line-height:.94;\n  }\n\n  .m3-hero-copy p{\n    max-width:335px;\n    margin-bottom:22px;\n    font-size:13px;\n  }\n\n  .m3-hero-actions{\n    gap:8px;\n  }\n\n  .m3-btn{\n    min-height:46px;\n    padding:0 17px;\n    font-size:8px;\n  }\n\n  .m3-scroll{\n    display:none;\n  }\n\n\n  \/* INTRO *\/\n  .m3-intro{\n    padding:68px 0 65px;\n  }\n\n  .m3-intro h2{\n    font-size:38px;\n  }\n\n  .m3-intro p{\n    margin-top:18px;\n    font-size:13px;\n    line-height:1.75;\n  }\n\n\n  \/* TITRES *\/\n  .m3-heading-row{\n    align-items:flex-start;\n    margin-bottom:21px;\n  }\n\n  .m3-heading-row h2{\n    margin-top:7px;\n    font-size:35px;\n  }\n\n  .m3-text-link{\n    display:none;\n  }\n\n\n  \/* CAT\u00c9GORIES *\/\n  .m3-category-grid{\n    grid-template-columns:1fr;\n    gap:9px;\n  }\n\n  .m3-category{\n    min-height:475px;\n  }\n\n  .m3-category:nth-child(3){\n    min-height:390px;\n  }\n\n  .m3-category-copy{\n    right:22px;\n    bottom:23px;\n    left:22px;\n  }\n\n  .m3-category-copy h3{\n    font-size:39px;\n  }\n\n\n  \/* PRODUITS *\/\n  .m3-product-grid{\n    display:flex;\n    gap:11px;\n    margin-right:-16px;\n    padding-right:16px;\n    overflow-x:auto;\n    scroll-snap-type:x mandatory;\n    scrollbar-width:none;\n    -webkit-overflow-scrolling:touch;\n  }\n\n  .m3-product-grid::-webkit-scrollbar{\n    display:none;\n  }\n\n  .m3-product{\n    flex:0 0 78%;\n    scroll-snap-align:start;\n  }\n\n  .m3-product-cta{\n    display:none;\n  }\n\n  .m3-mobile-hint{\n    display:block;\n    margin-top:13px;\n    color:#817970;\n    font-size:8px;\n    letter-spacing:.1em;\n    text-align:center;\n  }\n\n\n  \/* CAMPAGNE *\/\n  .m3-campaign{\n    min-height:620px;\n    margin-bottom:68px;\n  }\n\n  .m3-campaign>img{\n    object-position:center 50%;\n  }\n\n  .m3-campaign-filter{\n    background:\n      linear-gradient(\n        180deg,\n        rgba(10,8,6,.17),\n        rgba(10,8,6,.72)\n      );\n  }\n\n  .m3-campaign-copy{\n    align-self:flex-end;\n    width:calc(100% - 32px);\n    margin:0 16px;\n    padding-bottom:38px;\n  }\n\n  .m3-campaign-copy h2{\n    font-size:47px;\n  }\n\n  .m3-campaign-copy p{\n    font-size:13px;\n  }\n\n\n  \/* DUO *\/\n  .m3-duo{\n    grid-template-columns:1fr;\n    margin-bottom:68px;\n  }\n\n  .m3-duo-card{\n    height:520px;\n  }\n\n  .m3-duo-copy{\n    right:22px;\n    bottom:24px;\n    left:22px;\n  }\n\n  .m3-duo-copy h2{\n    font-size:38px;\n  }\n\n\n  \/* STORY *\/\n  .m3-story{\n    grid-template-columns:1fr;\n    gap:31px;\n    padding-bottom:68px;\n  }\n\n  .m3-story-photo{\n    aspect-ratio:4\/5;\n  }\n\n  .m3-story-copy h2{\n    margin-bottom:17px;\n    font-size:41px;\n  }\n\n  .m3-story-copy p{\n    font-size:13px;\n    line-height:1.75;\n  }\n\n\n  \/* SERVICES *\/\n  .m3-services-grid{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .m3-service{\n    min-height:190px;\n    padding:26px 17px;\n    border-bottom:1px solid var(--line);\n  }\n\n  .m3-service:nth-child(2){\n    border-right:0;\n  }\n\n  .m3-service:nth-child(3),\n  .m3-service:nth-child(4){\n    border-bottom:0;\n  }\n\n  .m3-service>span{\n    margin-bottom:18px;\n    font-size:20px;\n  }\n\n\n  \/* FINAL *\/\n  .m3-final{\n    padding:70px 20px;\n  }\n\n  .m3-final h2{\n    font-size:43px;\n  }\n}\n\n\n\/* ============================================================\n   PETIT MOBILE\n============================================================ *\/\n\n@media(max-width:390px){\n\n  .m3-hero-copy h1{\n    font-size:47px;\n  }\n\n  .m3-hero-actions{\n    flex-direction:column;\n  }\n\n  .m3-hero-actions .m3-btn{\n    width:100%;\n  }\n\n  .m3-product{\n    flex-basis:84%;\n  }\n\n  .m3-services-grid{\n    grid-template-columns:1fr;\n  }\n\n  .m3-service{\n    border-right:0;\n    border-bottom:1px solid var(--line)!important;\n  }\n\n  .m3-service:last-child{\n    border-bottom:0!important;\n  }\n}\n\n\n\/* ============================================================\n   ACCESSIBILIT\u00c9 \/ STABILIT\u00c9\n============================================================ *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .m3-home *,\n  .m3-home *::before,\n  .m3-home *::after{\n    scroll-behavior:auto!important;\n    transition:none!important;\n    animation:none!important;\n  }\n}\n<\/style>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>MARENO \u00b7 COLLECTION 2026 L\u2019\u00e9l\u00e9ganceau quotidien. Un vestiaire moderne pour elle et pour lui, pens\u00e9 autour de lignes sobres, de belles proportions et de couleurs faciles \u00e0 porter. D\u00e9couvrir Femme D\u00e9couvrir Homme D\u00c9COUVRIR LA MAISON MARENO Une mode moderne. Une allure qui reste. MARENO imagine un vestiaire contemporain aux lignes nettes, aux tons intemporels et [&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-13","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\/13","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=13"}],"version-history":[{"count":6,"href":"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":640,"href":"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-json\/wp\/v2\/pages\/13\/revisions\/640"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/ecommerce\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}