<!doctype html>
<html
  class="no-js"
  lang="fr"
>
  <head>
    <link
      rel="expect"
      href="#MainContent"
      blocking="render"
      id="view-transition-render-blocker"
    ><meta charset="utf-8">
<meta
  http-equiv="X-UA-Compatible"
  content="IE=edge"
>
<meta
  name="viewport"
  content="width=device-width,initial-scale=1"
>
<meta
  name="view-transition"
  content="same-origin"
>
<meta
  name="theme-color"
  content=""
>

<meta
  property="og:site_name"
  content="Olivier Lecocq"
>
<meta
  property="og:url"
  content="https://olivierlecocq.com/"
>
<meta
  property="og:title"
  content="Olivier Lecocq"
>
<meta
  property="og:type"
  content="website"
>
<meta
  property="og:description"
  content="Olivier Lecocq"
><meta
  name="twitter:card"
  content="summary_large_image"
>
<meta
  name="twitter:title"
  content="Olivier Lecocq"
>
<meta
  name="twitter:description"
  content="Olivier Lecocq"
>

<title>
  Olivier Lecocq
</title>

<link
  rel="canonical"
  href="https://olivierlecocq.com/"
>


<link href="//olivierlecocq.com/cdn/shop/t/1/assets/overflow-list.css?v=168694168152117541881761221004" as="style" rel="preload">
<link href="//olivierlecocq.com/cdn/shop/t/1/assets/base.css?v=152521323313952980241761221004" rel="stylesheet" type="text/css" media="all" />

<link
    rel="preload"
    as="font"
    href="//olivierlecocq.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//olivierlecocq.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//olivierlecocq.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  >
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
  {
    "imports": {
      "@theme/critical": "//olivierlecocq.com/cdn/shop/t/1/assets/critical.js?v=169402557219780209121761221004",
      "@theme/product-title": "//olivierlecocq.com/cdn/shop/t/1/assets/product-title-truncation.js?v=81744426891537421781761221004",
      "@theme/component": "//olivierlecocq.com/cdn/shop/t/1/assets/component.js?v=74239122572524296041761221005",
      "@theme/dialog": "//olivierlecocq.com/cdn/shop/t/1/assets/dialog.js?v=122984339961420548111761221004",
      "@theme/events": "//olivierlecocq.com/cdn/shop/t/1/assets/events.js?v=59172389608566392641761221003",
      "@theme/focus": "//olivierlecocq.com/cdn/shop/t/1/assets/focus.js?v=60436577539430446401761221004",
      "@theme/morph": "//olivierlecocq.com/cdn/shop/t/1/assets/morph.js?v=92630016404903954311761221004",
      "@theme/paginated-list": "//olivierlecocq.com/cdn/shop/t/1/assets/paginated-list.js?v=95298315036233333871761221004",
      "@theme/performance": "//olivierlecocq.com/cdn/shop/t/1/assets/performance.js?v=171015751390534793081761221003",
      "@theme/product-form": "//olivierlecocq.com/cdn/shop/t/1/assets/product-form.js?v=121223240116155512031761221003",
      "@theme/recently-viewed-products": "//olivierlecocq.com/cdn/shop/t/1/assets/recently-viewed-products.js?v=94729125001750262651761221004",
      "@theme/scrolling": "//olivierlecocq.com/cdn/shop/t/1/assets/scrolling.js?v=10957690925586738441761221005",
      "@theme/section-renderer": "//olivierlecocq.com/cdn/shop/t/1/assets/section-renderer.js?v=117273408521114569061761221004",
      "@theme/section-hydration": "//olivierlecocq.com/cdn/shop/t/1/assets/section-hydration.js?v=177651605160027701221761221004",
      "@theme/utilities": "//olivierlecocq.com/cdn/shop/t/1/assets/utilities.js?v=2628875420026591481761221004",
      "@theme/variant-picker": "//olivierlecocq.com/cdn/shop/t/1/assets/variant-picker.js?v=76280749947262196151761221004",
      "@theme/media-gallery": "//olivierlecocq.com/cdn/shop/t/1/assets/media-gallery.js?v=111441960308641931071761221003",
      "@theme/quick-add": "//olivierlecocq.com/cdn/shop/t/1/assets/quick-add.js?v=102040698639320169661761221004",
      "@theme/paginated-list-aspect-ratio": "//olivierlecocq.com/cdn/shop/t/1/assets/paginated-list-aspect-ratio.js?v=25254270272143792451761221004",
      "@theme/popover-polyfill": "//olivierlecocq.com/cdn/shop/t/1/assets/popover-polyfill.js?v=119029313658895111201761221004"
    }
  }
</script>



<link
  rel="modulepreload"
  href="//olivierlecocq.com/cdn/shop/t/1/assets/critical.js?v=169402557219780209121761221004"
>

<link
  rel="modulepreload"
  href="//olivierlecocq.com/cdn/shop/t/1/assets/utilities.js?v=2628875420026591481761221004"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//olivierlecocq.com/cdn/shop/t/1/assets/component.js?v=74239122572524296041761221005"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//olivierlecocq.com/cdn/shop/t/1/assets/section-renderer.js?v=117273408521114569061761221004"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//olivierlecocq.com/cdn/shop/t/1/assets/section-hydration.js?v=177651605160027701221761221004"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//olivierlecocq.com/cdn/shop/t/1/assets/morph.js?v=92630016404903954311761221004"
  fetchpriority="low"
>



<link
  rel="modulepreload"
  href="//olivierlecocq.com/cdn/shop/t/1/assets/focus.js?v=60436577539430446401761221004"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//olivierlecocq.com/cdn/shop/t/1/assets/recently-viewed-products.js?v=94729125001750262651761221004"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//olivierlecocq.com/cdn/shop/t/1/assets/scrolling.js?v=10957690925586738441761221005"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//olivierlecocq.com/cdn/shop/t/1/assets/events.js?v=59172389608566392641761221003"
  fetchpriority="low"
>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/popover-polyfill.js?v=119029313658895111201761221004"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/quick-add.js?v=102040698639320169661761221004"
  type="module"
  fetchpriority="low"
></script>

  <script
    src="//olivierlecocq.com/cdn/shop/t/1/assets/cart-discount.js?v=107077853990124422021761221004"
    type="module"
    fetchpriority="low"
  ></script>

<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/dialog.js?v=122984339961420548111761221004"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/variant-picker.js?v=76280749947262196151761221004"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/product-card.js?v=84089801565227384841761221004"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/product-form.js?v=121223240116155512031761221003"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/accordion-custom.js?v=99000499017714805851761221004"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/disclosure-custom.js?v=168050880623268140331761221004"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/media.js?v=37825095869491791421761221004"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/product-price.js?v=30079423257668675401761221003"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/product-title-truncation.js?v=81744426891537421781761221004"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/product-inventory.js?v=16343734458933704981761221003"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/show-more.js?v=94563802205717136101761221004"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/slideshow.js?v=174196859041972252411761221005"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/anchored-popover.js?v=95953304814728754461761221004"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/floating-panel.js?v=128677600744947036551761221004"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/video-background.js?v=25237992823806706551761221004"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/component-quantity-selector.js?v=139522331572640643951761221004"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/media-gallery.js?v=111441960308641931071761221003"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/rte-formatter.js?v=101420294193111439321761221004"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/gift-card-recipient-form.js?v=129634859299628245901761221004"
  type="module"
  fetchpriority="low"
></script>







<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/auto-close-details.js?v=58350291535404441581761221004"
  defer="defer"
></script>

<script>
  const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
  const Theme = {
    placeholders: {
      general: [
        `${basePath}/general-1.png`,
        `${basePath}/general-2.png`,
        `${basePath}/general-3.png`,
        `${basePath}/general-4.png`,
        `${basePath}/general-5.png`,
        `${basePath}/general-6.png`,
        `${basePath}/general-7.png`,
      ],
      product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
    },
    translations: {
      placeholder_image: `Image du paramètre fictif`,
      added: `Ajouté`,
      recipient_form_fields_visible: `Les champs du formulaire de destinataire sont désormais visibles`,
      recipient_form_fields_hidden: `Les champs du formulaire de destinataire sont désormais masqués`,
      recipient_form_error: `La soumission du formulaire présentait une erreur`,
    },
    routes: {
      cart_add_url: '/cart/add.js',
      cart_change_url: '/cart/change',
      cart_update_url: '/cart/update',
      cart_url: '/cart',
      predictive_search_url: '/search/suggest',
      search_url: '/search',
    },
    template: {
      name: 'index',
    },
  };
</script>
<style data-shopify>


  @font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//olivierlecocq.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
       url("//olivierlecocq.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
}

  @font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//olivierlecocq.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
       url("//olivierlecocq.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
}

  @font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//olivierlecocq.com/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
       url("//olivierlecocq.com/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
}

  @font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//olivierlecocq.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
       url("//olivierlecocq.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
}


  


    @font-face {
  font-family: Inter;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("//olivierlecocq.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"),
       url("//olivierlecocq.com/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff");
}

    @font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//olivierlecocq.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
       url("//olivierlecocq.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
}

    @font-face {
  font-family: Inter;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("//olivierlecocq.com/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"),
       url("//olivierlecocq.com/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff");
}

    @font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//olivierlecocq.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
       url("//olivierlecocq.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
}

  

  


    
    
    
    
  

  


    @font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//olivierlecocq.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
       url("//olivierlecocq.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
}

    @font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//olivierlecocq.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
       url("//olivierlecocq.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
}

    @font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//olivierlecocq.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
       url("//olivierlecocq.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
}

    @font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//olivierlecocq.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
       url("//olivierlecocq.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
}

  

  :root {
    /* Page Layout */
    --sidebar-width: 25rem;
    --narrow-content-width: 36rem;
    --normal-content-width: 42rem;
    --wide-content-width: 46rem;
    --narrow-page-width: 90rem;
    --normal-page-width: 120rem;
    --wide-page-width: 150rem;

    /* Section Heights */
    --section-height-small: 15rem;
    --section-height-medium: 25rem;
    --section-height-large: 35rem;

    @media screen and (min-width: 40em) {
      --section-height-small: 40svh;
      --section-height-medium: 55svh;
      --section-height-large: 70svh;
    }

    @media screen and (min-width: 60em) {
      --section-height-small: 50svh;
      --section-height-medium: 65svh;
      --section-height-large: 80svh;
    }

    /* Letter spacing */
    --letter-spacing-sm: 0.06em;
    --letter-spacing-md: 0.13em;

    /* Font families */
    --font-body--family: Inter, sans-serif;
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: Inter, sans-serif;
    --font-subheading--style: normal;
    --font-subheading--weight: 500;
    --font-heading--family: "New York", Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --font-heading--style: normal;
    --font-heading--weight: 400;
    --font-accent--family: Inter, sans-serif;
    --font-accent--style: normal;
    --font-accent--weight: 700;

    /* Margin sizes */
    --font-h1--spacing: 0.25em;
    --font-h2--spacing: 0.25em;
    --font-h3--spacing: 0.25em;
    --font-h4--spacing: 0.25em;
    --font-h5--spacing: 0.25em;
    --font-h6--spacing: 0.25em;
    --font-paragraph--spacing: 0.5em;

    /* Heading colors */
    --font-h1--color: var(--color-foreground-heading);
    --font-h2--color: var(--color-foreground-heading);
    --font-h3--color: var(--color-foreground-heading);
    --font-h4--color: var(--color-foreground-heading);
    --font-h5--color: var(--color-foreground-heading);
    --font-h6--color: var(--color-foreground-heading);

    /** Z-Index / Layering */
    --layer-section-background: -2;
    --layer-lowest: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-heightened: 4;
    --layer-sticky: 8;
    --layer-window-overlay: 10;
    --layer-header-menu: 12;
    --layer-overlay: 16;
    --layer-menu-drawer: 18;
    --layer-temporary: 20;

    /* Max-width / Measure */
    --max-width--body-normal: 50ch;
    --max-width--body-narrow: 35ch;

    --max-width--heading-normal: 50ch;
    --max-width--heading-narrow: 30ch;

    --max-width--display-normal: 20ch;
    --max-width--display-narrow: 15ch;
    --max-width--display-tight: 5ch;

    /* Letter-spacing / Tracking */
    --letter-spacing--display-tight: -0.03em;
    --letter-spacing--display-normal: 0em;
    --letter-spacing--display-loose: 0.03em;

    --letter-spacing--heading-tight: -0.03em;
    --letter-spacing--heading-normal: 0em;
    --letter-spacing--heading-loose: 0.03em;

    --letter-spacing--body-tight: -0.03em;
    --letter-spacing--body-normal: 0em;
    --letter-spacing--body-loose: 0.03em;

    /* Line height / Leading */
    --line-height: 1;

    --line-height--display-tight: 1;
    --line-height--display-normal: 1.1;
    --line-height--display-loose: 1.2;

    --line-height--heading-tight: 1.15;
    --line-height--heading-normal: 1.25;
    --line-height--heading-loose: 1.35;

    --line-height--body-tight: 1.2;
    --line-height--body-normal: 1.4;
    --line-height--body-loose: 1.6;

    /* Typography presets */
    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(2.75rem, 4.8vw, 3.0rem);--font-size--h2: 2.5rem;--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.875rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);

    /* Hardcoded font sizes */
    --font-size--2xs: 0.625rem;
    --font-size--xs: 0.8125rem;
    --font-size--sm: 0.875rem;
    --font-size--md: 1rem;
    --font-size--lg: 1.125rem;
    --font-size--xl: 1.25rem;
    --font-size--2xl: 1.5rem;
    --font-size--3xl: 2rem;
    --font-size--4xl: 2.5rem;
    --font-size--5xl: 3rem;
    --font-size--6xl: 3.5rem;

    /* Menu font sizes */
    --menu-font-sm--size: 0.875rem;
    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
    --menu-font-md--size: 1rem;
    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
    --menu-font-lg--size: 1.125rem;
    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
    --menu-font-xl--size: 1.25rem;
    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
    --menu-font-2xl--size: 1.75rem;
    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));

    /* Colors */
    --color-error: #8B0000;
    --color-success: #006400;
    --color-white: #FFFFFF;
    --color-white-rgb: 255 255 255;
    --color-black: #000000;
    --color-instock: #3ED660;
    --color-lowstock: #EE9441;
    --color-outofstock: #C8C8C8;

    /* Opacity */
    --opacity-5: 0.05;
    --opacity-8: 0.08;
    --opacity-10: 0.1;
    --opacity-15: 0.15;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-85: 0.85;
    --opacity-90: 0.9;
    --opacity-subdued-text: var(--opacity-70);

    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);

    /* Spacing */
    --margin-3xs: 0.125rem;
    --margin-2xs: 0.3rem;
    --margin-xs: 0.5rem;
    --margin-sm: 0.7rem;
    --margin-md: 0.8rem;
    --margin-lg: 1rem;
    --margin-xl: 1.25rem;
    --margin-2xl: 1.5rem;
    --margin-3xl: 1.75rem;
    --margin-4xl: 2rem;
    --margin-5xl: 3rem;
    --margin-6xl: 5rem;

    --scroll-margin: 50px;

    --padding-3xs: 0.125rem;
    --padding-2xs: 0.25rem;
    --padding-xs: 0.5rem;
    --padding-sm: 0.7rem;
    --padding-md: 0.8rem;
    --padding-lg: 1rem;
    --padding-xl: 1.25rem;
    --padding-2xl: 1.5rem;
    --padding-3xl: 1.75rem;
    --padding-4xl: 2rem;
    --padding-5xl: 3rem;
    --padding-6xl: 4rem;

    --gap-3xs: 0.125rem;
    --gap-2xs: 0.3rem;
    --gap-xs: 0.5rem;
    --gap-sm: 0.7rem;
    --gap-md: 0.9rem;
    --gap-lg: 1rem;
    --gap-xl: 1.25rem;
    --gap-2xl: 2rem;
    --gap-3xl: 3rem;

    --spacing-scale-sm: 0.6;
    --spacing-scale-md: 0.7;
    --spacing-scale-default: 1.0;

    /* Checkout buttons gap */
    --checkout-button-gap: 10px;

    /* Borders */
    --style-border-width: 1px;
    --style-border-radius-xs: 0.2rem;
    --style-border-radius-sm: 0.6rem;
    --style-border-radius-md: 0.8rem;
    --style-border-radius-50: 50%;
    --style-border-radius-lg: 1rem;
    --style-border-radius-pills: 40px;
    --style-border-radius-inputs: 4px;
    --style-border-radius-buttons-primary: 14px;
    --style-border-radius-buttons-secondary: 14px;
    --style-border-width-primary: 0px;
    --style-border-width-secondary: 1px;
    --style-border-width-inputs: 1px;
    --style-border-radius-popover: 14px;
    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-swatch-opacity: 10%;
    --style-border-swatch-width: 1px;
    --style-border-swatch-style: solid;

    /* Animation */
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
    --animation-speed-fast: 0.0625s;
    --animation-speed: 0.125s;
    --animation-speed-slow: 0.2s;
    --animation-speed-medium: 0.15s;
    --animation-easing: ease-in-out;
    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --drawer-animation-speed: 0.2s;
    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
    --animation-values: var(--animation-speed) var(--animation-easing);
    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);

    /* View transitions */
    /* View transition old */
    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;

    /* View transition new */
    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;

    /* Focus */
    --focus-outline-width: 0.09375rem;
    --focus-outline-offset: 0.2em;

    /* Badges */
    --badge-blob-padding-block: 1px;
    --badge-blob-padding-inline: 12px 8px;
    --badge-rectangle-padding-block: 1px;
    --badge-rectangle-padding-inline: 6px;
    @media screen and (min-width: 750px) {
      --badge-blob-padding-block: 4px;
      --badge-blob-padding-inline: 16px 12px;
      --badge-rectangle-padding-block: 4px;
      --badge-rectangle-padding-inline: 10px;
    }

    /* Icons */
    --icon-size-2xs: 0.6rem;
    --icon-size-xs: 0.85rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.375rem;
    --icon-size-lg: 1.5rem;
    --icon-stroke-width: 1.5px;

    /* Input */
    --input-email-min-width: 200px;
    --input-search-max-width: 650px;
    --input-padding-y: 0.8rem;
    --input-padding-x: 0.8rem;
    --input-padding: var(--input-padding-y) var(--input-padding-x);
    --input-box-shadow-width: var(--style-border-width-inputs);
    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --input-textarea-min-height: 55px;

    /* Button size */
    --button-size-sm: 30px;
    --button-size-md: 36px;
    --button-size: var(--minimum-touch-target);
    --button-padding-inline: 24px;
    --button-padding-block: 16px;

    /* Button font-family */
    --button-font-family-primary: var(--font-body--family);
    --button-font-family-secondary: var(--font-body--family);

    /* Button text case */
    --button-text-case: ;
    --button-text-case-primary: default;
    --button-text-case-secondary: default;

    /* Borders */
    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
    --border-width-sm: 1px;
    --border-width-md: 2px;
    --border-width-lg: 5px;

    /* Drawers */
    --drawer-inline-padding: 25px;
    --drawer-menu-inline-padding: 2.5rem;
    --drawer-header-block-padding: 20px;
    --drawer-content-block-padding: 10px;
    --drawer-header-desktop-top: 0rem;
    --drawer-padding: calc(var(--padding-sm) + 7px);
    --drawer-height: 100dvh;
    --drawer-width: 95vw;
    --drawer-max-width: 500px;

    /* Variant Picker Swatches */
    --variant-picker-swatch-width-unitless: 34;
    --variant-picker-swatch-height-unitless: 34;
    --variant-picker-swatch-width: 34px;
    --variant-picker-swatch-height: 34px;
    --variant-picker-swatch-radius: 32px;
    --variant-picker-border-width: 1px;
    --variant-picker-border-style: solid;
    --variant-picker-border-opacity: 10%;

    /* Variant Picker Buttons */
    --variant-picker-button-radius: 14px;
    --variant-picker-button-border-width: 1px;

    /* Slideshow */
    --slideshow-controls-size: 3.5rem;
    --slideshow-controls-icon: 2rem;
    --peek-next-slide-size: 3rem;

    /* Utilities */
    --backdrop-opacity: 0.15;
    --backdrop-color-rgb: var(--color-shadow-rgb);
    --minimum-touch-target: 44px;
    --disabled-opacity: 0.5;
    --skeleton-opacity: 0.025;

    /* Shapes */
    --shape--circle: circle(50% at center);
    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);

    /* Buy buttons */
    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));

    /* Card image width and height variables */
    --card-width-small: 10rem;

    --height-small: 10rem;
    --height-medium: 11.5rem;
    --height-large: 13rem;
    --height-full: 100vh;

    @media screen and (min-width: 750px) {
      --height-small: 17.5rem;
      --height-medium: 21.25rem;
      --height-large: 25rem;
    }

    /* Modal */
    --modal-max-height: 65dvh;

    /* Card styles for search */
    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));

    /* Cart */
    --cart-primary-font-family: var(--font-body--family);
    --cart-primary-font-style: var(--font-body--style);
    --cart-primary-font-weight: var(--font-body--weight);
    --cart-secondary-font-family: var(--font-secondary--family);
    --cart-secondary-font-style: var(--font-secondary--style);
    --cart-secondary-font-weight: var(--font-secondary--weight);
  }
</style>
<style data-shopify>
  
    
      :root,
    
    
    
    .color-scheme-1 {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 1.0);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(0 0 0 / 0.06);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(244 216 227 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.78);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(223 223 223 / 1.0);
        --color-input-hover-background: rgb(0 0 0 / 0.01);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.13);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-2 {
        --color-background: rgb(247 246 207 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 247 246 207;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(255 255 255 / 1.0);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(223 223 223 / 1.0);
        --color-border-rgb: 223 223 223;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
        --color-input-background: rgb(0 0 0 / 0.0);
        --color-input-text: rgb(0 0 0 / 0.53);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.13);
        --color-input-hover-background: rgb(255 255 255 / 0.36);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-3 {
        --color-background: rgb(238 241 234 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 238 241 234;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(0 0 0 / 0.81);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
        --color-input-background: rgb(0 0 0 / 0.0);
        --color-input-text: rgb(0 0 0 / 0.81);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.81);
        --color-input-hover-background: rgb(255 255 255 / 0.36);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-4 {
        --color-background: rgb(225 237 245 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 225 237 245;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(29 54 134 / 0.5);
        --color-border-rgb: 29 54 134;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(29 54 134 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
        --color-input-background: rgb(0 0 0 / 0.0);
        --color-input-text: rgb(0 0 0 / 0.81);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.81);
        --color-input-hover-background: rgb(255 255 255 / 0.36);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-5 {
        --color-background: rgb(51 51 51 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 51 51 51;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(255 255 255 / 0.69);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(255 255 255 / 0.69);
        --color-border-rgb: 255 255 255;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(244 216 227 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(255 255 255 / 0.69);
        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
        --color-input-background: rgb(51 51 51 / 1.0);
        --color-input-text: rgb(255 255 255 / 0.93);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(255 255 255 / 0.69);
        --color-input-hover-background: rgb(255 255 255 / 0.04);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-6 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(255 255 255 / 0.69);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 0.53);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.13);
        --color-input-hover-background: rgb(250 250 250 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
        --color-background: rgb(244 216 227 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 244 216 227;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 1.0);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 0.53);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 0.53);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.13);
        --color-input-hover-background: rgb(250 250 250 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  

  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }
</style>


    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="c5DQNpTcsk5U4vTygUrKedGAh9it6WA9-yny6OFvCoM">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/93302423932/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="afb7ff2aaaea46ae0325fd76e6094850">
<meta id="in-context-paypal-metadata" data-shop-id="93302423932" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-FR&shop_id=93302423932" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":93302423932,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/93302423932","merchantName":"Olivier Lecocq","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Olivier Lecocq","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"afb7ff2aaaea46ae0325fd76e6094850","betas":["rich-media-storefront-analytics"],"domain":"olivierlecocq.com","predictiveSearch":true,"shopId":93302423932,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "x0npcw-ch.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Horizon","id":182711746940,"schema_name":"Horizon","schema_version":"3.0.1","theme_store_id":2481,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "olivierlecocq.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//olivierlecocq.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
<script type="module">
  await import("//olivierlecocq.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true,"transferSessionEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"avatar":["modules/v2/loader.avatar.fr.esm.js"],"listener":["modules/v2/loader.listener.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"]};
</script>
<script id="__st">var __st={"a":93302423932,"offset":7200,"reqid":"65c19ee1-b914-4b2e-99e4-1f72401de89e-1781134925","pageurl":"olivierlecocq.com\/index.css","u":"4f1244c9b946","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//olivierlecocq.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//olivierlecocq.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-MrpR+SbfwphjsvuxKsSWA5xxY07P36eahsNLLXSgEwo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-c173577b.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://olivierlecocq.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.fr.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script id='scb4127' type='text/javascript' async='' src='https://olivierlecocq.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://olivierlecocq.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<link rel="stylesheet" media="screen" href="//olivierlecocq.com/cdn/shop/t/1/compiled_assets/styles.css?v=137788182756475723631761221022">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 93302423932,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 93302423932,storefrontBaseUrl: "https://olivierlecocq.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","f36ec97b","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"2589655420","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"GT-NBQCWRFG\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"MC-R9RDCHDM8Z\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"MC-R9RDCHDM8Z\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"MC-R9RDCHDM8Z\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a8028b6de9aee4a1a0f080961b8700a8","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Olivier Lecocq","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"x0npcw-ch.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/olivierlecocq.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"15665030037884","handle":"cristal-gel-jambes","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"55900747071868","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15665027383676","handle":"serum-ultime","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"55900743401852","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15665025220988","handle":"serum-celeste","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"55900740649340","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15665020371324","handle":"serum-relax","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"55900709192060","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15665009131900","handle":"olympe-baume","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"55900698411388","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15664428941692","handle":"unique-elixir-huile-oil","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"55899086422396","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15664428581244","handle":"unique-elixir-creme-cream","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"55899085472124","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15664432316796","handle":"cristal-gommage-scrub","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"55899128627580","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null,"page":{"pageType":"home","resourceId":null}},},"https://olivierlecocq.com/cdn","b0f5da9cw88b94666p78c84aa4m7db6ca8b",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"93302423932","storefrontBaseUrl":"https:\/\/olivierlecocq.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"f36ec97b\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"b0f5da9cw88b94666p78c84aa4m7db6ca8b","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'EUR';
  var meta = {"page":{"pageType":"home","requestId":"65c19ee1-b914-4b2e-99e4-1f72401de89e-1781134925"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 93302423932,
      theme_id: 182711746940,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//olivierlecocq.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//olivierlecocq.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//olivierlecocq.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":93302423932,"isMerchantRequest":null,"themeId":182711746940,"themeCityHash":"1876522549159703712","contentLanguage":"fr","currency":"EUR","eventMetadataId":"202e96aa-d9aa-4d6a-8bd1-dfeca6ebed1f"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"65c19ee1-b914-4b2e-99e4-1f72401de89e-1781134925","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//olivierlecocq.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://olivierlecocq.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="93302423932"
  data-render-region="gcp-us-east1"
  data-page-type="index"
  data-theme-instance-id="182711746940"
  data-theme-name="Horizon"
  data-theme-version="3.0.1"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://olivierlecocq.com/api/collect"
></script>
</head>

  <body class="page-width-narrow card-hover-effect-none">
    <a
  class="skip-to-content-link button-secondary"
  href="#MainContent"
>
  Ignorer et passer au contenu
</a>

    <div id="header-group">
      <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--25682334089596__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">



<div class="section-background color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7"></div>
<aside
  class="announcement-bar spacing-style section section--page-width color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7"
  style="--padding-block-start: 15px; --padding-block-end:15px; 
--padding-inline-start:0px; --padding-inline-end:0px; 
; --border-bottom-width: 1px;"
>
  

  <announcement-bar-component
    class="announcement-bar__slider"
    
  >
    

    <div class="announcement-bar__slides">
      
<slideshow-slide
    ref="slides[]"
    class="
      announcement-bar__slide
      text-block
      text-block--AWG5FRzNjdHJZYUtET__announcement_BxgCk9
      text-block--align-center
      text-block--full-width
      custom-typography
      custom-font-size
      
    "
    style="
      
--color: ;--font-size: 0.75rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
      --width: 100%;
      --text-align: center;
      --line-height: 1;
    "
    
    aria-hidden="false"
  >
    <p class="announcement-bar__text">
      Experience multi sensorielle à Paris
    </p>

    
  </slideshow-slide>



    </div>
  </announcement-bar-component>
</aside>




</div><header id="shopify-section-sections--25682334089596__header_section" class="shopify-section shopify-section-group-header-group header-section">



<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Olivier Lecocq",
    
      "logo": "https:\/\/olivierlecocq.com\/cdn\/shop\/files\/LOGO_OLIVIER_LECOCQ_PARIS_FOND_TRANSPARENT.png?v=1761221543\u0026width=500",
    
    "url": "https:\/\/olivierlecocq.com"
  }
</script>

<header-component
  id="header-component"
  class="header"
  
  
    sticky="always"
  
  data-skip-node-update
  data-scroll-direction="none"
><h1 class="visually-hidden">Olivier Lecocq</h1>
    

    

    
    
      <div
        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
        <div class="header__columns spacing-style">
          <div
      class="header__column header__column--left"
      data-testid="header-top-left"
    >
      
        
          
              



    <div
      class="header__drawer desktop:hidden"
      ref="headerDrawerContainer"
      
    >
      

<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/header-drawer.js?v=160607022407653843031761221004"
  type="module"
  fetchpriority="low"
></script>

<header-drawer
  class="header-drawer header__drawer--mobile"
  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
  <details
    id="Details-menu-drawer-container"
    data-skip-node-update="true"
    class="menu-drawer-container"
    ref="details"
    scroll-lock
  >
    <summary
      class="header__icon header__icon--menu header__icon--summary"
      aria-label="Menu"
      on:click="/toggle"
    >
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
    </summary>
    <div
      data-header-drawer
      class="
        menu-drawer
        motion-reduce
        color-scheme-1
      "
    >
      <button
        class="button button-unstyled close-button menu-drawer__close-button"
        type="button"
        aria-label="Fermer"
        on:click="/close"
      >
        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>
      <nav
        class="menu-drawer__navigation"
        style="--menu-top-level-font-family: var(--font-body--family);
--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;

  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
  var(--menu-font-2xl--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);

--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
none;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
none;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  

        "
      >
        <ul
          class="menu-drawer__menu has-submenu"
          role="list"
        >
            
            

              <li
                style="--menu-drawer-animation-index: 1;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-accueil"
                    href="/"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Accueil</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 2;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-mes-instituts-a-paris"
                    href="/pages/prendre-rendez-vous"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Mes instituts à paris</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 3;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-produits-de-soins"
                    href="/collections/nos-produits"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Produits de soins</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 4;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-mon-histoire"
                    href="/pages/a-propos-de-nous"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Mon histoire</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 5;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-presse"
                    href="/pages/presse"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Presse</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 6;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-contact"
                    href="/pages/contact-1"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Contact</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 7;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-carte-cadeau"
                    href="/products/carte-cadeau-electronique"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Carte cadeau</span>
                  </a>
                
              </li>
        </ul>
      </nav>
      <div
        class="menu-drawer__utility-links menu-drawer__animated-element"
        style="--menu-drawer-animation-index: 7;"
      >
        
        </div>

      
    </div>
    <div
      class="menu-drawer__backdrop"
      on:click="header-drawer/close"
    ></div>
  </details>
</header-drawer>



    </div>

  





            
        
      
        
          
              
  <search-button class="search-action desktop:hidden">
    <button
      on:click="#search-modal/showDialog"
      class="button button-unstyled search-modal__button header-actions__action"
      aria-label="Rechercher"
      aria-haspopup="dialog"
    >
      <span
        aria-hidden="true"
        class="svg-wrapper"
      >
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              




<a
  
  href="/"
  class="size-style spacing-style header-logo"
  style="
    --size-style-width: ;--size-style-height: ;
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --font-family: var(--font-body--family);
    --font-style: var(--font-body--style);
    --font-weight: 600;
  "
  
>
  

  <span
    class="header-logo__image-container header-logo__image-container--original"
    data-testid="header-logo"
  >
    
  
  
  

  

  

  

  <img src="//olivierlecocq.com/cdn/shop/files/LOGO_OLIVIER_LECOCQ_PARIS_FOND_TRANSPARENT.png?height=36&amp;v=1761221543" alt="" width="118" height="36" class="header-logo__image" srcset="//olivierlecocq.com/cdn/shop/files/LOGO_OLIVIER_LECOCQ_PARIS_FOND_TRANSPARENT.png?height=36&amp;v=1761221543 1x, //olivierlecocq.com/cdn/shop/files/LOGO_OLIVIER_LECOCQ_PARIS_FOND_TRANSPARENT.png?height=72&amp;v=1761221543 2x, //olivierlecocq.com/cdn/shop/files/LOGO_OLIVIER_LECOCQ_PARIS_FOND_TRANSPARENT.png?height=108&amp;v=1761221543 3x" style="--header-logo-image-width: 118px;--header-logo-image-width-mobile: 92px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">


  </span>

  
</a>





            
        
      
        
          
              



    <header-menu
      ref="headerMenu"
      class="header-menu mobile:hidden"
      data-animation-delay="200"
      
      style="--submenu-animation-speed: 200ms;"
    >
      <div class="header-menu__inner">



<nav header-menu>
  <div
    class="menu-list"
    style="--menu-top-level-font-family: var(--font-body--family);
--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;

  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
  var(--menu-font-sm--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
"
  >
    
    <overflow-list
  
    ref="overflowMenu"
  
  
    class="overflow-menu color-scheme-matches-parent"
  
  
    minimum-items="2"
  
  
    defer
  
>
  <template shadowrootmode="open">
    <link href="//olivierlecocq.com/cdn/shop/t/1/assets/overflow-list.css?v=168694168152117541881761221004" rel="stylesheet" type="text/css" media="all" />

    <ul part="list">
      <slot></slot>
      <slot
        name="more"
        part="more"
        hidden
        
      >
        <li
          part="more"
        >
          <button
            class="button"
            type="button"
            tabindex="0"
          >
            Plus
          </button>
        </li>
      </slot>
      <li
        part="placeholder"
        hidden
      ></li>
    </ul>

    <div part="overflow">
      <ul part="overflow-list">
        <slot name="overflow"></slot>
      </ul>
    </div>
  </template>

  
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="/"
        data-skip-node-update="true"
        class="menu-list__link"ref="menuitem"
      >
        <span class="menu-list__link-title">Accueil</span>
      </a></li>
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="/pages/prendre-rendez-vous"
        data-skip-node-update="true"
        class="menu-list__link"ref="menuitem"
      >
        <span class="menu-list__link-title">Mes instituts à paris</span>
      </a></li>
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="/collections/nos-produits"
        data-skip-node-update="true"
        class="menu-list__link"ref="menuitem"
      >
        <span class="menu-list__link-title">Produits de soins</span>
      </a></li>
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="/pages/a-propos-de-nous"
        data-skip-node-update="true"
        class="menu-list__link"ref="menuitem"
      >
        <span class="menu-list__link-title">Mon histoire</span>
      </a></li>
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="/pages/presse"
        data-skip-node-update="true"
        class="menu-list__link"ref="menuitem"
      >
        <span class="menu-list__link-title">Presse</span>
      </a></li>
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="/pages/contact-1"
        data-skip-node-update="true"
        class="menu-list__link"ref="menuitem"
      >
        <span class="menu-list__link-title">Contact</span>
      </a></li>
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="/products/carte-cadeau-electronique"
        data-skip-node-update="true"
        class="menu-list__link"ref="menuitem"
      >
        <span class="menu-list__link-title">Carte cadeau</span>
      </a></li>
  
  <li
    class="menu-list__list-item"
    role="presentation"
    slot="more"
    on:focus="/activate"
    on:blur="/deactivate"
    on:pointerenter="/activate"
    on:pointerleave="/deactivate"
  >
    <button role="menuitem" class="button menu-list__link button-unstyled">
      <span class="menu-list__link-title">Plus</span>
    </button>
  </li>

</overflow-list>

  </div>
</nav>

      </div>

      <script
        src="//olivierlecocq.com/cdn/shop/t/1/assets/header-menu.js?v=98986771878453457241761221004"
        type="module"
        fetchpriority="low"
      ></script>
    </header-menu>






            
        
      
    </div><div
      class="header__column header__column--right"
      data-testid="header-top-right"
    >
      
        
          
              
            
        
      
        
          
              
  <search-button class="search-action mobile:hidden">
    <button
      on:click="#search-modal/showDialog"
      class="button button-unstyled search-modal__button header-actions__action"
      aria-label="Rechercher"
      aria-haspopup="dialog"
    >
      <span
        aria-hidden="true"
        class="svg-wrapper"
      >
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              <script
  type="module"
  src="//olivierlecocq.com/cdn/shop/t/1/assets/cart-icon.js?v=14733679814066288171761221004"
  fetchpriority="low"
></script>

<header-actions>
  
    <anchored-popover-component
  data-close-on-resize="true"
  class="account-popover mobile:hidden"
>
  <button
  class="account-button header-actions__action"
  aria-label="Compte"
  aria-haspopup="dialog"popovertarget="account-popover"
    popovertargetaction="toggle"ref="trigger"
  
><span
      class="account-button__icon"
      aria-hidden="true"
    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>



  <div
    class="account-popover__panel details-content color-scheme-1"
    id="account-popover"
    popover="auto"
    ref="popover"
  >
    <div class="account-actions">
  <div class="account-actions__main-menu">
    <header class="account-actions__header">
      <h2
        id="account-drawer-heading"
        class="account-actions__title h5"
      >
        
          Compte
        
      </h2>
      
    </header>

    
      <div
        class="account-actions__sign-ins"
        data-skip-subtree-update="true"
      >
        <script
          src="//olivierlecocq.com/cdn/shop/t/1/assets/account-login-actions.js?v=132624473766457443991761221004"
          type="module"
          fetchpriority="low"
        ></script>
        <account-login-actions class="account-actions__shop-login">
          <script defer="defer" async type="module" src="//olivierlecocq.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.fr.esm.js"></script>
<script type="module">
  await import("//olivierlecocq.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.fr.esm.js");

  
</script>

<shop-login-button ux-mode="windoid" return-uri="https://olivierlecocq.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>

        </account-login-actions>

        <a
          href="/customer_authentication/login?return_to=%2Findex.css&locale=fr&ui_hint=full"
          class="account-actions__link button"
        >
          <span class="account-actions__sign-in-text">
            Autres options de connexion
          </span>
          <span class="account-actions__fallback-text">
            Se connecter
          </span>
        </a>
      </div>
    

    <nav class="account-actions__nav">
      <ul class="account-actions__list">
        <li class="account-actions__list-item">
          <a
            href="/account"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
            Commandes
          </a>
        </li>
        <li class="account-actions__list-item">
          <a
            href="/account/addresses"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
            Profil
          </a>
        </li>
      </ul>
    </nav>
  </div>
</div>



  </div>
</anchored-popover-component>



    <script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/dialog.js?v=122984339961420548111761221004"
  type="module"
></script>

<dialog-component
  class="account-drawer"
  
>
  <button
  class="account-button header-actions__action"
  aria-label="Compte"
  aria-haspopup="dialog"ref="trigger"
  on:click="/showDialog"
><span
      class="account-button__icon"
      aria-hidden="true"
    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>



  <dialog
    ref="dialog"
    class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog"
    scroll-lock
    aria-labelledby="account-drawer-heading"
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button button-unstyled close-button account-drawer__close-button"
      aria-label="Fermer la boîte de dialogue"
      autofocus
    >
      <span
        class="svg-wrapper"
        aria-hidden="true"
      ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
    </button>
    <div class="account-actions">
  <div class="account-actions__main-menu">
    <header class="account-actions__header">
      <h2
        id="account-drawer-heading"
        class="account-actions__title h5"
      >
        
          Compte
        
      </h2>
      
    </header>

    
      <div
        class="account-actions__sign-ins"
        data-skip-subtree-update="true"
      >
        <script
          src="//olivierlecocq.com/cdn/shop/t/1/assets/account-login-actions.js?v=132624473766457443991761221004"
          type="module"
          fetchpriority="low"
        ></script>
        <account-login-actions class="account-actions__shop-login">
          <script defer="defer" async type="module" src="//olivierlecocq.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.fr.esm.js"></script>
<script type="module">
  await import("//olivierlecocq.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.fr.esm.js");

  
</script>

<shop-login-button ux-mode="windoid" return-uri="https://olivierlecocq.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>

        </account-login-actions>

        <a
          href="/customer_authentication/login?return_to=%2Findex.css&locale=fr&ui_hint=full"
          class="account-actions__link button"
        >
          <span class="account-actions__sign-in-text">
            Autres options de connexion
          </span>
          <span class="account-actions__fallback-text">
            Se connecter
          </span>
        </a>
      </div>
    

    <nav class="account-actions__nav">
      <ul class="account-actions__list">
        <li class="account-actions__list-item">
          <a
            href="/account"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
            Commandes
          </a>
        </li>
        <li class="account-actions__list-item">
          <a
            href="/account/addresses"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
            Profil
          </a>
        </li>
      </ul>
    </nav>
  </div>
</div>



  </dialog>
</dialog-component>



  

  
    <script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/cart-drawer.js?v=92290163633888904321761221005"
  type="module"
  fetchpriority="low"
></script>

<cart-drawer-component
  class="cart-drawer"
  
  
>
  <button
    class="button header-actions__action button-unstyled"
    on:click="/open"
    aria-haspopup="dialog"
    aria-label="Panier"
    aria-describedby="cart-bubble-text"
    data-testid="cart-drawer-trigger"
  >
    <cart-icon
  class="
    header-actions__cart-icon
    
  "
  data-testid="cart-icon"
>
  <span
    class="svg-wrapper"
    aria-hidden="true"
  >
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>

  </span>

  <div
  ref="cartBubble"
  class="cart-bubble visually-hidden"
  
  
    data-maintain-ratio
  
>
  <span class="cart-bubble__background"></span>
  <span
    ref="cartBubbleText"
    id="cart-bubble-text"
    class="cart-bubble__text"
    
      role="status"
    
  >
    <span class="visually-hidden">Nombre total d’articles dans le panier: 0
    </span>
    <span
      class="cart-bubble__text-count hidden"
      ref="cartBubbleCount"
      aria-hidden="true"
      data-testid="cart-bubble"
    >
0</span>
  </span>
</div>

</cart-icon>



  </button>

  <dialog
    ref="dialog"
    class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
    aria-labelledby="cart-drawer-heading-empty"
    scroll-lock
  >
    <div class="cart-drawer__inner">
      <cart-items-component
        class="cart-items-component"
        data-section-id="sections--25682334089596__header_section"
      ><div class="cart-drawer__header">
            <button
              ref="closeButton"
              on:click="cart-drawer-component/close"
              class="button close-button cart-drawer__close-button button-unstyled"
              aria-label="Fermer la boîte de dialogue"
            >
              <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
            </button>
          </div>

          <div
            class="cart-drawer__content motion-reduce"
            aria-label="Panier"
          >
            <h2
              class="cart-drawer__heading h3 cart-drawer__heading--empty"
              id="cart-drawer-heading-empty"
            >
              Votre panier est vide
            </h2>

            <div class="cart-drawer__items">
              

<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/component-cart-items.js?v=95720873921622680421761221004"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<p>
        Vous possédez un compte ? <a href="https://olivierlecocq.com/customer_authentication/redirect?locale=fr&region_country=FR">Connectez-vous</a> pour payer plus vite.
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      Continuer les achats
    </a></div>



            </div>
          </div></cart-items-component>
    </div>
  </dialog>
</cart-drawer-component>



  
</header-actions>



          
        
      
    </div>
        </div>
      </div>
    
  
    

    

    
    
  

  
</header-component>

<script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/header.js?v=78043468934677320351761221004"
  type="module"
></script>




  <script type="module">
    import { hydrate } from '@theme/section-hydration';
    const url = new URL(window.location.href);
    url.searchParams.delete('page');
    hydrate('sections--25682334089596__header_section', url);
  </script>



</header>
<!-- END sections: header-group -->
    </div>

    <script
      src="//olivierlecocq.com/cdn/shop/t/1/assets/critical.js?v=169402557219780209121761221004"
      type="module"
      async
      blocking="render"
    ></script>

    <main
      id="MainContent"
      class="content-for-layout"
      role="main"
      data-page-transition-enabled="false"
      data-product-transition="false"
      data-template="index"
    >
      <div id="shopify-section-template--25682333270396__ss_scrolling_announcement_bar_X9Pazg" class="shopify-section"><style>
  @font-face {
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//olivierlecocq.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
       url("//olivierlecocq.com/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
}


  .ss-announcement-bar,
  .ss-announcement-bar__message {
    overflow: hidden;
  }
  .ss-announcement-bar:hover {
    opacity: 0.9;
  }
  .ss-announcement-bar__link {
    display: block;
    width: 100%;
    padding: 1rem 0rem;
    text-decoration: none;
    color: var(--text-color);
    line-height:0;
  }
  .ss-announcement-bar__link:hover {
    color: var(--text-color);
  }
  #marq {
    width: 100%;
    border: inset;
    overflow: hidden;
    white-space: nowrap;
    box-shadow: unset;
    border: 0;
    box-shadow: unset;
    border-color: currentcolor;
    vertical-align: middle;
  }
  
  @keyframes marquesina-template--25682333270396__ss_scrolling_announcement_bar_X9Pazg {
    from {
      transform: translateX(-50%);
    }
    to {
      transform: translateX(0%);
    }
  }
  @keyframes marquesina-reverse-template--25682333270396__ss_scrolling_announcement_bar_X9Pazg {
    from {
      transform: translateX(0%);
    }
    to {
      transform: translateX(50%);
    }
  }
  
  .ss-announcement-bar-template--25682333270396__ss_scrolling_announcement_bar_X9Pazg #orig {
    display: inline-block;
    overflow: hidden;
    transform: translate(0);
  }

  .ss-announcement-bar__message {
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 1;
    font-size: 12px;
  }
  #orig.reverse .announcement-bar__message {
    display: flex;
    flex-direction: row-reverse;
  }
  .ss-announcement-bar__message li {

    line-height: 1;
    font-size: 12px;
    display: inline-block;
    padding-right: 114px;
    position: relative;

  }
  .ss-announcement-bar__message li::after {
    content: '';
    width: 3.5px;
    height: 3.5px;
    background-color: var(--text-color);
    background-image: none;
    opacity: 0.3;
    border-radius: 50%;
    position: absolute;
    top: 40%;
    right: 50px;
  }
  @media (max-width: 480px) {
    #marq {
      max-height: 39px;
    }
    .ss-announcement-bar__message li {
      padding-right: 55px;
    }
    .ss-announcement-bar__message li::after {
      right: 25px;
    }
  }
  .ss-announcement-bar-template--25682333270396__ss_scrolling_announcement_bar_X9Pazg #orig {
    animation: marquesina-template--25682333270396__ss_scrolling_announcement_bar_X9Pazg var(--animation-duration, 45s) infinite normal linear 1s;
  }

  .ss-announcement-bar-template--25682333270396__ss_scrolling_announcement_bar_X9Pazg #orig.reverse {
   animation: marquesina-reverse-template--25682333270396__ss_scrolling_announcement_bar_X9Pazg var(--animation-duration, 45s) infinite normal linear 2s;
  }
</style>





<template id="marquee-announcement-bar-template--25682333270396__ss_scrolling_announcement_bar_X9Pazg">
  <div
    class="ss-announcement-bar ss-announcement-bar-template--25682333270396__ss_scrolling_announcement_bar_X9Pazg"
    aria-label="Announcement"
    style="background-color: #c9e3cb; --text-color: #000000; --animation-duration: 90s;"
  >
    <div class="ss-announcement-bar__link">
      <div class="" id="marq">
        <span id="orig">
          <ul class="ss-announcement-bar__message">
            
              
                
                  <li>Soin du corps</li>
                
                  <li>Massage sur mesure</li>
                
                  <li>Massages spécifiques</li>
                
                  <li>Beauté du visage</li>
                
                  <li>Massage en duo tandem</li>
                
              
                
                  <li>Soin du corps</li>
                
                  <li>Massage sur mesure</li>
                
                  <li>Massages spécifiques</li>
                
                  <li>Beauté du visage</li>
                
                  <li>Massage en duo tandem</li>
                
              
                
                  <li>Soin du corps</li>
                
                  <li>Massage sur mesure</li>
                
                  <li>Massages spécifiques</li>
                
                  <li>Beauté du visage</li>
                
                  <li>Massage en duo tandem</li>
                
              
                
                  <li>Soin du corps</li>
                
                  <li>Massage sur mesure</li>
                
                  <li>Massages spécifiques</li>
                
                  <li>Beauté du visage</li>
                
                  <li>Massage en duo tandem</li>
                
              
                
                  <li>Soin du corps</li>
                
                  <li>Massage sur mesure</li>
                
                  <li>Massages spécifiques</li>
                
                  <li>Beauté du visage</li>
                
                  <li>Massage en duo tandem</li>
                
              
                
                  <li>Soin du corps</li>
                
                  <li>Massage sur mesure</li>
                
                  <li>Massages spécifiques</li>
                
                  <li>Beauté du visage</li>
                
                  <li>Massage en duo tandem</li>
                
              
                
                  <li>Soin du corps</li>
                
                  <li>Massage sur mesure</li>
                
                  <li>Massages spécifiques</li>
                
                  <li>Beauté du visage</li>
                
                  <li>Massage en duo tandem</li>
                
              
                
                  <li>Soin du corps</li>
                
                  <li>Massage sur mesure</li>
                
                  <li>Massages spécifiques</li>
                
                  <li>Beauté du visage</li>
                
                  <li>Massage en duo tandem</li>
                
              
                
                  <li>Soin du corps</li>
                
                  <li>Massage sur mesure</li>
                
                  <li>Massages spécifiques</li>
                
                  <li>Beauté du visage</li>
                
                  <li>Massage en duo tandem</li>
                
              
                
                  <li>Soin du corps</li>
                
                  <li>Massage sur mesure</li>
                
                  <li>Massages spécifiques</li>
                
                  <li>Beauté du visage</li>
                
                  <li>Massage en duo tandem</li>
                
              
                
                  <li>Soin du corps</li>
                
                  <li>Massage sur mesure</li>
                
                  <li>Massages spécifiques</li>
                
                  <li>Beauté du visage</li>
                
                  <li>Massage en duo tandem</li>
                
              
                
                  <li>Soin du corps</li>
                
                  <li>Massage sur mesure</li>
                
                  <li>Massages spécifiques</li>
                
                  <li>Beauté du visage</li>
                
                  <li>Massage en duo tandem</li>
                
              

              
                <!-- <li>Soin du corps</li> -->
              
            
          </ul>
        </span>
      </div>
    </div>
  </div>
</template>

<div id="marquee-local-target-template--25682333270396__ss_scrolling_announcement_bar_X9Pazg"></div>

<script>
  window.addEventListener('DOMContentLoaded', (event) => {
    let cssTarget = '';
    let productForm = cssTarget
      ? document.querySelector(cssTarget)
      : document.querySelector('#marquee-local-target-template--25682333270396__ss_scrolling_announcement_bar_X9Pazg');

    if (!productForm) return;

    const templateContent = document.querySelector('#marquee-announcement-bar-template--25682333270396__ss_scrolling_announcement_bar_X9Pazg').content;

    productForm.insertAdjacentElement('beforebegin', templateContent.firstElementChild);

    setTimeout(() => {
      var htmlElement = document.documentElement;

      if (window.getComputedStyle(htmlElement).getPropertyValue('direction') === 'rtl') {
        document.querySelector('#orig').classList.add('reverse');
      }
    }, 1000);
  });
</script>


</div><section id="shopify-section-template--25682333270396__hero_RJjdKa" class="shopify-section hero-wrapper section-wrapper">







<div
  id="Hero-template--25682333270396__hero_RJjdKa"
  class="hero color-scheme-5"
  style="
    --hero-border-style: ;
    --hero-border-width: px;
    --hero-border-opacity: %;
    --blur-opacity: 0.75;
    
       --hero-min-height: 100svh;
    
  "
  
  
>
  

  

  <div
    class="hero__container spacing-style section section--full-width"
    style="      --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));"
  ><div
      class="hero__media-wrapper"
      style="--hero-media-count: 1;--hero-media-aspect-ratio: 0.75;"
    >
      <div
  class="overlay overlay--gradient"
  style="
    --overlay-layer: var(--layer-flat);
    --overlay-color: #000000fa;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top;"
></div>



      

    <img src="//olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.54.08.jpg?v=1761221545&amp;width=3840" srcset="//olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.54.08.jpg?v=1761221545&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.54.08.jpg?v=1761221545&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.54.08.jpg?v=1761221545&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.54.08.jpg?v=1761221545&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.54.08.jpg?v=1761221545&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.54.08.jpg?v=1761221545&amp;width=3840 3840w" width="1536" height="2048" class="hero__image" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="auto">

    </div>
    <div
      class="
        hero__content-wrapper
        layout-panel-flex
        layout-panel-flex--column
        mobile-column
        section-content-wrapper
        full-width
        
      "
      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 16px;

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
    >
      







  <div 
  class=" spacing-style text-block text-block--AaGpXVm1aRnMxbGJhT__text_H7ep9y h1
    
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-narrow);
    
    
  "

  
>
    <h1></h1><h1>OLIVIER LECOCQ</h1>
  </div>














  <rte-formatter 
  class=" spacing-style text-block text-block--ARFErTWtxOVJ3akxNN__text_iig84q rte
     rte 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:32px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-narrow);
    
    
  "

  
>
    <h4>Une expertise reconnue dans l'univers du luxe</h4>
  </rte-formatter>









<a
  
    href="/pages/prendre-rendez-vous"
  
  class="
    size-style
    button
    button--AM3ZuK3FEZ2p6WHJIc__button_cwnWXm
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Reserver votre soin
</a>






    </div>
  </div>
</div>




</section><div id="shopify-section-template--25682333270396__section_z9ECV7" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    
      --section-min-height: 0svh;
    

    
     --section-preview-height: 600px;
     
  "
>
  <div class="custom-section-background">
    

  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 25px));

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
      "
      data-testid="section-content"
    >
      
  







  <rte-formatter 
  class=" spacing-style text-block text-block--AR1RMVldQL2I1bGc5W__text_x8CDTq rte
     rte 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <h3> 5 ADRESSES POUR SE RESSOURCER A PARIS</h3>
  </rte-formatter>





















    </div>
  </div>
</div>





</div><section id="shopify-section-template--25682333270396__hero_CQtR7X" class="shopify-section hero-wrapper section-wrapper">







<div
  id="Hero-template--25682333270396__hero_CQtR7X"
  class="hero color-scheme-5"
  style="
    --hero-border-style: ;
    --hero-border-width: px;
    --hero-border-opacity: %;
    --blur-opacity: 0.75;
    
      --hero-min-height: var(--section-height-medium);
    
  "
  
  
>
  

  

  <div
    class="hero__container spacing-style section section--full-width"
    style="      --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));"
  ><div
      class="hero__media-wrapper"
      style="--hero-media-count: 1;--hero-media-aspect-ratio: 1.25;"
    >
      <div
  class="overlay overlay--gradient"
  style="
    --overlay-layer: var(--layer-flat);
    --overlay-color: #000000;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top;"
></div>



      

    <img src="//olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.51.41_3.jpg?v=1761221546&amp;width=3840" srcset="//olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.51.41_3.jpg?v=1761221546&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.51.41_3.jpg?v=1761221546&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.51.41_3.jpg?v=1761221546&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.51.41_3.jpg?v=1761221546&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.51.41_3.jpg?v=1761221546&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.51.41_3.jpg?v=1761221546&amp;width=3840 3840w" width="1600" height="1280" loading="lazy" class="hero__image" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="auto">

    </div>
    <div
      class="
        hero__content-wrapper
        layout-panel-flex
        layout-panel-flex--column
        mobile-column
        section-content-wrapper
        full-width
        
      "
      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 16px;

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
    >
      







  <div 
  class=" spacing-style text-block text-block--AaklEQS8yWXVKbzZaa__text_fqmX8K h3
    
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-narrow);
    
    
  "

  
>
    <h4>L'ATELIER PARISIEN</h4>
  </div>














  <div 
  class=" spacing-style text-block text-block--AeWVNQzYzNWF1dkJqc__text_UkK8qD h5
    
  "

  style="
    --padding-block-start: 0px; --padding-block-end:32px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-narrow);
    
    
  "

  
>
    <h4>Quartier de la Nouvelle Athènes</h4><h4>5 rue Bourdaloue 75009 paris</h4>
  </div>









<a
  
    href="https://www.fresha.com/fr/a/latelier-du-bien-etre-par-olivier-paris-5-rue-bourdaloue-nya1tmrf/booking?menu=true&pId=2541783&cartId=6d88c6e8-d03e-4ffa-902a-941a51b20037"
  
  class="
    size-style
    button
    button--AM29xbXhHRE9pUnVwN__button_YhPrJ6
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Prendre rendez-vous
</a>






    </div>
  </div>
</div>




</section><div id="shopify-section-template--25682333270396__section_P49awR" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--full-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    
      --section-min-height: var(--section-height-large);
    

    
     --section-preview-height: 600px;
     
  "
>
  <div class="custom-section-background">
    

  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 8px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 8px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  


<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-5
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    <div
  class="background-image-container"
>
  

    <img src="//olivierlecocq.com/cdn/shop/files/CABINE_LORD_BYRON_1.avif?v=1761233834&amp;width=3840" alt="" srcset="//olivierlecocq.com/cdn/shop/files/CABINE_LORD_BYRON_1.avif?v=1761233834&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/CABINE_LORD_BYRON_1.avif?v=1761233834&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/CABINE_LORD_BYRON_1.avif?v=1761233834&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/CABINE_LORD_BYRON_1.avif?v=1761233834&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/CABINE_LORD_BYRON_1.avif?v=1761233834&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/CABINE_LORD_BYRON_1.avif?v=1761233834&amp;width=3840 3840w" width="3840" height="2880" loading="lazy" sizes="100vw" fetchpriority="auto" style="object-position:69.1098% 76.5187%;">
</div>


    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #0000004f;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: flex-end;
--vertical-alignment-mobile: flex-end;
"
  >
  



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
  "
  style="
    
      --spacer-size: 16px;
    

    
  "
  
  data-testid="spacer-block"
></div>












  <div 
  class=" spacing-style text-block text-block--AUy9nb0NPNHdFV0VUR__text_TD3w8V h3
    
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <h3>LA RELAX ROOM</h3>
  </div>














  <div 
  class=" spacing-style text-block text-block--AVUY1cWdiR01hSENKY__text_NCyUkr h5
    
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>Hôtel Lord Byron Paris<br/>5 rue Chateaubriand, 75008 Paris​</p>
  </div>









<a
  
    href="tel:06 89 72 14 50"
  
  class="
    size-style
    button
    button--AUkpLdzg3VHJiNTdNc__button_T64LJn
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Prendre rendez-vous
</a>






</div>
</div>








<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-5
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    <div
  class="background-image-container"
>
  

    <img src="//olivierlecocq.com/cdn/shop/files/CABINE_DE_NELL.avif?v=1761233874&amp;width=3840" alt="" srcset="//olivierlecocq.com/cdn/shop/files/CABINE_DE_NELL.avif?v=1761233874&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/CABINE_DE_NELL.avif?v=1761233874&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/CABINE_DE_NELL.avif?v=1761233874&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/CABINE_DE_NELL.avif?v=1761233874&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/CABINE_DE_NELL.avif?v=1761233874&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/CABINE_DE_NELL.avif?v=1761233874&amp;width=3840 3840w" width="3840" height="2880" loading="lazy" sizes="100vw" fetchpriority="auto">
</div>


    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #0000003b;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: flex-end;
--vertical-alignment-mobile: flex-end;
"
  >
  



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
  "
  style="
    
      --spacer-size: 16px;
    

    
  "
  
  data-testid="spacer-block"
></div>












  <div 
  class=" spacing-style text-block text-block--Acjg3TUxTN2YzWGpLQ__text_3NqxbX h3
    
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>LE BOUDOIR ESPACE BIEN-ÊTRE</p>
  </div>














  <div 
  class=" spacing-style text-block text-block--AL2lMMXV5eWNhSFNnZ__text_6TxJ7g h5
    
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>Hôtel De Nell<br/>9 rue du Conservatoire, 75009 Paris​</p>
  </div>









<a
  
    href="tel:06 89 72 14 50"
  
  class="
    size-style
    button
    button--AemMwd0djMEJ4RGdmL__button_qQJdRX
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Prendre rendez-vous
</a>






</div>
</div>







    </div>
  </div>
</div>





</div><div id="shopify-section-template--25682333270396__divider_LUkjjN" class="shopify-section">





<div class="section-background color-scheme-1"></div>
<div
  class="section section--full-width color-scheme-1"
>
  <div
  class="divider divider-template--25682333270396__divider_LUkjjN spacing-style"
  style="
    --divider-justify-content: center;
    --padding-block-start: 6px;--padding-block-end: 6px;
  "
  

>
  <span
    class="divider__line"
    style="
      --divider-border-thickness: 0.5px;
      
      --divider-flex-basis: 100%;
    "
  ></span>
</div>



</div>


</div><div id="shopify-section-template--25682333270396__section_xcNe3K" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--full-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    
      --section-min-height: var(--section-height-large);
    

    
     --section-preview-height: 600px;
     
  "
>
  <div class="custom-section-background">
    

  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 8px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  


<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-5
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    <div
  class="background-image-container"
>
  

    <img src="//olivierlecocq.com/cdn/shop/files/CABINE_MOLIERE.avif?v=1761233905&amp;width=3840" alt="" srcset="//olivierlecocq.com/cdn/shop/files/CABINE_MOLIERE.avif?v=1761233905&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/CABINE_MOLIERE.avif?v=1761233905&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/CABINE_MOLIERE.avif?v=1761233905&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/CABINE_MOLIERE.avif?v=1761233905&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/CABINE_MOLIERE.avif?v=1761233905&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/CABINE_MOLIERE.avif?v=1761233905&amp;width=3840 3840w" width="3840" height="2880" loading="lazy" sizes="100vw" fetchpriority="auto">
</div>


    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #0000004d;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: flex-end;
--vertical-alignment-mobile: flex-end;
"
  >
  



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
  "
  style="
    
      --spacer-size: 16px;
    

    
  "
  
  data-testid="spacer-block"
></div>












  <div 
  class=" spacing-style text-block text-block--AVGtoRVY5dVRaaStyK__text_DRNGHt h3
    
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>LE THEATRE DU BIEN-ÊTRE</p>
  </div>














  <div 
  class=" spacing-style text-block text-block--ASWxQdnVEMWF6T2lBR__text_Tzr9De h5
    
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>Hôtel Molière<br/>21 rue Molière, 75001 Paris​</p>
  </div>









<a
  
    href="tel:06 89 72 14 50"
  
  class="
    size-style
    button
    button--AV1FuNklTYnNydmx3T__button_eL4Me4
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Prendre rendez-vous
</a>






</div>
</div>








<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-5
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    <div
  class="background-image-container"
>
  

    <img src="//olivierlecocq.com/cdn/shop/files/CABINE_MAYFLOWER.avif?v=1761233923&amp;width=3840" alt="" srcset="//olivierlecocq.com/cdn/shop/files/CABINE_MAYFLOWER.avif?v=1761233923&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/CABINE_MAYFLOWER.avif?v=1761233923&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/CABINE_MAYFLOWER.avif?v=1761233923&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/CABINE_MAYFLOWER.avif?v=1761233923&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/CABINE_MAYFLOWER.avif?v=1761233923&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/CABINE_MAYFLOWER.avif?v=1761233923&amp;width=3840 3840w" width="3840" height="2880" loading="lazy" sizes="100vw" fetchpriority="auto">
</div>


    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #0000003b;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: flex-end;
--vertical-alignment-mobile: flex-end;
"
  >
  



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
  "
  style="
    
      --spacer-size: 16px;
    

    
  "
  
  data-testid="spacer-block"
></div>












  <div 
  class=" spacing-style text-block text-block--AU3dONlVsVHRTUzlBT__text_myqkQg h3
    
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>LA WELLNESS ROOM</p>
  </div>














  <div 
  class=" spacing-style text-block text-block--ASjlkU0ZaZzROT2RlS__text_cfKYRN h5
    
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>Hôtel Mayflower<br/>34 rue de Moscou, 75008 Paris​</p>
  </div>









<a
  
    href="tel:06 89 72 14 50"
  
  class="
    size-style
    button
    button--AS1E0MzRBLzBNZ0taS__button_4FtXYa
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Prendre rendez-vous
</a>






</div>
</div>







    </div>
  </div>
</div>





</div><div id="shopify-section-template--25682333270396__section_fpj9pF" class="shopify-section section-wrapper">



<div class="section-background color-scheme-2"></div>
<div
  class="section section--page-width color-scheme-2"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    

  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: center; --vertical-alignment: flex-end;
--vertical-alignment-mobile: flex-end;

        --padding-block-start: 19px;--padding-block-end: 19px;
      "
      data-testid="section-content"
    >
      
  







  <rte-formatter 
  class=" spacing-style text-block text-block--Ad1QvSGtsZDU4bWF1L__text_brg3mT rte
     rte 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <h2>Nos valeurs</h2>
  </rte-formatter>








    </div>
  </div>
</div>





</div><div id="shopify-section-template--25682333270396__section_3MRWTx" class="shopify-section section-wrapper">



<div class="section-background color-scheme-2"></div>
<div
  class="section section--page-width color-scheme-2"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    

  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 16px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
      "
      data-testid="section-content"
    >
      
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    

    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 8px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







  <div 
  class=" spacing-style text-block text-block--AT2VJenM5SnFZclZwN__text_6mXbCJ h4
    text-block--align-center
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: 100%;
    --max-width: var(--max-width--body-normal);
    
      --text-align: center;
    
    
  "

  
>
    <h2>Bienveillance</h2>
  </div>














  <rte-formatter 
  class=" spacing-style text-block text-block--AZ2UyeDNoWjN1L3RaK__text_7Edfih rte
    text-block--align-center rte 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: 100%;
    --max-width: var(--max-width--body-normal);
    
      --text-align: center;
    
    
  "

  
>
    <p>Depuis toujours, Olivier Lecocq cultive le désir profond de <strong>prendre soin des autres</strong>.<br/>La bienveillance est au cœur de chaque attention, chaque geste, chaque accueil.<br/>Offrir du réconfort, provoquer un sourire, créer un instant de plaisir — voilà l’essence même de son approche du bien-être.</p>
  </rte-formatter>







</div>
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    

    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 8px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







  <div 
  class=" spacing-style text-block text-block--AR0lvN09scGxJMGhWK__text_7MMwwR h4
    text-block--align-center
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: 100%;
    --max-width: var(--max-width--body-normal);
    
      --text-align: center;
    
    
  "

  
>
    <h2>Experience</h2>
  </div>














  <rte-formatter 
  class=" spacing-style text-block text-block--AVkJrbVdTek0wdngvV__text_BR9iFG rte
    text-block--align-center rte 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: 100%;
    --max-width: var(--max-width--body-normal);
    
      --text-align: center;
    
    
  "

  
>
    <p>Fort de <strong>25 années de passion </strong>et de savoir-faire, Olivier Lecocq a façonné une expérience unique : celle de <strong>moments de bien-être authentiques, confidentiels et entièrement personnalisés</strong>.<br/>Chaque soin est un voyage sensoriel pensé pour répondre aux besoins de chacun, dans un univers empreint de luxe et d’émotion.</p>
  </rte-formatter>







</div>
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    

    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 8px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







  <div 
  class=" spacing-style text-block text-block--AMERQdFJxNnVNRlpFN__text_pEDNPN h4
    text-block--align-center
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: 100%;
    --max-width: var(--max-width--body-normal);
    
      --text-align: center;
    
    
  "

  
>
    <h2>Authenticité</h2>
  </div>














  <rte-formatter 
  class=" spacing-style text-block text-block--ANkFBZjF3dHlZTXF6Q__text_7WaUKV rte
    text-block--align-center rte 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: 100%;
    --max-width: var(--max-width--body-normal);
    
      --text-align: center;
    
    
  "

  
>
    <p>Les soins OLIVIER LECOCQ PARIS sont conçus comme des <strong>rituels totalement personnalisés</strong>, imprégnés d’une philosophie simple : retrouver l’essentiel.<br/>Au sein des espaces de cet artiste exceptionnel, chaque détail vise à offrir <strong>plus qu’un massage</strong>, une véritable <strong>évasion multisensorielle </strong>où la nature et l’humain se rencontrent avec harmonie.</p>
  </rte-formatter>







</div>
</div>







    </div>
  </div>
</div>





</div><div id="shopify-section-template--25682333270396__section_CGBidV" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    

  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
      "
      data-testid="section-content"
    >
      
  














  <div
    class="
  image-block image-block--AZEZrMW9UbDhEV1A0Q__image_KtmUBt image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//olivierlecocq.com/cdn/shop/files/26d82b_fe379558654c479e8f52319b2a156664.avif?v=1761235477&amp;width=3840" alt="" srcset="//olivierlecocq.com/cdn/shop/files/26d82b_fe379558654c479e8f52319b2a156664.avif?v=1761235477&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/26d82b_fe379558654c479e8f52319b2a156664.avif?v=1761235477&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/26d82b_fe379558654c479e8f52319b2a156664.avif?v=1761235477&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/26d82b_fe379558654c479e8f52319b2a156664.avif?v=1761235477&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/26d82b_fe379558654c479e8f52319b2a156664.avif?v=1761235477&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/26d82b_fe379558654c479e8f52319b2a156664.avif?v=1761235477&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/26d82b_fe379558654c479e8f52319b2a156664.avif?v=1761235477&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/26d82b_fe379558654c479e8f52319b2a156664.avif?v=1761235477&amp;width=3840 3840w" width="1442" height="1068" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    

    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  







  <div 
  class=" spacing-style text-block text-block--ANmFSN2hkLzZGbStHc__text_6mn4ab h3
    
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <h1>Olivier Lecocq </h1>
  </div>














  <rte-formatter 
  class=" spacing-style text-block text-block--ANWNsSnVWakJUM29kQ__text_8ajHLJ rte
     rte 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-narrow);
    
    
  "

  
>
    <h1>Massage à Paris</h1>
  </rte-formatter>














  <rte-formatter 
  class=" spacing-style text-block text-block--AeW4wQjIwOHlHUEgyZ__text_LFWmct rte
     rte 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>Succombez à l'univers apaisant d'Olivier Lecocq, le masseur des palaces parisiens. Plongez dans une atmosphère de détente envoûtante, où chaque détail est soigneusement pensé pour votre bien-être. Laissez-vous séduire par l'expertise raffinée d'Olivier, reconnu pour ses soins d'exception et ses rituels personnalisés.</p>
  </rte-formatter>









<a
  
    href="/pages/a-propos-de-nous"
  
  class="
    size-style
    button-secondary
    button-secondary--AZzlOa21NNlNZcTlna__button_QdVXwt
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Découvrez mon histoire
</a>






</div>
</div>







    </div>
  </div>
</div>





</div><div id="shopify-section-template--25682333270396__section_mLFbD3" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    

  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
      "
      data-testid="section-content"
    >
      
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    

    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  







  <div 
  class=" spacing-style text-block text-block--AbzludEQzTDFJVlpKa__text_k4FRX8 h3
    
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <h1>Olivier Lecocq </h1>
  </div>














  <rte-formatter 
  class=" spacing-style text-block text-block--AMTN6cFFXak85UTNXc__text_EiAnGd rte
     rte 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-narrow);
    
    
  "

  
>
    <h2>Le masseur des palaces parisiens</h2>
  </rte-formatter>














  <rte-formatter 
  class=" spacing-style text-block text-block--ATmdTM25pV05sbVprU__text_jU9edi rte
     rte 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>Avec plus de 25 ans d'expérience, Olivier Lecocq est le masseur de référence des palaces parisiens. Son approche unique du bien-être combine des techniques de massage traditionnelles et des produits naturels issus de l'agriculture biologique. Olivier est passionné par l'art du massage et la création d'expériences de relaxation inoubliables. Son attention au détail et son engagement envers l'authenticité garantissent une expérience de soin exceptionnelle.</p>
  </rte-formatter>









<a
  
    href="/pages/a-propos-de-nous"
  
  class="
    size-style
    button-secondary
    button-secondary--ATVRwU1VFMHlaZzFiS__button_3LVMkP
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Découvrez mon histoire
</a>






</div>
</div>




















  <div
    class="
  image-block image-block--Abk14QXcyTFgxTHo1R__image_BF4pwp image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//olivierlecocq.com/cdn/shop/files/BM3A0310.jpg?v=1761837449&amp;width=3840" alt="" srcset="//olivierlecocq.com/cdn/shop/files/BM3A0310.jpg?v=1761837449&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/BM3A0310.jpg?v=1761837449&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/BM3A0310.jpg?v=1761837449&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/BM3A0310.jpg?v=1761837449&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/BM3A0310.jpg?v=1761837449&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/BM3A0310.jpg?v=1761837449&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/BM3A0310.jpg?v=1761837449&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/BM3A0310.jpg?v=1761837449&amp;width=3840 3840w" width="1905" height="1270" loading="lazy" class="image-block__image border-style" style="object-position:3.7043% 59.4888%;
  --ratio: 1;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </div>







    </div>
  </div>
</div>





</div><div id="shopify-section-template--25682333270396__product_list_dWaVmR" class="shopify-section ui-test-product-list">



<div class="section-background color-scheme-1"></div>
<div
  class="
    section
    section--page-width
    color-scheme-1
    section-resource-list
    spacing-style
    gap-style
  "
  style="
    --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
    --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
  "
>
  <div class="section-resource-list__header">
<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    

    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
      
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: last baseline;
--vertical-alignment-mobile: last baseline;
"
  >










  <rte-formatter 
  class=" spacing-style text-block text-block--AKzRyczVONU9nQ0xFV__product_list_text_wpmRMA rte
     rte 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <h3>Découvrez notre gamme de produits<br/>By Olivier Lecocq</h3>
  </rte-formatter>














</div>
</div>



</div>

  

  

  

<div
  class="
    resource-list
    
    
    resource-list--grid
  "
  style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
  
    data-testid="resource-list-grid"
  
>
  
      
    
      
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card
  class="product-card"
  data-product-id="15665030037884"
  data-product-variants-size="1"
  id="product-card-ASnYrNGY5UmcxajNrN__static-product-card"
  data-product-transition="false"
  
  
  
>
  <a
    id="fe8d255bfcef76f0785db467dd5e4a54"
    
      href="/products/cristal-gel-jambes?variant=55900747071868"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      CRISTAL GEL JAMBES
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASGNoamxHTWh5NERBb__product_card_gallery_DEEKkM spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.8810572687224669;
  "
  data-product-id="15665030037884"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="
/products/cristal-gel-jambes?variant=55900747071868"
      aria-label="CRISTAL GEL JAMBES"
    >
      


<slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="1"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="66248832123260"
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.8810572687224669"
  data-media-id="66248832123260"
>
  
  <img src="//olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2_1.avif?v=1761304982&amp;width=3840" alt="CRISTAL GEL JAMBES" srcset="//olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2_1.avif?v=1761304982&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2_1.avif?v=1761304982&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2_1.avif?v=1761304982&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2_1.avif?v=1761304982&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2_1.avif?v=1761304982&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2_1.avif?v=1761304982&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2_1.avif?v=1761304982&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2_1.avif?v=1761304982&amp;width=3840 3840w" width="3840" height="4358" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2_1.avif?v=1761304982&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>

    </a>
  
  
    <div
  class="product-badges product-badges--top-right"
  style="
    --badge-border-radius: 100px;
    --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
  "
></div>



    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="CRISTAL GEL JAMBES"
>
  <product-form-component
    data-section-id="template--25682333270396__product_list_dWaVmR"
    data-product-id="15665030037884"
    on:submit="/handleSubmit"
    class="
      quick-add__product-form-component
       quick-add__product-form-component--single-option 
       quick-add__product-form-component--single-variant 
    "
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15665030037884-ASGNoamxHTWh5NERBb__product_card_gallery_DEEKkM" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="55900747071868"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
<add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2_1.avif?v=1761304982&width=100"
  data-add-to-cart-animation="true"
>
  <button
    id=""
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add"
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
    </span>
    <span
      aria-hidden="true"
      class="add-to-cart-text--added"
    >
      <span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      <span class="is-visually-hidden-mobile">Ajouté</span>
    </span>
  </button>
</add-to-cart-component>



<input type="hidden" name="product-id" value="15665030037884" /><input type="hidden" name="section-id" value="template--25682333270396__product_list_dWaVmR" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">CRISTAL GEL JAMBES</h3>
    <div class="h6">
      <product-price data-product-id="15665030037884">
        <div ref="priceContainer">
  

  
    <span class="price">€62,00</span>
  

  
</div>

      </product-price>
    </div>
  
</div>





  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="
/products/cristal-gel-jambes?variant=55900747071868"
  >
    





  <div 
  class=" spacing-style text-block text-block--ATDcrMGwvK0lCY2xiW__product_title_jkXPQw rte
     rte 
  "

  style="
    --padding-block-start: 4px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>CRISTAL GEL JAMBES</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AUTdQVGRBa1RHSDgrR__price_wgL6QC"
  data-product-id="15665030037884"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  

  
    <span class="price">€62,00</span>
  

  
</div>


  
</product-price>








  </div>
</product-card>




            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card
  class="product-card"
  data-product-id="15665027383676"
  data-product-variants-size="1"
  id="product-card-ASnYrNGY5UmcxajNrN__static-product-card-1"
  data-product-transition="false"
  
  
  
>
  <a
    id="32b724183231c37fdf95f75c6188289e"
    
      href="/products/serum-ultime?variant=55900743401852"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      SERUM ULTIME
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASGNoamxHTWh5NERBb__product_card_gallery_DEEKkM-1 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.8810572687224669;
  "
  data-product-id="15665027383676"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="
/products/serum-ultime?variant=55900743401852"
      aria-label="SERUM ULTIME"
    >
      


<slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1, --slide-2;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="66248825012604"
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.8810572687224669"
  data-media-id="66248825012604"
>
  
  <img src="//olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_2.avif?v=1761304918&amp;width=3840" alt="SERUM ULTIME" srcset="//olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_2.avif?v=1761304918&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_2.avif?v=1761304918&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_2.avif?v=1761304918&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_2.avif?v=1761304918&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_2.avif?v=1761304918&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_2.avif?v=1761304918&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_2.avif?v=1761304918&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_2.avif?v=1761304918&amp;width=3840 3840w" width="3840" height="4358" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_2.avif?v=1761304918&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="view-timeline-name: --slide-2; --product-media-fit: cover;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="66248824979836"
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.4992503748125936"
  data-media-id="66248824979836"
>
  
  <img src="//olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=3840" alt="SERUM ULTIME" srcset="//olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=3840 3840w" width="3840" height="2561" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>

    </a>
  
  
    <div
  class="product-badges product-badges--top-right"
  style="
    --badge-border-radius: 100px;
    --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
  "
></div>



    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="SERUM ULTIME"
>
  <product-form-component
    data-section-id="template--25682333270396__product_list_dWaVmR"
    data-product-id="15665027383676"
    on:submit="/handleSubmit"
    class="
      quick-add__product-form-component
       quick-add__product-form-component--single-option 
       quick-add__product-form-component--single-variant 
    "
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15665027383676-ASGNoamxHTWh5NERBb__product_card_gallery_DEEKkM-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="55900743401852"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
<add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_2.avif?v=1761304918&width=100"
  data-add-to-cart-animation="true"
>
  <button
    id=""
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add"
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
    </span>
    <span
      aria-hidden="true"
      class="add-to-cart-text--added"
    >
      <span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      <span class="is-visually-hidden-mobile">Ajouté</span>
    </span>
  </button>
</add-to-cart-component>



<input type="hidden" name="product-id" value="15665027383676" /><input type="hidden" name="section-id" value="template--25682333270396__product_list_dWaVmR" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">SERUM ULTIME</h3>
    <div class="h6">
      <product-price data-product-id="15665027383676">
        <div ref="priceContainer">
  

  
    <span class="price">€105,00</span>
  

  
</div>

      </product-price>
    </div>
  
</div>





  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="
/products/serum-ultime?variant=55900743401852"
  >
    





  <div 
  class=" spacing-style text-block text-block--ATDcrMGwvK0lCY2xiW__product_title_jkXPQw-1 rte
     rte 
  "

  style="
    --padding-block-start: 4px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>SERUM ULTIME</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AUTdQVGRBa1RHSDgrR__price_wgL6QC-1"
  data-product-id="15665027383676"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  

  
    <span class="price">€105,00</span>
  

  
</div>


  
</product-price>








  </div>
</product-card>




            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card
  class="product-card"
  data-product-id="15665025220988"
  data-product-variants-size="1"
  id="product-card-ASnYrNGY5UmcxajNrN__static-product-card-2"
  data-product-transition="false"
  
  
  
>
  <a
    id="36f91451d405c721d6959aa5f7fb7a5a"
    
      href="/products/serum-celeste?variant=55900740649340"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      SERUM CELESTE
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASGNoamxHTWh5NERBb__product_card_gallery_DEEKkM-2 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.8810572687224669;
  "
  data-product-id="15665025220988"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="
/products/serum-celeste?variant=55900740649340"
      aria-label="SERUM CELESTE"
    >
      


<slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1, --slide-2;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="66248822423932"
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.8810572687224669"
  data-media-id="66248822423932"
>
  
  <img src="//olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_1.avif?v=1761304815&amp;width=3840" alt="SERUM CELESTE" srcset="//olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_1.avif?v=1761304815&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_1.avif?v=1761304815&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_1.avif?v=1761304815&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_1.avif?v=1761304815&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_1.avif?v=1761304815&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_1.avif?v=1761304815&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_1.avif?v=1761304815&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_1.avif?v=1761304815&amp;width=3840 3840w" width="3840" height="4358" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_1.avif?v=1761304815&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="view-timeline-name: --slide-2; --product-media-fit: cover;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="66248822391164"
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.4992503748125936"
  data-media-id="66248822391164"
>
  
  <img src="//olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_1.avif?v=1761304815&amp;width=3840" alt="SERUM CELESTE" srcset="//olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_1.avif?v=1761304815&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_1.avif?v=1761304815&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_1.avif?v=1761304815&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_1.avif?v=1761304815&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_1.avif?v=1761304815&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_1.avif?v=1761304815&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_1.avif?v=1761304815&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_1.avif?v=1761304815&amp;width=3840 3840w" width="3840" height="2561" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_1.avif?v=1761304815&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>

    </a>
  
  
    <div
  class="product-badges product-badges--top-right"
  style="
    --badge-border-radius: 100px;
    --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
  "
></div>



    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="SERUM CELESTE"
>
  <product-form-component
    data-section-id="template--25682333270396__product_list_dWaVmR"
    data-product-id="15665025220988"
    on:submit="/handleSubmit"
    class="
      quick-add__product-form-component
       quick-add__product-form-component--single-option 
       quick-add__product-form-component--single-variant 
    "
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15665025220988-ASGNoamxHTWh5NERBb__product_card_gallery_DEEKkM-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="55900740649340"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
<add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2_1.avif?v=1761304815&width=100"
  data-add-to-cart-animation="true"
>
  <button
    id=""
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add"
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
    </span>
    <span
      aria-hidden="true"
      class="add-to-cart-text--added"
    >
      <span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      <span class="is-visually-hidden-mobile">Ajouté</span>
    </span>
  </button>
</add-to-cart-component>



<input type="hidden" name="product-id" value="15665025220988" /><input type="hidden" name="section-id" value="template--25682333270396__product_list_dWaVmR" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">SERUM CELESTE</h3>
    <div class="h6">
      <product-price data-product-id="15665025220988">
        <div ref="priceContainer">
  

  
    <span class="price">€105,00</span>
  

  
</div>

      </product-price>
    </div>
  
</div>





  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="
/products/serum-celeste?variant=55900740649340"
  >
    





  <div 
  class=" spacing-style text-block text-block--ATDcrMGwvK0lCY2xiW__product_title_jkXPQw-2 rte
     rte 
  "

  style="
    --padding-block-start: 4px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>SERUM CELESTE</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AUTdQVGRBa1RHSDgrR__price_wgL6QC-2"
  data-product-id="15665025220988"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  

  
    <span class="price">€105,00</span>
  

  
</div>


  
</product-price>








  </div>
</product-card>




            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card
  class="product-card"
  data-product-id="15665020371324"
  data-product-variants-size="1"
  id="product-card-ASnYrNGY5UmcxajNrN__static-product-card-3"
  data-product-transition="false"
  
  
  
>
  <a
    id="4dc75f01c7aec9badb548435ca3ee466"
    
      href="/products/serum-relax?variant=55900709192060"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      SERUM RELAX
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASGNoamxHTWh5NERBb__product_card_gallery_DEEKkM-3 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.8810572687224669;
  "
  data-product-id="15665020371324"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="
/products/serum-relax?variant=55900709192060"
      aria-label="SERUM RELAX"
    >
      


<slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1, --slide-2;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="66248816263548"
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.8810572687224669"
  data-media-id="66248816263548"
>
  
  <img src="//olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2.avif?v=1761304660&amp;width=3840" alt="SERUM RELAX" srcset="//olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2.avif?v=1761304660&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2.avif?v=1761304660&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2.avif?v=1761304660&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2.avif?v=1761304660&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2.avif?v=1761304660&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2.avif?v=1761304660&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2.avif?v=1761304660&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2.avif?v=1761304660&amp;width=3840 3840w" width="3840" height="4358" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2.avif?v=1761304660&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="view-timeline-name: --slide-2; --product-media-fit: cover;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="66248816230780"
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.4992503748125936"
  data-media-id="66248816230780"
>
  
  <img src="//olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2.avif?v=1761304660&amp;width=3840" alt="SERUM RELAX" srcset="//olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2.avif?v=1761304660&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2.avif?v=1761304660&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2.avif?v=1761304660&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2.avif?v=1761304660&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2.avif?v=1761304660&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2.avif?v=1761304660&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2.avif?v=1761304660&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2.avif?v=1761304660&amp;width=3840 3840w" width="3840" height="2561" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2.avif?v=1761304660&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>

    </a>
  
  
    <div
  class="product-badges product-badges--top-right"
  style="
    --badge-border-radius: 100px;
    --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
  "
></div>



    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="SERUM RELAX"
>
  <product-form-component
    data-section-id="template--25682333270396__product_list_dWaVmR"
    data-product-id="15665020371324"
    on:submit="/handleSubmit"
    class="
      quick-add__product-form-component
       quick-add__product-form-component--single-option 
       quick-add__product-form-component--single-variant 
    "
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15665020371324-ASGNoamxHTWh5NERBb__product_card_gallery_DEEKkM-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="55900709192060"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
<add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//olivierlecocq.com/cdn/shop/files/26d82b_13e6376810e04194b57f422f5a2c15e8_mv2_d_3012_3420_s_4_2.avif?v=1761304660&width=100"
  data-add-to-cart-animation="true"
>
  <button
    id=""
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add"
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
    </span>
    <span
      aria-hidden="true"
      class="add-to-cart-text--added"
    >
      <span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      <span class="is-visually-hidden-mobile">Ajouté</span>
    </span>
  </button>
</add-to-cart-component>



<input type="hidden" name="product-id" value="15665020371324" /><input type="hidden" name="section-id" value="template--25682333270396__product_list_dWaVmR" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">SERUM RELAX</h3>
    <div class="h6">
      <product-price data-product-id="15665020371324">
        <div ref="priceContainer">
  

  
    <span class="price">€105,00</span>
  

  
</div>

      </product-price>
    </div>
  
</div>





  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="
/products/serum-relax?variant=55900709192060"
  >
    





  <div 
  class=" spacing-style text-block text-block--ATDcrMGwvK0lCY2xiW__product_title_jkXPQw-3 rte
     rte 
  "

  style="
    --padding-block-start: 4px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>SERUM RELAX</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AUTdQVGRBa1RHSDgrR__price_wgL6QC-3"
  data-product-id="15665020371324"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  

  
    <span class="price">€105,00</span>
  

  
</div>


  
</product-price>








  </div>
</product-card>




            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card
  class="product-card"
  data-product-id="15665009131900"
  data-product-variants-size="1"
  id="product-card-ASnYrNGY5UmcxajNrN__static-product-card-4"
  data-product-transition="false"
  
  
  
>
  <a
    id="63643739ee67b20bbff7696836dcb030"
    
      href="/products/olympe-baume?variant=55900698411388"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      OLYMPE BAUME
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: none;
      --quick-add-mobile-display: none;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASGNoamxHTWh5NERBb__product_card_gallery_DEEKkM-4 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.8803680981595092;
  "
  data-product-id="15665009131900"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="
/products/olympe-baume?variant=55900698411388"
      aria-label="OLYMPE BAUME"
    >
      


<slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1, --slide-2;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="66248787722620"
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.8803680981595092"
  data-media-id="66248787722620"
>
  
  <img src="//olivierlecocq.com/cdn/shop/files/26d82b_9e7034368e764754869d5e160d0b8f29_mv2_d_3012_3420_s_4_2.jpg?v=1761304440&amp;width=3840" alt="OLYMPE BAUME" srcset="//olivierlecocq.com/cdn/shop/files/26d82b_9e7034368e764754869d5e160d0b8f29_mv2_d_3012_3420_s_4_2.jpg?v=1761304440&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/26d82b_9e7034368e764754869d5e160d0b8f29_mv2_d_3012_3420_s_4_2.jpg?v=1761304440&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/26d82b_9e7034368e764754869d5e160d0b8f29_mv2_d_3012_3420_s_4_2.jpg?v=1761304440&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/26d82b_9e7034368e764754869d5e160d0b8f29_mv2_d_3012_3420_s_4_2.jpg?v=1761304440&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/26d82b_9e7034368e764754869d5e160d0b8f29_mv2_d_3012_3420_s_4_2.jpg?v=1761304440&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/26d82b_9e7034368e764754869d5e160d0b8f29_mv2_d_3012_3420_s_4_2.jpg?v=1761304440&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/26d82b_9e7034368e764754869d5e160d0b8f29_mv2_d_3012_3420_s_4_2.jpg?v=1761304440&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/26d82b_9e7034368e764754869d5e160d0b8f29_mv2_d_3012_3420_s_4_2.jpg?v=1761304440&amp;width=3840 3840w" width="3840" height="4362" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//olivierlecocq.com/cdn/shop/files/26d82b_9e7034368e764754869d5e160d0b8f29_mv2_d_3012_3420_s_4_2.jpg?v=1761304440&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="view-timeline-name: --slide-2; --product-media-fit: cover;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="66248787689852"
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.4992503748125936"
  data-media-id="66248787689852"
>
  
  <img src="//olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2_2.avif?v=1761304440&amp;width=3840" alt="OLYMPE BAUME" srcset="//olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2_2.avif?v=1761304440&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2_2.avif?v=1761304440&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2_2.avif?v=1761304440&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2_2.avif?v=1761304440&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2_2.avif?v=1761304440&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2_2.avif?v=1761304440&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2_2.avif?v=1761304440&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2_2.avif?v=1761304440&amp;width=3840 3840w" width="3840" height="2561" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2_2.avif?v=1761304440&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>

    </a>
  
  
    <div
  class="product-badges product-badges--top-right"
  style="
    --badge-border-radius: 100px;
    --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
  "
><div
      class="
        product-badges__badge product-badges__badge--rectangle
         color-scheme-3
      "
    >Épuisé
</div></div>



    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="OLYMPE BAUME"
>
  <product-form-component
    data-section-id="template--25682333270396__product_list_dWaVmR"
    data-product-id="15665009131900"
    on:submit="/handleSubmit"
    class="
      quick-add__product-form-component
       quick-add__product-form-component--single-option 
       quick-add__product-form-component--single-variant 
    "
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15665009131900-ASGNoamxHTWh5NERBb__product_card_gallery_DEEKkM-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="55900698411388"
        
          disabled
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
<add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//olivierlecocq.com/cdn/shop/files/26d82b_9e7034368e764754869d5e160d0b8f29_mv2_d_3012_3420_s_4_2.jpg?v=1761304440&width=100"
  data-add-to-cart-animation="true"
>
  <button
    id=""
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add"
    
      disabled
    
  >
    <span
      class="add-to-cart-text"
    >
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
    </span>
    <span
      aria-hidden="true"
      class="add-to-cart-text--added"
    >
      <span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      <span class="is-visually-hidden-mobile">Ajouté</span>
    </span>
  </button>
</add-to-cart-component>



<input type="hidden" name="product-id" value="15665009131900" /><input type="hidden" name="section-id" value="template--25682333270396__product_list_dWaVmR" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">OLYMPE BAUME</h3>
    <div class="h6">
      <product-price data-product-id="15665009131900">
        <div ref="priceContainer">
  

  
    <span class="price">€65,00</span>
  

  
</div>

      </product-price>
    </div>
  
</div>





  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="
/products/olympe-baume?variant=55900698411388"
  >
    





  <div 
  class=" spacing-style text-block text-block--ATDcrMGwvK0lCY2xiW__product_title_jkXPQw-4 rte
     rte 
  "

  style="
    --padding-block-start: 4px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>OLYMPE BAUME</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AUTdQVGRBa1RHSDgrR__price_wgL6QC-4"
  data-product-id="15665009131900"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  

  
    <span class="price">€65,00</span>
  

  
</div>


  
</product-price>








  </div>
</product-card>




            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card
  class="product-card"
  data-product-id="15664428941692"
  data-product-variants-size="1"
  id="product-card-ASnYrNGY5UmcxajNrN__static-product-card-5"
  data-product-transition="false"
  
  
  
>
  <a
    id="16dcd7cd0a9378be784329fcd42eef29"
    
      href="/products/unique-elixir-huile-oil?variant=55899086422396"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      UNIQUE ELIXIR HUILE - OIL
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASGNoamxHTWh5NERBb__product_card_gallery_DEEKkM-5 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.8810572687224669;
  "
  data-product-id="15664428941692"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="
/products/unique-elixir-huile-oil?variant=55899086422396"
      aria-label="UNIQUE ELIXIR HUILE - OIL"
    >
      


<slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1, --slide-2;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="66243530752380"
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.8810572687224669"
  data-media-id="66243530752380"
>
  
  <img src="//olivierlecocq.com/cdn/shop/files/26d82b_3a8b1b8ab77e4309a4e2af2b9d5f55cf_mv2_d_3012_3420_s_4_2.avif?v=1761235860&amp;width=3840" alt="UNIQUE ELIXIR HUILE - OIL" srcset="//olivierlecocq.com/cdn/shop/files/26d82b_3a8b1b8ab77e4309a4e2af2b9d5f55cf_mv2_d_3012_3420_s_4_2.avif?v=1761235860&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/26d82b_3a8b1b8ab77e4309a4e2af2b9d5f55cf_mv2_d_3012_3420_s_4_2.avif?v=1761235860&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/26d82b_3a8b1b8ab77e4309a4e2af2b9d5f55cf_mv2_d_3012_3420_s_4_2.avif?v=1761235860&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/26d82b_3a8b1b8ab77e4309a4e2af2b9d5f55cf_mv2_d_3012_3420_s_4_2.avif?v=1761235860&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/26d82b_3a8b1b8ab77e4309a4e2af2b9d5f55cf_mv2_d_3012_3420_s_4_2.avif?v=1761235860&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/26d82b_3a8b1b8ab77e4309a4e2af2b9d5f55cf_mv2_d_3012_3420_s_4_2.avif?v=1761235860&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/26d82b_3a8b1b8ab77e4309a4e2af2b9d5f55cf_mv2_d_3012_3420_s_4_2.avif?v=1761235860&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/26d82b_3a8b1b8ab77e4309a4e2af2b9d5f55cf_mv2_d_3012_3420_s_4_2.avif?v=1761235860&amp;width=3840 3840w" width="3840" height="4358" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//olivierlecocq.com/cdn/shop/files/26d82b_3a8b1b8ab77e4309a4e2af2b9d5f55cf_mv2_d_3012_3420_s_4_2.avif?v=1761235860&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="view-timeline-name: --slide-2; --product-media-fit: cover;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="66243530785148"
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.4992503748125936"
  data-media-id="66243530785148"
>
  
  <img src="//olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2.avif?v=1761235861&amp;width=3840" alt="UNIQUE ELIXIR HUILE - OIL" srcset="//olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2.avif?v=1761235861&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2.avif?v=1761235861&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2.avif?v=1761235861&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2.avif?v=1761235861&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2.avif?v=1761235861&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2.avif?v=1761235861&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2.avif?v=1761235861&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2.avif?v=1761235861&amp;width=3840 3840w" width="3840" height="2561" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//olivierlecocq.com/cdn/shop/files/26d82b_fd650cb6b92f410f97356dd18291a8e3_mv2_d_6926_4623_s_4_2.avif?v=1761235861&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>

    </a>
  
  
    <div
  class="product-badges product-badges--top-right"
  style="
    --badge-border-radius: 100px;
    --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
  "
></div>



    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="UNIQUE ELIXIR HUILE - OIL"
>
  <product-form-component
    data-section-id="template--25682333270396__product_list_dWaVmR"
    data-product-id="15664428941692"
    on:submit="/handleSubmit"
    class="
      quick-add__product-form-component
       quick-add__product-form-component--single-option 
       quick-add__product-form-component--single-variant 
    "
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15664428941692-ASGNoamxHTWh5NERBb__product_card_gallery_DEEKkM-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="55899086422396"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
<add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//olivierlecocq.com/cdn/shop/files/26d82b_3a8b1b8ab77e4309a4e2af2b9d5f55cf_mv2_d_3012_3420_s_4_2.avif?v=1761235860&width=100"
  data-add-to-cart-animation="true"
>
  <button
    id=""
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add"
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
    </span>
    <span
      aria-hidden="true"
      class="add-to-cart-text--added"
    >
      <span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      <span class="is-visually-hidden-mobile">Ajouté</span>
    </span>
  </button>
</add-to-cart-component>



<input type="hidden" name="product-id" value="15664428941692" /><input type="hidden" name="section-id" value="template--25682333270396__product_list_dWaVmR" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">UNIQUE ELIXIR HUILE - OIL</h3>
    <div class="h6">
      <product-price data-product-id="15664428941692">
        <div ref="priceContainer">
  

  
    <span class="price">€79,00</span>
  

  
</div>

      </product-price>
    </div>
  
</div>





  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="
/products/unique-elixir-huile-oil?variant=55899086422396"
  >
    





  <div 
  class=" spacing-style text-block text-block--ATDcrMGwvK0lCY2xiW__product_title_jkXPQw-5 rte
     rte 
  "

  style="
    --padding-block-start: 4px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>UNIQUE ELIXIR HUILE - OIL</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AUTdQVGRBa1RHSDgrR__price_wgL6QC-5"
  data-product-id="15664428941692"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  

  
    <span class="price">€79,00</span>
  

  
</div>


  
</product-price>








  </div>
</product-card>




            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card
  class="product-card"
  data-product-id="15664428581244"
  data-product-variants-size="1"
  id="product-card-ASnYrNGY5UmcxajNrN__static-product-card-6"
  data-product-transition="false"
  
  
  
>
  <a
    id="e3bf2e002d2fbb89bd3073b8ec591923"
    
      href="/products/unique-elixir-creme-cream?variant=55899085472124"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      UNIQUE ELIXIR CREME - CREAM
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: none;
      --quick-add-mobile-display: none;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASGNoamxHTWh5NERBb__product_card_gallery_DEEKkM-6 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.8810572687224669;
  "
  data-product-id="15664428581244"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="
/products/unique-elixir-creme-cream?variant=55899085472124"
      aria-label="UNIQUE ELIXIR CREME - CREAM"
    >
      


<slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1, --slide-2;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="66243525378428"
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.8810572687224669"
  data-media-id="66243525378428"
>
  
  <img src="//olivierlecocq.com/cdn/shop/files/26d82b_6ea52ec169104e19aa99d96f20c14d95_mv2_d_3012_3420_s_4_2.avif?v=1761236347&amp;width=3840" alt="UNIQUE ELIXIR CREME - CREAM" srcset="//olivierlecocq.com/cdn/shop/files/26d82b_6ea52ec169104e19aa99d96f20c14d95_mv2_d_3012_3420_s_4_2.avif?v=1761236347&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/26d82b_6ea52ec169104e19aa99d96f20c14d95_mv2_d_3012_3420_s_4_2.avif?v=1761236347&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/26d82b_6ea52ec169104e19aa99d96f20c14d95_mv2_d_3012_3420_s_4_2.avif?v=1761236347&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/26d82b_6ea52ec169104e19aa99d96f20c14d95_mv2_d_3012_3420_s_4_2.avif?v=1761236347&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/26d82b_6ea52ec169104e19aa99d96f20c14d95_mv2_d_3012_3420_s_4_2.avif?v=1761236347&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/26d82b_6ea52ec169104e19aa99d96f20c14d95_mv2_d_3012_3420_s_4_2.avif?v=1761236347&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/26d82b_6ea52ec169104e19aa99d96f20c14d95_mv2_d_3012_3420_s_4_2.avif?v=1761236347&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/26d82b_6ea52ec169104e19aa99d96f20c14d95_mv2_d_3012_3420_s_4_2.avif?v=1761236347&amp;width=3840 3840w" width="3840" height="4358" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//olivierlecocq.com/cdn/shop/files/26d82b_6ea52ec169104e19aa99d96f20c14d95_mv2_d_3012_3420_s_4_2.avif?v=1761236347&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="view-timeline-name: --slide-2; --product-media-fit: cover;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="66243525345660"
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.4992503748125936"
  data-media-id="66243525345660"
>
  
  <img src="//olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2.avif?v=1761236347&amp;width=3840" alt="UNIQUE ELIXIR CREME - CREAM" srcset="//olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2.avif?v=1761236347&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2.avif?v=1761236347&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2.avif?v=1761236347&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2.avif?v=1761236347&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2.avif?v=1761236347&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2.avif?v=1761236347&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2.avif?v=1761236347&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2.avif?v=1761236347&amp;width=3840 3840w" width="3840" height="2561" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2.avif?v=1761236347&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>

    </a>
  
  
    <div
  class="product-badges product-badges--top-right"
  style="
    --badge-border-radius: 100px;
    --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
  "
><div
      class="
        product-badges__badge product-badges__badge--rectangle
         color-scheme-3
      "
    >Épuisé
</div></div>



    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="UNIQUE ELIXIR CREME - CREAM"
>
  <product-form-component
    data-section-id="template--25682333270396__product_list_dWaVmR"
    data-product-id="15664428581244"
    on:submit="/handleSubmit"
    class="
      quick-add__product-form-component
       quick-add__product-form-component--single-option 
       quick-add__product-form-component--single-variant 
    "
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15664428581244-ASGNoamxHTWh5NERBb__product_card_gallery_DEEKkM-6" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="55899085472124"
        
          disabled
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
<add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//olivierlecocq.com/cdn/shop/files/26d82b_6ea52ec169104e19aa99d96f20c14d95_mv2_d_3012_3420_s_4_2.avif?v=1761236347&width=100"
  data-add-to-cart-animation="true"
>
  <button
    id=""
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add"
    
      disabled
    
  >
    <span
      class="add-to-cart-text"
    >
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
    </span>
    <span
      aria-hidden="true"
      class="add-to-cart-text--added"
    >
      <span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      <span class="is-visually-hidden-mobile">Ajouté</span>
    </span>
  </button>
</add-to-cart-component>



<input type="hidden" name="product-id" value="15664428581244" /><input type="hidden" name="section-id" value="template--25682333270396__product_list_dWaVmR" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">UNIQUE ELIXIR CREME - CREAM</h3>
    <div class="h6">
      <product-price data-product-id="15664428581244">
        <div ref="priceContainer">
  

  
    <span class="price">€85,00</span>
  

  
</div>

      </product-price>
    </div>
  
</div>





  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="
/products/unique-elixir-creme-cream?variant=55899085472124"
  >
    





  <div 
  class=" spacing-style text-block text-block--ATDcrMGwvK0lCY2xiW__product_title_jkXPQw-6 rte
     rte 
  "

  style="
    --padding-block-start: 4px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>UNIQUE ELIXIR CREME - CREAM</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AUTdQVGRBa1RHSDgrR__price_wgL6QC-6"
  data-product-id="15664428581244"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  

  
    <span class="price">€85,00</span>
  

  
</div>


  
</product-price>








  </div>
</product-card>




            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card
  class="product-card"
  data-product-id="15664432316796"
  data-product-variants-size="1"
  id="product-card-ASnYrNGY5UmcxajNrN__static-product-card-7"
  data-product-transition="false"
  
  
  
>
  <a
    id="1e0f1c1788b2f8669a31004c9c0514b9"
    
      href="/products/cristal-gommage-scrub?variant=55899128627580"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      CRISTAL GOMMAGE
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASGNoamxHTWh5NERBb__product_card_gallery_DEEKkM-7 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.8810572687224669;
  "
  data-product-id="15664432316796"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="
/products/cristal-gommage-scrub?variant=55899128627580"
      aria-label="CRISTAL GOMMAGE"
    >
      


<slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-1, --slide-2;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="66243565486460"
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.8810572687224669"
  data-media-id="66243565486460"
>
  
  <img src="//olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2.avif?v=1761236214&amp;width=3840" alt="CRISTAL GOMMAGE" srcset="//olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2.avif?v=1761236214&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2.avif?v=1761236214&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2.avif?v=1761236214&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2.avif?v=1761236214&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2.avif?v=1761236214&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2.avif?v=1761236214&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2.avif?v=1761236214&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2.avif?v=1761236214&amp;width=3840 3840w" width="3840" height="4358" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2.avif?v=1761236214&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="view-timeline-name: --slide-2; --product-media-fit: cover;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="66243565453692"
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.4992503748125936"
  data-media-id="66243565453692"
>
  
  <img src="//olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2_1.avif?v=1761236214&amp;width=3840" alt="CRISTAL GOMMAGE" srcset="//olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2_1.avif?v=1761236214&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2_1.avif?v=1761236214&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2_1.avif?v=1761236214&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2_1.avif?v=1761236214&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2_1.avif?v=1761236214&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2_1.avif?v=1761236214&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2_1.avif?v=1761236214&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2_1.avif?v=1761236214&amp;width=3840 3840w" width="3840" height="2561" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//olivierlecocq.com/cdn/shop/files/26d82b_615966d5a3c546b68ce6077dc6e7bb89_mv2_d_6421_4285_s_4_2_1.avif?v=1761236214&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>

    </a>
  
  
    <div
  class="product-badges product-badges--top-right"
  style="
    --badge-border-radius: 100px;
    --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
  "
></div>



    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="CRISTAL GOMMAGE"
>
  <product-form-component
    data-section-id="template--25682333270396__product_list_dWaVmR"
    data-product-id="15664432316796"
    on:submit="/handleSubmit"
    class="
      quick-add__product-form-component
       quick-add__product-form-component--single-option 
       quick-add__product-form-component--single-variant 
    "
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15664432316796-ASGNoamxHTWh5NERBb__product_card_gallery_DEEKkM-7" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="55899128627580"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
<add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//olivierlecocq.com/cdn/shop/files/26d82b_e279ef2101084eaaa97121572f7fa646_mv2_d_3012_3420_s_4_2.avif?v=1761236214&width=100"
  data-add-to-cart-animation="true"
>
  <button
    id=""
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add"
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
    </span>
    <span
      aria-hidden="true"
      class="add-to-cart-text--added"
    >
      <span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      <span class="is-visually-hidden-mobile">Ajouté</span>
    </span>
  </button>
</add-to-cart-component>



<input type="hidden" name="product-id" value="15664432316796" /><input type="hidden" name="section-id" value="template--25682333270396__product_list_dWaVmR" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">CRISTAL GOMMAGE</h3>
    <div class="h6">
      <product-price data-product-id="15664432316796">
        <div ref="priceContainer">
  

  
    <span class="price">€79,00</span>
  

  
</div>

      </product-price>
    </div>
  
</div>





  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="
/products/cristal-gommage-scrub?variant=55899128627580"
  >
    





  <div 
  class=" spacing-style text-block text-block--ATDcrMGwvK0lCY2xiW__product_title_jkXPQw-7 rte
     rte 
  "

  style="
    --padding-block-start: 4px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>CRISTAL GOMMAGE</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AUTdQVGRBa1RHSDgrR__price_wgL6QC-7"
  data-product-id="15664432316796"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  

  
    <span class="price">€79,00</span>
  

  
</div>


  
</product-price>








  </div>
</product-card>




            
          </div>

          
        
      
    
  

    
</div>





  <div
    class="section-resource-list__content"
    style="--horizontal-alignment: flex-start;"
  ></div>
</div>


</div><div id="shopify-section-template--25682333270396__section_XajPN6" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    
      --section-min-height: var(--section-height-small);
    

    
     --section-preview-height: 600px;
     
  "
>
  <div class="custom-section-background">
    

  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 25px));

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
      "
      data-testid="section-content"
    >
      
  







  <rte-formatter 
  class=" spacing-style text-block text-block--AMHVBeWYwVTh5aU8vO__text_mXAmRL rte
     rte 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <h2><span style="text-decoration:underline">Gamme de produits “Olivier Lecocq"</span></h2>
  </rte-formatter>














  <rte-formatter 
  class=" spacing-style text-block text-block--AUWVRMko1NzhKMUM3R__text_YEf8BE rte
    text-block--align-left text-block--full-width  rte 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: 100%;
    --max-width: var(--max-width--body-none);
    
      --text-align: left;
    
    
  "

  
>
    <p>Olivier Lecocq, c'est aussi une marque de cosmétiques et de bougies qui prolonge les bienfaits de vos soins à domicile. Chaque produit incarne les valeurs d'Olivier : réconcilier le corps et l'esprit, avec des ingrédients naturels et biologiques.</p><p>​Nos soins sont formulés à partir d'ingrédients biologiques, garantissant pureté et efficacité. Les huiles de massage, enrichies en huiles essentielles, offrent des propriétés thérapeutiques, tandis que nos bougies parfumées très parisiennes créent une ambiance apaisante.</p><p>​Notre marque  privilégie la qualité et l'authenticité. Fabriqués en France, nos produits assurent une traçabilité exemplaire. Ils incarnent une approche holistique du bien-être, en parfaite harmonie avec la nature.</p><p>Découvrez notre collection et laissez-vous séduire par des produits qui reflètent luxe, nature et bien-être authentique.</p>
  </rte-formatter>





















  <div
    class="
  image-block image-block--AbEVYV0NwVnpuS0VUa__image_GB8dpX image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.4992503748125936;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=3840" alt="" srcset="//olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/26d82b_fa011bfd25204553b26467818822490a_mv2_d_6200_4138_s_4_2_2.avif?v=1761304918&amp;width=3840 3840w" width="1000" height="667" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1.4992503748125936;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </div>








<a
  
    href="/collections/all"
  
  class="
    size-style
    button
    button--AMzlVQlNkZDdjMDQyU__button_8QqRTi
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Acheter maintenant
</a>







    </div>
  </div>
</div>





</div><div id="shopify-section-template--25682333270396__section_4bajLF" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    

  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
      "
      data-testid="section-content"
    >
      
  














  <div
    class="
  image-block image-block--Aa2JuUk9aaW1IeVlYe__image_NxUdzJ image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.51.40.jpg?v=1761221545&amp;width=3840" alt="" srcset="//olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.51.40.jpg?v=1761221545&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.51.40.jpg?v=1761221545&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.51.40.jpg?v=1761221545&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.51.40.jpg?v=1761221545&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.51.40.jpg?v=1761221545&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.51.40.jpg?v=1761221545&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.51.40.jpg?v=1761221545&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/WhatsApp_Image_2025-10-14_at_14.51.40.jpg?v=1761221545&amp;width=3840 3840w" width="1200" height="1600" loading="lazy" class="image-block__image border-style" style="
  --ratio: 1;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    

    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  







  <div 
  class=" spacing-style text-block text-block--ARER2YmxpY2IyV1E0O__text_DgMxGc h3
    
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    
--color: var(--color-foreground);
    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <h2>Les bienfaits des massages par Olivier Lecocq</h2>
  </div>














  <rte-formatter 
  class=" spacing-style text-block text-block--AenF2VEFLTks4OEFRd__text_DJrVkC rte
     rte 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-narrow);
    
    
  "

  
>
    <p>Les massages d'Olivier Lecocq transcendent l'expérience de bien-être en offrant une profonde reconnexion entre le corps et l'esprit. Chaque séance est un rituel intime, conçu pour apaiser l'âme et rééquilibrer les énergies vitales. Les techniques de massage, alliant tradition et innovation, procurent une réduction significative du stress, améliorent la circulation sanguine et détendent les muscles en profondeur.</p>
  </rte-formatter>









<a
  
    href="tel:06 89 72 14 50"
  
  class="
    size-style
    button
    button--AS2t2bEVpOXV6UVZPU__button_HV7RF7
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Reserver un soin
</a>






</div>
</div>







    </div>
  </div>
</div>





</div>
    </main>

    <!-- BEGIN sections: footer-group -->
<footer id="shopify-section-sections--25682333958524__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">

<div class="section-background color-scheme-2"></div>
<div
  class="section section--page-width color-scheme-2"
>
  
  <div
    class="
      footer-content
      spacing-style
      
      
    "
    style="
      --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
      --footer-gap: 20px;
      --grid-columns: 3;
      --last-row-count: 3;
      --tablet-last-row-count: 3;
    "
  >
    


<div
  class="
    logo-block
    spacing-style
  "
  style="
    
      
        --logo-width: 156.89142857142858px;
      
    

    
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  "
  
>
  
    <div class="logo-block__image-wrapper">
      
<img src="//olivierlecocq.com/cdn/shop/files/LOGO_OLIVIER_LECOCQ_PARIS_FOND_TRANSPARENT.png?v=1761221543&amp;width=3840" alt="Olivier Lecocq" srcset="//olivierlecocq.com/cdn/shop/files/LOGO_OLIVIER_LECOCQ_PARIS_FOND_TRANSPARENT.png?v=1761221543&amp;width=240 240w, //olivierlecocq.com/cdn/shop/files/LOGO_OLIVIER_LECOCQ_PARIS_FOND_TRANSPARENT.png?v=1761221543&amp;width=352 352w, //olivierlecocq.com/cdn/shop/files/LOGO_OLIVIER_LECOCQ_PARIS_FOND_TRANSPARENT.png?v=1761221543&amp;width=832 832w, //olivierlecocq.com/cdn/shop/files/LOGO_OLIVIER_LECOCQ_PARIS_FOND_TRANSPARENT.png?v=1761221543&amp;width=1200 1200w, //olivierlecocq.com/cdn/shop/files/LOGO_OLIVIER_LECOCQ_PARIS_FOND_TRANSPARENT.png?v=1761221543&amp;width=1600 1600w, //olivierlecocq.com/cdn/shop/files/LOGO_OLIVIER_LECOCQ_PARIS_FOND_TRANSPARENT.png?v=1761221543&amp;width=1920 1920w, //olivierlecocq.com/cdn/shop/files/LOGO_OLIVIER_LECOCQ_PARIS_FOND_TRANSPARENT.png?v=1761221543&amp;width=2560 2560w, //olivierlecocq.com/cdn/shop/files/LOGO_OLIVIER_LECOCQ_PARIS_FOND_TRANSPARENT.png?v=1761221543&amp;width=3840 3840w" width="1144" height="350" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw">
    </div>
  
</div>












  <rte-formatter 
  class=" spacing-style text-block text-block--AOUdJcEVqRTUzMnBVU__text_p6aNXQ rte
     rte 
  "

  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    

    --width: fit-content;
    --max-width: var(--max-width--body-normal);
    
    
  "

  
>
    <p>Reservations : <br/><br/>06 89 72 14 50<br/>Reservation.monmasseur@gmail.com</p>
  </rte-formatter>











  <accordion-custom
    class="
      menu
      
      
    "
    data-disable-on-desktop="true"
    open-by-default-on-desktop
    
      data-disable-on-mobile="true"
      open-by-default-on-mobile
    
  >
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
    >
      <summary class="menu__heading menu__heading--empty h3">
        <span class="menu__heading__default"></span>
        <span class="menu__heading__accordion">
          Menu principal
          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
        </span>
      </summary>

      <div class="details-content">
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/">
                  Accueil
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/all">
                  Catalogue
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/contact">
                  Contact
                </a>
              </li>
            
          </ul>
        
      </div>
    </details>
  </accordion-custom>






  </div>
</div>




</footer><div id="shopify-section-sections--25682333958524__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">

<div class="section-background color-scheme-2"></div>
<div
  class="section section--page-width color-scheme-2"
  
>
  <div
    class="utilities spacing-style"
    style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;"
    data-testid="footer-utilities"
  >
    

<div
  class="
    footer-utilities__group-copyright
    custom-typography
    footer-utilities__text
    custom-font-size
  "
  style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  
>
  <span class="footer-utilities__text">
    &copy; 2026
    <a href="/" title="">Olivier Lecocq</a>, <a target="_blank" rel="nofollow" href="https://fr.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Réalisé par PauseCom</a>
</span>
</div>




  <anchored-popover-component
    class="footer-utilities__policy-list footer-utilities__text"
    data-hover-triggered="true"
  >
    <button
      class="policy-list-trigger button-unstyled"
      popovertarget="terms-policies-popover"
      popovertargetaction="toggle"
      ref="trigger"
      style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
      
    >
      Conditions générales et politiques
    </button>
    <div
      class="terms-policies-popover color-scheme-1"
      id="terms-policies-popover"
      popover="auto"
      ref="popover"
    >
      <ul
        class="
          policy_list list-unstyled
          custom-typography
          custom-font-size
        "
      ><li>
              <a
                href="/policies/privacy-policy"
                class="footer-utilities__text"
              >Politique de confidentialité</a>
            </li></ul>
    </div>
  </anchored-popover-component>







<div
  class="social-icons__wrapper footer-utilities__icons"
  
>
  

  
    

    
    
      
    
  
    

    
    
      
    
  
    

    
    
      
    
  
    

    
    
      
    
  
    

    
    
      
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
</div>





  </div>
</div>




</div>
<!-- END sections: footer-group -->

    <script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/dialog.js?v=122984339961420548111761221004"
  type="module"
></script>

<dialog-component
  id="search-modal"
  class="search-modal"
  
>
  <dialog
    ref="dialog"
    on:click="/closeDialogOnClickOutside"
    on:keydown="/closeDialogOnEscapePress"
    class="search-modal__content dialog-modal"
    scroll-lock
    aria-labelledby="search-modal-heading"
  >
    <h2
      id="search-modal-heading"
      class="visually-hidden"
    >
      Rechercher
    </h2>
    <script
  src="//olivierlecocq.com/cdn/shop/t/1/assets/predictive-search.js?v=53445493388242646041761221004"
  type="module"
  fetchpriority="low"
></script>

<predictive-search-component
  class="predictive-search color-scheme-1"
  style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
  data-section-id="predictive-search"
  data-testid="search-component--modal"
  role="search"
  aria-label="Rechercher"
>
  <form
    action="/search"
    method="get"
    role="search"
    class="predictive-search-form"
    ref="form"
    on:keydown="/onSearchKeyDown"
  >
    <div
      class="predictive-search-form__header"
    >
      <div class="predictive-search-form__header-inner">
        <label
          for="cmdk-input"
          class="visually-hidden"
        >Rechercher</label>
        <input
          class="search-input"
          id="cmdk-input"
          type="search"
          name="q"
          role="combobox"
          aria-expanded="false"
          aria-owns="predictive-search-results"
          aria-controls="predictive-search-results"
          aria-haspopup="listbox"
          aria-autocomplete="list"
          autocomplete="off"
          placeholder="Rechercher"
          ref="searchInput"
          on:input="/search"
          on:keydown="/onSearchKeyDown"
        >
        <input
          name="options[prefix]"
          type="hidden"
          value="last"
        >
        <span class="svg-wrapper predictive-search__icon">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

        </span>
        <button
          type="button"
          class="button-unstyled predictive-search__reset-button"
          ref="resetButton"
          hidden
          on:click="/resetSearch"
        >
          Effacer
        </button>
      </div>
      <button
        type="button"
        class="button predictive-search__close-modal-button"
        aria-label="Fermer la boîte de dialogue"
        on:click="dialog-component/closeDialog"
        ref="closeModalButton"
      >
        <span class="svg-wrapper">
          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

        </span>
      </button>
    </div>

    <div class="predictive-search-form__content-wrapper">
      <div
        class="predictive-search-form__content"
        tabindex="-1"
        ref="predictiveSearchResults"
        on:click="/handleModalClick"
      >
        

<div
  id="predictive-search-results"
  class="predictive-search-dropdown"
  role="listbox"
  aria-expanded="true"
  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
  
</div>

      </div>

      <div class="predictive-search-form__footer">
        <button
          class="button button-primary predictive-search__search-button"
          ref="viewAllButton"
        >
          Tout afficher
        </button>
      </div>
    </div>
  </form>
</predictive-search-component>



  </dialog>
</dialog-component>




    
      <quick-add-dialog id="quick-add-dialog">
  <dialog
    class="quick-add-modal dialog-modal color-scheme-1"
    ref="dialog"
    scroll-lock
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button button-unstyled close-button quick-add-modal__close"
      aria-label="Fermer la boîte de dialogue"
    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
    <div
      id="quick-add-modal-content"
      class="quick-add-modal__content"
    ></div>
  </dialog>
</quick-add-dialog>



    
  <script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
