Outiref

Code source de l'URL : http://www.typology.com

<!DOCTYPE html>
<html data-html-server-rendered="true" lang="fr" data-vue-tag="%7B%22lang%22:%7B%22ssr%22:%22fr%22%7D%7D">
  <head>
    <title>Typology | Soins pour la peau naturels, végan et Made in France</title><meta name="gridsome:hash" content="gridsome"><meta data-vue-tag="ssr" charset="utf-8"><meta data-vue-tag="ssr" name="generator" content="Gridsome v0.7.23"><meta data-vue-tag="ssr" data-key="viewport" name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"><meta data-vue-tag="ssr" data-key="format-detection" name="format-detection" content="telephone=no"><meta data-vue-tag="ssr" name="description" content="Homepage"><meta data-vue-tag="ssr" property="og:site_name" content="Typology Paris"><meta data-vue-tag="ssr" property="og:url" content="https://www.typology.com/"><meta data-vue-tag="ssr" property="og:title" content="Typology | Soins pour la peau naturels, végan et Made in France"><meta data-vue-tag="ssr" property="og:type" content="website"><meta data-vue-tag="ssr" property="og:locale" content="fr_FR"><meta data-vue-tag="ssr" property="og:description" content="Homepage"><meta data-vue-tag="ssr" property="og:image" content="http://media.typology.com/cb37e4db3b2245918546ae70e00eaac4.jpg?twic=v1/cover=1200x630"><meta data-vue-tag="ssr" property="og:image:secure_url" content="https://media.typology.com/cb37e4db3b2245918546ae70e00eaac4.jpg?twic=v1/cover=1200x630"><meta data-vue-tag="ssr" name="twitter:site" content="@typologyparis"><meta data-vue-tag="ssr" name="twitter:card" content="summary_large_image"><meta data-vue-tag="ssr" name="twitter:title" content="Typology | Soins pour la peau naturels, végan et Made in France"><meta data-vue-tag="ssr" name="twitter:description" content="Homepage"><meta data-vue-tag="ssr" name="twitter:image" content="https://media.typology.com/cb37e4db3b2245918546ae70e00eaac4.jpg?twic=v1/cover=1200x630"><meta data-vue-tag="ssr" name="twitter:image:alt" content=""><link data-vue-tag="ssr" rel="icon" href="data:,"><link data-vue-tag="ssr" rel="icon" type="image/png" sizes="16x16" href="/assets/static/favicon.ce0531f.c0f4c361b09f93ec20f8377fb1b53e45.png"><link data-vue-tag="ssr" rel="icon" type="image/png" sizes="32x32" href="/assets/static/favicon.ac8d93a.c0f4c361b09f93ec20f8377fb1b53e45.png"><link data-vue-tag="ssr" rel="icon" type="image/png" sizes="96x96" href="/assets/static/favicon.b9532cc.c0f4c361b09f93ec20f8377fb1b53e45.png"><link data-vue-tag="ssr" rel="apple-touch-icon-precomposed" type="image/png" sizes="76x76" href="/assets/static/touchicon.f22e9f3.e36034677de1a8555229aada056509fb.png"><link data-vue-tag="ssr" rel="apple-touch-icon-precomposed" type="image/png" sizes="152x152" href="/assets/static/touchicon.62d22cb.e36034677de1a8555229aada056509fb.png"><link data-vue-tag="ssr" rel="apple-touch-icon-precomposed" type="image/png" sizes="120x120" href="/assets/static/touchicon.1539b60.e36034677de1a8555229aada056509fb.png"><link data-vue-tag="ssr" rel="apple-touch-icon-precomposed" type="image/png" sizes="167x167" href="/assets/static/touchicon.dc0cdc5.e36034677de1a8555229aada056509fb.png"><link data-vue-tag="ssr" rel="preload" href="/assets/fonts/subset-PostGrotesk-Book.woff2" as="font" type="font/woff2" crossorigin="true"><link data-vue-tag="ssr" rel="preload" href="/assets/fonts/subset-PostGrotesk-Light.woff2" as="font" type="font/woff2" crossorigin="true"><link data-vue-tag="ssr" rel="preload" href="/assets/fonts/subset-PostGrotesk-Medium.woff2" as="font" type="font/woff2" crossorigin="true"><link data-vue-tag="ssr" rel="preload" href="/assets/fonts/Lettera-Regular.woff2" as="font" type="font/woff2" crossorigin="true"><link data-vue-tag="ssr" rel="preload" href="/assets/fonts/Lettera-Bold.woff2" as="font" type="font/woff2" crossorigin="true"><link data-vue-tag="ssr" rel="dns-prefetch" href="https://media.typology.com/" crossorigin="true"><link data-vue-tag="ssr" rel="dns-prefetch" href="https://www.googletagmanager.com/"><link data-vue-tag="ssr" rel="dns-prefetch" href="https://www.klaviyo.com/"><link data-vue-tag="ssr" rel="canonical" href="https://www.typology.com/"><link data-vue-tag="ssr" rel="alternate" hreflang="fr" href="https://www.typology.com/"><link data-vue-tag="ssr" rel="alternate" hreflang="en-fr" href="https://www.typology.com/"><link data-vue-tag="ssr" rel="alternate" hreflang="en" href="https://us.typology.com/"><link data-vue-tag="ssr" rel="alternate" hreflang="en-ca" href="https://global.typology.com/"><link data-vue-tag="ssr" rel="alternate" hreflang="en-us" href="https://us.typology.com/"><link data-vue-tag="ssr" rel="alternate" hreflang="en-gb" href="https://uk.typology.com/"><link data-vue-tag="ssr" rel="alternate" hreflang="de" href="https://de.typology.com/"><link data-vue-tag="ssr" rel="alternate" hreflang="en-de" href="https://de.typology.com/"><link data-vue-tag="ssr" rel="alternate" hreflang="x-default" href="https://global.typology.com/"><link data-vue-tag="ssr" rel="alternate" hreflang="en-jp" href="https://jp.typology.com/"><link data-vue-tag="ssr" rel="alternate" hreflang="en-cn" href="https://cn.typology.com/"><link data-vue-tag="ssr" rel="preload" as="image" imagesrcset="https://media.typology.com/storyblok/1200x1200/db850f43d7/mothersday_homepage_mobile.jpg?twic=v1/cover=400/quality=90 400w,https://media.typology.com/storyblok/1200x1200/db850f43d7/mothersday_homepage_mobile.jpg?twic=v1/cover=700/quality=90 700w,https://media.typology.com/storyblok/1200x1200/db850f43d7/mothersday_homepage_mobile.jpg?twic=v1/cover=900/quality=90 900w,https://media.typology.com/storyblok/1200x1200/db850f43d7/mothersday_homepage_mobile.jpg?twic=v1/cover=1100/quality=90 1100w,https://media.typology.com/storyblok/1200x1200/db850f43d7/mothersday_homepage_mobile.jpg?twic=v1/cover=1300/quality=90 1300w,https://media.typology.com/storyblok/1200x1200/db850f43d7/mothersday_homepage_mobile.jpg?twic=v1/cover=1500/quality=90 1500w,https://media.typology.com/storyblok/1200x1200/db850f43d7/mothersday_homepage_mobile.jpg?twic=v1/cover=1700/quality=90 1700w,https://media.typology.com/storyblok/1200x1200/db850f43d7/mothersday_homepage_mobile.jpg?twic=v1/cover=2000/quality=90 2000w" imagesizes="100vw" media="(max-width: 899px)"><link data-vue-tag="ssr" rel="preload" as="image" imagesrcset="https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=1100/quality=90 1100w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=1300/quality=90 1300w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=1500/quality=90 1500w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=1700/quality=90 1700w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=2000/quality=90 2000w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=2400/quality=90 2400w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=2800/quality=90 2800w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=3200/quality=90 3200w" imagesizes="100vw" media="(min-width: 900px)"><link data-vue-tag="ssr" rel="preload" as="image" imagesrcset="https://media.typology.com/storyblok/1600x1600/027bed1452/tinted-spring_homepage_mobile.jpg?twic=v1/cover=400/quality=90 400w,https://media.typology.com/storyblok/1600x1600/027bed1452/tinted-spring_homepage_mobile.jpg?twic=v1/cover=700/quality=90 700w,https://media.typology.com/storyblok/1600x1600/027bed1452/tinted-spring_homepage_mobile.jpg?twic=v1/cover=900/quality=90 900w,https://media.typology.com/storyblok/1600x1600/027bed1452/tinted-spring_homepage_mobile.jpg?twic=v1/cover=1100/quality=90 1100w,https://media.typology.com/storyblok/1600x1600/027bed1452/tinted-spring_homepage_mobile.jpg?twic=v1/cover=1300/quality=90 1300w,https://media.typology.com/storyblok/1600x1600/027bed1452/tinted-spring_homepage_mobile.jpg?twic=v1/cover=1500/quality=90 1500w,https://media.typology.com/storyblok/1600x1600/027bed1452/tinted-spring_homepage_mobile.jpg?twic=v1/cover=1700/quality=90 1700w,https://media.typology.com/storyblok/1600x1600/027bed1452/tinted-spring_homepage_mobile.jpg?twic=v1/cover=2000/quality=90 2000w" imagesizes="100vw" media="(max-width: 899px)"><link data-vue-tag="ssr" rel="preload" as="image" imagesrcset="https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=1100/quality=90 1100w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=1300/quality=90 1300w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=1500/quality=90 1500w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=1700/quality=90 1700w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=2000/quality=90 2000w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=2400/quality=90 2400w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=2800/quality=90 2800w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=3200/quality=90 3200w" imagesizes="100vw" media="(min-width: 900px)"><link data-vue-tag="ssr" rel="preload" as="image" imagesrcset="https://media.typology.com/storyblok/1700x1700/353d574181/diag_homepage_mobile.jpg?twic=v1/cover=400/quality=90 400w,https://media.typology.com/storyblok/1700x1700/353d574181/diag_homepage_mobile.jpg?twic=v1/cover=700/quality=90 700w,https://media.typology.com/storyblok/1700x1700/353d574181/diag_homepage_mobile.jpg?twic=v1/cover=900/quality=90 900w,https://media.typology.com/storyblok/1700x1700/353d574181/diag_homepage_mobile.jpg?twic=v1/cover=1100/quality=90 1100w,https://media.typology.com/storyblok/1700x1700/353d574181/diag_homepage_mobile.jpg?twic=v1/cover=1300/quality=90 1300w,https://media.typology.com/storyblok/1700x1700/353d574181/diag_homepage_mobile.jpg?twic=v1/cover=1500/quality=90 1500w,https://media.typology.com/storyblok/1700x1700/353d574181/diag_homepage_mobile.jpg?twic=v1/cover=1700/quality=90 1700w,https://media.typology.com/storyblok/1700x1700/353d574181/diag_homepage_mobile.jpg?twic=v1/cover=2000/quality=90 2000w" imagesizes="100vw" media="(max-width: 899px)"><link data-vue-tag="ssr" rel="preload" as="image" imagesrcset="https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=1100/quality=90 1100w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=1300/quality=90 1300w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=1500/quality=90 1500w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=1700/quality=90 1700w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=2000/quality=90 2000w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=2400/quality=90 2400w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=2800/quality=90 2800w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=3200/quality=90 3200w" imagesizes="100vw" media="(min-width: 900px)"><link rel="preload" href="/assets/js/core-js.32d5d1a7.js" as="script"><link rel="preload" href="/assets/js/axios.679b6120.js" as="script"><link rel="preload" href="/assets/js/gridsome-vendors.58208315.js" as="script"><link rel="preload" href="/assets/js/vue-vendors.7c58a245.js" as="script"><link rel="preload" href="/assets/css/67.styles.fad73893.css" as="style"><link rel="preload" href="/assets/js/swiper.bc89ff59.js" as="script"><link rel="preload" href="/assets/js/vendors~app.7d7fd04e.js" as="script"><link rel="preload" href="/assets/css/styles.989f050c.css" as="style"><link rel="preload" href="/assets/js/app.b2e7a41d.js" as="script"><link rel="preload" href="/assets/css/51.styles.97e9d494.css" as="style"><link rel="preload" href="/assets/js/page--src--templates--pages--main-vue.f2ced43c.js" as="script"><link rel="preload" href="/assets/css/99.styles.9d77dcd3.css" as="style"><link rel="preload" href="/assets/js/99.d8235b5e.js" as="script"><link rel="stylesheet" href="/assets/css/67.styles.fad73893.css"><link rel="stylesheet" href="/assets/css/styles.989f050c.css"><link rel="stylesheet" href="/assets/css/51.styles.97e9d494.css"><link rel="stylesheet" href="/assets/css/99.styles.9d77dcd3.css"><script data-vue-tag="ssr" src="https://app.termly.io/resource-blocker/6d83a95d-0db4-4f3d-8baf-0facff682bd9?autoBlock=off"></script><script data-vue-tag="ssr" src="https://try.abtasty.com/cd8ff6e1516ca6c26e55d1dea0ad4601.js"></script><script data-vue-tag="ssr" type="application/ld+json">{"@context":"http://schema.org","@type":"Organization","name":"Typology","url":"https://www.typology.com","logo":"https://media.typology.com/53614f36e2d04f40be9e36e88b5a0a2a.png","review":{"@type":"Review","author":{"@type":"Person","name":"Sandrine R."},"reviewBody":"J'ai des cernes très foncées, marrons-violettes (c'est génétique dans ma famille). Ce sérum est génial. depuis 15 jours que je l'utilise, mes cernes sont beaucoup moins foncées. A bientôt 40 ans, c'est le seul avec lequel j'ai vu une vraie amélioration, pourtant j'en ai essayé des soins (des Clarins, Clinique...) Bref, je suis ravie et à ce prix-là et avec l'engagement durable et raisonné de la marque... ca vaut le coup !","reviewRating":{"@type":"Rating","bestRating":"5","ratingValue":5}},"sameAs":["https://www.instagram.com/typologyparis","https://www.facebook.com/typologyparis","https://www.pinterest.fr/typologyparis"],"aggregateRating":{"@context":"http://schema.org","@type":"AggregateRating","ratingValue":4.2,"reviewCount":67148},"address":{"@type":"PostalAddress","addressCountry":"France","addressLocality":"Paris"}}</script><script data-vue-tag="ssr" type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Typology","url":"https://www.typology.com"}</script><noscript data-vue-tag="ssr"><style>.g-image--loading{display:none;}</style></noscript>
  </head>
  <body >
    <div id="app" data-server-rendered="true"><div class="layout"><div class="text-white bg-black top-banners-wrapper relative z-10"><div class="w-full h-10 swiper-container" data-v-4dcb3d54><div class="swiper-wrapper" data-v-4dcb3d54><div class="flex items-center swiper-slide leading-none text-14 justify-center text-center" data-v-4dcb3d54><a href="/collections/fete-des-meres" data-v-4dcb3d54>Fête des mères : offrez un de nos trios de soins </a></div><div class="flex items-center swiper-slide leading-none text-14 justify-center text-center" data-v-4dcb3d54><a href="/" data-v-4dcb3d54>Un produit offert dès 75€ d'achat</a></div><div class="flex items-center swiper-slide leading-none text-14 justify-center text-center" data-v-4dcb3d54><a href="/diagnostic" data-v-4dcb3d54>Réalisez votre diagnostic de peau et découvrez votre typologie de peau, ainsi que votre prescription sur-mesure</a></div></div></div></div><header class="sticky top-0 z-20 md:relative md:top-auto header duration-400"><div class="overflow-hidden md:overflow-visible md:absolute bg-white md:top:0 md:left-0 md:w-full md:bg-transparent" data-v-3d43ecdc><nav role="navigation" class="relative flex items-center justify-between px-1 h-13 md:h-24 md:px-10" data-v-3d43ecdc><div class="self-stretch hidden w-1/3 h-full -ml-4 md:flex menu" data-v-3d43ecdc><ul class="flex items-center h-full" data-v-3d43ecdc><li class="flex items-center h-full group" data-v-3d43ecdc><button class="relative whitespace-no-wrap" data-v-3d43ecdc>
                Produits
                <svg width="8" height="8" viewbox="0 0 8 8" xmlns="http://www.w3.org/2000/svg" class="fill-current absolute bottom-0 transition duration-100 transform scale-0 -translate-x-1/2 left-1/2 group-hover:scale-75 z-10" data-v-3d43ecdc><circle cx="4" cy="4" r="4"></circle></svg></button><div class="absolute left-0 invisible w-full -mt-10 top-full group-hover:opacity-100 group-hover:visible bg-white" data-v-3d43ecdc><nav class="w-full bg-white container mx-0 py-10 text-14 flex space-x-5 mt-10 text-black"><div class="flex flex-col flex-auto max-w-1/5"><div><p class="font-medium">
    Sélection
  </p><ul class="mt-4"><li><a data-action="click-menu_item" href="/collections/best-sellers" class="block leading-6 hover:underline">
  Les iconiques
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/nouveautes" class="block leading-6 hover:underline">
  Nouveautés
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/coffrets-cadeaux" class="block leading-6 hover:underline">
  Coffrets cadeaux
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/duos-trios-et-kits" class="block leading-6 hover:underline">
  Duos, trios et kits
  <!----></a></li><li><a data-action="click-menu_item" href="/products/carte-cadeau-digitale" class="block leading-6 hover:underline">
  Carte cadeau digitale
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/derniere-chance" class="block leading-6 hover:underline">
  Dernière chance
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/accessoires" class="block leading-6 hover:underline">
  Accessoires
  <!----></a></li><li><a data-action="click-menu_item" href="/products/typology-premier" class="block leading-6 hover:underline">
  Typology Premier
  <!----></a></li></ul></div></div><div class="flex flex-col flex-auto max-w-1/5"><div><p class="font-medium">
    Soins visage
  </p><ul class="mt-4"><li><a data-action="click-menu_item" href="/collections/serums-visage" class="block leading-6 hover:underline">
  Sérums visage
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/cremes-visage" class="block leading-6 hover:underline">
  Crèmes visage
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/soins-de-nuit" class="block leading-6 hover:underline">
  Soins de nuit
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/soins-teintes" class="block leading-6 hover:underline">
  Soins teintés
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/nettoyants-et-demaquillants" class="block leading-6 hover:underline">
  Nettoyants et démaquillants
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/contour-des-yeux" class="block leading-6 hover:underline">
  Contour des yeux
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/soins-des-levres" class="block leading-6 hover:underline">
  Soins des lèvres
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/solaires-et-autobronzant" class="block leading-6 hover:underline">
  Solaires et autobronzant
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/hydrolats-lotions" class="block leading-6 hover:underline">
  Lotions et hydrolats
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/masques-et-gommages" class="block leading-6 hover:underline">
  Masques et gommages
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/saf" class="block leading-6 hover:underline">
  Savons saponifiés à froid 
  <!----></a></li></ul></div></div><div class="flex flex-col flex-auto max-w-1/5"><div><p class="font-medium">
    Vieillissement cutané
  </p><ul class="mt-4"><li><a data-action="click-menu_item" href="/collections/prevention-du-vieillissement" class="block leading-6 hover:underline">
  Prévention du vieillissement
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/premiers-signes-de-l-age" class="block leading-6 hover:underline">
  Premiers signes de l'âge
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/peaux-matures" class="block leading-6 hover:underline">
  Peaux matures
  <!----></a></li></ul></div><div class="mt-8"><p class="font-medium">
    Soins corps et cheveux
  </p><ul class="mt-4"><li><a data-action="click-menu_item" href="/collections/soins-cheveux-et-cuir-chevelu" class="block leading-6 hover:underline">
  Soins cheveux et cuir chevelu
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/shampoings-actives" class="block leading-6 hover:underline">
  Shampoings activés
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/cremes-et-gommages-corps" class="block leading-6 hover:underline">
  Crèmes et gommages corps
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/soins-mains-et-ongles" class="block leading-6 hover:underline">
  Soins mains et ongles
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/soins-solaires-corps" class="block leading-6 hover:underline">
  Solaires corps et autobronzant
  <!----></a></li></ul></div></div><div class="flex-auto max-w-1/5"><p class="font-medium">
    Préoccupations
  </p><ul class="mt-4"><li><a data-action="click-menu_item" href="/collections/boutons-imperfections" class="block leading-6 hover:underline">
  Boutons
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/points-noirs-pores-dilates" class="block leading-6 hover:underline">
  Points noirs et pores dilatés
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/rides-perte-de-fermete" class="block leading-6 hover:underline">
  Rides et perte de fermeté
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/cernes-poches" class="block leading-6 hover:underline">
  Cernes et poches
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/taches-pigmentaires-et-marques" class="block leading-6 hover:underline">
  Taches pigmentaires et marques
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/peau-seche-deshydratee" class="block leading-6 hover:underline">
  Peau sèche et déshydratée 
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/peau-brillante" class="block leading-6 hover:underline">
  Peau brillante
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/hypersensibilite" class="block leading-6 hover:underline">
  Hypersensibilité
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/teint-terne" class="block leading-6 hover:underline">
  Teint terne
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/rougeurs-et-rosacee" class="block leading-6 hover:underline">
  Rougeurs et rosacée
  <!----></a></li><li><a data-action="click-menu_item" href="/edito/serums-periodiques-cycle" class="block leading-6 hover:underline">
  Variations hormonales
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/psoriasis-et-eczema" class="block leading-6 hover:underline">
  Psoriasis et Eczéma
  <!----></a></li><li><a data-action="click-menu_item" href="/collections/peaux-fragilisees-ou-irritees" class="block leading-6 hover:underline">
  Peaux fragilisées et irritées 
  <!----></a></li></ul></div><div class="px-3 w-60"><a href="/collections/fete-des-meres" data-action="click-menu_item"><img src="https://media.typology.com/storyblok/840x1050/dc5a8ee76f/mothersday_nav-desktop.jpg?twic=v1/output=preview" data-src="image:storyblok/840x1050/dc5a8ee76f/mothersday_nav-desktop.jpg" data-src-transform="cover=WxH" alt="Fête des mères : offrez une routine complète" class="object-cover w-full h-76 twic"><p class="mt-4 font-mono underline text-12">
      Fête des mères : offrez une routine complète
    </p></a></div></nav></div></li><li class="flex items-center h-full group" data-v-3d43ecdc><a href="/diagnostic?source=diagnostic_menu" class="relative whitespace-no-wrap text-black font-medium text-14 uppercase duration-400 p-3 md:p-4">
                Diagnostic
                <svg width="8" height="8" viewbox="0 0 8 8" xmlns="http://www.w3.org/2000/svg" class="fill-current absolute bottom-0 transition duration-100 transform scale-0 -translate-x-1/2 left-1/2 group-hover:scale-75 z-10"><circle cx="4" cy="4" r="4"></circle></svg></a></li><li class="flex items-center h-full group" data-v-3d43ecdc><button class="relative whitespace-no-wrap" data-v-3d43ecdc>
                à propos
                <svg width="8" height="8" viewbox="0 0 8 8" xmlns="http://www.w3.org/2000/svg" class="fill-current absolute bottom-0 transition duration-100 transform scale-0 -translate-x-1/2 left-1/2 group-hover:scale-75 z-10" data-v-3d43ecdc><circle cx="4" cy="4" r="4"></circle></svg></button><div class="absolute left-0 invisible w-full -mt-10 top-full group-hover:opacity-100 group-hover:visible bg-white" data-v-3d43ecdc><nav class="w-full bg-white container mx-0 py-10 text-14 flex space-x-5 mt-10 text-black"><div class="w-1/4"><a data-action="click-menu_item" href="/carnet" class="hover:underline"><img src="https://media.typology.com/storyblok/540x421/24b3dae290/carnet_nav_apropos.jpg?twic=v1/output=preview" data-src="image:storyblok/540x421/24b3dae290/carnet_nav_apropos.jpg" data-src-transform="cover=WxH" alt="Le Carnet" class="object-cover w-full max-h-48 twic"><p class="inline-block mt-6 font-medium no-underline uppercase">
      Le Carnet
    </p><p class="mt-2 leading-relaxed text-12">Découvrez le carnet Typology, et améliorez vos connaissances sur l'univers du soin grâce à nos articles et conseils.</p></a></div><div class="w-1/4"><a data-action="click-menu_item" href="/a-propos" class="hover:underline"><img src="https://media.typology.com/storyblok/540x421/fcaeffa423/about1-histoire?twic=v1/output=preview" data-src="image:storyblok/540x421/fcaeffa423/about1-histoire" data-src-transform="cover=WxH" alt="Notre Histoire" class="object-cover w-full max-h-48 twic"><p class="inline-block mt-6 font-medium no-underline uppercase">
      Notre Histoire
    </p><p class="mt-2 leading-relaxed text-12">Notre mission est de changer l’industrie de consommation, pour le mieux. Découvrir notre histoire ici.</p></a></div><div class="w-1/4"><a data-action="click-menu_item" href="/carnet/la-charte-de-formulation-typology" class="hover:underline"><img src="https://media.typology.com/storyblok/540x420/3f047fbfac/charte_menu-icone.jpg?twic=v1/output=preview" data-src="image:storyblok/540x420/3f047fbfac/charte_menu-icone.jpg" data-src-transform="cover=WxH" alt="Charte de formulation" class="object-cover w-full max-h-48 twic"><p class="inline-block mt-6 font-medium no-underline uppercase">
      Charte de formulation
    </p><p class="mt-2 leading-relaxed text-12">Nous avons choisi d’enlever tout superflu dans nos produits pour ne proposer que l’essentiel. Lire notre philosophie ici.</p></a></div><div class="w-1/4"><a data-action="click-menu_item" href="/page-emballage" class="hover:underline"><img src="https://media.typology.com/storyblok/540x420/0e1ddaf43f/earth-day_menu-icone.jpg?twic=v1/output=preview" data-src="image:storyblok/540x420/0e1ddaf43f/earth-day_menu-icone.jpg" data-src-transform="cover=WxH" alt="Contenants" class="object-cover w-full max-h-48 twic"><p class="inline-block mt-6 font-medium no-underline uppercase">
      Contenants
    </p><p class="mt-2 leading-relaxed text-12">Tous nos contenants sont recyclables. Nous expliquons nos choix en détail.</p></a></div><div class="w-1/4"><a data-action="click-menu_item" href="/a-propos#3" class="hover:underline"><img src="https://media.typology.com/storyblok/540x421/21918e9bd2/about4-bcorp.jpeg?twic=v1/output=preview" data-src="image:storyblok/540x421/21918e9bd2/about4-bcorp.jpeg" data-src-transform="cover=WxH" alt="B CORP" class="object-cover w-full max-h-48 twic"><p class="inline-block mt-6 font-medium no-underline uppercase">
      B CORP
    </p><p class="mt-2 leading-relaxed text-12">Avec l’obtention du statut «B-corp », Typology renforce son engagement environnemental et sociétal positif.</p></a></div></nav></div></li></ul></div><div class="absolute inline-flex justify-center flex-shrink-0 transform -translate-x-1/2 -translate-y-1/2 md:w-1/3 top-1/2 left-1/2 md:transform-none md:top-auto md:left-auto md:relative pointer-events-none" data-v-3d43ecdc><a href="/" aria-current="page" class="inline-block pointer-events-auto active--exact active" data-v-3d43ecdc><svg width="140" height="51" viewbox="0 0 140 51" xmlns="http://www.w3.org/2000/svg" class="fill-current h-auto w-21 md:mt-3 md:w-auto" data-v-3d43ecdc><path d="M135.032 21.064a2.263 2.263 0 0 0 .693 1.726 2.746 2.746 0 0 0 3.577 0 2.48 2.48 0 0 0 0-3.445 2.74 2.74 0 0 0-3.577 0 2.273 2.273 0 0 0-.697 1.722l.004-.003zm-13.192 8.744h3.676l8.445-22.323h-3.581a353.506 353.506 0 0 1-1.822 5.035l-.721 1.984c-.24.663-.461 1.282-.663 1.855a100.44 100.44 0 0 0-.538 1.562c-.153.463-.265.806-.33 1.026h-.067c-.088-.22-.209-.562-.36-1.026a50.35 50.35 0 0 0-.541-1.557l-.678-1.855-.73-1.984a364.54 364.54 0 0 1-1.822-5.034h-3.841l6.16 15.73-2.587 6.587zm-13.979-6.227c1.457.065 2.5.208 3.13.43a1.292 1.292 0 0 1 .943 1.325c.012.39-.111.772-.348 1.082a2.66 2.66 0 0 1-.959.744c-.462.216-.953.36-1.457.431-.597.091-1.2.136-1.803.134-1.282 0-2.308-.172-3.08-.514-.772-.343-1.161-.916-1.167-1.719 0-.463.102-.921.298-1.341.192-.424.534-.76.961-.945.475.104.957.177 1.442.216.585.055 1.263.105 2.036.15l.004.007zm-3.48-10.803c0-1.06.292-1.861.878-2.402a3.065 3.065 0 0 1 2.164-.812 3.122 3.122 0 0 1 2.203.812c.584.54.877 1.341.878 2.402.002 1.06-.291 1.841-.878 2.344-.614.518-1.4.79-2.203.763a3.184 3.184 0 0 1-2.164-.763c-.586-.507-.878-1.289-.878-2.344zm11.028-3.246.694-2.45a3.95 3.95 0 0 0-.86-.266 5.69 5.69 0 0 0-1.092-.099 4.877 4.877 0 0 0-1.856.316 5.31 5.31 0 0 0-1.39.844 9.616 9.616 0 0 0-1.623-.58 7.65 7.65 0 0 0-1.984-.248 7.895 7.895 0 0 0-2.434.38 6.747 6.747 0 0 0-2.108 1.115 5.481 5.481 0 0 0-1.49 1.823 5.32 5.32 0 0 0-.564 2.483 5.086 5.086 0 0 0 .514 2.344 4.846 4.846 0 0 0 1.374 1.672 4.032 4.032 0 0 0-1.639 1.226 2.716 2.716 0 0 0-.579 1.69c.007.511.143 1.012.397 1.457.295.514.748.92 1.291 1.16a3.604 3.604 0 0 0-1.605 1.339 3.694 3.694 0 0 0-.647 2.137 3.358 3.358 0 0 0 .573 1.963 4.454 4.454 0 0 0 1.556 1.358 7.753 7.753 0 0 0 2.344.795c2.031.349 4.107.332 6.131-.05a8.733 8.733 0 0 0 2.592-.929 5.003 5.003 0 0 0 1.756-1.623 4.302 4.302 0 0 0 .646-2.383c0-.842-.172-1.527-.514-2.054a3.6 3.6 0 0 0-1.423-1.263 8.024 8.024 0 0 0-2.121-.696 21.88 21.88 0 0 0-2.6-.33c-.816-.067-1.538-.122-2.164-.166a15.091 15.091 0 0 1-1.572-.18 2.341 2.341 0 0 1-.945-.348.77.77 0 0 1-.314-.664c0-.44.161-.75.48-.926.255-.157.546-.248.845-.264.297.01.591.055.877.132a6.71 6.71 0 0 0 1.507.132 8.71 8.71 0 0 0 2.525-.361 6.384 6.384 0 0 0 2.135-1.093 5.69 5.69 0 0 0 1.491-1.754 4.884 4.884 0 0 0 .563-2.384 5.455 5.455 0 0 0-.298-1.79 4.052 4.052 0 0 0-.86-1.458c.138-.127.301-.223.48-.281a2.385 2.385 0 0 1 1.358-.032c.204.055.391.163.541.313l.012-.007zm-26.06 11.2a3.487 3.487 0 0 1-1.771-.43 3.788 3.788 0 0 1-1.243-1.159 5.301 5.301 0 0 1-.744-1.706 9.007 9.007 0 0 1 .003-4.205 5.291 5.291 0 0 1 .745-1.707 3.77 3.77 0 0 1 1.243-1.158 3.486 3.486 0 0 1 1.77-.431 3.574 3.574 0 0 1 1.79.43 3.72 3.72 0 0 1 1.261 1.159c.348.52.6 1.098.745 1.707a9.007 9.007 0 0 1 0 4.205 5.301 5.301 0 0 1-.745 1.706 3.744 3.744 0 0 1-1.262 1.16 3.575 3.575 0 0 1-1.789.429h-.003zm.003-13.678a8.57 8.57 0 0 0-3.278.597 6.805 6.805 0 0 0-2.463 1.688 7.55 7.55 0 0 0-1.556 2.617 10.718 10.718 0 0 0 0 6.756 7.55 7.55 0 0 0 1.556 2.617 6.831 6.831 0 0 0 2.467 1.69 9.334 9.334 0 0 0 6.558 0 7.008 7.008 0 0 0 2.483-1.69 7.424 7.424 0 0 0 1.573-2.617c.73-2.193.73-4.564 0-6.756a7.424 7.424 0 0 0-1.573-2.617 6.979 6.979 0 0 0-2.492-1.688 8.575 8.575 0 0 0-3.28-.597h.005zM73.73 23.182h3.774V0h-3.772l-.002 23.183zm-11.912-2.45a3.488 3.488 0 0 1-1.773-.43 3.813 3.813 0 0 1-1.242-1.159 5.338 5.338 0 0 1-.743-1.706 9.007 9.007 0 0 1 0-4.205 5.33 5.33 0 0 1 .743-1.707c.321-.476.746-.871 1.242-1.158a3.49 3.49 0 0 1 1.773-.431 3.583 3.583 0 0 1 1.789.43c.504.284.937.68 1.262 1.159.346.521.598 1.099.745 1.707a9.07 9.07 0 0 1 0 4.205 5.378 5.378 0 0 1-.745 1.706 3.761 3.761 0 0 1-1.262 1.16 3.584 3.584 0 0 1-1.79.429zm0-13.678a8.582 8.582 0 0 0-3.271.597c-.937.374-1.78.95-2.467 1.688a7.573 7.573 0 0 0-1.556 2.617 10.718 10.718 0 0 0 0 6.756 7.573 7.573 0 0 0 1.556 2.617 6.863 6.863 0 0 0 2.467 1.69 9.334 9.334 0 0 0 6.558 0 7.013 7.013 0 0 0 2.485-1.69 7.449 7.449 0 0 0 1.573-2.617 10.72 10.72 0 0 0 0-6.756 7.45 7.45 0 0 0-1.573-2.617 6.986 6.986 0 0 0-2.485-1.688 8.57 8.57 0 0 0-3.278-.597h-.01zm-23.011 9.042v-1.524a4.95 4.95 0 0 1 .397-2.086c.233-.532.57-1.01.993-1.409a3.714 3.714 0 0 1 1.342-.793c.464-.16.951-.245 1.442-.249a3.495 3.495 0 0 1 1.674.399c.501.27.937.648 1.274 1.107.37.51.646 1.083.812 1.691a8.059 8.059 0 0 1 0 4.222 5.23 5.23 0 0 1-.812 1.671 3.82 3.82 0 0 1-1.274 1.111 3.497 3.497 0 0 1-1.674.397 4.573 4.573 0 0 1-1.442-.247 3.692 3.692 0 0 1-1.342-.796 4.347 4.347 0 0 1-.993-1.408 4.95 4.95 0 0 1-.397-2.086zm4.966 7.517c.97.01 1.93-.187 2.817-.578a6.49 6.49 0 0 0 2.234-1.658 7.999 7.999 0 0 0 1.491-2.6c.729-2.238.729-4.65 0-6.888a8.01 8.01 0 0 0-1.491-2.599 6.454 6.454 0 0 0-2.234-1.648 6.782 6.782 0 0 0-2.817-.58c-1.259 0-2.313.265-3.163.795a5.568 5.568 0 0 0-1.937 1.949v-2.32h-3.606v22.322h3.776V21.23a6.28 6.28 0 0 0 1.837 1.655c.785.487 1.817.727 3.096.721l-.003.007zm-23.954 6.195h3.676L31.94 7.485h-3.576a358.92 358.92 0 0 1-1.821 5.035l-.721 1.984c-.24.663-.462 1.282-.664 1.855s-.381 1.094-.537 1.562c-.154.464-.264.806-.33 1.026h-.067c-.089-.22-.21-.562-.36-1.026a77.905 77.905 0 0 0-.542-1.557c-.205-.573-.436-1.192-.68-1.855l-.72-1.984c-.589-1.55-1.201-3.23-1.838-5.04h-3.841l6.16 15.73-2.584 6.593zM0 0v3.213h6.793v19.97h3.91V3.213h6.788V0H0zM91.082 42.948a1.316 1.316 0 0 1 .474-1.066c.316-.267.8-.4 1.451-.4.662 0 1.169.157 1.524.473.368.34.6.804.653 1.303l1.762-.4a3.14 3.14 0 0 0-1.28-2.05c-.688-.49-1.56-.734-2.615-.733a5.409 5.409 0 0 0-1.517.2 3.59 3.59 0 0 0-1.192.585c-.33.25-.597.574-.779.947a2.92 2.92 0 0 0-.272 1.289c-.011.422.077.84.258 1.22.173.341.424.636.734.86.35.248.736.439 1.147.563.49.152.993.263 1.502.332.38.055.756.137 1.125.244.263.075.513.19.741.34.174.118.314.28.408.468a1.61 1.61 0 0 1-.467 1.873c-.395.281-.922.422-1.584.422a2.885 2.885 0 0 1-1.037-.164 2.128 2.128 0 0 1-.72-.436 1.834 1.834 0 0 1-.437-.637 2.502 2.502 0 0 1-.18-.748l-1.733.267a2.957 2.957 0 0 0 1.118 2.2c.381.297.812.524 1.273.672.553.176 1.13.262 1.71.253a5.453 5.453 0 0 0 1.636-.231 3.786 3.786 0 0 0 1.252-.644 2.884 2.884 0 0 0 1.094-2.31 2.963 2.963 0 0 0-.228-1.22 2.3 2.3 0 0 0-.69-.873 3.86 3.86 0 0 0-1.139-.6 9.425 9.425 0 0 0-1.569-.385 9.494 9.494 0 0 1-1.134-.238 2.885 2.885 0 0 1-.754-.317 1.12 1.12 0 0 1-.415-.437 1.376 1.376 0 0 1-.126-.622h.006zm-9.238 7.684h1.745V40.268h-1.745v10.364zm-7.43-7.36a1.61 1.61 0 0 1-.496 1.252c-.331.301-.862.45-1.594.45h-1.82v-3.27h1.703c.721 0 1.262.12 1.643.36.38.24.564.644.564 1.207v.002zm1.776-.044a2.839 2.839 0 0 0-.326-1.43 2.631 2.631 0 0 0-.851-.911 3.464 3.464 0 0 0-1.185-.48 6.272 6.272 0 0 0-1.34-.14h-3.722v10.365h1.732v-4.249h1.704l2.393 4.249h2L74 46.174a3.086 3.086 0 0 0 1.585-1.042c.41-.547.62-1.22.594-1.903l.01-.001zm-17.199-.918h.03c.032.1.075.236.134.407.06.172.127.372.2.593l.237.711c.084.252.171.501.26.748.197.581.414 1.207.65 1.88h-2.955l.636-1.88c.089-.247.18-.496.26-.748l.236-.71a34.35 34.35 0 0 0 .318-1.001h-.006zm4.73 8.322-3.747-10.364h-1.776l-3.76 10.364h1.717l.917-2.597h3.91l.918 2.606 1.821-.01zm-14.574-7.195c0 .642-.19 1.108-.57 1.397-.38.29-.955.436-1.725.438h-1.746v-3.568h1.746c.781 0 1.359.126 1.733.379.373.252.561.703.562 1.354zm-4.04 3.256h2.012a5.77 5.77 0 0 0 1.54-.193 3.35 3.35 0 0 0 1.199-.591c.338-.27.607-.618.784-1.013.198-.46.295-.958.283-1.46a3.531 3.531 0 0 0-.268-1.442 2.494 2.494 0 0 0-.767-.992 3.307 3.307 0 0 0-1.208-.562 6.333 6.333 0 0 0-1.562-.18H43.36v10.372h1.747v-3.939z"></path></svg></a></div><div class="flex items-center justify-between flex-shrink-0 w-full -mr-4 md:justify-end md:w-1/3" data-v-3d43ecdc><div class="flex items-center" data-v-3d43ecdc><button class="p-3 md:hidden" style="display:;" data-v-3d43ecdc><svg width="20" height="18" viewbox="0 0 20 18" xmlns="http://www.w3.org/2000/svg" class="fill-current" data-v-3d43ecdc><path d="M0 0H20V2H0V0Z"></path><path d="M0 8H20V10H0V8Z"></path><path d="M0 16H20V18H0V16Z"></path></svg></button><button class="p-3 md:hidden" style="display:none;" data-v-3d43ecdc><svg width="32" height="32" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="fill-current h-auto w-5" data-v-3d43ecdc><path d="M3.55492 26.1823L26.1823 3.55492L28.4451 5.81766L5.81766 28.4451L3.55492 26.1823Z"></path><path d="M5.81767 3.55492L28.4451 26.1823L26.1823 28.4451L3.55493 5.81766L5.81767 3.55492Z"></path></svg></button><button class="p-3 md:p-4" data-v-3d43ecdc><svg width="16" height="16" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="fill-current w-5 h-auto md:w-4" data-v-3d43ecdc><path d="M6.84236 13.684C8.36049 13.6837 9.83487 13.1755 11.0307 12.2403L14.7906 16L16 14.7907L12.2401 11.031C13.1758 9.83508 13.6844 8.36043 13.6847 6.84199C13.6847 3.06949 10.6151 0 6.84236 0C3.06965 0 0 3.06949 0 6.84199C0 10.6145 3.06965 13.684 6.84236 13.684ZM6.84236 1.7105C9.67253 1.7105 11.9741 4.01197 11.9741 6.84199C11.9741 9.67201 9.67253 11.9735 6.84236 11.9735C4.01219 11.9735 1.71059 9.67201 1.71059 6.84199C1.71059 4.01197 4.01219 1.7105 6.84236 1.7105Z"></path></svg></button></div><div class="flex items-center" data-v-3d43ecdc><div class="relative items-center hidden uppercase md:flex text-14 min-w-22" data-v-3d43ecdc><button class="flex items-center px-4 py-2 min-w-21 font-medium uppercase" data-v-3d43ecdc>
            France
            <svg width="12" height="7" viewbox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" class="fill-current ml-2" data-v-3d43ecdc><path d="M9.60002 0L5.5 4.10001L1.40003 6.31809e-06L2.95639e-05 1.40001L5.5 7.00001L11.1 1.5L9.60002 0Z"></path></svg></button><div class="absolute left-0 top-0 flex flex-col items-start transition duration-200 transform bg-white text-black pb-1 invisible opacity-0" data-v-3d43ecdc><button class="flex items-center px-4 py-2 w-full font-medium uppercase mb-1" data-v-3d43ecdc>
              France
              <svg width="12" height="7" viewbox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" class="fill-current ml-2 transform" data-v-3d43ecdc><path d="M9.60002 0L5.5 4.10001L1.40003 6.31809e-06L2.95639e-05 1.40001L5.5 7.00001L11.1 1.5L9.60002 0Z"></path></svg></button><button class="my-1 px-4 py-1" data-v-3d43ecdc>
              Global
            </button><button class="my-1 px-4 py-1" data-v-3d43ecdc>
              USA
            </button><button class="my-1 px-4 py-1" data-v-3d43ecdc>
              UK
            </button><button class="my-1 px-4 py-1" data-v-3d43ecdc>
              Belgique
            </button><button class="my-1 px-4 py-1" data-v-3d43ecdc>
              Allemagne
            </button><button class="my-1 px-4 py-1" data-v-3d43ecdc>
              Autriche
            </button></div></div><a href="/account/login" class="hidden p-2 menu-item md:block truncate max-w-40 lg:max-w-46" data-v-3d43ecdc>
            Connexion
          </a><a href="/account/login?redirect_url=%2Faccount%2Ffavorites" class="p-2 menu-item" data-v-3d43ecdc><svg xmlns="http://www.w3.org/2000/svg" width="20" height="18" viewbox="0 0 12 11" fill="currentColor" data-v-3d43ecdc><path d="M3.5 1C2.1195 1 1 2.11834 1 3.4981C1 4.6119 1.4375 7.25535 5.744 9.92757C5.82114 9.97494 5.9097 10 6 10C6.0903 10 6.17886 9.97494 6.256 9.92757C10.5625 7.25535 11 4.6119 11 3.4981C11 2.11834 9.8805 1 8.5 1C7.1195 1 6 2.514 6 2.514C6 2.514 4.8805 1 3.5 1Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" style="transition: fill .4s ease;"></path></svg></a><button data-action="right-header" data-name="Cart" class="flex items-center menu-item" data-v-3d43ecdc><span class="hidden mr-2 lg:block" data-v-3d43ecdc>panier</span><span class="relative inline-block p-3 transition-transform duration-200 transform bg-current rounded-full scale-75" data-v-3d43ecdc><!----></span></button></div></div></nav><div class="fixed top-0 left-0 flex flex-col w-full h-full overflow-x-hidden overflow-y-scroll transition-transform transform bg-white duration-400 ease md:hidden -translate-x-full" data-v-3d43ecdc><!----></div></div></header><!----><main class="relative"><div><div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><div><!----><div><div class="swiper-container pointer-events-none" data-v-02880e68><div class="absolute bottom-0 right-0 z-10 hidden md:inline-block py-7 px-14" data-v-02880e68><nav slot="pagination" class="flex pagination" data-v-02880e68></nav></div><div class="swiper-wrapper" data-v-02880e68><div class="overflow-hidden swiper-slide twic-view" data-v-02880e68><div class="absolute inset-0 -z-1" data-v-02880e68><div class="h-full w-full inset-0 relative" data-v-02880e68><picture><source media="(max-width: 899px)" srcset="https://media.typology.com/storyblok/1200x1200/db850f43d7/mothersday_homepage_mobile.jpg?twic=v1/cover=400/quality=90 400w,https://media.typology.com/storyblok/1200x1200/db850f43d7/mothersday_homepage_mobile.jpg?twic=v1/cover=700/quality=90 700w,https://media.typology.com/storyblok/1200x1200/db850f43d7/mothersday_homepage_mobile.jpg?twic=v1/cover=900/quality=90 900w,https://media.typology.com/storyblok/1200x1200/db850f43d7/mothersday_homepage_mobile.jpg?twic=v1/cover=1100/quality=90 1100w,https://media.typology.com/storyblok/1200x1200/db850f43d7/mothersday_homepage_mobile.jpg?twic=v1/cover=1300/quality=90 1300w,https://media.typology.com/storyblok/1200x1200/db850f43d7/mothersday_homepage_mobile.jpg?twic=v1/cover=1500/quality=90 1500w,https://media.typology.com/storyblok/1200x1200/db850f43d7/mothersday_homepage_mobile.jpg?twic=v1/cover=1700/quality=90 1700w,https://media.typology.com/storyblok/1200x1200/db850f43d7/mothersday_homepage_mobile.jpg?twic=v1/cover=2000/quality=90 2000w" sizes="100vw"><source media="(min-width: 900px)" srcset="https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=1100/quality=90 1100w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=1300/quality=90 1300w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=1500/quality=90 1500w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=1700/quality=90 1700w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=2000/quality=90 2000w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=2400/quality=90 2400w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=2800/quality=90 2800w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=3200/quality=90 3200w" sizes="100vw"><img src="https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/quality=90" srcset="https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=1100/quality=90 1100w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=1300/quality=90 1300w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=1500/quality=90 1500w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=1700/quality=90 1700w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=2000/quality=90 2000w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=2400/quality=90 2400w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=2800/quality=90 2800w,https://media.typology.com/storyblok/2800x1440/f39f5b6860/mothersday_homepage_desktop2.jpg?twic=v1/cover=3200/quality=90 3200w" alt="Homepage" class="inset-0 object-center w-full h-full pointer-events-none object-cover"></picture></div></div><a data-action="click-carousel_full_screen-slide" data-target="FÊTE DES MÈRES - Offrez une routine complète" href="/collections/fete-des-meres" class="flex flex-col justify-start md:justify-center w-full h-full text-center md:text-left md:text-black text-black" data-v-02880e68><div class="container px-3 pt-8 md:pt-0 lg:max-w-screen-80 lg:m-auto lg:w-full" data-v-02880e68><div class="uppercase text-36 leading-none font-medium md:text-62 md:-tracking-01" data-v-02880e68>
            FÊTE DES MÈRES
          </div><p class="mt-3 text-heading-4" data-v-02880e68>
            Offrez une routine complète
          </p></div></a></div><div class="overflow-hidden swiper-slide twic-view" data-v-02880e68><div class="absolute inset-0 -z-1" data-v-02880e68><div class="h-full w-full inset-0 relative" data-v-02880e68><picture><source media="(max-width: 899px)" srcset="https://media.typology.com/storyblok/1600x1600/027bed1452/tinted-spring_homepage_mobile.jpg?twic=v1/cover=400/quality=90 400w,https://media.typology.com/storyblok/1600x1600/027bed1452/tinted-spring_homepage_mobile.jpg?twic=v1/cover=700/quality=90 700w,https://media.typology.com/storyblok/1600x1600/027bed1452/tinted-spring_homepage_mobile.jpg?twic=v1/cover=900/quality=90 900w,https://media.typology.com/storyblok/1600x1600/027bed1452/tinted-spring_homepage_mobile.jpg?twic=v1/cover=1100/quality=90 1100w,https://media.typology.com/storyblok/1600x1600/027bed1452/tinted-spring_homepage_mobile.jpg?twic=v1/cover=1300/quality=90 1300w,https://media.typology.com/storyblok/1600x1600/027bed1452/tinted-spring_homepage_mobile.jpg?twic=v1/cover=1500/quality=90 1500w,https://media.typology.com/storyblok/1600x1600/027bed1452/tinted-spring_homepage_mobile.jpg?twic=v1/cover=1700/quality=90 1700w,https://media.typology.com/storyblok/1600x1600/027bed1452/tinted-spring_homepage_mobile.jpg?twic=v1/cover=2000/quality=90 2000w" sizes="100vw"><source media="(min-width: 900px)" srcset="https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=1100/quality=90 1100w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=1300/quality=90 1300w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=1500/quality=90 1500w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=1700/quality=90 1700w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=2000/quality=90 2000w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=2400/quality=90 2400w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=2800/quality=90 2800w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=3200/quality=90 3200w" sizes="100vw"><img src="https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/quality=90" srcset="https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=1100/quality=90 1100w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=1300/quality=90 1300w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=1500/quality=90 1500w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=1700/quality=90 1700w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=2000/quality=90 2000w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=2400/quality=90 2400w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=2800/quality=90 2800w,https://media.typology.com/storyblok/2625x1350/2037e8870c/tinted-spring_homepage_desktop.jpg?twic=v1/cover=3200/quality=90 3200w" alt="Homepage" class="inset-0 object-center w-full h-full pointer-events-none object-cover"></picture></div></div><a data-action="click-carousel_full_screen-slide" data-target="COUP D’ÉCLAT - Votre routine teintée pour le printemps" href="/collections/routine-de-printemps" class="flex flex-col justify-start md:justify-center w-full h-full text-center md:text-left md:text-black text-white" data-v-02880e68><div class="container px-3 pt-8 md:pt-0 lg:max-w-screen-80 lg:m-auto lg:w-full" data-v-02880e68><div class="uppercase text-36 leading-none font-medium md:text-62 md:-tracking-01" data-v-02880e68>
            COUP D’ÉCLAT
          </div><p class="mt-3 text-heading-4" data-v-02880e68>
            Votre routine teintée pour le printemps
          </p></div></a></div><div class="overflow-hidden swiper-slide twic-view" data-v-02880e68><div class="absolute inset-0 -z-1" data-v-02880e68><div class="h-full w-full inset-0 relative" data-v-02880e68><picture><source media="(max-width: 899px)" srcset="https://media.typology.com/storyblok/1700x1700/353d574181/diag_homepage_mobile.jpg?twic=v1/cover=400/quality=90 400w,https://media.typology.com/storyblok/1700x1700/353d574181/diag_homepage_mobile.jpg?twic=v1/cover=700/quality=90 700w,https://media.typology.com/storyblok/1700x1700/353d574181/diag_homepage_mobile.jpg?twic=v1/cover=900/quality=90 900w,https://media.typology.com/storyblok/1700x1700/353d574181/diag_homepage_mobile.jpg?twic=v1/cover=1100/quality=90 1100w,https://media.typology.com/storyblok/1700x1700/353d574181/diag_homepage_mobile.jpg?twic=v1/cover=1300/quality=90 1300w,https://media.typology.com/storyblok/1700x1700/353d574181/diag_homepage_mobile.jpg?twic=v1/cover=1500/quality=90 1500w,https://media.typology.com/storyblok/1700x1700/353d574181/diag_homepage_mobile.jpg?twic=v1/cover=1700/quality=90 1700w,https://media.typology.com/storyblok/1700x1700/353d574181/diag_homepage_mobile.jpg?twic=v1/cover=2000/quality=90 2000w" sizes="100vw"><source media="(min-width: 900px)" srcset="https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=1100/quality=90 1100w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=1300/quality=90 1300w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=1500/quality=90 1500w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=1700/quality=90 1700w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=2000/quality=90 2000w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=2400/quality=90 2400w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=2800/quality=90 2800w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=3200/quality=90 3200w" sizes="100vw"><img src="https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/quality=90" srcset="https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=1100/quality=90 1100w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=1300/quality=90 1300w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=1500/quality=90 1500w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=1700/quality=90 1700w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=2000/quality=90 2000w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=2400/quality=90 2400w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=2800/quality=90 2800w,https://media.typology.com/storyblok/3500x1800/dfa8d53ebc/diag_homepage_desktop.jpg?twic=v1/cover=3200/quality=90 3200w" alt="Homepage" class="inset-0 object-center w-full h-full pointer-events-none object-cover"></picture></div></div><a data-action="click-carousel_full_screen-slide" data-target="Diagnostic de peau - Nouvelle année, nouvelle routine" href="/diagnostic" class="flex flex-col justify-start md:justify-center w-full h-full text-center md:text-left md:text-black text-black" data-v-02880e68><div class="container px-3 pt-8 md:pt-0 lg:max-w-screen-80 lg:m-auto lg:w-full" data-v-02880e68><div class="uppercase text-36 leading-none font-medium md:text-62 md:-tracking-01" data-v-02880e68>
            Diagnostic de peau
          </div><p class="mt-3 text-heading-4" data-v-02880e68>
            Nouvelle année, nouvelle routine
          </p></div></a></div></div></div></div><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><div><!----><!----><!----><div class="container py-9 md:py-18"><h1 class="text-product-tag"><span class="inline mr-2 text-gray-700">Nos formules sont :</span>
  courtes, concentrées, fabriquées en France
</h1></div><!----><!----><!----><!----><!----><!----><!----></div><div><!----><!----><!----><!----><!----><section class="md:container md:px-0"><div class="w-full"><div class="border-t border-gray-500"></div></div></section><!----><!----><!----><!----><!----></div><div><!----><!----><!----><!----><!----><!----><div class="container grid grid-cols-1 pb-9 md:pb-18"><div><div class="sticky top-0 pt-9 md:pt-18"><h2 class="text-heading-1 hyphens-auto">Les iconiques</h2><!----></div></div><div class="mt-8 md:mt-16"><div class="grid grid-cols-2 gap-4 md:gap-5 md:grid-cols-3"><div><div data-element="product-card" class="md:flex md:flex-col md:h-full relative w-full product-card" data-v-03933f50><a href="/products/creme-hydratante-minimaliste" data-v-03933f50><div class="relative overflow-hidden bg-gray-300 pb-5/4" data-v-03933f50><svg viewbox="0 0 66 10" xmlns="http://www.w3.org/2000/svg" class="fill-current flex-shrink-0 absolute top-0 left-0 z-10 mt-5 ml-5 stars" style="height:10px;" data-v-03933f50><path d="M5 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM19 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM33 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM47 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM61 0l-1.7 3.3l-3.3 0.5l2.3 2.5l-0.6 3.7l3.3 -1.7l3.3 1.7l-0.6 -3.7l2.3 -2.5l-3.3 -0.5l-1.7 -3.3zm0 1.2l1.3 2.7l2.6 0.3l-1.8 2l0.5 2.8l-2.6 -1.3v-6.5z"></path></svg><div class="absolute inset-0 animate-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><img src="https://media.typology.com/storyblok/1600x1600/2f19596de6/d41_packshot1_web_1600x1600.jpg?twic=v1/output=preview" data-twic-src="image:storyblok/1600x1600/2f19596de6/d41_packshot1_web_1600x1600.jpg" data-twic-src-transform="quality=70/contain=WxH" alt="Crème Hydratante Visage à 9 ingrédients" importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-contain"></div></div><div class="absolute inset-0 animate-preview-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><video data-twic-src="https://media.typology.com/video-storyblok/x/51cc798893/creme-hydratante-visage-a-9-ingredients__hover__eddbf8874f8f4cb1b4120baa038c5701.mp4" data-src-transform="quality=70" poster="https://media.typology.com/video-storyblok/x/51cc798893/creme-hydratante-visage-a-9-ingredients__hover__eddbf8874f8f4cb1b4120baa038c5701.mp4?twic=v1/output=preview" autoplay="autoplay" loop="loop" playsinline="" muted="muted" class="inset-0 object-center w-full h-full object-contain pointer-events-none"><!----></video></div></div></div><span class="absolute top-0 right-0 mt-2 mr-2 uppercase md:mr-3 md:mt-3 lg:mr-4 lg:mt-4 tag font-medium" data-v-03933f50>Best-seller</span></a><div class="relative flex flex-col pt-2 min-h-15 lg:pt-4" data-v-03933f50><div class="pb-2 lg:pb-0 text-14 product-infos" data-v-03933f50><!----><a href="/products/creme-hydratante-minimaliste" class="leading-tight block" data-v-03933f50><h2 class="inline font-medium" data-v-03933f50>Crème Hydratante Visage à 9 ingrédients</h2><!----><!---->
          —
          
            20,50 €
          <!----></a></div><button class="z-10 hidden w-full h-10 mt-auto font-medium uppercase bg-gray-100 border border-gray-500 cursor-pointer sm:block preview-button text-10 sm:mt-0 hover:bg-black hover:text-white hover:border-black" data-v-03933f50>
      Aperçu
    </button></div></div></div><div><div data-element="product-card" class="md:flex md:flex-col md:h-full relative w-full product-card" data-v-03933f50><a href="/products/serum-teinte" data-v-03933f50><div class="relative overflow-hidden bg-gray-300 pb-5/4" data-v-03933f50><svg viewbox="0 0 66 10" xmlns="http://www.w3.org/2000/svg" class="fill-current flex-shrink-0 absolute top-0 left-0 z-10 mt-5 ml-5 stars" style="height:10px;" data-v-03933f50><path d="M5 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM19 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM33 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM47 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM61 0l-1.7 3.3l-3.3 0.5l2.3 2.5l-0.6 3.7l3.3 -1.7l3.3 1.7l-0.6 -3.7l2.3 -2.5l-3.3 -0.5l-1.7 -3.3zm0 1.2l1.3 2.7l2.6 0.3l-1.8 2l0.5 2.8l-2.6 -1.3v-6.5z"></path></svg><div class="absolute inset-0 animate-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><img src="https://media.typology.com/storyblok/2400x2400/e8932e1351/teint_rows-front.jpg?twic=v1/output=preview" data-twic-src="image:storyblok/2400x2400/e8932e1351/teint_rows-front.jpg" data-twic-src-transform="quality=70/contain=WxH" alt="Sérum Teinté" importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-contain"></div></div><div class="absolute inset-0 animate-preview-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><video data-twic-src="https://media.typology.com/video-storyblok/8dfaee27a4/serum-teinte__hover__8b836384f196471d9ee322c70b7750fe.gif" data-src-transform="quality=70" poster="https://media.typology.com/video-storyblok/8dfaee27a4/serum-teinte__hover__8b836384f196471d9ee322c70b7750fe.gif?twic=v1/output=preview" autoplay="autoplay" loop="loop" playsinline="" muted="muted" class="inset-0 object-center w-full h-full object-contain pointer-events-none"><!----></video></div></div></div><span class="absolute top-0 right-0 mt-2 mr-2 uppercase md:mr-3 md:mt-3 lg:mr-4 lg:mt-4 tag font-medium" data-v-03933f50>Best-seller</span></a><div class="relative flex flex-col pt-2 min-h-15 lg:pt-4" data-v-03933f50><div class="pb-2 lg:pb-0 text-14 product-infos" data-v-03933f50><!----><a href="/products/serum-teinte" class="leading-tight block" data-v-03933f50><h2 class="inline font-medium" data-v-03933f50>Sérum Teinté</h2><!----><!---->
          —
          
            27,50 €
          <!----></a></div><button class="z-10 hidden w-full h-10 mt-auto font-medium uppercase bg-gray-100 border border-gray-500 cursor-pointer sm:block preview-button text-10 sm:mt-0 hover:bg-black hover:text-white hover:border-black" data-v-03933f50>
      Aperçu
    </button></div></div></div><div class="row-span-2 col-span-2 md:row-span-1 md:col-span-1"><div data-element="product-card" class="md:flex md:flex-col md:h-full relative w-full product-card" data-v-03933f50><a href="/products/serum-a-la-vitamine-c" data-v-03933f50><div class="relative overflow-hidden bg-gray-300 pb-5/4" data-v-03933f50><svg viewbox="0 0 66 10" xmlns="http://www.w3.org/2000/svg" class="fill-current flex-shrink-0 absolute top-0 left-0 z-10 mt-5 ml-5 stars" style="height:10px;" data-v-03933f50><path d="M5 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM19 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM33 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM47 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM61 0l-1.7 3.3l-3.3 0.5l2.3 2.5l-0.6 3.7l3.3 -1.7l3.3 1.7l-0.6 -3.7l2.3 -2.5l-3.3 -0.5l-1.7 -3.3zm0 1.2l1.3 2.7l2.6 0.3l-1.8 2l0.5 2.8l-2.6 -1.3v-6.5z"></path></svg><div class="absolute inset-0 animate-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><img src="https://media.typology.com/storyblok/1600x1600/801753a546/l32_packshot1_web_1600x1600.png?twic=v1/output=preview" data-twic-src="image:storyblok/1600x1600/801753a546/l32_packshot1_web_1600x1600.png" data-twic-src-transform="quality=70/contain=WxH" alt="Sérum Éclat - Vitamine C 11%" importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-contain"></div></div><div class="absolute inset-0 animate-preview-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><video data-twic-src="https://media.typology.com/video-storyblok/x/fa708452b3/typology_web_gif_hover_vitamin-c_2021.mp4" data-src-transform="quality=70" poster="https://media.typology.com/video-storyblok/x/fa708452b3/typology_web_gif_hover_vitamin-c_2021.mp4?twic=v1/output=preview" autoplay="autoplay" loop="loop" playsinline="" muted="muted" class="inset-0 object-center w-full h-full object-contain pointer-events-none"><!----></video></div></div></div><span class="absolute top-0 right-0 mt-2 mr-2 uppercase md:mr-3 md:mt-3 lg:mr-4 lg:mt-4 tag font-medium" data-v-03933f50>Best-seller</span></a><div class="relative flex flex-col pt-2 min-h-15 lg:pt-4" data-v-03933f50><div class="pb-2 lg:pb-0 text-14 product-infos" data-v-03933f50><!----><a href="/products/serum-a-la-vitamine-c" class="leading-tight block" data-v-03933f50><h2 class="inline font-medium" data-v-03933f50>Sérum Éclat</h2><br data-v-03933f50>
          Vitamine C 11%
        
          —
          
            à partir de 16,50 €
          <!----></a></div><button class="z-10 hidden w-full h-10 mt-auto font-medium uppercase bg-gray-100 border border-gray-500 cursor-pointer sm:block preview-button text-10 sm:mt-0 hover:bg-black hover:text-white hover:border-black" data-v-03933f50>
      Aperçu
    </button></div></div></div></div></div><div class="mt-5 text-right"><a href="/collections/best-sellers" class="inline-flex items-center font-medium leading-none uppercase text-14"><svg width="13" height="12" viewbox="0 0 13 12" xmlns="http://www.w3.org/2000/svg" class="fill-current mr-2"><path d="M0 4.8H8.5L5.5 1.7L7.2 0L13 6L7.2 12L5.5 10.3L8.5 7.2H0V4.8Z"></path></svg>Tous
    </a></div></div><!----><!----><!----><!----></div><div><!----><!----><!----><!----><div class="md:text-center py-9 md:py-18 px-4 md:px-0 bg-white"><div class="mb-6 md:text-center"><div class="mb-1 md:mb-3 md:mr-3 md:inline-block text-20 md:text-28 leading-35p font-medium" data-v-0e900098><span class="mr-1 md:mr-2 flex-shrink-0" data-v-0e900098>
    Pour
  </span><div class="relative items-center text-14 inline-block" data-v-0e900098><button class="flex items-center justify-between max-w-full md:max-w-none ellipsis-helper text-gray-700 min-w-12 text-20 md:text-28 leading-35p font-medium lowercase" data-v-0e900098><span class="whitespace-no-wrap overflow-hidden" style="text-overflow: ellipsis;" data-v-0e900098>mon visage</span><svg width="16" height="12" viewbox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" class="fill-current ml-1 md:ml-2 hidden md:block flex-shrink-0" data-v-0e900098><path d="M9.60002 0L5.5 4.10001L1.40003 6.31809e-06L2.95639e-05 1.40001L5.5 7.00001L11.1 1.5L9.60002 0Z"></path></svg><svg width="12" height="7" viewbox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" class="fill-current ml-1 md:ml-2 md:hidden mt-1 flex-shrink-0" data-v-0e900098><path d="M9.60002 0L5.5 4.10001L1.40003 6.31809e-06L2.95639e-05 1.40001L5.5 7.00001L11.1 1.5L9.60002 0Z"></path></svg><!----></button><div class="z-20 fixed md:absolute left-0 right-0 md:left-auto bottom-0 md:bottom-auto md:-top-2 min-h-full md:max-h-none transition duration-200 transform text-gray-700 invisible opacity-0" data-v-0e900098><div class="flex flex-col min-h-screen bg-transparent-40 md:bg-transparent" data-v-0e900098><button class="md:absolute md:hidden right-0 mt-auto ml-auto md:ml-0 md:mt-0 md:-mr-8 flex justify-center w-8 h-8 text-center md:text-white md:bg-black" data-v-0e900098><svg width="32" height="32" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="fill-current h-auto" data-v-0e900098><rect y="0.00012207" width="32" height="32" fill="black"></rect><path d="M20.3043 22.0001L21.9739 20.3306L17.6696 16.0262L22 11.6958L20.3043 10.0001L15.9739 14.3306L11.6696 10.0001L10 11.6958L14.3043 16.0262L10 20.3306L11.6957 22.0001L15.9739 17.6958L20.3043 22.0001Z" fill="white"></path></svg></button><ul class="bg-gray-100 md:bg-white py-4 md:py-2 md:mt-0 overflow-y-auto max-h-60 md:max-h-95 border border-gray-500 md:border-0" data-v-0e900098><li class="mx-6 md:mx-4 my-2 md:my-2 py-2 md:py-0 pr-6 text-center md:text-left cursor-pointer leading-6 font-bold md:font-medium text-16 md:text-15 text-black whitespace-no-wrap max-w-full overflow-x-hidden hidden md:block relative md:lowercase" data-v-0e900098>
            
            <svg width="12" height="7" viewbox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" class="fill-current hidden md:block absolute right-0 top-2 transform rotate-180" data-v-0e900098><path d="M9.60002 0L5.5 4.10001L1.40003 6.31809e-06L2.95639e-05 1.40001L5.5 7.00001L11.1 1.5L9.60002 0Z"></path></svg></li></ul></div></div></div><!----></div><div class="mb-1 md:mb-3 md:inline-block text-20 md:text-28 leading-35p font-medium md:mr-3" data-v-0e900098><span class="mr-1 md:mr-2 flex-shrink-0" data-v-0e900098>
    je cherche
  </span><div class="relative items-center text-14 inline-block" data-v-0e900098><button class="flex items-center justify-between max-w-full md:max-w-none ellipsis-helper text-gray-700 min-w-12 text-20 md:text-28 leading-35p font-medium lowercase" data-v-0e900098><span class="whitespace-no-wrap overflow-hidden" style="text-overflow: ellipsis;" data-v-0e900098>un produit</span><svg width="16" height="12" viewbox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" class="fill-current ml-1 md:ml-2 hidden md:block flex-shrink-0" data-v-0e900098><path d="M9.60002 0L5.5 4.10001L1.40003 6.31809e-06L2.95639e-05 1.40001L5.5 7.00001L11.1 1.5L9.60002 0Z"></path></svg><svg width="12" height="7" viewbox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" class="fill-current ml-1 md:ml-2 md:hidden mt-1 flex-shrink-0" data-v-0e900098><path d="M9.60002 0L5.5 4.10001L1.40003 6.31809e-06L2.95639e-05 1.40001L5.5 7.00001L11.1 1.5L9.60002 0Z"></path></svg><!----></button><div class="z-20 fixed md:absolute left-0 right-0 md:left-auto bottom-0 md:bottom-auto md:-top-2 min-h-full md:max-h-none transition duration-200 transform text-gray-700 invisible opacity-0" data-v-0e900098><div class="flex flex-col min-h-screen bg-transparent-40 md:bg-transparent" data-v-0e900098><button class="md:absolute md:hidden right-0 mt-auto ml-auto md:ml-0 md:mt-0 md:-mr-8 flex justify-center w-8 h-8 text-center md:text-white md:bg-black" data-v-0e900098><svg width="32" height="32" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="fill-current h-auto" data-v-0e900098><rect y="0.00012207" width="32" height="32" fill="black"></rect><path d="M20.3043 22.0001L21.9739 20.3306L17.6696 16.0262L22 11.6958L20.3043 10.0001L15.9739 14.3306L11.6696 10.0001L10 11.6958L14.3043 16.0262L10 20.3306L11.6957 22.0001L15.9739 17.6958L20.3043 22.0001Z" fill="white"></path></svg></button><ul class="bg-gray-100 md:bg-white py-4 md:py-2 md:mt-0 overflow-y-auto max-h-60 md:max-h-95 border border-gray-500 md:border-0" data-v-0e900098><li class="mx-6 md:mx-4 my-2 md:my-2 py-2 md:py-0 pr-6 text-center md:text-left cursor-pointer leading-6 font-bold md:font-medium text-16 md:text-15 text-black whitespace-no-wrap max-w-full overflow-x-hidden hidden md:block relative md:lowercase" data-v-0e900098>
            
            <svg width="12" height="7" viewbox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" class="fill-current hidden md:block absolute right-0 top-2 transform rotate-180" data-v-0e900098><path d="M9.60002 0L5.5 4.10001L1.40003 6.31809e-06L2.95639e-05 1.40001L5.5 7.00001L11.1 1.5L9.60002 0Z"></path></svg></li></ul></div></div></div><!----></div><div class="md:inline-block text-20 md:text-28 leading-35p font-medium" data-v-0e900098><span class="mr-1 md:mr-2 flex-shrink-0" data-v-0e900098>
    pour
  </span><div class="relative items-center text-14 inline-block opacity-25" data-v-0e900098><button disabled="disabled" class="flex items-center justify-between max-w-full md:max-w-none ellipsis-helper cursor-auto text-black min-w-12 text-20 md:text-28 leading-35p font-medium lowercase" data-v-0e900098><span class="whitespace-no-wrap overflow-hidden" style="text-overflow: ellipsis;" data-v-0e900098>une préoccupation</span><svg width="16" height="12" viewbox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" class="fill-current ml-1 md:ml-2 hidden md:block flex-shrink-0" data-v-0e900098><path d="M9.60002 0L5.5 4.10001L1.40003 6.31809e-06L2.95639e-05 1.40001L5.5 7.00001L11.1 1.5L9.60002 0Z"></path></svg><svg width="12" height="7" viewbox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" class="fill-current ml-1 md:ml-2 md:hidden mt-1 flex-shrink-0" data-v-0e900098><path d="M9.60002 0L5.5 4.10001L1.40003 6.31809e-06L2.95639e-05 1.40001L5.5 7.00001L11.1 1.5L9.60002 0Z"></path></svg><!----></button><div class="z-20 fixed md:absolute left-0 right-0 md:left-auto bottom-0 md:bottom-auto md:-top-2 min-h-full md:max-h-none transition duration-200 transform text-gray-700 invisible opacity-0" data-v-0e900098><div class="flex flex-col min-h-screen bg-transparent-40 md:bg-transparent" data-v-0e900098><button class="md:absolute md:hidden right-0 mt-auto ml-auto md:ml-0 md:mt-0 md:-mr-8 flex justify-center w-8 h-8 text-center md:text-white md:bg-black" data-v-0e900098><svg width="32" height="32" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="fill-current h-auto" data-v-0e900098><rect y="0.00012207" width="32" height="32" fill="black"></rect><path d="M20.3043 22.0001L21.9739 20.3306L17.6696 16.0262L22 11.6958L20.3043 10.0001L15.9739 14.3306L11.6696 10.0001L10 11.6958L14.3043 16.0262L10 20.3306L11.6957 22.0001L15.9739 17.6958L20.3043 22.0001Z" fill="white"></path></svg></button><ul class="bg-gray-100 md:bg-white py-4 md:py-2 md:mt-0 overflow-y-auto max-h-60 md:max-h-95 border border-gray-500 md:border-0" data-v-0e900098><li class="mx-6 md:mx-4 my-2 md:my-2 py-2 md:py-0 pr-6 text-center md:text-left cursor-pointer leading-6 font-bold md:font-medium text-16 md:text-15 text-black whitespace-no-wrap max-w-full overflow-x-hidden hidden md:block relative md:lowercase" data-v-0e900098>
            
            <svg width="12" height="7" viewbox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" class="fill-current hidden md:block absolute right-0 top-2 transform rotate-180" data-v-0e900098><path d="M9.60002 0L5.5 4.10001L1.40003 6.31809e-06L2.95639e-05 1.40001L5.5 7.00001L11.1 1.5L9.60002 0Z"></path></svg></li></ul></div></div></div><!----></div></div><button target="_self" class="inline-block text-center font-medium leading-none tracking-wider text-center uppercase transition duration-200 border w-full md:max-w-80 h-14 px-2 py-5 text-14 cursor-pointer bg-black text-white border-black md:hover:bg-transparent md:hover:text-black">
    voir la selection
  </button></div><!----><!----><!----><!----><!----><!----></div><div><!----><!----><!----><!----><!----><!----><div class="container grid grid-cols-1 pb-9 md:pb-18 md:grid-cols-2 md:col-gap-5"><div><div class="sticky top-0 pt-9 md:pt-18"><h2 class="text-heading-1 hyphens-auto">Soins
teintés</h2><div class="mt-5 font-mono md:mt-10 rich-text max-w-120"><p><span class="">Nos soins teintés sont concentrés en actifs pour un </span><b><span class="">effet unifiant </span></b><span class="">immédiat mais aussi pour traiter la peau sur le long terme.</span></p></div></div></div><div class="pt-9 md:pt-18"><div class="grid grid-cols-2 gap-4 md:gap-5"><div><div data-element="product-card" class="md:flex md:flex-col md:h-full relative w-full product-card" data-v-03933f50><a href="/products/concentre-bronzant-vitamine-e-extrait-d-abricot" data-v-03933f50><div class="relative overflow-hidden bg-gray-300 pb-5/4" data-v-03933f50><!----><div class="absolute inset-0 animate-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><img src="https://media.typology.com/storyblok/3227x3287/c26f2d9df7/bronzing-drops_page_produit_3d-pack.jpg?twic=v1/output=preview" data-twic-src="image:storyblok/3227x3287/c26f2d9df7/bronzing-drops_page_produit_3d-pack.jpg" data-twic-src-transform="quality=70/contain=WxH" alt="Concentré bronzant - Vitamine E 2% + Extrait d'abricot " importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-contain"></div></div><div class="absolute inset-0 animate-preview-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><img src="https://media.typology.com/storyblok/3227x3287/77f16a6d83/bronzing-drops_page_produit_focus-pipette.jpg?twic=v1/output=preview" data-twic-src="image:storyblok/3227x3287/77f16a6d83/bronzing-drops_page_produit_focus-pipette.jpg" data-twic-src-transform="quality=70/contain=WxH" alt="Concentré bronzant - Vitamine E 2% + Extrait d'abricot " importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-contain"></div></div></div><span class="absolute top-0 right-0 mt-2 mr-2 uppercase md:mr-3 md:mt-3 lg:mr-4 lg:mt-4 tag font-medium" data-v-03933f50>Nouveau</span></a><div class="relative flex flex-col pt-2 min-h-15 lg:pt-4" data-v-03933f50><div class="pb-2 lg:pb-0 text-14 product-infos" data-v-03933f50><!----><a href="/products/concentre-bronzant-vitamine-e-extrait-d-abricot" class="leading-tight block" data-v-03933f50><h2 class="inline font-medium" data-v-03933f50>Concentré bronzant</h2><br data-v-03933f50>
          Vitamine E 2% + Extrait d'abricot 
        
          —
          
            22,90 €
          <!----></a></div><button class="z-10 hidden w-full h-10 mt-auto font-medium uppercase bg-gray-100 border border-gray-500 cursor-pointer sm:block preview-button text-10 sm:mt-0 hover:bg-black hover:text-white hover:border-black" data-v-03933f50>
      Aperçu
    </button></div></div></div><div><div data-element="product-card" class="md:flex md:flex-col md:h-full relative w-full product-card" data-v-03933f50><a href="/products/coffret-cadeau-soins-teintes-4-produits" data-v-03933f50><div class="relative overflow-hidden bg-gray-300 pb-5/4" data-v-03933f50><svg viewbox="0 0 66 10" xmlns="http://www.w3.org/2000/svg" class="fill-current flex-shrink-0 absolute top-0 left-0 z-10 mt-5 ml-5 stars" style="height:10px;" data-v-03933f50><path d="M5 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM19 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM33 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM47 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM61 0l-1.7 3.3l-3.3 0.5l2.3 2.5l-0.6 3.7l3.3 -1.7l3.3 1.7l-0.6 -3.7l2.3 -2.5l-3.3 -0.5l-1.7 -3.3zm0 1.2l1.3 2.7l2.6 0.3l-1.8 2l0.5 2.8l-2.6 -1.3v-6.5z"></path></svg><div class="absolute inset-0 animate-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><img src="https://media.typology.com/storyblok/2400x2400/6512aa86ff/coffret-cadeau-soin-teintes_page-produit_v3.jpg?twic=v1/output=preview" data-twic-src="image:storyblok/2400x2400/6512aa86ff/coffret-cadeau-soin-teintes_page-produit_v3.jpg" data-twic-src-transform="quality=70/cover=WxH" alt="Coffret Cadeau Soins Teintés - 4 produits" importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-cover"></div></div><div class="absolute inset-0 animate-preview-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><video data-twic-src="https://media.typology.com/video-storyblok/2000x2000/904265639a/gif_1.gif" data-src-transform="quality=70" poster="https://media.typology.com/video-storyblok/2000x2000/904265639a/gif_1.gif?twic=v1/output=preview" autoplay="autoplay" loop="loop" playsinline="" muted="muted" class="inset-0 object-center w-full h-full object-contain pointer-events-none"><!----></video></div></div></div><span class="absolute top-0 right-0 mt-2 mr-2 uppercase md:mr-3 md:mt-3 lg:mr-4 lg:mt-4 tag font-medium" data-v-03933f50>Valeur totale de 97,80€</span></a><div class="relative flex flex-col pt-2 min-h-15 lg:pt-4" data-v-03933f50><div class="pb-2 lg:pb-0 text-14 product-infos" data-v-03933f50><!----><a href="/products/coffret-cadeau-soins-teintes-4-produits" class="leading-tight block" data-v-03933f50><h2 class="inline font-medium" data-v-03933f50>Coffret Cadeau Soins Teintés - 4 produits</h2><!----><!---->
          —
          
            79,90 €
          <!----></a></div><button class="z-10 hidden w-full h-10 mt-auto font-medium uppercase bg-gray-100 border border-gray-500 cursor-pointer sm:block preview-button text-10 sm:mt-0 hover:bg-black hover:text-white hover:border-black" data-v-03933f50>
      Aperçu
    </button></div></div></div><div><div data-element="product-card" class="md:flex md:flex-col md:h-full relative w-full product-card" data-v-03933f50><a href="/products/serum-teinte" data-v-03933f50><div class="relative overflow-hidden bg-gray-300 pb-5/4" data-v-03933f50><svg viewbox="0 0 66 10" xmlns="http://www.w3.org/2000/svg" class="fill-current flex-shrink-0 absolute top-0 left-0 z-10 mt-5 ml-5 stars" style="height:10px;" data-v-03933f50><path d="M5 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM19 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM33 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM47 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM61 0l-1.7 3.3l-3.3 0.5l2.3 2.5l-0.6 3.7l3.3 -1.7l3.3 1.7l-0.6 -3.7l2.3 -2.5l-3.3 -0.5l-1.7 -3.3zm0 1.2l1.3 2.7l2.6 0.3l-1.8 2l0.5 2.8l-2.6 -1.3v-6.5z"></path></svg><div class="absolute inset-0 animate-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><img src="https://media.typology.com/storyblok/2400x2400/e8932e1351/teint_rows-front.jpg?twic=v1/output=preview" data-twic-src="image:storyblok/2400x2400/e8932e1351/teint_rows-front.jpg" data-twic-src-transform="quality=70/contain=WxH" alt="Sérum Teinté" importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-contain"></div></div><div class="absolute inset-0 animate-preview-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><video data-twic-src="https://media.typology.com/video-storyblok/8dfaee27a4/serum-teinte__hover__8b836384f196471d9ee322c70b7750fe.gif" data-src-transform="quality=70" poster="https://media.typology.com/video-storyblok/8dfaee27a4/serum-teinte__hover__8b836384f196471d9ee322c70b7750fe.gif?twic=v1/output=preview" autoplay="autoplay" loop="loop" playsinline="" muted="muted" class="inset-0 object-center w-full h-full object-contain pointer-events-none"><!----></video></div></div></div><span class="absolute top-0 right-0 mt-2 mr-2 uppercase md:mr-3 md:mt-3 lg:mr-4 lg:mt-4 tag font-medium" data-v-03933f50>Best-seller</span></a><div class="relative flex flex-col pt-2 min-h-15 lg:pt-4" data-v-03933f50><div class="pb-2 lg:pb-0 text-14 product-infos" data-v-03933f50><!----><a href="/products/serum-teinte" class="leading-tight block" data-v-03933f50><h2 class="inline font-medium" data-v-03933f50>Sérum Teinté</h2><!----><!---->
          —
          
            27,50 €
          <!----></a></div><button class="z-10 hidden w-full h-10 mt-auto font-medium uppercase bg-gray-100 border border-gray-500 cursor-pointer sm:block preview-button text-10 sm:mt-0 hover:bg-black hover:text-white hover:border-black" data-v-03933f50>
      Aperçu
    </button></div></div></div><div><div data-element="product-card" class="md:flex md:flex-col md:h-full relative w-full product-card" data-v-03933f50><a href="/products/huile-teintees" data-v-03933f50><div class="relative overflow-hidden bg-gray-300 pb-5/4" data-v-03933f50><svg viewbox="0 0 66 10" xmlns="http://www.w3.org/2000/svg" class="fill-current flex-shrink-0 absolute top-0 left-0 z-10 mt-5 ml-5 stars" style="height:10px;" data-v-03933f50><path d="M5 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM19 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM33 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM47 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM61 0l-1.7 3.3l-3.3 0.5l2.3 2.5l-0.6 3.7l3.3 -1.7l3.3 1.7l-0.6 -3.7l2.3 -2.5l-3.3 -0.5l-1.7 -3.3zm0 1.2l1.3 2.7l2.6 0.3l-1.8 2l0.5 2.8l-2.6 -1.3v-6.5z"></path></svg><div class="absolute inset-0 animate-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><img src="https://media.typology.com/storyblok/1872x1872/2b69157428/teinte_packshot-collection_web_15ml.jpg?twic=v1/output=preview" data-twic-src="image:storyblok/1872x1872/2b69157428/teinte_packshot-collection_web_15ml.jpg" data-twic-src-transform="quality=70/contain=WxH" alt="Huiles à lèvres teintées" importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-contain"></div></div><div class="absolute inset-0 animate-preview-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><video data-twic-src="https://media.typology.com/video-storyblok/1120x1120/f58dfedd46/teinte_packshot-collection_web_15ml.gif" data-src-transform="quality=70" poster="https://media.typology.com/video-storyblok/1120x1120/f58dfedd46/teinte_packshot-collection_web_15ml.gif?twic=v1/output=preview" autoplay="autoplay" loop="loop" playsinline="" muted="muted" class="inset-0 object-center w-full h-full object-contain pointer-events-none"><!----></video></div></div></div><span class="absolute top-0 right-0 mt-2 mr-2 uppercase md:mr-3 md:mt-3 lg:mr-4 lg:mt-4 tag font-medium" data-v-03933f50>Nourrissant</span></a><div class="relative flex flex-col pt-2 min-h-15 lg:pt-4" data-v-03933f50><div class="pb-2 lg:pb-0 text-14 product-infos" data-v-03933f50><!----><a href="/products/huile-teintees" class="leading-tight block" data-v-03933f50><h2 class="inline font-medium" data-v-03933f50>Huile à lèvres teintée</h2><!----><!---->
          —
          
            21,50 €
          <!----></a></div><button class="z-10 hidden w-full h-10 mt-auto font-medium uppercase bg-gray-100 border border-gray-500 cursor-pointer sm:block preview-button text-10 sm:mt-0 hover:bg-black hover:text-white hover:border-black" data-v-03933f50>
      Aperçu
    </button></div></div></div></div></div><div class="mt-5 text-right md:col-span-2"><a href="/collections/soins-teintes" class="inline-flex items-center font-medium leading-none uppercase text-14"><svg width="13" height="12" viewbox="0 0 13 12" xmlns="http://www.w3.org/2000/svg" class="fill-current mr-2"><path d="M0 4.8H8.5L5.5 1.7L7.2 0L13 6L7.2 12L5.5 10.3L8.5 7.2H0V4.8Z"></path></svg>Tous
    </a></div></div><!----><!----><!----><!----></div><div><!----><!----><!----><!----><!----><!----><!----><!----><div class="relative w-full bg-center bg-cover h-145 md:h-w-screen/2 lg:h-w-screen-40 bg-black"><div class="absolute w-full h-full inset-0 opacity-80"><div class="h-full w-full inset-0 relative"><video poster="https://media.typology.com/video-storyblok/x/0ae2681cbb/typology_bandeau-diagnostic_2021_light_fqjotl.mp4?twic=v1/output=preview" autoplay="autoplay" loop="loop" playsinline="" muted="muted" class="inset-0 object-center w-full h-full object-cover pointer-events-none"><source src="https://media.typology.com/video-storyblok/x/0ae2681cbb/typology_bandeau-diagnostic_2021_light_fqjotl.mp4?twic=v1/cover=1920/output=h265/quality=70" type="video/mp4;codecs=hvc1"><source src="https://media.typology.com/video-storyblok/x/0ae2681cbb/typology_bandeau-diagnostic_2021_light_fqjotl.mp4?twic=v1/cover=1920/output=vp9/quality=70" type="video/webm;codecs=vp9"><source src="https://media.typology.com/video-storyblok/x/0ae2681cbb/typology_bandeau-diagnostic_2021_light_fqjotl.mp4?twic=v1/cover=1920/output=h264/quality=70" type=""><p>
      Votre navigateur ne prend pas en charge les vidéos HTML5. Voici un
      <a href="https://media.typology.com/video-storyblok/x/0ae2681cbb/typology_bandeau-diagnostic_2021_light_fqjotl.mp4?twic=v1">lien vers le fichier vidéo en remplacement</a>.
    </p></video></div></div><div class="absolute py-8 px-3 md:p-8 flex flex-col justify-center h-full w-full text-center"><div class="text-white max-w-200 m-auto pt-20 md:mx-auto md:my-0"><h2 class="text-14 font-medium uppercase">
        Diagnostic
      </h2><p class="text-34 md:text-60 font-medium mt-3 leading-none">Découvrez votre <br /> typologie de peau.</p></div><div class="md:flex md:mt-10 space-y-5 md:space-y-0 md:space-x-5 mx-auto"><div><a target="_self" href="/diagnostic" data-action="diagnosticBanner" class="inline-block text-center font-medium leading-none tracking-wider text-center uppercase transition duration-200 border bg-white w-full h-16 p-6 text-14 cursor-pointer bg-transparent border-gray-500 md:hover:border-black md:hover:bg-black md:hover:text-white">
          Je découvre ma typologie
        </a></div><!----></div></div></div><!----><!----></div><div><!----><!----><!----><!----><!----><!----><div class="container grid grid-cols-1 pb-9 md:pb-18"><div><div class="sticky top-0 pt-9 md:pt-18"><h2 class="text-heading-1 hyphens-auto">Nouveautés</h2><!----></div></div><div class="mt-8 md:mt-16"><div class="grid grid-cols-2 gap-4 md:gap-5 md:grid-cols-3"><div><div data-element="product-card" class="md:flex md:flex-col md:h-full relative w-full product-card" data-v-03933f50><a href="/products/concentre-bronzant-vitamine-e-extrait-d-abricot" data-v-03933f50><div class="relative overflow-hidden bg-gray-300 pb-5/4" data-v-03933f50><!----><div class="absolute inset-0 animate-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><img src="https://media.typology.com/storyblok/3227x3287/c26f2d9df7/bronzing-drops_page_produit_3d-pack.jpg?twic=v1/output=preview" data-twic-src="image:storyblok/3227x3287/c26f2d9df7/bronzing-drops_page_produit_3d-pack.jpg" data-twic-src-transform="quality=70/contain=WxH" alt="Concentré bronzant - Vitamine E 2% + Extrait d'abricot " importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-contain"></div></div><div class="absolute inset-0 animate-preview-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><img src="https://media.typology.com/storyblok/3227x3287/77f16a6d83/bronzing-drops_page_produit_focus-pipette.jpg?twic=v1/output=preview" data-twic-src="image:storyblok/3227x3287/77f16a6d83/bronzing-drops_page_produit_focus-pipette.jpg" data-twic-src-transform="quality=70/contain=WxH" alt="Concentré bronzant - Vitamine E 2% + Extrait d'abricot " importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-contain"></div></div></div><span class="absolute top-0 right-0 mt-2 mr-2 uppercase md:mr-3 md:mt-3 lg:mr-4 lg:mt-4 tag font-medium" data-v-03933f50>Nouveau</span></a><div class="relative flex flex-col pt-2 min-h-15 lg:pt-4" data-v-03933f50><div class="pb-2 lg:pb-0 text-14 product-infos" data-v-03933f50><!----><a href="/products/concentre-bronzant-vitamine-e-extrait-d-abricot" class="leading-tight block" data-v-03933f50><h2 class="inline font-medium" data-v-03933f50>Concentré bronzant</h2><br data-v-03933f50>
          Vitamine E 2% + Extrait d'abricot 
        
          —
          
            22,90 €
          <!----></a></div><button class="z-10 hidden w-full h-10 mt-auto font-medium uppercase bg-gray-100 border border-gray-500 cursor-pointer sm:block preview-button text-10 sm:mt-0 hover:bg-black hover:text-white hover:border-black" data-v-03933f50>
      Aperçu
    </button></div></div></div><div><div data-element="product-card" class="md:flex md:flex-col md:h-full relative w-full product-card" data-v-03933f50><a href="/products/creme-visage-anti-rougeurs-acide-azelaique-niacinamide" data-v-03933f50><div class="relative overflow-hidden bg-gray-300 pb-5/4" data-v-03933f50><!----><div class="absolute inset-0 animate-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><img src="https://media.typology.com/storyblok/1600x1600/9ba8c2a5f6/c40_packshot_web.jpg?twic=v1/output=preview" data-twic-src="image:storyblok/1600x1600/9ba8c2a5f6/c40_packshot_web.jpg" data-twic-src-transform="quality=70/contain=WxH" alt="Crème visage anti-rougeurs - Acide azélaïque 5% + Niacinamide" importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-contain"></div></div><div class="absolute inset-0 animate-preview-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><video data-twic-src="https://media.typology.com/video-storyblok/1421x1777/0a372f2a7e/hover_c40.gif" data-src-transform="quality=70" poster="https://media.typology.com/video-storyblok/1421x1777/0a372f2a7e/hover_c40.gif?twic=v1/output=preview" autoplay="autoplay" loop="loop" playsinline="" muted="muted" class="inset-0 object-center w-full h-full object-contain pointer-events-none"><!----></video></div></div></div><span class="absolute top-0 right-0 mt-2 mr-2 uppercase md:mr-3 md:mt-3 lg:mr-4 lg:mt-4 tag font-medium" data-v-03933f50>Nouveau</span></a><div class="relative flex flex-col pt-2 min-h-15 lg:pt-4" data-v-03933f50><div class="pb-2 lg:pb-0 text-14 product-infos" data-v-03933f50><!----><a href="/products/creme-visage-anti-rougeurs-acide-azelaique-niacinamide" class="leading-tight block" data-v-03933f50><h2 class="inline font-medium" data-v-03933f50>Crème visage anti-rougeurs</h2><br data-v-03933f50>
          Acide azélaïque 5% + Niacinamide
        
          —
          
            26,90 €
          <!----></a></div><button class="z-10 hidden w-full h-10 mt-auto font-medium uppercase bg-gray-100 border border-gray-500 cursor-pointer sm:block preview-button text-10 sm:mt-0 hover:bg-black hover:text-white hover:border-black" data-v-03933f50>
      Aperçu
    </button></div></div></div><div class="row-span-2 col-span-2 md:row-span-1 md:col-span-1"><div data-element="product-card" class="md:flex md:flex-col md:h-full relative w-full product-card" data-v-03933f50><a href="/products/coffret-5-ans-anniversaire-edition-limitee" data-v-03933f50><div class="relative overflow-hidden bg-gray-300 pb-5/4" data-v-03933f50><svg viewbox="0 0 66 10" xmlns="http://www.w3.org/2000/svg" class="fill-current flex-shrink-0 absolute top-0 left-0 z-10 mt-5 ml-5 stars" style="height:10px;" data-v-03933f50><path d="M5 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM19 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM33 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM47 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM61 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3z"></path></svg><div class="absolute inset-0 animate-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><img src="https://media.typology.com/storyblok/2582x2630/b21a19d9c2/coffret-anniversaire_carroussel_produit_3_.jpg?twic=v1/output=preview" data-twic-src="image:storyblok/2582x2630/b21a19d9c2/coffret-anniversaire_carroussel_produit_3_.jpg" data-twic-src-transform="quality=70/cover=WxH" alt="Édition limitée - - Coffret Anniversaire Typology" importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-cover"></div></div><div class="absolute inset-0 animate-preview-image" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><img src="https://media.typology.com/storyblok/2582x2630/919e79aee6/coffret-anniversaire_carroussel_produit_4.jpg?twic=v1/output=preview" data-twic-src="image:storyblok/2582x2630/919e79aee6/coffret-anniversaire_carroussel_produit_4.jpg" data-twic-src-transform="quality=70/contain=WxH" alt="Édition limitée - - Coffret Anniversaire Typology" importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-contain"></div></div></div><span class="absolute top-0 right-0 mt-2 mr-2 uppercase md:mr-3 md:mt-3 lg:mr-4 lg:mt-4 tag font-medium" data-v-03933f50>Édition limitée</span></a><div class="relative flex flex-col pt-2 min-h-15 lg:pt-4" data-v-03933f50><div class="pb-2 lg:pb-0 text-14 product-infos" data-v-03933f50><!----><a href="/products/coffret-5-ans-anniversaire-edition-limitee" class="leading-tight block" data-v-03933f50><h2 class="inline font-medium" data-v-03933f50>Édition limitée -</h2><br data-v-03933f50>
          Coffret Anniversaire Typology
        
          —
          
            50,00 €
          <!----></a></div><button class="z-10 hidden w-full h-10 mt-auto font-medium uppercase bg-gray-100 border border-gray-500 cursor-pointer sm:block preview-button text-10 sm:mt-0 hover:bg-black hover:text-white hover:border-black" data-v-03933f50>
      Aperçu
    </button></div></div></div></div></div><div class="mt-5 text-right"><a href="/collections/nouveautes" class="inline-flex items-center font-medium leading-none uppercase text-14"><svg width="13" height="12" viewbox="0 0 13 12" xmlns="http://www.w3.org/2000/svg" class="fill-current mr-2"><path d="M0 4.8H8.5L5.5 1.7L7.2 0L13 6L7.2 12L5.5 10.3L8.5 7.2H0V4.8Z"></path></svg>Tous
    </a></div></div><!----><!----><!----><!----></div><div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><div id="reviews" class="bg-white relative relative"><div class="md:container md:mb-0 grid grid-cols-1 md:grid-cols-12"><div class="flex items-center px-4 md:px-0 md:col-span-6 md:pr-15 pt-11 pb-4 md:pt-28 md:pb-11"><div class="block w-full m-auto md:m-0"><div class="md:max-w-100 pb-8"><svg viewbox="0 0 66 10" xmlns="http://www.w3.org/2000/svg" class="fill-current flex-shrink-0" style="height:10px;"><path d="M5 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM19 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM33 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM47 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM61 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3z"></path></svg><h2 class="text-44 md:text-64 mt-6 font-medium leading-none">
            41282 avis cinq étoiles.
          </h2><p class="mt-3 md:max-w-85 text-content-1">
            La note globale de l'expérience Typology est de 4.2 sur 5 étoiles. Nous avons récolté plus de 67148 avis.
          </p></div><div class="w-full overflow-hidden" data-v-2b9d1e9b><div class="swiper-wrapper" data-v-2b9d1e9b><div class="flex items-center swiper-slide" data-v-2b9d1e9b><div class="md:max-w-85 text-14" data-v-2b9d1e9b><div class="font-medium" data-v-2b9d1e9b>
                Théo D.
              </div>Age (35-44 ans) — Peau sensible<svg viewbox="0 0 66 10" xmlns="http://www.w3.org/2000/svg" class="fill-current flex-shrink-0 mt-2" style="height:10px;"><path d="M5 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM19 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM33 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM47 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM61 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3z"></path></svg><p class="pt-4 pb-3 text-content-1" data-v-2b9d1e9b>Je l’applique tous les jours en all-over sur mes boutons et sur tout mon visage (comme le sérum à l’acide Salicylique de The Ordinary) depuis plus d’un mois et ma peau a définitivement changé. Moi qui avais pleins de petits boutons d’acnés et des fois des gros qui restaient longtemps et qui étaient très inflammatoires, tout a changé. Ma peau est lissé avec quelques fois des petits boutons qui partent en deux jours, j’ai juste à appliquer du sérums en plus grosse quantité sur l’imperfection et ça fait le job. Je vous mets si joint la différence avant/après parce que c’est bluffant pour moi, ayant une peau grasse et terne à cause du tabac (j’ai joint ce sérum avec le sérum éclat de Typology à la vitamine C)</p><div class="text-12 text-gray-700" data-v-2b9d1e9b>France,
                
                13 février 2020
              </div><p class="text-gray-700 text-12" data-v-2b9d1e9b>
                À propos de
                <a href="/products/serum-a-l-acide-salicylique" class="underline" data-v-2b9d1e9b>
                  Sérum Imperfections local
                  - Acide Salicylique 2% +  Zinc 1%</a></p></div></div><div class="flex items-center swiper-slide" data-v-2b9d1e9b><div class="md:max-w-85 text-14" data-v-2b9d1e9b><div class="font-medium" data-v-2b9d1e9b>
                Jacqueline C.
              </div>Age (65 ans ou plus) — Peau sensible<svg viewbox="0 0 66 10" xmlns="http://www.w3.org/2000/svg" class="fill-current flex-shrink-0 mt-2" style="height:10px;"><path d="M5 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM19 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM33 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM47 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM61 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3z"></path></svg><p class="pt-4 pb-3 text-content-1" data-v-2b9d1e9b>Comme tous vos produits , très agréable à l application et sur la peau. Ce serait bien de faire des promos de temps en temps sur tous vos produits</p><div class="text-12 text-gray-700" data-v-2b9d1e9b>France,
                
                11 avril 2019
              </div><p class="text-gray-700 text-12" data-v-2b9d1e9b>
                À propos de
                <a href="/products/creme-hydratante-minimaliste" class="underline" data-v-2b9d1e9b>
                  Crème Hydratante Visage à 9 ingrédients<!----></a></p></div></div><div class="flex items-center swiper-slide" data-v-2b9d1e9b><div class="md:max-w-85 text-14" data-v-2b9d1e9b><div class="font-medium" data-v-2b9d1e9b>
                Marine P.
              </div>Age (18-24 ans) — Peau sensible<svg viewbox="0 0 66 10" xmlns="http://www.w3.org/2000/svg" class="fill-current flex-shrink-0 mt-2" style="height:10px;"><path d="M5 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM19 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM33 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM47 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM61 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3z"></path></svg><p class="pt-4 pb-3 text-content-1" data-v-2b9d1e9b>Cela fait des années que j’ai des rougeurs sur les joues donc forcément elles n’ont pas disparu des les premières applications, néanmoins elles deviennent un peu plus discrète. Et son application est très agréable. Voici mon avant après 😅</p><div class="text-12 text-gray-700" data-v-2b9d1e9b>France,
                
                9 juin 2020
              </div><p class="text-gray-700 text-12" data-v-2b9d1e9b>
                À propos de
                <a href="/products/serum-a-la-niacinamide" class="underline" data-v-2b9d1e9b>
                  Sérum Unifiant
                  - Niacinamide 12%</a></p></div></div><div class="flex items-center swiper-slide" data-v-2b9d1e9b><div class="md:max-w-85 text-14" data-v-2b9d1e9b><div class="font-medium" data-v-2b9d1e9b>
                Léa C.
              </div>Age (35-44 ans)<!----><!----><svg viewbox="0 0 66 10" xmlns="http://www.w3.org/2000/svg" class="fill-current flex-shrink-0 mt-2" style="height:10px;"><path d="M5 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM19 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM33 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM47 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3zM61 0l1.7 3.3l3.3 0.5l-2.3 2.5l0.6 3.7l-3.3 -1.7l-3.3 1.7l0.6 -3.7l-2.3 -2.5l3.3 -0.5l1.7 -3.3z"></path></svg><p class="pt-4 pb-3 text-content-1" data-v-2b9d1e9b>Points positifs :
-effet très naturel, invisible sur la peau 
-ne marque pas les plaques de sécheresses 
-unifie, teint lumineux (je déconseille aux peaux grasse, ou alors il faut poudrer) 
Points négatif :
-j'ai peur qu'il soit difficile à la fin de récupérer toute la matière
-la tenue n'est pas incroyable ( sans poudrer, vraiment moyen, en poudrant ça tient la journée) 
En conclusion moi j'adore, très lumineux et convient à mes besoins (couvrance faible et naturelle pour tous les jours et bien pour les peaux sèches avec l'effet soin) Sur la photo je porte la teinte la plus clair.</p><div class="text-12 text-gray-700" data-v-2b9d1e9b>France,
                
                17 octobre 2020
              </div><p class="text-gray-700 text-12" data-v-2b9d1e9b>
                À propos de
                <a href="/products/serum-teinte" class="underline" data-v-2b9d1e9b>
                  Sérum Teinté<!----></a></p></div></div></div><nav slot="pagination" class="flex items-center h-full m-auto mt-4 justify-center pagination" style="display:none;" data-v-2b9d1e9b></nav></div><a target="_self" href="/avis" class="inline-block text-center font-medium leading-none tracking-wider text-center uppercase transition duration-200 border w-full mt-9 md:mt-8 border-black md:max-w-72 h-16 p-6 text-14 cursor-pointer bg-transparent border-gray-500 md:hover:border-black md:hover:bg-black md:hover:text-white">
          Voir tous les avis
        </a></div></div><div class="md:text-right d-flex md:d-block h-80 relative md:static md:col-span-6"><div class="md:absolute md:inset-0 inline-block object-cover h-80 md:h-full twic md:left-auto w-full md:w-1/2 md:right-0"><div class="h-full w-full inset-0 relative"><img src="https://media.typology.com/storyblok/900x1049/b5f8e1dc68/typology_web_reviews_home_2021_v2_0000_composition-de-calques-1.jpg?twic=v1/output=preview" data-twic-src="image:storyblok/900x1049/b5f8e1dc68/typology_web_reviews_home_2021_v2_0000_composition-de-calques-1.jpg" data-twic-src-transform="quality=70/cover=WxH" alt="Homepage" importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-cover"></div></div></div></div></div></div><div><!----><!----><!----><!----><!----><!----><div class="container grid grid-cols-1 pb-9 md:pb-18 md:grid-cols-2 md:col-gap-5"><div><div class="sticky top-0 pt-9 md:pt-18"><h2 class="text-heading-1 hyphens-auto">Duos, trios & kits</h2><div class="mt-5 font-mono md:mt-10 rich-text max-w-120"><p>Découvrez nos duos et trios de soins, conçus pour répondre efficacement à vos besoins spécifiques. </p><p>Chaque produit est soigneusement sélectionné et associé pour répondre efficacement à chaque préoccupation de peau.</p></div></div></div><div class="pt-9 md:pt-18"><div class="grid grid-cols-2 gap-4 md:gap-5"><div><div data-element="product-card" class="md:flex md:flex-col md:h-full relative w-full product-card" data-v-03933f50><a href="/products/duo-teint-ensoleille" data-v-03933f50><div class="relative overflow-hidden bg-gray-300 pb-5/4" data-v-03933f50><!----><div class="absolute inset-0" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><img src="https://media.typology.com/storyblok/1600x1600/8fabf29be3/bundle-bronzingdrop-2.jpg?twic=v1/output=preview" data-twic-src="image:storyblok/1600x1600/8fabf29be3/bundle-bronzingdrop-2.jpg" data-twic-src-transform="quality=70/contain=WxH" alt="Duo teint ensoleillé" importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-contain"></div></div><!----></div><span class="absolute top-0 right-0 mt-2 mr-2 uppercase md:mr-3 md:mt-3 lg:mr-4 lg:mt-4 tag font-medium" data-v-03933f50>Nouveau</span></a><div class="relative flex flex-col pt-2 min-h-15 lg:pt-4" data-v-03933f50><div class="pb-2 lg:pb-0 text-14 product-infos" data-v-03933f50><!----><a href="/products/duo-teint-ensoleille" class="leading-tight block" data-v-03933f50><h2 class="inline font-medium" data-v-03933f50>Duo teint ensoleillé</h2><!----><!---->
          —
          
            43,40 €
          <!----></a></div><button class="z-10 hidden w-full h-10 mt-auto font-medium uppercase bg-gray-100 border border-gray-500 cursor-pointer sm:block preview-button text-10 sm:mt-0 hover:bg-black hover:text-white hover:border-black" data-v-03933f50>
      Aperçu
    </button></div></div></div><div><div data-element="product-card" class="md:flex md:flex-col md:h-full relative w-full product-card" data-v-03933f50><a href="/products/duo-teint-hale-et-unifie" data-v-03933f50><div class="relative overflow-hidden bg-gray-300 pb-5/4" data-v-03933f50><!----><div class="absolute inset-0" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><img src="https://media.typology.com/storyblok/1600x1600/ac16292d26/bundle-bronzingdrop-1.jpg?twic=v1/output=preview" data-twic-src="image:storyblok/1600x1600/ac16292d26/bundle-bronzingdrop-1.jpg" data-twic-src-transform="quality=70/contain=WxH" alt="Duo teint hâlé et unifié" importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-contain"></div></div><!----></div><span class="absolute top-0 right-0 mt-2 mr-2 uppercase md:mr-3 md:mt-3 lg:mr-4 lg:mt-4 tag font-medium" data-v-03933f50>Nouveau</span></a><div class="relative flex flex-col pt-2 min-h-15 lg:pt-4" data-v-03933f50><div class="pb-2 lg:pb-0 text-14 product-infos" data-v-03933f50><!----><a href="/products/duo-teint-hale-et-unifie" class="leading-tight block" data-v-03933f50><h2 class="inline font-medium" data-v-03933f50>Duo teint hâlé et unifié</h2><!----><!---->
          —
          
            50,40 €
          <!----></a></div><button class="z-10 hidden w-full h-10 mt-auto font-medium uppercase bg-gray-100 border border-gray-500 cursor-pointer sm:block preview-button text-10 sm:mt-0 hover:bg-black hover:text-white hover:border-black" data-v-03933f50>
      Aperçu
    </button></div></div></div><div><div data-element="product-card" class="md:flex md:flex-col md:h-full relative w-full product-card" data-v-03933f50><a href="/products/duo-autobronzant-corps" data-v-03933f50><div class="relative overflow-hidden bg-gray-300 pb-5/4" data-v-03933f50><!----><div class="absolute inset-0" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><img src="https://media.typology.com/storyblok/1600x1600/9c6a6eaf62/bundle-l95-gant.jpg?twic=v1/output=preview" data-twic-src="image:storyblok/1600x1600/9c6a6eaf62/bundle-l95-gant.jpg" data-twic-src-transform="quality=70/contain=WxH" alt="Duo autobronzant corps" importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-contain"></div></div><!----></div><span class="absolute top-0 right-0 mt-2 mr-2 uppercase md:mr-3 md:mt-3 lg:mr-4 lg:mt-4 tag font-medium" data-v-03933f50>Autobronzant</span></a><div class="relative flex flex-col pt-2 min-h-15 lg:pt-4" data-v-03933f50><div class="pb-2 lg:pb-0 text-14 product-infos" data-v-03933f50><!----><a href="/products/duo-autobronzant-corps" class="leading-tight block" data-v-03933f50><h2 class="inline font-medium" data-v-03933f50>Duo autobronzant corps</h2><!----><!---->
          —
          
            35,80 €
          <!----></a></div><button class="z-10 hidden w-full h-10 mt-auto font-medium uppercase bg-gray-100 border border-gray-500 cursor-pointer sm:block preview-button text-10 sm:mt-0 hover:bg-black hover:text-white hover:border-black" data-v-03933f50>
      Aperçu
    </button></div></div></div><div><div data-element="product-card" class="md:flex md:flex-col md:h-full relative w-full product-card" data-v-03933f50><a href="/products/trio-iconique-teinte" data-v-03933f50><div class="relative overflow-hidden bg-gray-300 pb-5/4" data-v-03933f50><!----><div class="absolute inset-0" data-v-03933f50><div class="h-full w-full inset-0 relative" data-v-03933f50><img src="https://media.typology.com/storyblok/1600x1600/72c060b95a/typology_bundles_teinte-repack.jpg?twic=v1/output=preview" data-twic-src="image:storyblok/1600x1600/72c060b95a/typology_bundles_teinte-repack.jpg" data-twic-src-transform="quality=70/contain=WxH" alt="Trio iconique teinté" importance="auto" class="inset-0 object-center w-full h-full pointer-events-none object-contain"></div></div><!----></div><!----></a><div class="relative flex flex-col pt-2 min-h-15 lg:pt-4" data-v-03933f50><div class="pb-2 lg:pb-0 text-14 product-infos" data-v-03933f50><!----><a href="/products/trio-iconique-teinte" class="leading-tight block" data-v-03933f50><h2 class="inline font-medium" data-v-03933f50>Trio iconique teinté</h2><!----><!---->
          —
          
            71,50 €
          <!----></a></div><button class="z-10 hidden w-full h-10 mt-auto font-medium uppercase bg-gray-100 border border-gray-500 cursor-pointer sm:block preview-button text-10 sm:mt-0 hover:bg-black hover:text-white hover:border-black" data-v-03933f50>
      Aperçu
    </button></div></div></div></div></div><div class="mt-5 text-right md:col-span-2"><a href="/collections/duos-trios-et-kits" class="inline-flex items-center font-medium leading-none uppercase text-14"><svg width="13" height="12" viewbox="0 0 13 12" xmlns="http://www.w3.org/2000/svg" class="fill-current mr-2"><path d="M0 4.8H8.5L5.5 1.7L7.2 0L13 6L7.2 12L5.5 10.3L8.5 7.2H0V4.8Z"></path></svg>Tous
    </a></div></div><!----><!----><!----><!----></div><div><!----><!----><!----><!----><!----><section class="md:container md:px-0"><div class="w-full"><div class="border-t border-gray-500"></div></div></section><!----><!----><!----><!----><!----></div><div class="container py-10 md:py-15 flex flex-col md:flex-row"><div class="mb-6 md:mr-auto md:max-w-75"><h3 class="font-medium leading-none text-24 md:text-36 uppercase">
        Nos indispensables
      </h3></div><div class="md:ml-24 grid grid-flow-row-dense grid-cols-1 gap-0 md:gap-5 space-y-6 md:space-y-0 md:flex-grow md:max-w-2/3 md:grid-cols-3"><div><div class="relative md:uppercase font-medium text-16 md:text-14 leading-6 md:leading-5 md:tracking-02">
    Sérums
    <svg width="12" height="7" viewbox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" class="fill-current md:hidden absolute right-1 top-2 transition linear duration-300"><path d="M9.60002 0L5.5 4.10001L1.40003 6.31809e-06L2.95639e-05 1.40001L5.5 7.00001L11.1 1.5L9.60002 0Z"></path></svg></div><ul class="mt-3 font-mono text-14 leading-6 tracking-02 space-y-2 md:block hidden"><li><a href="/products/serum-a-la-vitamine-c" class="hover:underline">Sérum Vitamine C</a></li><li><a href="/products/acide-hyaluronique" class="hover:underline">Sérum Acide Hyaluronique</a></li><li><a href="/products/serum-a-la-cafeine" class="hover:underline">Sérum Caféine </a></li><li><a href="/products/serum-au-retinol" class="hover:underline">Sérum Rétinol</a></li><li><a href="/products/serum-a-l-acide-glycolique" class="hover:underline">Sérum Acide Glycolique</a></li><li><a href="/products/serum-a-la-niacinamide" class="hover:underline">Sérum Niacinamide</a></li><li><a href="/products/serum-teinte" class="hover:underline">Sérums teintés</a></li></ul></div><div><div class="relative md:uppercase font-medium text-16 md:text-14 leading-6 md:leading-5 md:tracking-02">
    Les iconiques
    <svg width="12" height="7" viewbox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" class="fill-current md:hidden absolute right-1 top-2 transition linear duration-300"><path d="M9.60002 0L5.5 4.10001L1.40003 6.31809e-06L2.95639e-05 1.40001L5.5 7.00001L11.1 1.5L9.60002 0Z"></path></svg></div><ul class="mt-3 font-mono text-14 leading-6 tracking-02 space-y-2 md:block hidden"><li><a href="/products/creme-hydratante-minimaliste" class="hover:underline">Crème Hydratante Visage à 9 ingrédients</a></li><li><a href="/products/serum-nuit-botanique-purifiant" class="hover:underline">Assemblage botanique purifiant</a></li><li><a href="/products/baume-a-levres-a-9-ingredients" class="hover:underline">Baume à lèvres naturel</a></li><li><a href="/products/hydrolat-de-menthe-poivree-bio" class="hover:underline">Hydrolat Menthe Poivrée Bio</a></li><li><a href="/products/baume-mains-a-10-ingredients" class="hover:underline">Baume mains naturel</a></li></ul></div><div><div class="relative md:uppercase font-medium text-16 md:text-14 leading-6 md:leading-5 md:tracking-02">
    Crèmes visage
    <svg width="12" height="7" viewbox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" class="fill-current md:hidden absolute right-1 top-2 transition linear duration-300"><path d="M9.60002 0L5.5 4.10001L1.40003 6.31809e-06L2.95639e-05 1.40001L5.5 7.00001L11.1 1.5L9.60002 0Z"></path></svg></div><ul class="mt-3 font-mono text-14 leading-6 tracking-02 space-y-2 md:block hidden"><li><a href="/products/creme-zinc" class="hover:underline">Crème visage purifiante</a></li><li><a href="/products/creme-acide-hyaluronique" class="hover:underline">Crème visage nourrissante</a></li><li><a href="/products/creme-retinol" class="hover:underline">Crème visage raffermissante</a></li><li><a href="/products/creme-de-nuit-aha-6-extrait-de-lavande" class="hover:underline">Crème de nuit exfoliante</a></li></ul></div></div></div></div></main><footer class="w-full relative z-1" data-v-c3d8d7c8><div class="bg-white" data-v-c3d8d7c8><div class="md:container py-10 md:py-20 flex flex-col md:gap-5 md:grid grid-template-cols-custom" data-v-c3d8d7c8><div class="order-2 md:order-1 px-4 md:px-0 md:col-span-2 flex items-center" data-v-c3d8d7c8><h3 class="font-medium leading-7 md:leading-9 text-20 md:text-26" data-v-c3d8d7c8>Garder ce qui est essentiel.<br>Nos formulations sont courtes pour ne contenir que des ingrédients sains et nécessaires.<br>Fabriquées en France.</h3></div><div class="px-4 md:px-0 order-1 md:order-2 md:col-start-4 md:col-span-1 flex justify-center md:justify-start items-center mb-8 md:mb-0" data-v-c3d8d7c8><div class="mr-6 md:mr-8" data-v-c3d8d7c8><a href="/b-corp" data-v-c3d8d7c8><img loading="lazy" src="/fr-b-corp-logo.svg" class="py-3 pr-3 min-w-21 w-21 md:min-w-25 md:w-25 h-73/2 md:h-44 g-image" data-v-c3d8d7c8></a></div><img loading="lazy" src="/peta-logo.svg" class="md:min-w-40 md:w-40 min-w-32 w-32 h-13 md:h-31/2 g-image" data-v-c3d8d7c8></div></div></div><div class="container py-10 md:py-15 bg-gray-100" data-v-c3d8d7c8><div class="grid grid-cols-1 md:col-gap-5 grid-template-cols-custom" data-v-c3d8d7c8><div class="col-span-2 grid grid-cols-1 gap-0 md:gap-5 md:grid-cols-2 space-y-5 md:space-y-0" data-v-c3d8d7c8><div><div class="relative md:uppercase font-medium text-16 md:text-14 leading-6 md:leading-5 md:tracking-02">
    à propos
    <svg width="12" height="7" viewbox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" class="fill-current md:hidden absolute right-1 top-2 transition linear duration-300"><path d="M9.60002 0L5.5 4.10001L1.40003 6.31809e-06L2.95639e-05 1.40001L5.5 7.00001L11.1 1.5L9.60002 0Z"></path></svg></div><ul class="mt-3 font-mono text-14 leading-6 tracking-02 space-y-1 md:block md:max-w-64 hidden"><li><a href="/a-propos" class="hover:underline">Notre histoire</a></li><li><a href="/black-for-good" class="hover:underline">Mouvement Black for Good</a></li><li><a href="/carnet/la-charte-de-formulation-typology" class="hover:underline">Charte de formulation</a></li><li><a href="/page-emballage" class="hover:underline">Philosophie de nos emballages</a></li><li><a href="/avis" class="hover:underline">Avis clients</a></li><li><a href="/rejoindre-lequipe" class="hover:underline">Rejoindre l'équipe</a></li><li><a href="/affiliation" class="hover:underline">Affiliation</a></li><li><a href="/carnet" class="hover:underline">Carnet</a></li></ul></div><div><div class="relative md:uppercase font-medium text-16 md:text-14 leading-6 md:leading-5 md:tracking-02">
    Aide
    <svg width="12" height="7" viewbox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" class="fill-current md:hidden absolute right-1 top-2 transition linear duration-300"><path d="M9.60002 0L5.5 4.10001L1.40003 6.31809e-06L2.95639e-05 1.40001L5.5 7.00001L11.1 1.5L9.60002 0Z"></path></svg></div><ul class="mt-3 font-mono text-14 leading-6 tracking-02 space-y-1 md:block md:max-w-64 hidden"><li><a href="/support" class="hover:underline">Questions fréquentes</a></li><li><a href="/nos-points-de-vente" class="hover:underline">Nos points de vente</a></li><li><a href="mailto:partnerships@typology.com" class="hover:underline">Cadeaux d'entreprise</a></li><li><a href="/support/commande-livraison-et-retours" class="hover:underline">Livraisons et retours</a></li><li><a href="/conditions-generales-de-vente" class="hover:underline">Conditions générales de vente</a></li><li><a href="/politique-de-confidentialite" class="hover:underline">Politique de confidentialité</a></li><li><a href="/support" class="hover:underline">Contactez-nous</a></li><li><a href="mailto:press@typology.com" class="hover:underline">Presse</a></li></ul></div></div><div class="mt-8 md:mt-0 md:col-start-4" data-v-c3d8d7c8><div class="relative" data-v-640b16d4><button class="relative flex items-center w-full h-14 text-left cursor-pointer border border-gray-500 px-11 bg-white bg-flag text-13 leading-5 tracking-02" style="background-image:url(/FR@2x.png);" data-v-640b16d4>
    France
    <svg width="12" height="7" viewbox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" class="fill-current mr-6 absolute right-0 transform -translate-y-1/2 top-1/2" data-v-640b16d4><path d="M9.60002 0L5.5 4.10001L1.40003 6.31809e-06L2.95639e-05 1.40001L5.5 7.00001L11.1 1.5L9.60002 0Z"></path></svg></button><div class="absolute z-20 w-full bg-white bottom-full border border-b-0 border-gray-500" style="display:none;" data-v-640b16d4><ul class="py-3" data-v-640b16d4><li tabindex="0" class="py-3 pr-6 leading-none uppercase cursor-pointer text-14 pl-12 bg-flag" style="background-image:url(/GLOBAL@2x.png);" data-v-640b16d4>
        Global
      </li><li tabindex="1" class="py-3 pr-6 leading-none uppercase cursor-pointer text-14 pl-12 bg-flag" style="background-image:url(/US@2x.png);" data-v-640b16d4>
        USA
      </li><li tabindex="2" class="py-3 pr-6 leading-none uppercase cursor-pointer text-14 pl-12 bg-flag" style="background-image:url(/UK@2x.png);" data-v-640b16d4>
        UK
      </li><li tabindex="3" class="py-3 pr-6 leading-none uppercase cursor-pointer text-14 pl-12 bg-flag" style="background-image:url(/BE@2x.png);" data-v-640b16d4>
        Belgique
      </li><li tabindex="4" class="py-3 pr-6 leading-none uppercase cursor-pointer text-14 pl-12 bg-flag" style="background-image:url(/DE@2x.png);" data-v-640b16d4>
        Allemagne
      </li><li tabindex="5" class="py-3 pr-6 leading-none uppercase cursor-pointer text-14 pl-12 bg-flag" style="background-image:url(/AT@2x.png);" data-v-640b16d4>
        Autriche
      </li></ul></div></div><p class="mt-8 md:mt-6 text-16 md:text-20 font-medium leading-6 md:leading-7" data-v-c3d8d7c8>
        Recevez nos nouveautés par email
      </p><form id="email_signup_footer" action="https://manage.kmail-lists.com/subscriptions/subscribe" data-ajax-submit="https://manage.kmail-lists.com/ajax/subscriptions/subscribe" method="GET" target="_blank" novalidate="novalidate" data-action="subscribe-newsletter" class="klaviyo-form mt-3"><input type="hidden" name="g" value="KNQepc"><input type="hidden" name="$fields" value="$consent"><input type="hidden" name="$list_fields" value="$consent"><div class="font-normal klaviyo_messages"><div class="px-4 py-4 leading-relaxed success_message text-14" style="display:none;"><p>Thank you for subscribing to our newsletter.</p></div><div class="mb-4 leading-snug text-red-700 uppercase text-10 error_message" style="display:none;"></div></div><div class="relative klaviyo_form_actions"><input type="email" name="email" placeholder="Adresse e-mail" class="w-full pt-px pl-4 pr-12 bg-white placeholder-gray-700 border border-gray-500 h-14 text-14 bg-transparent"><button type="submit" class="absolute top-0 right-0 flex items-center justify-end w-12 h-full pr-5"><svg width="13" height="12" viewbox="0 0 13 12" xmlns="http://www.w3.org/2000/svg" class="fill-current"><path d="M0 4.8H8.5L5.5 1.7L7.2 0L13 6L7.2 12L5.5 10.3L8.5 7.2H0V4.8Z"></path></svg></button></div><p class="mt-3 leading-5 text-13 tracking-02 text-gray-700 klaviyo_form_actions">
    En continuant, vous acceptez nos conditions générales et notre
    <a href="/politique-de-confidentialite" class="underline">
      politique de confidentialité.
    </a></p></form><!----></div></div><div class="mt-8 md:mt-12 pt-8 md:pt-12 flex flex-col md:flex-row items-center border-t border-gray-500" data-v-c3d8d7c8><div class="h-6 flex justify-center md:justify-start order-2 md:order-1 space-x-3" data-v-c3d8d7c8><a target="_blank" href="https://www.instagram.com/typologyparis/" data-action="click-instagram" class="block items-center font-medium leading-none uppercase text-14" data-v-c3d8d7c8><img loading="lazy" src="/inst.svg" class="g-image" data-v-c3d8d7c8></a><a target="_blank" href="https://www.tiktok.com/@typologyparis" data-action="click-tiktok" class="block items-center font-medium leading-none uppercase text-14" data-v-c3d8d7c8><img loading="lazy" src="/tikt.svg" class="g-image" data-v-c3d8d7c8></a><!----></div><div class="md:ml-auto flex order-1 md:order-2 mb-8 md:mb-0" data-v-c3d8d7c8><a target="_blank" href="https://apps.apple.com/fr/app/typology-soins-de-la-peau/id1611151299" data-action="click-apple-store" class="block mr-2" data-v-c3d8d7c8><img loading="lazy" src="/app-dl-btn/fr-apple.svg" class="g-image" data-v-c3d8d7c8></a><a target="_blank" href="https://play.google.com/store/apps/details?id=com.typology.app" data-action="click-google-play" class="block" data-v-c3d8d7c8><img loading="lazy" src="/app-dl-btn/fr-gplay.svg" class="g-image" data-v-c3d8d7c8></a></div></div></div></footer><!----><!----><!----></div><!----></div>
    <script src="/assets/js/core-js.32d5d1a7.js" defer></script><script src="/assets/js/page--src--templates--pages--main-vue.f2ced43c.js" defer></script><script src="/assets/js/99.d8235b5e.js" defer></script><script src="/assets/js/axios.679b6120.js" defer></script><script src="/assets/js/gridsome-vendors.58208315.js" defer></script><script src="/assets/js/vue-vendors.7c58a245.js" defer></script><script src="/assets/js/swiper.bc89ff59.js" defer></script><script src="/assets/js/vendors~app.7d7fd04e.js" defer></script><script src="/assets/js/app.b2e7a41d.js" defer></script><script data-vue-tag="ssr" type="text/javascript" src="https://media.typology.com?v1" data-body="true" async></script><script data-vue-tag="ssr" type="text/javascript" src="https://www.klaviyo.com/media/js/public/klaviyo_subscribe.js" data-body="true" async defer></script>
  </body>
</html>