<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="fr-FR">
<!--<![endif]-->
<head>
<link href="/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/ico/favicon---new_garnier_logo.png?rev=bd94ac66255746b799d26324d2baccd6" rel="shortcut icon" />
<!-- OneTrust Cookies Consent Notice start -->
<script async src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="dc10abe9-5fd2-4ad7-9f97-1ffba6f5be53" ></script>
<! OneTrust Cookies Consent Notice end >
<meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8" />
<link rel="stylesheet" type="text/css" defer href="/themes/garnier/bundle.css?v=10.84.0-release00000408">
<script type="text/javascript" defer fetchpriority="high" src="/themes/Garnier/bundle.js?v=10.84.0-release00000408"></script>
<link rel="stylesheet" type="text/css" href="/themes/garnier/gothamfonts.css" />
<link href="https://www.garnier.fr" rel="canonical" />
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Organization",
"name" : "GARNIER FR",
"url" : "https://www.garnier.fr",
"description" : "Découvrez nos soins pour la peau, pour les cheveux, colorations, coiffure et nos produits pour homme par Garnier. Explorez les produits les mieux notés pour trouver vos soins de la peau et vos routines capillaires personnalisés.",
"telephone" : " ",
"logo" : "",
"address": {
"@type" : "PostalAddress",
"streetAddress" : "30 RUE D'ALSACE",
"addressLocality" : "LEVALLOIS-PERRET",
"postalCode" : "92300",
"addressCountry" : "FRANCE",
"sameAs" :
["https://www.facebook.com/GarnierFR/",
"https://twitter.com/garnierfr?lang=fr"]}
}
</script>
<title>Soin du cheveu, Colorations, Produits pour la peau - Garnier</title>
<meta name="Custom Metadata" content="Custom Metadata complet"/>
<meta property="og:type" content="homepage" /><meta property="og:site_name" content="garnier" /><meta property="og:image" content="https://www.garnier.fr/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/211406_garnier_sharing.jpg?rev=e950a0bba0c241eb9a2af80dcf63f492" /><meta property="og:title" content="Soin du cheveu, Colorations, Produits pour la peau - Garnier" /><meta property="og:url" content="https://www.garnier.fr/" /><meta property="og:description" content="Découvrez les meilleurs produits de soins capillaires, de coiffure, de coloration et de soin de la peau pour hommes et femmes de Garnier pour vos propres routines de soins capillaires et de la peau." />
<meta name="description" content="Découvrez nos ingrédients naturels et trouvez votre routine personnalisée avec Skin Coach. Une technologie sur mesure pour des recommandations adaptées." />
<meta property="twitter:site" content="This is the Twitter Site" /><meta name="twitter:image" content="https://www.garnier.fr/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/211406_garnier_sharing.jpg?rev=e950a0bba0c241eb9a2af80dcf63f492" /><meta name="twitter:description" content="Découvrez les meilleurs produits de soins capillaires, de coiffure, de coloration et de soin de la peau pour hommes et femmes de Garnier pour vos propres routines de soins capillaires et de la peau." /><meta name="twitter:title" content="Soin du cheveu, Colorations, Produits pour la peau - Garnier" /><meta name="twitter:card" content="app" />
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="preconnect" crossorigin="anonymous" href="https://www.googletagmanager.com/gtm.js?id=GTM-WQB4X5" as="script">
<script type="text/plain" class="optanon-category-2">
if (window.eventBus) {
window.eventBus.$emit('optanonCategory2', true);
}
</script>
<script type="text/plain" class="optanon-category-3">
if (window.eventBus) {
window.eventBus.$emit('optanonCategory3', true);
}
</script>
<script type="text/plain" class="optanon-category-4">
if (window.eventBus) {
window.eventBus.$emit('optanonCategory4', true);
}
</script>
<script type="text/javascript">
var dataLayer = window["dataLayer"] || [];
dataLayer.push({"brand":"GAR","language":"fr","country":"fr","geoIPLocation":"FR","siteTypeLevel":"main","pageCategory":"homepage","uiLoggedStatus":"not logged","masterVersion":"3.2","breadCrumb":"home","factory":"WSF","website_type":"NON-DTC","product_category":""});
</script>
<!-- Google Tag Manager -->
<link rel="dns-prefetch" href="https://www.googletagmanager.com">
<link rel="dns-prefetch" href="https://www.google-analytics.com">
<script type="text/javascript">
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer', 'GTM-WQB4X5');
</script>
<!-- End Google Tag Manager -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"url":"https://www.garnier.fr/",
"potentialAction": {
"@type": "SearchAction",
"target": {
"@type": "EntryPoint",
"urlTemplate":"https://www.garnier.fr//search-page/search?query={search_term_string}"
},
"query-input": "required name=search_term_string"
}
}
</script>
</head>
<body class="default-device wireframe-images gotham-fonts">
<script>document.querySelector('html').classList.remove('no-js')</script>
<div style="display: none"><?xml version="1.0" encoding="utf-8" ?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<symbol viewbox="0 0 300 300" id="account" xmlns="http://www.w3.org/2000/svg">
<path class="aacls-1" d="M237.39 210.37a307.06 307.06 0 00-55.22-35.72 1.74 1.74 0 01-1-1.56v-14.85a59.65 59.65 0 10-63.19 0v14.85a1.74 1.74 0 01-1 1.56 307.07 307.07 0 00-55.22 35.72 19.07 19.07 0 00-6.94 14.72v26.7h189.51v-26.7a19.07 19.07 0 00-6.94-14.72z" />
</symbol>
<symbol viewbox="0 0 300 300" id="arrow-down" xmlns="http://www.w3.org/2000/svg">
<path class="abcls-1" d="M150.79 192.57L86.53 130l20.29-20.84 43.41 42.27 42.28-43.41 20.83 20.29z" />
</symbol>
<symbol viewbox="0 0 300 300" id="arrow-next" xmlns="http://www.w3.org/2000/svg">
<path class="acst0" d="M102.4 298.8l-48.8-47.5 99-101.7-101.7-99L98.4 1.8l150.5 146.5z" />
</symbol>
<symbol viewbox="0 0 300 300" id="arrow-previous" xmlns="http://www.w3.org/2000/svg">
<path class="adst0" d="M197.3 298.3l48.6-47.4-98.6-101.3 101.3-98.7-47.4-48.6-149.9 146z" />
</symbol>
<symbol viewbox="0 0 272.93 295" id="arrow-reset" xmlns="http://www.w3.org/2000/svg">
<path class="aecls-1" d="M235.34 229.03a119.3 119.3 0 11-7-169.53l-20.48 21.72 65.08 2.72-8.51-63.84-17.22 18.89a147.35 147.35 0 10-99.56 256h5.53a146.29 146.29 0 00102.64-46.95 14 14 0 00-20.5-19z" />
</symbol>
<svg viewbox="0 0 16 16" id="arrow-right" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="2"/>
</svg>
<symbol viewbox="0 0 300 300" id="arrow-slider-next" xmlns="http://www.w3.org/2000/svg">
<path class="afcls-1" d="M115.45 81.31l70.41 68.56-68.56 70.41" />
</symbol>
<symbol viewbox="0 0 300 300" id="arrow-slider-previous" xmlns="http://www.w3.org/2000/svg">
<path class="agcls-1" d="M185.86 81.31l-70.41 68.56 68.56 70.41" />
</symbol>
<svg width="30" height="30" id="arrow-top-rounded" viewbox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.5 18.75L15 11.25L7.5 18.75" stroke="#156031" stroke-width="2.5"/>
</svg>
<symbol viewbox="0 0 300 300" id="arrows-updown" xmlns="http://www.w3.org/2000/svg">
<path d="M75 50.9l75 75-21.4 21.4-38.4-38.4v139H59.8v-139l-38.4 38.4L0 125.9zm150 197l75-75-21.4-21.5-38.4 38.5v-139h-30.4v139l-38.4-38.5-21.4 21.5z" />
</symbol>
<symbol fill="none" viewbox="0 0 201 98" id="back-arrow-quiz" xmlns="http://www.w3.org/2000/svg">
<path d="M47.5 1L1 48.5 47.5 97 59 86 30.5 57h170V40.5h-170l28.5-28L47.5 1z" fill="#CBCBCB" stroke="#CBCBCB" />
</symbol>
<symbol viewbox="0 0 20 20" id="before-after" xmlns="http://www.w3.org/2000/svg">
<path d="M10.909 0v20H9.091V0zM8.182 0v1.818H1.488v16.364h6.694V20H0V0zM20 18.182V20h-1.818v-1.818zm-2.727 0V20h-1.818v-1.818zm-2.728 0V20h-2.727v-1.818zM20 14.545v1.819h-1.818v-1.819zm0-3.636v1.818h-1.818v-1.818zm0-3.636v1.818h-1.818V7.273zm0-3.637v1.819h-1.818V3.636zM14.545 0v1.818h-2.727V0zm2.728 0v1.818h-1.818V0zM20 0v1.818h-1.818V0z" data-name="00_Global-Guidelines/Icons/02_20px-Med-Icon/Before-After" />
</symbol>
<symbol viewbox="0 0 300 300" id="burger" xmlns="http://www.w3.org/2000/svg">
<path class="alcls-1" d="M45 85.3h210v27.54H45zm0 51.63h210v27.54H45zm0 51.64h210v27.54H45z" />
</symbol>
<symbol viewbox="0 0 300 300" id="cart" xmlns="http://www.w3.org/2000/svg">
<path class="amcls-1" d="M222.57 49.15l-5.18 27.91L31 78l23.21 104.43 143.61.21-6.46 34.82H65.86v17.41h17.7a14.51 14.51 0 1028.43 0h47a14.51 14.51 0 1028.43 0h17.7l35.49-168.31H269V49.15z" />
</symbol>
<symbol viewbox="0 0 300 300" id="chat" xmlns="http://www.w3.org/2000/svg">
<path class="ancls-1" d="M211.82 63H87.68a42.42 42.42 0 00-42.43 42.43V144a42.39 42.39 0 0040.4 42.32V234a2.37 2.37 0 004 1.77l54-49.42c.51-.46-.27.82-.27.15h68.51a42.42 42.42 0 0042.36-42.5v-38.61A42.42 42.42 0 00211.82 63z" />
</symbol>
<symbol viewbox="0 0 300 300" id="chat-with-dots" xmlns="http://www.w3.org/2000/svg">
<path d="M211.9 63.6H88.4c-23.3 0-42.2 18.9-42.2 42.2v38.4c0 22.5 17.7 41 40.2 42.1v47.3c0 1.3 1 2.4 2.4 2.4.6 0 1.2-.2 1.6-.6l53.6-49.1c.5-.4-.3.8-.3.1h68.1c23.3 0 42.1-18.9 42.1-42.2v-38.4c.1-23.3-18.8-42.1-42-42.2z" />
<circle cx="108" cy="126.2" r="11.2" fill="#fff" />
<circle cx="156.7" cy="126.2" r="11.2" fill="#fff" />
<circle cx="205.4" cy="126.2" r="11.2" fill="#fff" />
</symbol>
<symbol viewbox="0 0 15 15" id="close" xmlns="http://www.w3.org/2000/svg">
<path class="apst0" d="M.4 1.1l13.5 13.5 1-1L1.4.1l-1 1z" />
<path class="apst0" d="M14.9 1.1L1.4 14.6l-1-1L13.9.1l1 1z" />
</symbol>
<symbol viewbox="0 0 80 48" id="email" xmlns="http://www.w3.org/2000/svg">
<path class="aqcls-1" d="M74 0H6a6 6 0 00-6 6v36a6 6 0 006 6h68a6 6 0 006-6V6a6 6 0 00-6-6zm1.78 42.88L57.5 26.69 76 12.59V42a1.88 1.88 0 01-.22.88zM4 42V12.49l18 13.77-18 16A1.79 1.79 0 014 42zm21.3-13.27l10.52 8a7.94 7.94 0 004.24 1.55 8 8 0 004.25-1.55l10-7.59L71.01 44H8.06zM6 4h68a2 2 0 012 2v1.57L42 33.24a4.4 4.4 0 01-2 .84 4.44 4.44 0 01-2-.84L4 7.46V6a2 2 0 012-2z" />
</symbol>
<symbol viewbox="0 0 300 300" id="facebook" xmlns="http://www.w3.org/2000/svg">
<path class="arcls-1" d="M51.78 52.23v196.83h196.83V52.23zM183 109.64h-15.77c-5.05 0-8.83 2.07-8.83 7.29V126H183l-2 24.6h-22.6v65.61h-24.6v-65.57h-16.4V126h16.4v-15.73c0-16.58 8.73-25.24 28.38-25.24H183z" />
</symbol>
<symbol viewbox="0 0 300 300" id="google" xmlns="http://www.w3.org/2000/svg">
<path class="ascls-1" d="M51.68 52.23v196.83h196.83V52.23zm71.08 136.69a38.28 38.28 0 110-76.55 36.7 36.7 0 0125.65 10l-10.39 10a21.57 21.57 0 00-15.25-5.9 24.17 24.17 0 000 48.34c15.15 0 20.83-10.88 21.71-16.51h-21.72v-13.12h36.14a34.43 34.43 0 01.61 6.34c-.01 21.86-14.66 37.4-36.75 37.4zm92.94-32.8h-16.4v16.4h-10.93v-16.4H172v-10.94h16.4v-16.4h10.9v16.4h16.4z" />
</symbol>
<symbol viewbox="0 0 300 300" id="home" xmlns="http://www.w3.org/2000/svg">
<path class="atcls-1" d="M149.48 51.52l-84.04 68.76v129.88h168.08V120.28l-84.04-68.76z" />
<path class="atcls-1" d="M233.52 251.66H65.44a1.5 1.5 0 01-1.5-1.5V120.28a1.5 1.5 0 01.55-1.16l84-68.76a1.5 1.5 0 011.9 0l84 68.76a1.5 1.5 0 01.55 1.16v129.88a1.5 1.5 0 01-1.42 1.5zm-166.58-3H232V121l-82.52-67.54L66.94 121z" />
</symbol>
<symbol viewbox="0 0 49 49" id="info" xmlns="http://www.w3.org/2000/svg">
<path class="aucls-1" d="M24.5 4A20.5 20.5 0 114 24.5 20.53 20.53 0 0124.5 4m0-4A24.5 24.5 0 1049 24.5 24.5 24.5 0 0024.5 0z" />
<path class="aucls-1" d="M20.07 35.63h.3c.26 0 .52-.06.78-.11a11.31 11.31 0 005.29-3.08 13.47 13.47 0 001.58-1.94c.11-.16-.05-.5-.08-.75-.23.06-.52 0-.68.2-.58.55-1.11 1.16-1.69 1.72a6 6 0 01-1.21.92c-.51.28-.87 0-.8-.57a4.9 4.9 0 01.29-1.06c.73-1.9 1.49-3.78 2.2-5.68a33.75 33.75 0 001.26-3.88 2 2 0 00-1.81-2.62 6.26 6.26 0 00-1.93.08c-2.66.53-4.52 2.26-6.15 4.29a.62.62 0 00-.17.33.93.93 0 00.15.59.57.57 0 00.55 0 11.52 11.52 0 00.93-.92c.59-.58 1.16-1.17 1.77-1.71.32-.27.75-.53 1.15-.21s.14.74 0 1.11c-.91 2.21-1.88 4.41-2.74 6.65a26.83 26.83 0 00-1.23 4.1c-.39 1.63.47 2.54 2.24 2.54zm6.87-23.53a3 3 0 00-3 2.9 2.36 2.36 0 002.55 2.41 3 3 0 003.01-2.91 2.37 2.37 0 00-2.56-2.4z" />
<path class="aucls-1" d="M20.07 35.63c-1.77 0-2.63-.91-2.29-2.57a26.83 26.83 0 011.23-4.1c.86-2.24 1.83-4.44 2.74-6.65.15-.37.42-.79 0-1.11s-.83-.06-1.15.21c-.61.54-1.18 1.13-1.77 1.71a11.52 11.52 0 01-.93.92.57.57 0 01-.55 0 .93.93 0 01-.15-.59.62.62 0 01.17-.33c1.63-2 3.49-3.76 6.15-4.29a6.26 6.26 0 011.98-.05 2 2 0 011.85 2.58 33.75 33.75 0 01-1.26 3.88c-.71 1.9-1.47 3.78-2.2 5.68a4.9 4.9 0 00-.29 1.06c-.07.58.29.85.8.57a6 6 0 001.21-.92c.58-.56 1.11-1.17 1.69-1.72.16-.15.45-.14.68-.2 0 .25.19.59.08.75a13.47 13.47 0 01-1.58 1.95 11.31 11.31 0 01-5.33 3.09c-.26 0-.52.08-.78.11zm6.87-23.53a2.37 2.37 0 012.56 2.4 3 3 0 01-3.08 2.87 2.36 2.36 0 01-2.55-2.41 3 3 0 013.07-2.86z" />
</symbol>
<symbol viewbox="0 0 300 300" id="instagram" xmlns="http://www.w3.org/2000/svg">
<path class="avcls-1" d="M172.07 150.64a21.87 21.87 0 11-21.87-21.87 21.87 21.87 0 0121.87 21.87zm31.54-26.51c.31 6.91.38 9 .38 26.51s-.07 19.59-.38 26.51c-.82 17.63-9.1 26.09-26.89 26.89-6.92.31-9 .39-26.52.39s-19.6-.07-26.51-.38c-17.83-.81-26.09-9.28-26.89-26.89-.32-6.93-.39-9-.39-26.52s.07-19.59.39-26.51c.81-17.65 9.1-26.09 26.89-26.89 6.92-.32 9-.39 26.51-.39s19.6.07 26.51.38c17.78.77 26.08 9.26 26.9 26.91zm-19.72 26.51a33.69 33.69 0 10-33.69 33.69 33.69 33.69 0 0033.68-33.69zm9.2-35a7.87 7.87 0 10-7.87 7.87 7.88 7.88 0 007.87-7.89zm55.52-63.4v196.82H51.78V52.23zm-32.8 98.41c0-17.81-.07-20.05-.39-27-1.07-23.8-14.31-37.07-38.16-38.16-7-.33-9.23-.4-27.06-.4s-20 .07-27 .39C99.31 86.52 86.08 99.74 85 123.59c-.32 7-.39 9.24-.39 27.06s.07 20.05.39 27c1.1 23.83 14.32 37.08 38.17 38.17 7 .32 9.23.39 27 .39s20.05-.07 27.06-.39c23.8-1.09 37.09-14.31 38.16-38.17.34-6.96.41-9.19.41-27.01z" />
</symbol>
<symbol viewbox="0 0 100 100" preserveaspectratio="xMidYMid" class="awlds-ripple" style="background:0 0" id="loading-animation" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="40" fill="none" stroke="#eef7db" stroke-width="3">
<animate attributename="r" calcmode="spline" values="0;40" keytimes="0;1" dur="1.2" keysplines="0 0.2 0.8 1" begin="-0.6s" repeatcount="indefinite" />
<animate attributename="opacity" calcmode="spline" values="1;0" keytimes="0;1" dur="1.2" keysplines="0.2 0 0.8 1" begin="-0.6s" repeatcount="indefinite" />
</circle>
<circle cx="50" cy="50" r="25.953" fill="none" stroke="#B4C832" stroke-width="3">
<animate attributename="r" calcmode="spline" values="0;40" keytimes="0;1" dur="1.2" keysplines="0 0.2 0.8 1" begin="0s" repeatcount="indefinite" />
<animate attributename="opacity" calcmode="spline" values="1;0" keytimes="0;1" dur="1.2" keysplines="0.2 0 0.8 1" begin="0s" repeatcount="indefinite" />
</circle>
</symbol>
<symbol viewbox="0 0 300 300" id="location" xmlns="http://www.w3.org/2000/svg">
<path class="axcls-1" d="M202.67 77.74a61.43 61.43 0 00-52.56-30.18c-44 0-72.44 46.17-55 85.58 17.4 40.13 36.93 79.9 55 119.67l29.83-65c9.23-19.89 21.31-40.84 27.34-62.15 4.63-15.96 4.27-32.66-4.61-47.92zM150.12 136a29.83 29.83 0 1129.83-29.83A29.83 29.83 0 01150.12 136z" />
</symbol>
<symbol viewbox="0 0 15 15" id="minus" xmlns="http://www.w3.org/2000/svg">
<path class="ayst0" d="M17.2 8H-1.9V6.6h19.1V8z" />
</symbol>
<symbol viewbox="0 0 300 300" id="pinterest" xmlns="http://www.w3.org/2000/svg">
<path class="azcls-1" d="M51.78 52.23v196.83h196.83V52.23zm98.41 164a65.54 65.54 0 01-19.43-2.93c2.67-4.35 6.67-11.5 8.15-17.21l4.09-15.56c2.14 4.08 8.39 7.53 15 7.53 19.79 0 34-18.2 34-40.81 0-21.68-17.69-37.89-40.45-37.89-28.31 0-43.35 19-43.35 39.7 0 9.63 5.13 21.6 13.32 25.42 1.24.57 1.9.32 2.2-.88l1.82-7.44a2 2 0 00-.46-1.89c-2.71-3.28-4.88-9.33-4.88-15 0-14.48 11-28.47 29.62-28.47 16.12 0 27.4 11 27.4 26.7 0 17.75-9 30-20.63 30-6.45 0-11.27-5.32-9.72-11.86 1.85-7.8 5.44-16.21 5.44-21.85 0-5-2.71-9.24-8.3-9.24-6.59 0-11.88 6.82-11.88 15.94a23.71 23.71 0 002 9.74s-6.5 27.5-7.69 32.62c-1.32 5.67-.8 13.63-.23 18.81a65.61 65.61 0 1123.93 4.52z" />
</symbol>
<symbol viewbox="0 0 15 15" id="plus" xmlns="http://www.w3.org/2000/svg">
<path class="bast0" d="M7-2.2v19.1h1.4V-2.2H7z" />
<path class="bast0" d="M17.2 8H-1.9V6.6h19.1V8z" />
</symbol>
<symbol fill="none" viewbox="0 0 24 24" id="arrowhead-previous" xmlns="http://www.w3.org/2000/svg">
<path d="M15 6l-6 6 6 6" stroke="#21362C" stroke-width="2"/>
</symbol>
<symbol fill="none" viewbox="0 0 24 24" id="arrowhead-next" xmlns="http://www.w3.org/2000/svg">
<path d="M9 18l6-6-6-6" stroke="#21362C" stroke-width="2"/>
</symbol>
<symbol fill="none" viewbox="0 0 18 18" id="arrowhead-S-right" xmlns="http://www.w3.org/2000/svg">
<path d="M6.75 13.5l4.5-4.5-4.5-4.5" stroke="currentColor" stroke-width="2"/>
</symbol>
<symbol viewbox="0 0 126 135" id="rounded-arrow-quiz" xmlns="http://www.w3.org/2000/svg">
<path d="M17.636 76h-16.5c-2 20 18 56.5 61.5 57.5s61-39.5 62-55-3-49-37-64c-27.2-12-51.666-1.667-60.5 5V1h-16l-2 46.5 48.5 2.5V33h-18.5c8.8-8 23.667-8 30-7 36 5.6 41.334 37.333 39.5 52.5-4 16-20.2 46.1-53 38.5-32.8-7.6-39-30.5-38-41z"/>
</symbol>
<symbol viewbox="0 0 300 300" id="search" xmlns="http://www.w3.org/2000/svg">
<path class="bccls-1" d="M244.92 225.37l-46.61-46.61a79.54 79.54 0 10-22.5 20.83L223.25 247zM77.72 132.2a56.6 56.6 0 1156.6 56.6 56.66 56.66 0 01-56.6-56.6z" />
</symbol>
<symbol viewbox="0 0 300 300" id="share" xmlns="http://www.w3.org/2000/svg">
<circle cx="151" cy="150.5" r="99" />
<path fill="#fff" d="M176.6 172.2c-5.1 0-10.1 1.7-14.1 4.9L129.9 159c1.6-4.7 1.6-9.8 0-14.6l34.3-19.2c10.7 6.9 24.9 3.8 31.8-6.9 6.9-10.7 3.8-24.9-6.9-31.8-10.7-6.9-24.9-3.8-31.8 6.9-2.4 3.7-3.7 8.1-3.6 12.5 0 3.4.7 6.8 2.3 9.8l-33 18.4c-9.7-8.2-24.2-7.1-32.4 2.6s-7.1 24.2 2.6 32.4c8.6 7.3 21.3 7.3 29.8 0l32.2 17.8c-1 2.6-1.5 5.4-1.5 8.1-.1 12.7 10.1 23.1 22.8 23.2 12.7.1 23.1-10.1 23.2-22.8s-10.1-23.1-22.8-23.2c-.2.1-.2.1-.3 0z" />
</symbol>
<symbol viewbox="0 0 155.139 155.139" id="sign-in-facebook" xmlns="http://www.w3.org/2000/svg">
<path d="M89.584 155.139V84.378h23.742l3.562-27.585H89.584V39.184c0-7.984 2.208-13.425 13.67-13.425l14.595-.006V1.08C115.325.752 106.661 0 96.577 0 75.52 0 61.104 12.853 61.104 36.452v20.341H37.29v27.585h23.814v70.761h28.48z" fill="#fff" />
</symbol>
<symbol viewbox="0 0 300 300" id="star" xmlns="http://www.w3.org/2000/svg">
<path class="bfcls-1" d="M83.59 252l66.65-48.32L216.76 252l-25.38-78.33 66.48-48.25h-82.19l-25.43-78.25-25.41 78.25H42.48l66.54 48.25L83.59 252z" />
</symbol>
<symbol viewbox="0 0 29 21.96" id="tryon-camera" xmlns="http://www.w3.org/2000/svg">
<path class="bgcls-1" d="M21.78 4l-2.34-4H9.56L7.22 4H0v18h29V4zM28 21H1V5h6.79l2.34-4h8.74l2.34 4H28z" />
<path class="bgcls-1" d="M14.5 9.55a2.5 2.5 0 11-2.5 2.5 2.5 2.5 0 012.5-2.5m0-1a3.5 3.5 0 103.5 3.5 3.5 3.5 0 00-3.5-3.5z" />
<path class="bgcls-1" d="M14.5 5.52A6.5 6.5 0 118 12a6.51 6.51 0 016.5-6.5m0-1A7.5 7.5 0 1022 12a7.5 7.5 0 00-7.5-7.5z" />
</symbol>
<symbol viewbox="0 0 22.4 19" id="tryon-reload" xmlns="http://www.w3.org/2000/svg">
<path class="bhcls-1" d="M12.4 0A9.57 9.57 0 003 8.3L.82 5.22 0 5.79l3.11 4.5 4.5-3.11-.56-.82-3 2.14a8.56 8.56 0 018.4-7.5c4.94 0 9 3.57 9 8.5s-4 8.5-9 8.5a9 9 0 01-5.88-2.21l-.58.82A9.89 9.89 0 0012.45 19c5.49 0 10-4 10-9.5S17.9 0 12.4 0z" />
</symbol>
<symbol viewbox="0 0 29 25" id="tryon-upload" xmlns="http://www.w3.org/2000/svg">
<path class="bicls-1" d="M18.37 13.16L14.5 9.29l-3.87 3.87.71.71L14 11.21V25h1V11.21l2.66 2.66.71-.71z" />
<path class="bicls-1" d="M29 0H0v18h10.63v-1H1V1h27v16h-9.63v1H29V0z" />
</symbol>
<symbol viewbox="0 0 300 300" id="twitter" xmlns="http://www.w3.org/2000/svg">
<path class="bjcls-1" d="M50.78 52.23v196.83h196.83V52.23zM205.47 128c1.71 37.87-26.53 80.09-76.52 80.09A76.16 76.16 0 0187.68 196a54.17 54.17 0 0039.86-11.15 26.94 26.94 0 01-25.14-18.7 27.07 27.07 0 0012.15-.46A27 27 0 0193 138.93a26.78 26.78 0 0012.19 3.37 27 27 0 01-8.33-35.95 76.44 76.44 0 0055.49 28.13 26.94 26.94 0 0145.88-24.55 53.87 53.87 0 0017.1-6.53 27 27 0 01-11.83 14.89 54 54 0 0015.46-4.24A55 55 0 01205.47 128z" />
</symbol>
<symbol viewbox="0 0 107 59" id="up-arrow" xmlns="http://www.w3.org/2000/svg">
<path d="M107.4 54.9L53.9.3.4 54.9 4 58.6 53.9 7.7l49.9 50.9z" />
</symbol>
<symbol viewbox="0 0 300 300" id="video" xmlns="http://www.w3.org/2000/svg">
<path class="blcls-1" d="M126.93 113.88v79.35l66.13-39.67-66.13-39.68z" />
<path class="blcls-1" d="M150.07 47.75a102.5 102.5 0 10102.5 102.5 102.5 102.5 0 00-102.5-102.5zm0 181.85a79.35 79.35 0 1179.35-79.35 79.35 79.35 0 01-79.35 79.35z" />
</symbol>
<symbol viewbox="0 0 20 20" id="video-pdp" xmlns="http://www.w3.org/2000/svg">
<path d="M10 0A10 10 0 110 10 10 10 0 0110 0zm0 2.259A7.741 7.741 0 1017.741 10 7.741 7.741 0 0010 2.259zM7.8 6.4l6.4 3.9-6.4 3.9z" data-name="00_Global-Guidelines/Icons/02_20px-Med-Icon/Video" />
</symbol>
<symbol viewbox="0 0 300 300" id="youtube" xmlns="http://www.w3.org/2000/svg">
<path class="bncls-1" d="M164.68 168.31c-2.36 0-4.39 1.51-5.88 3.32V156.1h-6.68v48.22h6.68v-2.72a7.58 7.58 0 006.28 3.18c4.4 0 6-3.42 6-7.82v-19.74c.04-4.82-1.56-8.91-6.4-8.91zm-.36 27.69a4.07 4.07 0 01-.57 2.45c-.73 1-2.3.91-3.39.37l-1.57-1.25v-22.18l1.37-1.08a2.75 2.75 0 013.45.58 4.45 4.45 0 01.71 2.73zM142 126v-17.34c0-2.05.94-3.56 2.9-3.56 2.13 0 3 1.47 3 3.56V126c0 2-1 3.53-2.9 3.53s-3-1.53-3-3.53zm-15.16 37.07h-7.71v41.23h-7.45v-41.19H104v-7h22.87zm12.16 5.68h6.62v35.58H139v-3.93a14.42 14.42 0 01-3.81 3.31c-3.57 2-8.46 2-8.46-5.22v-29.74h6.61V196c0 1.44.34 2.39 1.76 2.39s3.08-1.66 3.89-2.67zM50.78 52.23v196.83h196.83V52.23zM161 98.32h6.95v28.63c0 1.51.36 2.52 1.85 2.52s3.24-1.74 4.08-2.8V98.32h6.95v37.36h-6.95v-4.13c-3 3.58-5.93 4.67-8 4.67-3.72 0-4.85-3-4.85-6.67V98.32zM145.07 98a9.75 9.75 0 0110 10v18.31c0 6.27-4.4 10-10 10-6.73 0-10.18-3.42-10.18-10V108c0-6 4.11-10 10.18-10zM116.9 85l5.4 20.24 5-20.24h7.95l-9.1 30.1v20.54h-7.82v-20.51L109 85zm69.65 130.5c-14.23 1-60.5 1-74.71 0-15.4-1-17.2-10.39-17.31-34.81.11-24.46 1.93-33.76 17.31-34.81 14.21-1 60.48-1 74.71 0 15.4 1 17.2 10.39 17.31 34.81-.11 24.49-1.92 33.78-17.31 34.84zm-.39-47.67c-6 0-10 4.28-10 10.46v16c0 6.41 3.23 11 9.55 11 7 0 9.91-4.15 9.91-11v-2.67h-6.81v2.47c0 3.1-.16 5-3 5s-2.89-2.31-2.89-5v-6.71h12.65v-9.05c0-6.44-3.06-10.47-9.4-10.47zm2.6 14h-5.84v-3.6c0-2.44.51-4.17 3-4.17s2.89 1.76 2.89 4.17z" />
</symbol>
<symbol viewbox="0 0 300 300" id="zoom-minus" xmlns="http://www.w3.org/2000/svg">
<path class="bocls-1" d="M245.21 226l-46.83-46.83a79.92 79.92 0 10-22.61 20.93l47.67 47.67zm-168-93.61a56.87 56.87 0 1156.87 56.87 56.93 56.93 0 01-56.86-56.89z" />
<path class="bocls-1" d="M106.28 142.92v-14.98h59.91v14.98z" />
</symbol>
<symbol viewbox="0 0 300 300" id="zoom-plus" xmlns="http://www.w3.org/2000/svg">
<path class="bpcls-1" d="M245.21 226l-46.83-46.83a79.92 79.92 0 10-22.61 20.93l47.67 47.67zm-168-93.61a56.87 56.87 0 1156.87 56.87 56.93 56.93 0 01-56.86-56.89z" />
<path class="bpcls-1" d="M166.19 127.94h-22.47v-22.47h-14.97v22.47h-22.47v14.97h22.47v22.47h14.97v-22.47h22.47v-14.97z" />
</symbol>
<symbol viewbox="0 0 40 40" id="co2" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<circle stroke="#969696" fill="#FFF" cx="20" cy="20" r="19.5" />
<path d="M10.954 16.745c1.133 0 2.056.626 2.67 1.809h3.043c-.745-2.96-3.043-4.803-5.729-4.803a5.674 5.674 0 00-4.19 1.776A6.09 6.09 0 005 19.873c0 1.776.55 3.264 1.634 4.465 1.099 1.244 2.653 1.94 4.272 1.911 2.767 0 4.952-1.776 5.712-4.701H13.56c-.614 1.116-1.57 1.725-2.654 1.725-1.585 0-3.01-1.472-3.01-3.383a3.213 3.213 0 01.897-2.244 2.937 2.937 0 012.161-.901M23.775 13.75a6.214 6.214 0 00-4.427 1.762 6.111 6.111 0 00-1.848 4.36c0 1.781.58 3.273 1.727 4.477a6.052 6.052 0 004.531 1.9 6.193 6.193 0 004.48-1.882 6.226 6.226 0 001.761-4.443c-.028-3.398-2.798-6.145-6.224-6.173m-.017 9.513c-1.676 0-3.198-1.458-3.198-3.357a3.15 3.15 0 011.583-2.752 3.203 3.203 0 013.195 0 3.15 3.15 0 011.583 2.752c0 1.967-1.42 3.357-3.163 3.357M35 21.274c0-1.003-.787-1.69-2.083-1.69-1.264 0-2.075.833-2.084 2.16h1.473c0-.04-.008-.09-.008-.13 0-.526.242-.825.61-.825.36 0 .578.235.578.639 0 .81-.87 1.764-2.62 2.767v1.222h4.118V24.13H32.9c1.397-.874 2.1-1.925 2.1-2.856" fill="#969696" fill-rule="nonzero" />
</g>
</symbol>
<symbol viewbox="0 0 40 40" id="picto-water" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<circle stroke="#969696" fill="#FFF" cx="20" cy="20" r="19.5" />
<path d="M20.412 7.7a.542.542 0 00-.838 0c-1.78 2.346-8.434 11.516-8.434 15.836.025 4.958 3.982 8.964 8.854 8.964 4.872 0 8.83-4.006 8.854-8.964 0-4.32-6.653-13.49-8.435-15.836m2.32 21.622a.774.774 0 01-.337.051.89.89 0 01-.787-.462c-.153-.396.04-.834.45-1.025 3.319-1.231 3.036-4.924 2.98-4.976a.75.75 0 01.371-.695.915.915 0 01.847-.052c.272.123.45.369.47.645.224 1.641-.45 5.18-3.994 6.514" fill="#969696" fill-rule="nonzero" />
</g>
</symbol>
<symbol viewbox="0 0 40 40" id="picto-tryon" xmlns="http://www.w3.org/2000/svg">
<path fill="#004532" d="M0 0h40v40H0z" />
<path d="M25.7 0c-.1.2-.2.4-.3.5-.8 1.1-1.8 2.2-2.8 3.2C24 4.2 34 7.6 36.5 17.8c2.4 10.1-4.3 15.8-4.6 16.1-.3.3-.8.2-1.1-.1-.3-.3-.2-.8.1-1.1 3.1-2.9 4.7-7.1 4.5-11.3-.7 2.8-1.7 5.4-3.1 7.9-1.1 1.9-2.5 3.6-4.2 5.1V40h-1.6v-4.5c-1.9 1.2-4.2 1.9-6.5 1.9h.4c.1.1.1.2.1.4v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6v-1.6c0-.1 0-.3.1-.4-2-.1-4-.6-5.7-1.7V40h-1.6v-5.5c-4.6-3.9-7-11-7.5-16.1C1.6 21.7.6 25 1.7 28.1c1.9 5 5.5 4 5.7 3.9.3-.1.6 0 .9.2.2.2.3.5.3.8-.1.3-.3.5-.6.6-.5.1-1 .2-1.5.2-1.8 0-4.7-1-6.4-5.1 0-.1-.1-.3-.1-.6v-2.9-2.3c0-2.2 2.4-4.9 5.6-7.6 1-.9 2.5-2 4.3-3.3 4.5-3.4 11.2-8.3 13.7-12h2.1zM0 34c.1.1.1.2.2.3.1.2 2.8 4.4 10 4 .4 0 .8.3.8.8s-.3.8-.7.9h-.9c-5 0-9-2.7-9.4-3.5v-1.2V34zm40-4v4c-1 1.9-2.3 3.6-3.9 4.9-.1 0-.2.1-.3.1-.3 0-.5-.1-.7-.4-.2-.4-.1-.9.2-1.1 2.3-1.9 3.9-4.6 4.7-7.5zM21.6 4.8c-.4.3-.7.6-1.1 1v1.3c0 .3-.2.6-.5.6s-.5-.3-.5-.6v-.4c-2.7 2.4-5.6 4.6-8.5 6.8-1.7 1.3-3.2 2.4-4.2 3.3l-.4.4C6.6 23.1 10.6 36 20 36c10.1 0 14.4-13.7 14.4-19.3C31.4 8 21.7 5 21.6 4.8zM20 32.4c.3 0 .5.3.5.6v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6V33c0-.3.2-.6.5-.6zm1.3-5.4c.2 0 .5.1.6.3 0 0 .7.6 1 .9.1.1.1.1.2.1.4.1.9.1.9.3 0 .3 0 .5-.9.6-.1 1-1.7 1.8-3.1 1.8s-3-.8-3.1-1.9c-.9-.1-.9-.3-.9-.6 0-.2.4-.1.9-.3.1 0 .1 0 .1-.1l1.1-.9c.2-.1.5-.2.7-.3.4 0 .8.1 1.2.4.4-.2.8-.3 1.3-.3zm-1.2 1.4H20c-.1 0-.4.1-.5.1-.1 0-.1.1-.3.1-.2.1-.3.1-.5.1l-.1.1c0 .2.6.1 1.4.1.8 0 1.4.1 1.3-.1 0-.1 0-.1-.1-.1-.2 0-.3-.1-.5-.1-.1 0-.2-.1-.3-.1-.2-.1-.3-.1-.5-.1h.2zM19 23.2c.4.4.7.6 1 .6.4 0 .7-.2 1.1-.6.2-.2.6-.2.8 0s.2.6 0 .8c-.4.5-.9.7-1.3.9v1.3c0 .3-.2.6-.5.6s-.5-.3-.5-.6v-1.3c-.5-.1-.9-.5-1.4-.9-.2-.2-.2-.6 0-.8.2-.3.5-.2.8 0zm1-4c.3 0 .5.3.5.6v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6v-1.6c0-.3.2-.6.5-.6zM13.1 14c1.4 0 2.6.7 3.7 1.9.2.2.2.5 0 .7-.2.2-.5.2-.6 0-.6-.7-1.3-1.2-2-1.4.3.3.5.7.5 1.2 0 .9-.8 1.6-1.7 1.6-.9 0-1.7-.7-1.7-1.6 0-.4.1-.8.4-1-.2.1-.3.2-.5.4l-.1.1-.3.3c-.2.2-.4.4-.6.5-.6.4-1.3.4-2 .2-.2-.1-.4-.4-.3-.6.1-.3.3-.4.6-.3.5 0 1-.1 1.4-.3.1-.1.2-.1.3-.3l.1-.1.3-.3c.7-.7 1.4-1 2.5-1zm13.8 0c1.1 0 1.8.3 2.5 1l.3.3.1.1.3.3c.4.2.9.3 1.3.1.2-.1.5.1.6.3.1.3 0 .5-.3.6-.7.3-1.4.2-2-.2-.2-.1-.4-.3-.6-.5-.1 0-.3-.3-.3-.3l-.1-.1c-.2-.1-.3-.3-.5-.4.2.3.4.6.4 1 0 .9-.8 1.6-1.7 1.6-.9 0-1.7-.7-1.7-1.6 0-.5.2-.9.5-1.2-.7.2-1.4.7-2 1.4-.2.2-.5.2-.6 0-.2-.2-.2-.5 0-.7 1.1-1 2.4-1.7 3.8-1.7zm-6.9.4c.3 0 .5.3.5.6v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6V15c0-.3.2-.6.5-.6zM31 0c4 2.5 7.2 6.4 9 11v5C38.2 9 34.2 3.5 28.8.7c-.3-.2-.6-.4-.8-.7h3zM20 9.6c.3 0 .5.3.5.6v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6v-1.6c0-.3.2-.6.5-.6zM12 0C8.4 3.5 4.4 6.5 0 9v-.4-1.3C3.4 5.1 6.6 2.6 9.7 0H12zm8 0c.3 0 .5.3.5.6v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6V.6c0-.3.2-.6.5-.6z"
fill="#fff" />
<path opacity=".5" fill="#004532" d="M20 0h20v40H20z" />
</symbol>
<symbol viewbox="0 0 30 25" id="picto-camera" xmlns="http://www.w3.org/2000/svg">
<path d="M15.15 2a1.62 1.62 0 011.281.64l2.021 2.619h4.045c1.377 0 2.5 1.148 2.503 2.56v12.446c0 1.416-1.123 2.568-2.503 2.568H2.503C1.123 22.833 0 21.681 0 20.265V7.822c0-1.416 1.123-2.568 2.503-2.568h4.046l2.026-2.616c.306-.399.77-.633 1.271-.638zM12.5 8a6 6 0 100 12 6 6 0 000-12zm0 2a4 4 0 110 8 4 4 0 010-8z" fill-rule="evenodd" />
</symbol>
<symbol viewbox="0 0 15 20" id="picto-upload" xmlns="http://www.w3.org/2000/svg">
<path d="M15 14v1.2H0V14h15zM7.497 2L12.3 7.486H8.869v5.485h-2.74V7.486H2.7L7.497 2z" fill-rule="evenodd" />
</symbol>
<symbol fill="none" viewbox="0 0 25 25" id="warning-icon" xmlns="http://www.w3.org/2000/svg">
<path d="M12.5 25C19.404 25 25 19.404 25 12.5S19.404 0 12.5 0 0 5.596 0 12.5 5.596 25 12.5 25z" fill="#DF733D"/>
<path d="M11.92 14.192h1.344l.752-7.072V6.8h-2.848v.32l.752 7.072zM11.296 18h2.592v-2.56h-2.592V18z" fill="#fff"/>
</symbol>
<symbol fill="none" viewbox="0 0 18 16" id="filters" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 0c1.306 0 2.417.835 2.83 2H18v2H7.83a3.001 3.001 0 01-5.66 0H0V2h2.17A3.001 3.001 0 015 0zm0 4a1 1 0 100-2 1 1 0 000 2zm8 12a3.001 3.001 0 01-2.83-2H0v-2h10.17a3.001 3.001 0 015.66 0H18v2h-2.17A3.001 3.001 0 0113 16zm0-4a1 1 0 100 2 1 1 0 000-2z" fill="#21362C"/></symbol>
<symbol fill="none" viewbox="0 0 24 24" id="info-revamp" xmlns="http://www.w3.org/2000/svg"><path d="M11.063 6.668h1.88v1.87h-1.88v-1.87zm0 3.56h1.78v7.44h-1.73l-.05-7.44z" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.063 10.228l.05 7.44h1.73v-7.44h-1.78zm0-3.56v1.87h1.88v-1.87h-1.88z" fill="#21362C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.668c-5.799 0-10.5 4.701-10.5 10.5s4.701 10.5 10.5 10.5 10.5-4.701 10.5-10.5-4.701-10.5-10.5-10.5zM.5 12.168C.5 5.817 5.649.668 12 .668s11.5 5.149 11.5 11.5-5.149 11.5-11.5 11.5S.5 18.519.5 12.168z" fill="#21362C"/></symbol>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 22 22" fill="none" id="newchat">
<path d="M6 16.135H7V15.5324L6.46733 15.2509L6 16.135ZM6 20H5V21H6V20ZM6.58333 20V21H6.97803L7.26633 20.7304L6.58333 20ZM9.79167 17V16H9.39697L9.10867 16.2696L9.79167 17ZM3 9.5C3 5.91015 5.91015 3 9.5 3V1C4.80558 1 1 4.80558 1 9.5H3ZM6.46733 15.2509C4.40308 14.1597 3 11.9929 3 9.5H1C1 12.7632 2.83911 15.5952 5.53267 17.019L6.46733 15.2509ZM5 16.135V20H7V16.135H5ZM6 21H6.58333V19H6V21ZM7.26633 20.7304L10.4747 17.7304L9.10867 16.2696L5.90034 19.2696L7.26633 20.7304ZM12.5 16H9.79167V18H12.5V16ZM19 9.5C19 13.0899 16.0899 16 12.5 16V18C17.1944 18 21 14.1944 21 9.5H19ZM12.5 3C16.0899 3 19 5.91015 19 9.5H21C21 4.80558 17.1944 1 12.5 1V3ZM9.5 3H12.5V1H9.5V3Z" fill="white"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="newsearch">
<circle cx="10.875" cy="10.875" r="7.875" stroke="white" stroke-width="2"/>
<path d="M16.5 16.5L21 21" stroke="white" stroke-width="2" stroke-linejoin="round"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none" id="newaccount">
<g clip-path="url(#clip0_77070_5919)">
<path d="M10 11C12.7614 11 15 8.76142 15 6C15 3.23858 12.7614 1 10 1C7.23858 1 5 3.23858 5 6C5 8.76142 7.23858 11 10 11Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
<rect x="2" y="14" width="15.9973" height="22" rx="4" stroke="white" stroke-width="2"/>
</g>
<defs>
<clippath id="clip0_77070_5919">
<rect width="20" height="20" fill="white"/>
</clippath>
</defs>
</svg>
<svg width="30px" height="30px" viewbox="0 0 30 30" version="1.1" id="downarrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="27-New-Atoms" transform="translate(-50.000000, -234.000000)">
<g id="New-Arrow/Down" transform="translate(50.000000, 234.000000)">
<rect id="frame-30" x="0" y="0" width="30" height="30"></rect>
<path d="M9.66893667,24.6083133 C10.1911855,25.1305622 11.0331786,25.1305622 11.5554275,24.6083133 L20.4123419,15.7513989 C20.8280094,15.3357314 20.8280094,14.6642686 20.4123419,14.2486011 L11.5554275,5.39168665 C11.0331786,4.86943778 10.1911855,4.86943778 9.66893667,5.39168665 C9.1466878,5.91393552 9.1466878,6.75592859 9.66893667,7.27817746 L17.3854301,15.0053291 L9.65827853,22.7324807 C9.1466878,23.2440714 9.1466878,24.0967226 9.66893667,24.6083133 Z" class="svg-mobile-res" id="🔹-Icon-Color" fill="#005c43" transform="translate(15.000000, 15.000000) rotate(-270.000000) translate(-15.000000, -15.000000) "></path>
</g>
</g>
</g>
</svg>
<svg class="icon" aria-hidden="true" width="30px" height="30px" viewbox="0 0 30 30" version="1.1" id="NewArrowleft" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Find-Your-Match" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="27-New-Atoms" transform="translate(-170.000000, -234.000000)">
<g id="New-Arrow/left" transform="translate(170.000000, 234.000000)">
<rect id="frame-30" x="0" y="0" width="30" height="30"></rect>
<path d="M9.66893667,24.6083133 C10.1911855,25.1305622 11.0331786,25.1305622 11.5554275,24.6083133 L20.4123419,15.7513989 C20.8280094,15.3357314 20.8280094,14.6642686 20.4123419,14.2486011 L11.5554275,5.39168665 C11.0331786,4.86943778 10.1911855,4.86943778 9.66893667,5.39168665 C9.1466878,5.91393552 9.1466878,6.75592859 9.66893667,7.27817746 L17.3854301,15.0053291 L9.65827853,22.7324807 C9.1466878,23.2440714 9.1466878,24.0967226 9.66893667,24.6083133 Z" id="🔹-Icon-Color"
fill="#005c43" transform="translate(15.000000, 15.000000) scale(-1, 1) translate(-15.000000, -15.000000) "></path>
</g>
</g>
</g>
</svg>
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="new-arrowdown">
<path d="M4 8L12 16L20 8" stroke="#21362C" stroke-width="2"/>
</svg>
<svg width="16" height="16" viewbox="0 0 16 16" id="new-chat-with-dots" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.66667 11.4233H4.16667V11.122L3.90033 10.9813L3.66667 11.4233ZM3.66667 14H3.16667V14.5H3.66667V14ZM4.05555 14V14.5H4.2529L4.39705 14.3652L4.05555 14ZM6.19443 12V11.5H5.99708L5.85293 11.6348L6.19443 12ZM1.5 7C1.5 4.51472 3.51472 2.5 6 2.5V1.5C2.96243 1.5 0.5 3.96243 0.5 7H1.5ZM3.90033 10.9813C2.47172 10.2261 1.5 8.72613 1.5 7H0.5C0.5 9.11126 1.68974 10.9439 3.433 11.8653L3.90033 10.9813ZM3.16667 11.4233V14H4.16667V11.4233H3.16667ZM3.66667 14.5H4.05555V13.5H3.66667V14.5ZM4.39705 14.3652L6.53593 12.3652L5.85293 11.6348L3.71406 13.6348L4.39705 14.3652ZM9 11.5H6.19443V12.5H9V11.5ZM13.5 7C13.5 9.48528 11.4853 11.5 9 11.5V12.5C12.0376 12.5 14.5 10.0376 14.5 7H13.5ZM9 2.5C11.4853 2.5 13.5 4.51472 13.5 7H14.5C14.5 3.96243 12.0376 1.5 9 1.5V2.5ZM6 2.5H9V1.5H6V2.5Z" fill="#21362C"/>
<rect x="5" y="7" width="1" height="1" fill="#21362C"/>
<rect x="7" y="7" width="1" height="1" fill="#21362C"/>
<rect x="9" y="7" width="1" height="1" fill="#21362C"/>
</svg>
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" id="new-search-arrow-next" xmlns="http://www.w3.org/2000/svg">
<path d="M5.5293 13L10.5293 8L5.5293 3" stroke-width="2"/>
</svg>
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="new-arrowup">
<path d="M20 16L12 8L4 16" stroke="#21362C" stroke-width="2"/>
</svg>
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="pin">
<path d="M19 10.3636C19 16.0909 12 21 12 21C12 21 5 16.0909 5 10.3636C5 8.41068 5.7375 6.53771 7.05025 5.15676C8.36301 3.77581 10.1435 3 12 3C13.8565 3 15.637 3.77581 16.9497 5.15676C18.2625 6.53771 19 8.41068 19 10.3636Z" stroke="#21362C" stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel" />
<path d="M12 12C13.1046 12 14 11.1046 14 10C14 8.89543 13.1046 8 12 8C10.8954 8 10 8.89543 10 10C10 11.1046 10.8954 12 12 12Z" stroke="#21362C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="goback-arrow">
<path d="M15 6L9 12L15 18" stroke="#156031" stroke-width="2"/>
</svg>
<svg
width="56"
height="56"
viewbox="0 0 56 56"
fill="none"
xmlns="http://www.w3.org/2000/svg" id="qrplayicon">
<path
d="M52 28C52 41.2491 41.2602 52 28 52C14.7398 52 4 41.2491 4 28C4 14.7509 14.7398 4 28 4C41.2602 4 52 14.7398 52 28ZM24.5762 19.8476V36.1524L36.71 28L24.5762 19.8476Z"
fill="white"
/>
<defs>
<filter
id="filter0_d_78516_480"
x="0"
y="0"
width="56"
height="56"
filterunits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feflood flood-opacity="0" result="BackgroundImageFix" />
<fecolormatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feoffset />
<fegaussianblur stddeviation="2" />
<fecomposite in2="hardAlpha" operator="out" />
<fecolormatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
/>
<feblend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_78516_480"
/>
<feblend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_78516_480"
result="shape"
/>
</filter>
<clippath id="clip0_78516_480">
<rect width="56" height="56" fill="white" />
</clippath>
</defs>
</svg>
<svg width="10" height="11" viewbox="0 0 10 11" xmlns="http://www.w3.org/2000/svg" id="qrstar">
<path d="M2.11211 9.64399C2.05753 9.82077 2.12342 10.0125 2.27512 10.1185C2.42682 10.2244 2.62956 10.2201 2.77669 10.1079L5.00284 8.4109L7.22434 10.1077C7.37139 10.22 7.57416 10.2244 7.72597 10.1186C7.87777 10.0128 7.9438 9.82105 7.88931 9.64422L7.03064 6.85764L9.27281 5.1465C9.4179 5.03578 9.47622 4.84487 9.41778 4.67197C9.35934 4.49907 9.19715 4.38268 9.01465 4.38268H6.26488L5.40966 1.61556C5.35455 1.43725 5.18968 1.31565 5.00305 1.31567C4.81642 1.31569 4.65158 1.43732 4.59651 1.61565L3.74198 4.38268H0.986328C0.803785 4.38268 0.641577 4.49911 0.583165 4.67205C0.524753 4.845 0.583151 5.03593 0.728312 5.14661L2.97239 6.85767L2.11211 9.64399Z" stroke-width="0.851075" stroke-linejoin="round"/>
</svg>
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="searchicon">
<circle cx="10.875" cy="10.875" r="7.875" stroke="#21362C" stroke-width="2" />
<path d="M16.5 16.5L21 21" stroke="#21362C" stroke-width="2" stroke-linejoin="round" />
</svg>
<svg id="closeicon"
width=" 24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 5L5 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" />
<path d="M5 5L19 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" />
</svg></div>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WQB4X5"
height="0" width="0" title="Tag manager" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- #wrapper -->
<div id="wrapper">
<div id="main-container" key="main_container_key">
<!-- #header -->
<div id="header" class="main clearfix">
<ul id="jump-to-content" prefix="jump-to-content" tabindex="-1" slot="skiplinks" class="jump-to-content">
<li><a href="#sidebar-toggle" rel="nofollow">Retour Menu</a></li>
<li><a href="#content" rel="nofollow">Allez au contenu</a></li>
<li><a href="#footer" rel="nofollow">Bas de page</a></li>
</ul>
<header v-cloak id="new-main__header" class="new-header" role="banner">
<newheadernavigation :new-header="true">
<div v-cloak slot="navbar" slot-scope="props" class="navbar navbar-default nav-center navbar-fixed-top">
<input type="checkbox" name="nav-toggle" id="nav-toggle" tabindex="-1" aria-hidden="true">
<label for="nav-toggle">Toggle nav</label>
<span id="wordbreak"></span>
<div class="site-header__wrapper">
<newhamburger title="Menu"></newhamburger>
<div class="menu_item_container"
>
<nav nav role="navigation" aria-label="Menu principal" class="collapse navbar-collapse header__navigation">
<div class="nav-sidebar-wrapper">
<div class="sidebar__wrapper" tabindex="-1" id="menuModal">
<div class="submenuheader__firstlevel_container">
<div class="submenuheader__logo-wrapper">
<img src="" alt="Garnier" id="submenuheaderlogoimagesrc" class="submenuheader__logo-image">
</div>
<button class="submenuheader__firstlevel_close" role="button" id="sidemenuclose" tabindex="0" v-on:click="props.firstlevelclose()">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 5L5 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" />
<path d="M5 5L19 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" />
</svg>
</button>
</div>
<div class="sidebar__wrapper-scroll" tabindex="0">
<newmainnavigation>
<newitemnavigation main-menu="megamenublock-1" category-id="3a7ed724-2ac6-4be8-9143-bdc47e377700" category-name ="NOS MARQUES" category-item ="Castle.Proxies.ICategoryProxy">
<button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-1">
<span class="title-mega-menu">NOS MARQUES</span>
<span class="arrow-mega-menu">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
</svg>
</span>
</button>
</newitemnavigation>
<newitemnavigation main-menu="megamenublock-2" category-id="7810782b-c530-4655-8040-d35f4f5dce3f" category-name ="CHEVEUX" category-item ="Castle.Proxies.ICategoryProxy">
<button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-2">
<span class="title-mega-menu">CHEVEUX</span>
<span class="arrow-mega-menu">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
</svg>
</span>
</button>
</newitemnavigation>
<newitemnavigation main-menu="megamenublock-3" category-id="bc18fafb-9f84-4b8f-a9c3-d276c83dbb80" category-name ="COLORATION" category-item ="Castle.Proxies.ICategoryProxy">
<button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-3">
<span class="title-mega-menu">COLORATION</span>
<span class="arrow-mega-menu">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
</svg>
</span>
</button>
</newitemnavigation>
<newitemnavigation main-menu="megamenublock-4" category-id="56830faf-dca1-402f-97b0-d8afa159828f" category-name ="VISAGE SOIN DE LA PEAU" category-item ="Castle.Proxies.ICategoryProxy">
<button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-4">
<span class="title-mega-menu">VISAGE</span>
<span class="arrow-mega-menu">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
</svg>
</span>
</button>
</newitemnavigation>
<newitemnavigation main-menu="megamenublock-5" category-id="e0f340ab-d1b9-413f-8135-b30e43941039" category-name ="SOIN DU CORPS" category-item ="Castle.Proxies.ICategoryProxy">
<button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-5">
<span class="title-mega-menu">CORPS</span>
<span class="arrow-mega-menu">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
</svg>
</span>
</button>
</newitemnavigation>
<newitemnavigation main-menu="megamenublock-6" category-id="2145aff3-1739-4c61-a3c7-3da600478aa0" category-name ="SOLAIRE" category-item ="Castle.Proxies.ICategoryProxy">
<button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-6">
<span class="title-mega-menu">SOLAIRE</span>
<span class="arrow-mega-menu">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
</svg>
</span>
</button>
</newitemnavigation>
<newitemnavigation main-menu="megamenublock-7" category-id="299edaba-8128-47a7-84fe-6fbf5db987b9" category-name ="CONSEILS" category-item ="Castle.Proxies.ICategoryProxy">
<button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-7">
<span class="title-mega-menu">OUTILS ET SERVICES</span>
<span class="arrow-mega-menu">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
</svg>
</span>
</button>
</newitemnavigation>
<newitemnavigation main-menu="megamenublock-8" category-id="bb2339c1-6032-47e0-a93c-65d16806d536" category-name ="NOS ACTIONS" category-item ="Castle.Proxies.ICategoryProxy">
<button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-8">
<span class="title-mega-menu">NOS ENGAGEMENTS</span>
<span class="arrow-mega-menu">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
</svg>
</span>
</button>
</newitemnavigation>
</newmainnavigation>
<div class="component link-list new-header__info-wrapper--mobile">
<div class="component-content">
<ul class="footer-navigation">
<li class="item0 odd first">
<a data-variantitemid="{694F9F2D-A4B5-4687-BCEA-B7B3713F5291}" title="About Garnier Brand" class="new-header__info-link" href="/au-coeur-de-l-ingredient" v-tag="{"event":"uaevent","ecommerce":"undefined","eventCategory":"burger menu","eventAction":"select","eventLabel":"au cœur de l'ingrédient"}" data-variantfieldname="Link">Au cœur de l'ingrédient</a> </li>
<li class="item1 even">
<a data-variantitemid="{7F37D16A-2F02-41A3-890B-716140499174}" class="new-header__info-link" href="/nos-engagements" v-tag="{"event":"uaevent","ecommerce":"undefined","eventCategory":"burger menu","eventAction":"select","eventLabel":"au cœur de garnier"}" data-variantfieldname="Link">A propos de Garnier</a> </li>
<li class="item2 odd">
<a data-variantitemid="{A28FE71E-B362-4A6B-A4EE-794E47C18E62}" class="new-header__info-link" href="/magazine" v-tag="{"event":"uaevent","ecommerce":"undefined","eventCategory":"burger menu","eventAction":"select","eventLabel":"le magazine"}" data-variantfieldname="Link">Le Magazine</a> </li>
</ul>
</div>
</div>
</div>
</div>
<newmegamenuoverlay></newmegamenuoverlay>
<div class="new_header_megamenublock">
<newsubmenu category-title="NOS MARQUES" back-button-aria-label="Retour au menu précédent">
<div slot="megamenublock-1" class="level__two--new">
<div class="panel-title-list">
<div class="container">
<div class="row">
<div class="mega-menu__level1--column mega-menu__level1--glcolumn img_link">
<div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
<div class="mega-menu__columns">
<ul slot="megamenu__item__list-images" class="megamenu__item__list-images">
<li>
<a href="/nos-marques/soin-du-visage/skinactive" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos marques::menu tab::skinactive","click_area":"burger menu","breadcrumb":"nos marques::menu tab::skinactive"}">
<span class="megamenu__item__link--images"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/home/products/brands/new-images-181021/8837-gmg-garnier-masques-tissus_300x175.png?rev=3acada000b4d46bd81825ba5c6695f66" alt="" /></span>
</a>
</li>
<li>
<a href="/nos-marques/soin-du-visage/bb-creme" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos marques::menu tab::bb creme","click_area":"burger menu","breadcrumb":"nos marques::menu tab::bb creme"}">
<span class="megamenu__item__link--images"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/home/products/brands/new-images-181021/8837-gmg-garnier-bb-creme_300x175.png?rev=3a7cf5656a4e44be83f5295a3278fe02" alt="" /></span>
</a>
</li>
<li>
<a href="/nos-marques/soin-du-visage/pure-active" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos marques::menu tab::pure active","click_area":"burger menu","breadcrumb":"nos marques::menu tab::pure active"}">
<span class="megamenu__item__link--images"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/mega-menu-images/garnier-pure-active-b-v2.png?rev=56eac93ea29d4408a677e6dfcba884a9" alt="" /></span>
</a>
</li>
<li>
<a href="/nos-marques/soin-du-visage/micellaire" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos marques::menu tab::micellaire","click_area":"burger menu","breadcrumb":"nos marques::menu tab::micellaire"}">
<span class="megamenu__item__link--images"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/home/products/brands/new-images-181021/8837-gmg-garnier-solution-micellaire_300x175.png?rev=cb61f49af36e441c99677e05cfecce94" alt="" /></span>
</a>
</li>
<li>
<a href="/nos-marques/soin-du-visage/skinactive" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos marques::menu tab::skinactive","click_area":"burger menu","breadcrumb":"nos marques::menu tab::skinactive"}">
<span class="megamenu__item__link--images"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/home/products/brands/logo-garnier-skinactive-(1).png?rev=2939828d182b4705a292ef57ba95dd05" alt="Skin Active" /></span>
</a>
</li>
<li>
<a href="/nos-marques/soin-du-visage/vitamine-c" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos marques::menu tab::vitamine c","click_area":"burger menu","breadcrumb":"nos marques::menu tab::vitamine c"}">
<span class="megamenu__item__link--images"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/home/products/brands/new-images-181021/8837-gmg-garnier-vitamine-c_300x175.png?rev=542124e6600e4e19afa934bcc73d4ff5" alt="" /></span>
</a>
</li>
<li>
<a href="/nos-marques/cheveux/ultra-doux" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos marques::menu tab::ultra doux","click_area":"burger menu","breadcrumb":"nos marques::menu tab::ultra doux"}">
<span class="megamenu__item__link--images"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/home/products/brands/new-images-181021/8837-gmg-garnier-ultra-doux_300x175.png?rev=f2888b5603514fa4b1fa4e95e4439303" alt="" /></span>
</a>
</li>
<li>
<a href="/nos-marques/cheveux/fructis" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos marques::menu tab::fructis","click_area":"burger menu","breadcrumb":"nos marques::menu tab::fructis"}">
<span class="megamenu__item__link--images"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/home/products/brands/new-images-181021/8837-gmg-garnier-fructis_300x175.png?rev=9509c97d912f428d99c1b88f5a867a1e" alt="" /></span>
</a>
</li>
<li>
<a href="/nos-marques/soin-solaire/ambre-solaire" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos marques::menu tab::ambre solaire","click_area":"burger menu","breadcrumb":"nos marques::menu tab::ambre solaire"}">
<span class="megamenu__item__link--images"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/home/products/brands/new-images-181021/8837-gmg-garnier-ambre-solaire_300x175.png?rev=bf5c78376adf41a49c22c471dfdf5f04" alt="" /></span>
</a>
</li>
<li>
<a href="/nos-marques/soin-du-corps/body-superfood" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos marques::menu tab::body superfood","click_area":"burger menu","breadcrumb":"nos marques::menu tab::body superfood"}">
<span class="megamenu__item__link--images"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/home/products/brands/logo-2022/test_logo_bodyfood-300x175.jpg?rev=31949b77738a46b79c5dfc35f42bafd9" alt="TEST_LOGO_BODYFOOD-300x175" /></span>
</a>
</li>
<li>
<a href="/nos-marques/coloration/olia" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos marques::menu tab::olia","click_area":"burger menu","breadcrumb":"nos marques::menu tab::olia"}">
<span class="megamenu__item__link--images"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/home/products/brands/new-images-181021/8837-gmg-logo-garnier-colo-olia_300x175.png?rev=7e0978f59a3948f2b79cf120a18d814f" alt="" /></span>
</a>
</li>
<li>
<a href="/nos-marques/coloration/good" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos marques::menu tab::good","click_area":"burger menu","breadcrumb":"nos marques::menu tab::good"}">
<span class="megamenu__item__link--images"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/home/products/brands/logo-good-cmjn-300x175-v2.png?rev=a8cbb1ae49094221800249db612ef0a0" alt="" /></span>
</a>
</li>
<li>
<a href="/nos-marques/coloration/color-sensation" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos marques::menu tab::color sensation","click_area":"burger menu","breadcrumb":"nos marques::menu tab::color sensation"}">
<span class="megamenu__item__link--images"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/brandpages/color-sensation/menu-sensation.jpg?rev=69e7acb530694965b02ecf8e0d2a7ee8" alt="" /></span>
</a>
</li>
<li>
<a href="/nos-marques/coloration/belle-color" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos marques::menu tab::belle color","click_area":"burger menu","breadcrumb":"nos marques::menu tab::belle color"}">
<span class="megamenu__item__link--images"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/home/products/brands/new-images-181021/8837-gmg-logo-garnier-colo-bellco_300x175.png?rev=57543d22f9144231948a2429755d49ea" alt="" /></span>
</a>
</li>
<li>
<a href="/nos-marques/coloration/100-pourcent-ultra-blond" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos marques::menu tab::100% ultra blond","click_area":"burger menu","breadcrumb":"nos marques::menu tab::100% ultra blond"}">
<span class="megamenu__item__link--images"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/home/products/brands/new-images-181021/8837-gmg-logo-garnier-colo-100-ultrablond_300x175.png?rev=699c3d7a046140e0991e75b3dcbe6862" alt="" /></span>
</a>
</li>
<li>
<a href="" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos marques::menu tab::","click_area":"burger menu","breadcrumb":"nos marques::menu tab::"}">
<span class="megamenu__item__link--images"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/mega-menu-images/logo-garnier-skinactive.png?rev=b815a2569eb949248d55fa36e2ef900e" alt="" /></span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</newsubmenu>
<newsubmenu category-title="CHEVEUX" back-button-aria-label="Retour au menu précédent">
<div slot="megamenublock-2" class="level__two--new">
<div class="panel-title-list">
<div class="container">
<div class="row">
<div class="mega-menu__level1--column mega-menu__level1--glcolumn">
<div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
<div class="new-highlight-links">
<a href="/soins-des-cheveux"
v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","click_area":"burger menu","eventLabel":"découvrez nos soins capillaires::découvrez nos soins capillaires","breadcrumb":"découvrez nos soins capillaires::découvrez nos soins capillaires"}">
<span class="new-highlight-links__text">
Découvrez nos soins capillaires
</span>
</a>
</div>
<div class="mega-menu__columns">
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">Marque</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="/nos-marques/cheveux/fructis" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cheveux::marque::fructis","click_area":"burger menu","breadcrumb":"cheveux::marque::fructis"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Fructis
</a>
</li>
<li>
<a href="/nos-marques/cheveux/ultra-doux" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cheveux::marque::ultra doux","click_area":"burger menu","breadcrumb":"cheveux::marque::ultra doux"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Ultra Doux
</a>
</li>
</ul>
</new-mega-menu-collapse>
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">Catégorie</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="/tous-les-produits-soin-du-cheveu/eco-recharge-shampooing" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cheveux::catégorie::éco-recharges shampooing","click_area":"burger menu","breadcrumb":"cheveux::catégorie::éco-recharges shampooing"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Éco-Recharges Shampooing
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-cheveu/shampooing" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cheveux::catégorie::shampoing","click_area":"burger menu","breadcrumb":"cheveux::catégorie::shampoing"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Shampoing
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-cheveu/shampooing-solide" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cheveux::catégorie::shampooing solide","click_area":"burger menu","breadcrumb":"cheveux::catégorie::shampooing solide"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Shampooing solide
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-cheveu/apres-shampooing" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cheveux::catégorie::après-shampoing","click_area":"burger menu","breadcrumb":"cheveux::catégorie::après-shampoing"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Après-Shampoing
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-cheveu/soin-sans-rincage" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cheveux::catégorie::soin sans rinçage","click_area":"burger menu","breadcrumb":"cheveux::catégorie::soin sans rinçage"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Soin sans rinçage
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-cheveu/masque-cheveux" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cheveux::catégorie::masque cheveux","click_area":"burger menu","breadcrumb":"cheveux::catégorie::masque cheveux"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Masque cheveux
</a>
</li>
</ul>
</new-mega-menu-collapse>
</div>
</div>
<div class="mega-menu__level1--subcolumn mega-menu__level1--column2">
<div class="mega-menu__columns">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</newsubmenu>
<newsubmenu category-title="COLORATION" back-button-aria-label="Retour au menu précédent">
<div slot="megamenublock-3" class="level__two--new">
<div class="panel-title-list">
<div class="container">
<div class="row">
<div class="mega-menu__level1--column mega-menu__level1--glcolumn">
<div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
<div class="new-highlight-links">
<a href="/nos-colorations"
v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","click_area":"burger menu","eventLabel":"découvrez nos colorations::découvrez nos colorations","breadcrumb":"découvrez nos colorations::découvrez nos colorations"}">
<span class="new-highlight-links__text">
Découvrez nos colorations
</span>
</a>
</div>
<div class="mega-menu__columns">
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">GAMME</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="/nos-marques/coloration/olia" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"coloration::gamme::olia","click_area":"burger menu","breadcrumb":"coloration::gamme::olia"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Olia
</a>
</li>
<li>
<a href="/nos-marques/coloration/good" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"coloration::gamme::good","click_area":"burger menu","breadcrumb":"coloration::gamme::good"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Good
</a>
</li>
<li>
<a href="/nos-marques/coloration/color-sensation" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"coloration::gamme::color sensation","click_area":"burger menu","breadcrumb":"coloration::gamme::color sensation"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Color Sensation
<span class="megamenu__item__link--newbadge megamenu__item__link--newbadge-default">
New!
</span>
</a>
</li>
<li>
<a href="/nos-marques/coloration/color-shampoo-retouch" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"coloration::gamme::color shampoo retouch","click_area":"burger menu","breadcrumb":"coloration::gamme::color shampoo retouch"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Color Shampoo Retouch
<span class="megamenu__item__link--newbadge megamenu__item__link--newbadge-default">
New!
</span>
</a>
</li>
<li>
<a href="/nos-marques/coloration/belle-color" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"coloration::gamme::belle color","click_area":"burger menu","breadcrumb":"coloration::gamme::belle color"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Belle Color
</a>
</li>
<li>
<a href="/nos-marques/coloration/100-pourcent-ultra-blond" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"coloration::gamme::100% ultra blond","click_area":"burger menu","breadcrumb":"coloration::gamme::100% ultra blond"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
100% Ultra Blond
</a>
</li>
</ul>
</new-mega-menu-collapse>
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">COULEUR</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="/colorations/coloration-brune" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"coloration::couleur::noire / brune","click_area":"burger menu","breadcrumb":"coloration::couleur::noire / brune"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Noire / Brune
</a>
</li>
<li>
<a href="/colorations/coloration-chatain" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"coloration::couleur::châtain","click_area":"burger menu","breadcrumb":"coloration::couleur::châtain"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Châtain
</a>
</li>
<li>
<a href="/colorations/coloration-blonde" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"coloration::couleur::blonde","click_area":"burger menu","breadcrumb":"coloration::couleur::blonde"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Blonde
</a>
</li>
<li>
<a href="/colorations/coloration-couleurs" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"coloration::couleur::couleurs","click_area":"burger menu","breadcrumb":"coloration::couleur::couleurs"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Couleurs
</a>
</li>
<li>
<a href="/colorations/decoloration-and-eclaircissants" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"coloration::couleur::décolorants et éclaircissants","click_area":"burger menu","breadcrumb":"coloration::couleur::décolorants et éclaircissants"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Décolorants et éclaircissants
</a>
</li>
</ul>
</new-mega-menu-collapse>
</div>
</div>
<div class="mega-menu__level1--subcolumn mega-menu__level1--column2">
<div class="mega-menu__columns">
</div>
</div>
</div>
<div class="mega-menu__level2--subcolumn mega-menu__level2--column2">
<ul slot="megamenu__item__list-images" class="megamenu__items__list-images">
<li>
<a href="/outils-et-services/test-virtuel" class="megamenu__items__link">
<div class="megamenu__items__link--images">
<span class="megamenu__items__link--images-in"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/opengraph_vto.jpg?rev=fc8fb82f5eaf445d949ee8eac920a83f&cx=0.33&cy=0.48&cw=180&ch=132&hash=7A47DC2A8AD9B5BB9CFD30C77B5C4660" alt="" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"coloration::menutab::essai virtuel","click_area":"burger menu","breadcrumb":"coloration::menutab::essai virtuel"}" /></span>
</div>
<div class="megamenu__items__link--txts">
<span class="megamenu__items__link--subtitle">Essai Virtuel</span>
<p class="megamenu__items__link--content">Trouvez la nuance idéale !</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</newsubmenu>
<newsubmenu category-title="VISAGE" back-button-aria-label="Retour au menu précédent">
<div slot="megamenublock-4" class="level__two--new">
<div class="panel-title-list">
<div class="container">
<div class="row">
<div class="mega-menu__level1--column mega-menu__level1--glcolumn">
<div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
<div class="new-highlight-links">
<a href="/soins-du-visage"
v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","click_area":"burger menu","eventLabel":"découvrez nos soins du visage::découvrez nos soins du visage","breadcrumb":"découvrez nos soins du visage::découvrez nos soins du visage"}">
<span class="new-highlight-links__text">
Découvrez nos soins du visage
</span>
</a>
</div>
<div class="mega-menu__columns">
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">GAMME</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="/nos-marques/soin-du-visage/vitamine-c" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::gamme::vitamine c","click_area":"burger menu","breadcrumb":"visage::gamme::vitamine c"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Vitamine C
</a>
</li>
<li>
<a href="/nos-marques/soin-du-visage/pure-active" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::gamme::pure active","click_area":"burger menu","breadcrumb":"visage::gamme::pure active"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Pure Active
</a>
</li>
<li>
<a href="/nos-marques/soin-du-visage/micellaire" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::gamme::micellaire","click_area":"burger menu","breadcrumb":"visage::gamme::micellaire"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Micellaire
</a>
</li>
<li>
<a href="/nos-marques/soin-du-visage/skinactive" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::gamme::masques tissus","click_area":"burger menu","breadcrumb":"visage::gamme::masques tissus"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Masques Tissus
</a>
</li>
<li>
<a href="/nos-marques/soin-du-visage/bb-creme" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::gamme::bb crème","click_area":"burger menu","breadcrumb":"visage::gamme::bb crème"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
BB Crème
</a>
</li>
</ul>
</new-mega-menu-collapse>
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">BESOIN</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="/tous-les-produits-soin-du-visage/nettoyant-visage" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::besoin::nettoyant visage","click_area":"burger menu","breadcrumb":"visage::besoin::nettoyant visage"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Nettoyant Visage
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-visage/demaquillant" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::besoin::démaquillant","click_area":"burger menu","breadcrumb":"visage::besoin::démaquillant"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Démaquillant
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-visage/soins-hydratants-visage" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::besoin::soins hydratants visage","click_area":"burger menu","breadcrumb":"visage::besoin::soins hydratants visage"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Soins Hydratants visage
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-visage/soins-anti-age" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::besoin::soins anti-âge","click_area":"burger menu","breadcrumb":"visage::besoin::soins anti-âge"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Soins Anti-âge
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-visage/soins-anti-imperfections" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::besoin::soins anti-imperfections","click_area":"burger menu","breadcrumb":"visage::besoin::soins anti-imperfections"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Soins Anti-Imperfections
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-visage/masques" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::besoin::masques","click_area":"burger menu","breadcrumb":"visage::besoin::masques"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Masques
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-visage/soins-booster-d-eclat" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::besoin::soins booster d’eclat","click_area":"burger menu","breadcrumb":"visage::besoin::soins booster d’eclat"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Soins Booster d’Eclat
</a>
</li>
</ul>
</new-mega-menu-collapse>
</div>
</div>
<div class="mega-menu__level1--subcolumn mega-menu__level1--column2">
<div class="mega-menu__columns">
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">TYPE DE PEAU</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="/tous-les-produits-soin-du-visage/peaux-normales" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::type de peau::peau normale","click_area":"burger menu","breadcrumb":"visage::type de peau::peau normale"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Peau normale
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-visage/peaux-sensibles" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::type de peau::peau sensible","click_area":"burger menu","breadcrumb":"visage::type de peau::peau sensible"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Peau sensible
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-visage/peaux-seches" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::type de peau::peau sèche","click_area":"burger menu","breadcrumb":"visage::type de peau::peau sèche"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Peau sèche
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-visage/peaux-grasses" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::type de peau::peau grasse","click_area":"burger menu","breadcrumb":"visage::type de peau::peau grasse"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Peau grasse
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-visage/peaux-mixtes" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::type de peau::peau mixte","click_area":"burger menu","breadcrumb":"visage::type de peau::peau mixte"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Peau mixte
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-visage/peau-terne" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::type de peau::peau terne","click_area":"burger menu","breadcrumb":"visage::type de peau::peau terne"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Peau terne
</a>
</li>
</ul>
</new-mega-menu-collapse>
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">Outils</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="/skin-coach" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage::outils::diagnostic personnalisé","click_area":"burger menu","breadcrumb":"visage::outils::diagnostic personnalisé"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Diagnostic personnalisé
</a>
</li>
</ul>
</new-mega-menu-collapse>
</div>
</div>
</div>
<div class="mega-menu__level2--subcolumn mega-menu__level2--column2">
<ul slot="megamenu__item__list-images" class="megamenu__items__list-images">
<li>
<a href="/skin-coach" class="megamenu__items__link">
<div class="megamenu__items__link--images">
<span class="megamenu__items__link--images-in"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/opengraph_skdr.jpg?rev=b88832f0811a41ed9a65c2d7e7f236ce&cx=0.48&cy=0.46&cw=180&ch=132&hash=E0B8D9A7073985AB274B01CB9B7FD564" alt="" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"visage soin de la peau::menutab:: skin coach ai","click_area":"burger menu","breadcrumb":"visage soin de la peau::menutab:: skin coach ai"}" /></span>
</div>
<div class="megamenu__items__link--txts">
<span class="megamenu__items__link--subtitle"> SKIN COACH AI</span>
<p class="megamenu__items__link--content"> Vous n'êtes qu'à un selfie d'une peau éclatante !</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</newsubmenu>
<newsubmenu category-title="CORPS" back-button-aria-label="Retour au menu précédent">
<div slot="megamenublock-5" class="level__two--new">
<div class="panel-title-list">
<div class="container">
<div class="row">
<div class="mega-menu__level1--column mega-menu__level1--glcolumn">
<div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
<div class="new-highlight-links">
<a href="/soins-du-corps"
v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","click_area":"burger menu","eventLabel":"découvrez nos soins du corps::découvrez nos soins du corps","breadcrumb":"découvrez nos soins du corps::découvrez nos soins du corps"}">
<span class="new-highlight-links__text">
Découvrez nos soins du corps
</span>
</a>
</div>
<div class="mega-menu__columns">
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">IMPACT ENVIRONNEMENTAL ET SOCIAL</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="/soins-du-corps" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"corps::impact environnemental et social::découvrez nos soins du corps","click_area":"burger menu","breadcrumb":"corps::impact environnemental et social::découvrez nos soins du corps"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Découvrez nos soins du corps
</a>
</li>
</ul>
</new-mega-menu-collapse>
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">PAR BESOINS</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="/tous-les-produits-soin-du-corps/nourrir" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"corps::par besoins::nourrir","click_area":"burger menu","breadcrumb":"corps::par besoins::nourrir"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
NOURRIR
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-corps/apaiser" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"corps::par besoins::apaiser","click_area":"burger menu","breadcrumb":"corps::par besoins::apaiser"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
APAISER
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-corps/reparer" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"corps::par besoins::réparer","click_area":"burger menu","breadcrumb":"corps::par besoins::réparer"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
RÉPARER
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-corps/hydrater" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"corps::par besoins::hydrater","click_area":"burger menu","breadcrumb":"corps::par besoins::hydrater"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
HYDRATER
</a>
</li>
</ul>
</new-mega-menu-collapse>
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">PAR MARQUE</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="/nos-marques/soin-du-corps/body-superfood" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"corps::par marque::body superfood","click_area":"burger menu","breadcrumb":"corps::par marque::body superfood"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
BODY SUPERFOOD
</a>
</li>
</ul>
</new-mega-menu-collapse>
</div>
</div>
<div class="mega-menu__level1--subcolumn mega-menu__level1--column2">
<div class="mega-menu__columns">
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">NOUVEAU</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="/nos-marques/soin-du-corps/body-superfood/creme-nourissante-avocat" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"corps::nouveau::body superfood avocat","click_area":"burger menu","breadcrumb":"corps::nouveau::body superfood avocat"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
BODY SUPERFOOD AVOCAT
</a>
</li>
</ul>
</new-mega-menu-collapse>
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">PAR TYPE DE PEAU</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="/tous-les-produits-soin-du-corps/peaux-tres-seches" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"corps::par type de peau::très sèches","click_area":"burger menu","breadcrumb":"corps::par type de peau::très sèches"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Très sèches
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-corps/peaux-seches-a-tres-seches" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"corps::par type de peau::sèches à très sèches","click_area":"burger menu","breadcrumb":"corps::par type de peau::sèches à très sèches"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Sèches à très sèches
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-corps/peaux-normales-a-seches" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"corps::par type de peau::normales à sèches","click_area":"burger menu","breadcrumb":"corps::par type de peau::normales à sèches"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Normales à sèches
</a>
</li>
<li>
<a href="/tous-les-produits-soin-du-corps/peaux-deshydrates" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"corps::par type de peau::déshydratées","click_area":"burger menu","breadcrumb":"corps::par type de peau::déshydratées"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Déshydratées
</a>
</li>
</ul>
</new-mega-menu-collapse>
</div>
</div>
</div>
<div class="mega-menu__level2--subcolumn mega-menu__level2--column2">
<ul slot="megamenu__item__list-images" class="megamenu__items__list-images">
<li>
<a href="/" class="megamenu__items__link">
<div class="megamenu__items__link--images">
<span class="megamenu__items__link--images-in"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/mega-menu-images/pil-mega-nav-icone.jpg?rev=12cbe31718e1428fabb7a731cdcb1f79&cx=0&cy=0&cw=180&ch=132&hash=23D292245CA0740D8EA26EAB72A946A5" alt="PIL MEGA NAV ICONE" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"soin du corps::menutab:: ","click_area":"burger menu","breadcrumb":"soin du corps::menutab:: "}" /></span>
</div>
<div class="megamenu__items__link--txts">
<span class="megamenu__items__link--subtitle"> </span>
<p class="megamenu__items__link--content"> </p>
</div>
</a>
</li>
<li>
<a href="/nos-marques/soin-du-corps/body-superfood/creme-nourissante-avocat" class="megamenu__items__link">
<div class="megamenu__items__link--images">
<span class="megamenu__items__link--images-in"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/prd-bodycare/bodycare_brands_bodysuperfood/garnier-body-superfood.png?rev=4a6b657daffc466bb9a4f68955a76887&cx=0&cy=0&cw=180&ch=132&hash=20ED37F743BE4083E9B1714EB7E2BAF4" alt="" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"soin du corps::menutab:: ","click_area":"burger menu","breadcrumb":"soin du corps::menutab:: "}" /></span>
</div>
<div class="megamenu__items__link--txts">
<span class="megamenu__items__link--subtitle"> </span>
<p class="megamenu__items__link--content"> </p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</newsubmenu>
<newsubmenu category-title="SOLAIRE" back-button-aria-label="Retour au menu précédent">
<div slot="megamenublock-6" class="level__two--new">
<div class="panel-title-list">
<div class="container">
<div class="row">
<div class="mega-menu__level1--column mega-menu__level1--glcolumn">
<div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
<div class="new-highlight-links">
<a href="/solaires"
v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","click_area":"burger menu","eventLabel":"découvrez nos protections solaires::découvrez nos protections solaires","breadcrumb":"découvrez nos protections solaires::découvrez nos protections solaires"}">
<span class="new-highlight-links__text">
Découvrez nos protections solaires
</span>
</a>
</div>
<div class="mega-menu__columns">
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">PAR BESOINS</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="/tous-les-produits-solaire/fps-50-plus-et-50" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par besoins::indices fps 50+, 50","click_area":"burger menu","breadcrumb":"solaire::par besoins::indices fps 50+, 50"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Indices FPS 50+, 50
</a>
</li>
<li>
<a href="/tous-les-produits-solaire/fps-30-et-20-et-15" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par besoins::indices fps 30, 20 et 15","click_area":"burger menu","breadcrumb":"solaire::par besoins::indices fps 30, 20 et 15"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Indices FPS 30, 20 et 15
</a>
</li>
<li>
<a href="/tous-les-produits-solaire/tres-haute-protection-enfants" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par besoins::très haute protection enfants","click_area":"burger menu","breadcrumb":"solaire::par besoins::très haute protection enfants"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Très haute protection enfants
</a>
</li>
<li>
<a href="/tous-les-produits-solaire/peaux-sensibles-" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par besoins::peaux sensibles","click_area":"burger menu","breadcrumb":"solaire::par besoins::peaux sensibles"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Peaux sensibles
</a>
</li>
<li>
<a href="/tous-les-produits-solaire/protection-visage" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par besoins::protection visage","click_area":"burger menu","breadcrumb":"solaire::par besoins::protection visage"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Protection visage
</a>
</li>
</ul>
</new-mega-menu-collapse>
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">PAR MARQUE</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="/sensitive-expert-plus-adultes" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par marque::sensitive expert+ adultes","click_area":"burger menu","breadcrumb":"solaire::par marque::sensitive expert+ adultes"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Sensitive Expert+ Adultes
</a>
</li>
<li>
<a href="/sensitive-expert-plus-enfants" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par marque::sensitive expert+ enfants","click_area":"burger menu","breadcrumb":"solaire::par marque::sensitive expert+ enfants"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Sensitive Expert+ Enfants
</a>
</li>
<li>
<a href="/super-uv" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par marque::super uv","click_area":"burger menu","breadcrumb":"solaire::par marque::super uv"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Super UV
</a>
</li>
<li>
<a href="/hydra-24h-protect" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par marque::hydra 24h","click_area":"burger menu","breadcrumb":"solaire::par marque::hydra 24h"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Hydra 24H
</a>
</li>
<li>
<a href="" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par marque::invisible protect","click_area":"burger menu","breadcrumb":"solaire::par marque::invisible protect"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Invisible Protect
</a>
</li>
<li>
<a href="" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par marque::laits éco-conçus","click_area":"burger menu","breadcrumb":"solaire::par marque::laits éco-conçus"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Laits éco-conçus
</a>
</li>
<li>
<a href="/ideal-bronze" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par marque::ideal bronze","click_area":"burger menu","breadcrumb":"solaire::par marque::ideal bronze"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Ideal Bronze
</a>
</li>
<li>
<a href="/natural-bronzer" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par marque::natural bronzer","click_area":"burger menu","breadcrumb":"solaire::par marque::natural bronzer"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Natural Bronzer
</a>
</li>
<li>
<a href="/tous-les-produits-solaire/apres-soleil" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par marque::après-soleil","click_area":"burger menu","breadcrumb":"solaire::par marque::après-soleil"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Après-soleil
</a>
</li>
</ul>
</new-mega-menu-collapse>
</div>
</div>
<div class="mega-menu__level1--subcolumn mega-menu__level1--column2">
<div class="mega-menu__columns">
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">PAR TYPES DE PRODUIT</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="/tous-les-produits-solaire/protection-tubes" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par types de produit::protection solaire (en tube)","click_area":"burger menu","breadcrumb":"solaire::par types de produit::protection solaire (en tube)"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Protection solaire (en tube)
</a>
</li>
<li>
<a href="/tous-les-produits-solaire/protection-sprays" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par types de produit::protection solaire (en spray)","click_area":"burger menu","breadcrumb":"solaire::par types de produit::protection solaire (en spray)"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Protection solaire (en spray)
</a>
</li>
<li>
<a href="/tous-les-produits-solaire/protection-brumes" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par types de produit::protection solaire (en brume)","click_area":"burger menu","breadcrumb":"solaire::par types de produit::protection solaire (en brume)"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Protection solaire (en brume)
</a>
</li>
<li>
<a href="/tous-les-produits-solaire/huiles" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par types de produit::protection solaire (en huiles)","click_area":"burger menu","breadcrumb":"solaire::par types de produit::protection solaire (en huiles)"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Protection solaire (en huiles)
</a>
</li>
<li>
<a href="/tous-les-produits-solaire/soins-apres-soleil" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par types de produit::soins après-soleil","click_area":"burger menu","breadcrumb":"solaire::par types de produit::soins après-soleil"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Soins après-soleil
</a>
</li>
<li>
<a href="/tous-les-produits-solaire/autobronzants" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::par types de produit::auto-bronzants","click_area":"burger menu","breadcrumb":"solaire::par types de produit::auto-bronzants"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Auto-bronzants
</a>
</li>
</ul>
</new-mega-menu-collapse>
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">NOUVEAU</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"solaire::nouveau::lait éco-conçu enfants nemo","click_area":"burger menu","breadcrumb":"solaire::nouveau::lait éco-conçu enfants nemo"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Lait éco-conçu enfants NEMO
</a>
</li>
</ul>
</new-mega-menu-collapse>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</newsubmenu>
<newsubmenu category-title="OUTILS ET SERVICES" back-button-aria-label="Retour au menu précédent">
<div slot="megamenublock-7" class="level__two--new">
<div class="panel-title-list">
<div class="container">
<div class="row">
<div class="mega-menu__level1--column mega-menu__level1--glcolumn">
<div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
<div class="mega-menu__columns">
</div>
</div>
<div class="mega-menu__level1--subcolumn mega-menu__level1--column2">
<div class="mega-menu__columns">
</div>
</div>
</div>
<div class="mega-menu__level2--subcolumn mega-menu__level2--column2">
<ul slot="megamenu__item__list-images" class="megamenu__items__list-images">
<li>
<a href="/skin-coach" class="megamenu__items__link">
<div class="megamenu__items__link--images">
<span class="megamenu__items__link--images-in"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/opengraph_skdr.jpg?rev=b88832f0811a41ed9a65c2d7e7f236ce&cx=0.48&cy=0.46&cw=180&ch=132&hash=E0B8D9A7073985AB274B01CB9B7FD564" alt="" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"conseils::conseils:: skin coach ai","click_area":"burger menu","breadcrumb":"conseils::conseils:: skin coach ai"}" /></span>
</div>
<div class="megamenu__items__link--txts">
<span class="megamenu__items__link--subtitle"> SKIN COACH AI</span>
<p class="megamenu__items__link--content"> Vous n'êtes qu'à un selfie d'une peau éclatante !</p>
</div>
</a>
</li>
<li>
<a href="/outils-et-services/test-virtuel" class="megamenu__items__link">
<div class="megamenu__items__link--images">
<span class="megamenu__items__link--images-in"><img data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/opengraph_vto.jpg?rev=fc8fb82f5eaf445d949ee8eac920a83f&cx=0.33&cy=0.48&cw=180&ch=132&hash=7A47DC2A8AD9B5BB9CFD30C77B5C4660" alt="" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"conseils::conseils::essai virtuel","click_area":"burger menu","breadcrumb":"conseils::conseils::essai virtuel"}" /></span>
</div>
<div class="megamenu__items__link--txts">
<span class="megamenu__items__link--subtitle">Essai Virtuel</span>
<p class="megamenu__items__link--content">Trouvez la nuance idéale !</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</newsubmenu>
<newsubmenu category-title="NOS ENGAGEMENTS" back-button-aria-label="Retour au menu précédent">
<div slot="megamenublock-8" class="level__two--new">
<div class="panel-title-list">
<div class="container">
<div class="row">
<div class="mega-menu__level1--column mega-menu__level1--glcolumn">
<div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
<div class="mega-menu__columns">
<new-mega-menu-collapse>
<span slot="indicator" class="mega-menu-collapse__indicator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M6 9L12 15L18 9" stroke="#21362C" />
</svg>
</span>
<span slot="title" class="mega-menu-collapse__title--header">Nos Engagements</span>
<ul slot="content" slot-scope="afterProps">
<li>
<a href="/nos-engagements/notre-heritage" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos engagements::nos engagements::notre héritage","click_area":"burger menu","breadcrumb":"nos engagements::nos engagements::notre héritage"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Notre héritage
</a>
</li>
<li>
<a href="/nos-engagements/ecobeautyscore" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos engagements::nos engagements::impact environnemental et social","click_area":"burger menu","breadcrumb":"nos engagements::nos engagements::impact environnemental et social"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Impact environnemental et social
<span class="megamenu__item__link--newbadge megamenu__item__link--newbadge-default">
New!
</span>
</a>
</li>
<li>
<a href="/cruelty-free-international" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos engagements::nos engagements::cruelty free international","click_area":"burger menu","breadcrumb":"nos engagements::nos engagements::cruelty free international"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Cruelty Free International
</a>
</li>
<li>
<a href="/nos-engagements/green-sciences" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos engagements::nos engagements::green sciences","click_area":"burger menu","breadcrumb":"nos engagements::nos engagements::green sciences"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Green Sciences
</a>
</li>
<li>
<a href="/ensemble-prenons-soin-des-forets-francaises" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"nos engagements::nos engagements::garnier x wwf france","click_area":"burger menu","breadcrumb":"nos engagements::nos engagements::garnier x wwf france"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
Garnier x WWF France
</a>
</li>
</ul>
</new-mega-menu-collapse>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</newsubmenu>
</div>
</div>
<overlay></overlay>
</nav>
</div>
<component is="style">
:root {
--active-color: #156031;
--hover-color: #ffffff;
--text-color: #ffffff;
--gradient-color: #156031;
--nav-color: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #156031;;
}
</component>
<div class="new-header__logo-wrapper"><a href="/" aria-label="Garnier (aller à l'accueil)" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"logo_click","eventCategory":"main menu navigation","eventAction":"select","eventLabel":"logo"}">
<img src="/-/media/project/loreal/brand-sites/garnier/emea/fr/logo-garnier-green-navigation.png?rev=416e2a0f8d744d50a378967e07877493" alt="Garnier" id="headerlogoimagesrc" class="new-header__logo-image" width="1298" height="595">
</a></div>
<ul class="new-header__icons-wrapper">
<search inline-template :request-parameters='{"filtersettingsitemid":"1c5e65f2-9950-4fb9-876b-018894a99fe8","filterpageitemid":"b748db56-9f59-4b5f-a961-4754a5d1af77","searchwithsuggestions":true,"formactionlink":"/search-page/search"}'>
<li class="new-header__icon-item search">
<div class="click-overlay" @click="overlayClick" v-if="isActive"></div>
<search-input
form-action="/search-page/search"
placeholder="Rechercher"
title="Search (suggested results are available after the field when at least 3 characters are typed)"
>
</search-input>
<suggested-search
:aria-labels="{ 'closeButton': 'Close the suggested search results subpanel', 'viewAll': 'View all search results' }"
loading-text='Chargement…'
view-all-text='View all'
no-results-text='Aucune produit correspondant à votre recherche. Veuillez réessayer avec une autre orthographe.'>
</suggested-search>
</li>
</search>
</ul>
</div>
</div>
</newheadernavigation>
</header>
</div>
<!-- /#header -->
<!-- #content -->
<main role="main" class="main clearfix">
<div id="content">
<div id="search-content">
<skindr-embed script-url="https://dsf-cdn.loreal.io/dropper.js" :skindr-tagging="{"event":"uaevent","ecommerce":"undefined","event_name":"site_load_service","eventCategory":"analysis::skindr::skin","eventAction":"homepage::select::skindr","eventLabel":"load::skindr","service_name":"skindr","service_category":"diagnose","cta_name":"[Token3]"}">
<template>
<dsf-app tenant="lorealsa" application="skindrv2" customer="garnier" country="fra" environment="production"
touchpoint="web" type="std" loadingbg="" loadingmsg=""
switch_ecom="true" switch_autostart="false" csrftoken="">
</dsf-app>
</template>
</skindr-embed>
<hosted-video :initial-value="[{"Title":"Nouveau Sérum Anti-Taches Vitamine C+","TitleLength":37,"SubTitle":"Plus efficace. Plus rapide. Pour une peau plus éclatante**","SubTitleLength":58,"Video":"","MobileVideo":"","DesktopImage":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/landing-page/skincoach-diagnosis/fr27224-cration-asset-banner-page-web-garnier-1920x720-3-1.jpg?rev=8a248e1aff12467c986f8a18e14963f0&cx=0&cy=0&cw=1920&ch=720&hash=9FA4C97EFCAF899A8331D8B1B174EC74","MobileImage":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/landing-page/skincoach-diagnosis/fr27224-cration-asset-banner-page-web-garnier-360x518-(3).jpg?rev=114fe7171271488ba27a51ea241fff06","TabletImage":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/landing-page/skincoach-diagnosis/fr27224-cration-asset-banner-page-web-garnier-1920x720-3-1.jpg?rev=8a248e1aff12467c986f8a18e14963f0&cx=0&cy=0&cw=800&ch=288&hash=A3DE3153805E33403F897EB884A21702","IsDesktopImage":"1","IsMobileImage":"1","CalltoActionUrl":"/nos-marques/soin-du-visage/serum-eclat","CalltoActionText":"Découvrir","BackgroundColor":"#F19D49","TitleColor":"#21362C","CtaTagging":{"event":"uaevent","ecommerce":"undefined","event_name":"slider_button_click","eventAction":"select::slider navigation","eventCategory":"homepage","eventLabel":"découvrir::https://www.garnier.fr/nos-marques/soin-du-visage/serum-eclat","cta_name":"découvrir","link_url":"https://www.garnier.fr/nos-marques/soin-du-visage/serum-eclat","module_name":"nouveau sérum anti-taches vitamine c+"}},{"Title":"Méthode Boucles : Approuvé par Naza !","TitleLength":37,"SubTitle":"C’EST LA BOUCLANCE ! \r\nSuivez la Méthode Boucles en trois étapes pour 7 jours de boucles hydratées.","SubTitleLength":99,"Video":"","MobileVideo":"","DesktopImage":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/hosted-video-carousel/methode-boucles---naza/fr26270-curls-method---banniere-lp-garnier-1920x720-v2.jpg?rev=0dd2b3042aeb4903bc261f1208f11d99&cx=0&cy=0&cw=1920&ch=720&hash=82DA9922521FCAA2CFCC69F0BF74BCF8","MobileImage":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/hosted-video-carousel/methode-boucles---naza/fr26270-curls-method---banniere-lp-garnier-414x450-v3.jpg?rev=4dabb26f945a46479bbd00025123faf8","TabletImage":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/hosted-video-carousel/methode-boucles---naza/fr26270-curls-method---banniere-lp-garnier-1920x720-v2.jpg?rev=0dd2b3042aeb4903bc261f1208f11d99&cx=0&cy=0&cw=800&ch=288&hash=C0EB75EC36D30098F2BB76340385DD0F","IsDesktopImage":"1","IsMobileImage":"1","CalltoActionUrl":"/nos-marques/cheveux/fructis/gamme-methodeboucles","CalltoActionText":"Découvrir","BackgroundColor":"#4B348B","TitleColor":"#FFFFFF","CtaTagging":{"event":"uaevent","ecommerce":"undefined","event_name":"slider_button_click","eventAction":"select::slider navigation","eventCategory":"homepage","eventLabel":"découvrir::https://www.garnier.fr/nos-marques/cheveux/fructis/gamme-methodeboucles","cta_name":"découvrir","link_url":"https://www.garnier.fr/nos-marques/cheveux/fructis/gamme-methodeboucles","module_name":"méthode boucles : approuvé par naza !"}},{"Title":"Patch invisible, résultats visibles","TitleLength":35,"SubTitle":"Patch invisible anti-boutons qui réduit la visibilité des boutons en 8H, compatible avec le maquillage.","SubTitleLength":103,"Video":"","MobileVideo":"","DesktopImage":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/hosted-video-carousel/desktop-1920x720-1.jpg?rev=0a3d80e6ab644b1d96b1abb91552b6d7&cx=0.5&cy=0.51&cw=1920&ch=720&hash=A27D8ACA21234E2400E1D27359E293FC","MobileImage":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/hosted-video-carousel/pimple-patch-mobile-360x518.jpg?rev=bfb1017a89e94adb992d5dfd5fc594c9","TabletImage":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/hosted-video-carousel/desktop-1920x720-1.jpg?rev=0a3d80e6ab644b1d96b1abb91552b6d7&cx=0.5&cy=0.51&cw=800&ch=288&hash=69FD479D963C93DBC4B9C9E151A8212B","IsDesktopImage":"1","IsMobileImage":"1","CalltoActionUrl":"/nos-marques/soin-du-visage/pure-active/pimple-patch","CalltoActionText":"Découvrir","BackgroundColor":"#4FBEBE","TitleColor":"#21362C","CtaTagging":{"event":"uaevent","ecommerce":"undefined","event_name":"slider_button_click","eventAction":"select::slider navigation","eventCategory":"homepage","eventLabel":"découvrir::https://www.garnier.fr/nos-marques/soin-du-visage/pure-active/pimple-patch","cta_name":"découvrir","link_url":"https://www.garnier.fr/nos-marques/soin-du-visage/pure-active/pimple-patch","module_name":"patch invisible, résultats visibles"}},{"Title":"Redécouvrez notre crème de soin N°1 du marché","TitleLength":45,"SubTitle":"Le soin idéal pour nourrir en profondeur et définir les cheveux secs, bouclés à crépus. ","SubTitleLength":88,"Video":"","MobileVideo":"","DesktopImage":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/hosted-video-carousel/push-pull-banner-desktop.jpg?rev=23166edb77e343608be3e60bc2a846e2&cx=0&cy=0&cw=1920&ch=720&hash=57840BDCF0CC18763D115D090DB68DC7","MobileImage":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/hosted-video-carousel/push-pull-banner-mobile.jpg?rev=023907ed45db4898878e44d6d75b8dfc","TabletImage":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/hosted-video-carousel/push-pull-banner-desktop.jpg?rev=23166edb77e343608be3e60bc2a846e2&cx=0&cy=0&cw=800&ch=288&hash=02C2830C24B629ACB21410ACD0D5254D","IsDesktopImage":"1","IsMobileImage":"1","CalltoActionUrl":"","CalltoActionText":"Découvrir","BackgroundColor":"#732B03","TitleColor":"#FFFFFF","CtaTagging":{"event":"uaevent","ecommerce":"undefined","event_name":"slider_button_click","eventAction":"select::slider navigation","eventCategory":"homepage","eventLabel":"découvrir::https://","cta_name":"découvrir","link_url":"https://","module_name":"redécouvrez notre crème de soin n°1 du marché"}}]" :aria-lable-texts='{"play":"play","pause":"pause","previousslide":"Slide précédente","nextslide":"Slide suivante"}' :timer1="0" :timer2="5">
</hosted-video>
<service-module :initial-data="{"Title":"NOS OUTILS ET SERVICES","Services":[{"Title":"Skin Coach AI","Description":"Prenez un selfie pour scanner votre visage et obtenez une routine personnalisée en fonction de votre type de peau et de vos besoins","MediaSrc":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/service-module/newhomepageservicespushpng.mp4?rev=3070b0d9e1ff44d79d70c14d1de1121b","MediaTitle":"NEWHomePageServicesPushpng","CtaLink":{"Anchor":"","Class":"","Text":"skin coach","Query":"","Title":"","Url":"/skin-coach","Target":"","TargetId":"9ceb4461-4a4b-4003-9f06-99f9b2e62b9d","Type":4,"Style":""},"IsVideo":true,"TaggingData":{"event":"uaevent","ecommerce":"undefined","event_name":"site_load_service","eventCategory":"::modiface::","eventAction":"homepage::select::","eventLabel":"load::","service_name":"","service_category":"","cta_name":"skin coach","product_info":"none"}},{"Title":"Test Virtuel","Description":"Essayer une nouvelle teinte n'a jamais été aussi simple ? Amusez-vous à changer de couleur de cheveux grâce à notre outil d'essai virtuel.","MediaSrc":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/service-module/servicemodule_vto-animated-banner_392x490.mp4?rev=1b00a9660a104cf0afea78e8299895c8","MediaTitle":"ServiceModule_vto-animated-banner_392x490","CtaLink":{"Anchor":"","Class":"","Text":"Test Virtuel","Query":"","Title":"","Url":"/outils-et-services/test-virtuel","Target":"","TargetId":"7133bb99-4bf2-44af-ae58-afb12e2b96da","Type":4,"Style":""},"IsVideo":true,"TaggingData":{"event":"uaevent","ecommerce":"undefined","event_name":"site_load_service","eventCategory":"::modiface::","eventAction":"homepage::select::","eventLabel":"load::","service_name":"","service_category":"","cta_name":"test virtuel","product_info":"none"}}],"AllServicesSrc":"","AllServicesText":"","FullGreenCTA":false,"FullCTA":false,"TaggingData":null}" :navigation-label='{"carouselbuttonnext":"Carousel Button Navigation Next","carouselbuttonprev":"Carousel Button Navigation Prev"}'>
</service-module>
<brand-cube :initial-value="{"Datasource":{"brandcubetitle":"Nos catégories","aspectratio":"1by1","defaultcubecount":"12","isTitle":true},"Items":[{"imagetitle":"VISAGE","imagealt":"Visage","imagesrc":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/brandcube/categories/visage.jpg?rev=e79ea2eb3eff4e7ea1c8eed95bff899a","link":{"Anchor":"Soins du Visage","Class":"","Text":"Soins du Visage","Query":"","Title":"Soins du Visage","Url":"/soins-du-visage","Target":"","TargetId":"da93de67-cb1c-40bf-b4b8-63d6d177bb09","Type":4,"Style":""},"taggingdata":"{\"event\":\"uaevent\",\"ecommerce\":\"undefined\",\"event_name\":\"body_button_click\",\"eventCategory\":\"homepage\",\"eventAction\":\"select::nos catégories\",\"eventLabel\":\"soins du visage::https://www.garnier.fr/soins-du-visage\",\"cta_name\":\"soins du visage\",\"link_url\":\"https://www.garnier.fr/soins-du-visage\",\"module_name\":\"nos catégories\"}"},{"imagetitle":"CORPS","imagealt":"CORPS","imagesrc":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/brandcube/categories/corps.jpg?rev=bd7580ddea164497ae4674d7eb817630","link":{"Anchor":"Corps","Class":"","Text":"Corps","Query":"","Title":"Corps","Url":"/soins-du-corps","Target":"","TargetId":"eb449ee0-be23-4bc2-adc4-08498b5f1496","Type":4,"Style":""},"taggingdata":"{\"event\":\"uaevent\",\"ecommerce\":\"undefined\",\"event_name\":\"body_button_click\",\"eventCategory\":\"homepage\",\"eventAction\":\"select::nos catégories\",\"eventLabel\":\"corps::https://www.garnier.fr/soins-du-corps\",\"cta_name\":\"corps\",\"link_url\":\"https://www.garnier.fr/soins-du-corps\",\"module_name\":\"nos catégories\"}"},{"imagetitle":"SOLAIRES","imagealt":"SOLAIRES","imagesrc":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/brandcube/categories/solaires.jpg?rev=1deb5972f80644f0bafe94a4b94d56bd","link":{"Anchor":"Solaires","Class":"","Text":"Solaires","Query":"","Title":"Solaires","Url":"/solaires","Target":"","TargetId":"5b0e137d-3997-44e7-9d0e-0d7160bff63a","Type":4,"Style":""},"taggingdata":"{\"event\":\"uaevent\",\"ecommerce\":\"undefined\",\"event_name\":\"body_button_click\",\"eventCategory\":\"homepage\",\"eventAction\":\"select::nos catégories\",\"eventLabel\":\"solaires::https://www.garnier.fr/solaires\",\"cta_name\":\"solaires\",\"link_url\":\"https://www.garnier.fr/solaires\",\"module_name\":\"nos catégories\"}"},{"imagetitle":"CHEVEUX","imagealt":"Cheveux","imagesrc":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/brandcube/categories/cheveux.jpg?rev=a8a6f6d4f92543298af9fb8a38d60eba","link":{"Anchor":"Cheveux","Class":"","Text":"Cheveux","Query":"","Title":"Cheveux","Url":"/soins-des-cheveux","Target":"","TargetId":"aa886533-16c5-4a87-893c-8097d8970c38","Type":4,"Style":""},"taggingdata":"{\"event\":\"uaevent\",\"ecommerce\":\"undefined\",\"event_name\":\"body_button_click\",\"eventCategory\":\"homepage\",\"eventAction\":\"select::nos catégories\",\"eventLabel\":\"cheveux::https://www.garnier.fr/soins-des-cheveux\",\"cta_name\":\"cheveux\",\"link_url\":\"https://www.garnier.fr/soins-des-cheveux\",\"module_name\":\"nos catégories\"}"},{"imagetitle":"COLORATIONS","imagealt":"COLORATIONS","imagesrc":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/home/brandcube/categories/colorations.jpg?rev=3215b162bba2468595efdce45cf0633a","link":{"Anchor":"Colorations","Class":"","Text":"Colorations","Query":"","Title":"Colorations","Url":"/nos-colorations","Target":"","TargetId":"02412d8f-ebc5-443f-807f-2d97b41c9167","Type":4,"Style":""},"taggingdata":"{\"event\":\"uaevent\",\"ecommerce\":\"undefined\",\"event_name\":\"body_button_click\",\"eventCategory\":\"homepage\",\"eventAction\":\"select::nos catégories\",\"eventLabel\":\"colorations::https://www.garnier.fr/nos-colorations\",\"cta_name\":\"colorations\",\"link_url\":\"https://www.garnier.fr/nos-colorations\",\"module_name\":\"nos catégories\"}"}]}"
show-more-text="voir plus"
show-less-text="voir moins"
:cta-tagging ="{"event":"uaevent","ecommerce":"undefined","event_name":"body_button_click","eventCategory":"homepage","eventAction":"select::nos catégories","eventLabel":"[cta_name]","cta_name":"[cta_name]","module_name":"nos catégories"}">
</brand-cube>
<div class="container">
<ingredients-grid v-cloak find-all-link="/au-coeur-de-l-ingredient" find-all-label="Découvrez tous les ingrédients" :navigation-label='{"carouselbuttonnext":"Carousel Button Navigation Next","carouselbuttonprev":"Carousel Button Navigation Prev"}'
:analytics="{ slider: {"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":{"moduleName":"find your ingredients","nextAction":"next","previousAction":"previous"},"eventLabel":{"moduleName":"find your ingredients","nextAction":"next","previousAction":"previous"}}, findAllButton: {"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":"select::découvrez nos ingrédients naturels","eventLabel":"découvrez tous les ingrédients::https://www.garnier.fr/au-coeur-de-l-ingredient","event_name":"body_button_click","cta_name":"découvrez tous les ingrédients","link_url":"https://www.garnier.fr/au-coeur-de-l-ingredient","module_name":"découvrez nos ingrédients naturels"} }">
<div slot="title">
<h2 class="ingredients__title" >DÉCOUVREZ NOS INGRÉDIENTS NATURELS</h2>
</div>
<div slot="sub-title">
<p class="ingredients__subtitle">Choisissez votre ingrédient dans la mosaïque ou via la barre de recherche</p>
</div>
<type-ahead slot="type-ahead" placeholder='Rechercher un ingrédient'
results='résultats'
no-result='Aucun résultat'
:analytics='{"event":"uaevent","ecommerce":"undefined","event_name":"find_your_ingredients","eventCategory":"homepage","eventAction":"select::find your ingredients","method":"autocompletion","module_name":"découvrez nos ingrédients naturels"}'
:ingredients='[{"ingredient":"Cire d'abeille","url":"/au-coeur-de-l-ingredient/abeille"},{"ingredient":"Acides alpha-hydroxylés","url":"/au-coeur-de-l-ingredient/acide-glycolique"},{"ingredient":"Hydroxyanisole butylé","url":"/au-coeur-de-l-ingredient/acide-salicylique"},{"ingredient":"Acides poly-hydroxylés","url":"/au-coeur-de-l-ingredient/acides-poly-hydroxyles"},{"ingredient":"Argile / Kaolin","url":"/au-coeur-de-l-ingredient/argile-kaolin"},{"ingredient":"Céramide","url":"/au-coeur-de-l-ingredient/ceramides"},{"ingredient":"Charbon","url":"/au-coeur-de-l-ingredient/charbon"},{"ingredient":"Micelle","url":"/au-coeur-de-l-ingredient/micelles"},{"ingredient":"Niacinamide","url":"/au-coeur-de-l-ingredient/niacinamide"},{"ingredient":"Probiotiques","url":"/au-coeur-de-l-ingredient/probiotiques"},{"ingredient":"Acide Hyaluronique","url":"/au-coeur-de-l-ingredient/acide-hyaluronique"},{"ingredient":"Aloe Vera","url":"/au-coeur-de-l-ingredient/aloe-vera"},{"ingredient":"Antioxydants","url":"/au-coeur-de-l-ingredient/antioxydants"},{"ingredient":"Argan","url":"/au-coeur-de-l-ingredient/argan"},{"ingredient":"Avocat","url":"/au-coeur-de-l-ingredient/avocat"},{"ingredient":"Oméga 6 / Beurre de karité","url":"/au-coeur-de-l-ingredient/beurre-de-karite"},{"ingredient":"Miel","url":"/au-coeur-de-l-ingredient/miel"},{"ingredient":"Vitamine Cg","url":"/au-coeur-de-l-ingredient/vitamine-cg"}]'
ingredient-list-label='Ingredient'>
</type-ahead>
<li slot="ingredient--1" class="ingredients__tile">
<div class="tile__content" v-clickextension="'img'" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"body_button_click","eventCategory":"homepage","eventAction":"select::find your ingredients","eventLabel":"acide hyaluronique::https://www.garnier.fr/au-coeur-de-l-ingredient/acide-hyaluronique","cta_name":"acide hyaluronique","link_url":"https://www.garnier.fr/au-coeur-de-l-ingredient/acide-hyaluronique","module_name":"find your ingredients"}">
<img v-on:click.stop data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/au-coeur-de-l-ingredient/ingredients/4048-gar-hyaluronicacidlp_02_contentblock_stills.jpg?rev=6085796e2b83480d97f50e9324ee73dd" alt="4048 gar hyaluronicacidlp 02 contentblock stills" class="tile__image lazyload">
<a class="tile__name" href="/au-coeur-de-l-ingredient/acide-hyaluronique">
Acide Hyaluronique
</a>
</div>
</li>
<li slot="ingredient--2" class="ingredients__tile">
<div class="tile__content" v-clickextension="'img'" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"body_button_click","eventCategory":"homepage","eventAction":"select::find your ingredients","eventLabel":"acides alpha-hydroxylés::https://www.garnier.fr/au-coeur-de-l-ingredient/acide-glycolique","cta_name":"acides alpha-hydroxylés","link_url":"https://www.garnier.fr/au-coeur-de-l-ingredient/acide-glycolique","module_name":"find your ingredients"}">
<img v-on:click.stop data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/au-coeur-de-l-ingredient/ingredients/dmi_ingredientlp_02_aha_stills_intl_mar2023.png?rev=aa8025b3ca374408b7b53842c6ba3f4f" alt="dmi ingredientlp 02 aha stills intl mar2023" class="tile__image lazyload">
<a class="tile__name" href="/au-coeur-de-l-ingredient/acide-glycolique">
Acides alpha-hydroxylés
</a>
</div>
</li>
<li slot="ingredient--3" class="ingredients__tile">
<div class="tile__content" v-clickextension="'img'" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"body_button_click","eventCategory":"homepage","eventAction":"select::find your ingredients","eventLabel":"acides poly-hydroxylés::https://www.garnier.fr/au-coeur-de-l-ingredient/acides-poly-hydroxyles","cta_name":"acides poly-hydroxylés","link_url":"https://www.garnier.fr/au-coeur-de-l-ingredient/acides-poly-hydroxyles","module_name":"find your ingredients"}">
<img v-on:click.stop data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/au-coeur-de-l-ingredient/ingredients/dmi_ingredientlp_02_pha_stills_intl_mar2023.png?rev=92b1a23070aa4fbd8fafd0f02ce3c69d" alt="dmi ingredientlp 02 pha stills intl mar2023" class="tile__image lazyload">
<a class="tile__name" href="/au-coeur-de-l-ingredient/acides-poly-hydroxyles">
Acides poly-hydroxylés
</a>
</div>
</li>
<li slot="ingredient--4" class="ingredients__tile">
<div class="tile__content" v-clickextension="'img'" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"body_button_click","eventCategory":"homepage","eventAction":"select::find your ingredients","eventLabel":"aloe vera::https://www.garnier.fr/au-coeur-de-l-ingredient/aloe-vera","cta_name":"aloe vera","link_url":"https://www.garnier.fr/au-coeur-de-l-ingredient/aloe-vera","module_name":"find your ingredients"}">
<img v-on:click.stop data-src="/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/au-coeur-de-l-ingredient/ingredients/dmi_ingredientlp_02_aloevera_stills_intl_mar2023.png?rev=f4cf8e002252453b9645e7693932b8d3" alt="dmi ingredientlp 02 aloevera stills intl mar2023" class="tile__image lazyload">
<a class="tile__name" href="/au-coeur-de-l-ingredient/aloe-vera">
Aloe Vera
</a>
</div>
</li>
</ingredients-grid>
</div>
<article-group :is-tag="true"
:initial-value="[{"articletitle":"Pourquoi insérer une protection solaire dans sa routine beauté ?","articledescription":"<p>Découvrez pourquoi l'intégration de la crème solaire dans la routine de soins quotidiens est une étape clé pour maintenir une peau saine et protégée tout au long de la journée.</p>","articletag":"","articleimage":{"Alt":"","Border":"","Class":"","Height":294,"HSpace":0,"Src":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/conseils/creme-solaire-skincare/visuel_article_group_1.jpg?rev=cb2d52d7a2404ab786c06f117ed595aa","VSpace":0,"Width":392,"MediaId":"9457e526-186e-4883-9ff9-1a053d92989c","Title":"","Language":{"Name":"fr-FR"},"MediaExists":true},"articlelink":"https://www.garnier.fr/conseils/creme-solaire-skincare"},{"articletitle":"Vitamine C : ses impacts positifs sur la peau et le visage","articledescription":"<p>Quel est l'intérêt de la Vitamine C pour la peau ? Vous trouverez toutes les réponses à vos questions juste ici !</p>","articletag":"","articleimage":{"Alt":"","Border":"","Class":"","Height":294,"HSpace":0,"Src":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/conseils/bienfaits-vitamine-c-peau/visuel_article_group_2.png?rev=1feb5d379a2649139748f85fc02fd53f","VSpace":0,"Width":392,"MediaId":"8203f06a-9e0d-48a2-9e8f-0c39dd36317c","Title":"","Language":{"Name":"fr-FR"},"MediaExists":true},"articlelink":"https://www.garnier.fr/conseils/bienfaits-vitamine-c-peau"},{"articletitle":"Sérum de jour et sérum de nuit : quelles différences ?","articledescription":"<p>Vous voulez comprendre les différences entre ces deux produits de votre routine quotidienne ? C'est par ici !</p>","articletag":"","articleimage":{"Alt":"","Border":"","Class":"","Height":490,"HSpace":0,"Src":"/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/conseils/soins-jour-nuit-difference/visuel_article_16_creme_jour_nuit.jpg?rev=9e904d6e34b9495a84e51b24e13d6d17","VSpace":0,"Width":896,"MediaId":"4db58011-730c-47a4-a3bb-6013f8b56400","Title":"","Language":{"Name":"fr-FR"},"MediaExists":true},"articlelink":"https://www.garnier.fr/conseils/soins-jour-nuit-difference"}]"
:show-more-data="{"ctalink":{"Anchor":"","Class":"","Text":"magazine","Query":"","Title":"","Url":"/magazine","Target":"","TargetId":"8d97450c-9022-4c8c-8922-5376ab525169","Type":4,"Style":""},"readmoretext":"Tous Nos Conseils","ctabrandtheme":true}"
article-title="Nos Articles et Conseils"
:taggingdata="{"event":"uaevent","ecommerce":"undefined","event_name":"body_button_click","eventCategory":"","eventAction":"","eventLabel":"","cta_name":"[LinkText]","link_url":"[DestinationURL]","module_name":"nos articles et conseils"}"
:taggingdata-cta="{"event":"uaevent","ecommerce":"undefined","event_name":"body_button_click","eventCategory":"","eventAction":"","eventLabel":"","cta_name":"tous nos conseils","link_url":"https://www.garnier.fr/magazine","module_name":"nos articles et conseils"}">
</article-group>
<link href="/-/media/files/vtopopup-css/vtopopup.css?rev=-1" rel="stylesheet" type="text/css" /> <script>
window.addEventListener("load", doStuff);
window.dataLayer = window.dataLayer || [];
function doStuff() {
document.getElementById('garnier-popup').addEventListener('click', function () {
this.classList.add('garnier-popup-close');
const cookiename = 'vto_popup';
let value = "200";
var now = new Date();
console.log(now.getDate());
var expire = new Date();
expire.setFullYear(now.getFullYear());
expire.setMonth(now.getMonth());
expire.setDate(now.getDate() + 6);
expire.setHours(0);
expire.setMinutes(0);
document.cookie = cookiename + "=" + value + "; expires=" + expire.toString() + "; path=/; SameSite=Strict";
localStorage.setItem('vto_popup_enable', false);
});
}
function getCookie(cookieName) {
var name = cookieName + '=';
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return '';
}
function displayEvent() {
let obj = {
event: 'nievent',
ecommerce: 'undefined',
eventCategory: 'homepage',
eventAction: 'display::TROUVEZ VOTRE ROUTINE !',
eventLabel: 'J'OBTIENS MA ROUTINE GRATUITEMENT::/skin-coach'
};
dataLayer.push(obj);
}
function selectEvent() {
let obj = {
event: 'uaevent',
ecommerce: 'undefined',
eventCategory: 'homepage',
eventAction: 'select::TROUVEZ VOTRE ROUTINE !',
eventLabel: 'J'OBTIENS MA ROUTINE GRATUITEMENT::/skin-coach'
};
dataLayer.push(obj);
}
const sessionTimer = getCookie('vto_popup');
if (sessionTimer == "") {
localStorage.setItem('vto_popup_enable', true);
}
let scrolled;
document.addEventListener('scroll', function(e) {
if (!scrolled) {
if (window.pageYOffset || document.documentElement.scrollTop === 10) {
if(sessionTimer == "" && localStorage.getItem('vto_popup_enable') == "true" ) {
document.querySelector("#garnier-popup").classList.remove('garnier-popup-close');
displayEvent();
}
scrolled = true;
}
}
});
</script>
<div id="garnier-popup" class="garnier-popup-close">
<div class="garnier-popup-background">
<div class="garnier-popup-wrapper">
<div class="garnier-popup-box">
<div class="garnier-close-popup">
<span class="garnier-close-popup-ln one"></span>
<span class="garnier-close-popup-ln two"></span>
</div>
<div class="garnier-popup-box-image-holder">
<img class="garnier-popup-box-image" src="/-/media/project/loreal/brand-sites/garnier/emea/fr/fr-fr/page-popup/newhomepagepopuppng.png?rev=9fc718d4358541b59d0f78f7ad3f22c7" alt="Find the perfect shade">
</div>
<div class="garnier-popup-box-content">
<h2 class="garnier-popup-box-content-title">TROUVEZ VOTRE ROUTINE !</h2>
<p class="garnier-popup-box-content-subtitle">En 2 minutes, découvrez votre routine personnalisée avec Skin Coach : une routine sur mesure, une technologie puissante et facile à utiliser, et des recommandations de produits personnalisées.</p>
<div class="garnier-popup-box-content-btn">
<a onclick="selectEvent()" href="/skin-coach" class="btn btn--primary">J'OBTIENS MA ROUTINE GRATUITEMENT</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="b4832f19005240ea90e64c0ed77f4fbb"></div>
<div class="container text-component-main" v-bg-color="'#FFFFFF'">
<div class="text-component text-component--center no-cta">
<h2 class="text-component__header" style="color:">DÉCOUVREZ NOTRE COMMUNAUTÉ</h2>
<div class="text-component__description" style="color:">Mentionnez @garnierfr dans vos photos pour avoir une chance d'être mis en avant</div>
</div>
</div>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
if (document.querySelectorAll(".text-component ul,ol").length > 0) {
document.querySelectorAll('.text-component ul,ol').forEach(function (data, index) {
document.querySelectorAll(".text-component ul,ol")[index].parentElement.parentElement.classList.add("text-left");
})
}
if (document.querySelectorAll(".text-checkmark").length > 0) {
document.querySelectorAll('.text-checkmark').forEach(function (data, index) {
if (document.querySelectorAll(".text-checkmark")[index].previousElementSibling != null && document.querySelectorAll(".text-checkmark")[index].previousElementSibling.tagName == 'P') {
document.querySelectorAll(".text-checkmark")[index].parentElement.previousElementSibling.classList.add("text-desc");
}
});
}
});
</script>
<div class="component plain-html">
<div class="component-content">
<!---
Insert this snippet in your website to display the widget using the
configuration set on adalong.
Use the data-collections attribute on #adalong-widget to override the fallback.
The value must be a stringified array with the collection ids.
Get more informations on https://www.npmjs.com/package/@adalong/widget/v/5.8.0
-->
<div class="container">
<div id="adalong-widget" data-collections='["62a8937ff8206523afd98df2"]'></div>
</div>
<script>
window.addEventListener('load' , ()=>{
const tag = document.createElement('script');
const head = document.getElementsByTagName('head')[0];
const linktag = document.createElement('link');
tag.src = "https://cdn.jsdelivr.net/npm/@adalong/widget@5/dist/adalongWidget.js"
const adalongWidget = new AdalongWidget('eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYyMGZiZTAwY2UyN2Q2MTZhNzcwZmMwZiJ9.PwjLn5UpbsVPa73QcmY9SWhOzd46mpY24EU4YbQCtEk');
adalongWidget.load('#adalong-widget');
});
</script> </div>
</div><div class="component plain-html">
<div class="component-content">
<!---
Insert this snippet in your website to display the widget using the
configuration set on adalong.
Use the data-collections attribute on #adalong-widget to override the fallback.
The value must be a stringified array with the collection ids.
Get more informations on https://www.npmjs.com/package/@adalong/widget/v/5.8.0
-->
<div class="container">
<div id="adalong-widget1" data-collections='["62bdb39cf82065359bfa78a0"]'></div>
</div>
<script defer src="https://cdn.jsdelivr.net/npm/@adalong/widget@5/dist/adalongWidget.js" onload="const adalongWidget = new AdalongWidget('eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYyMGZiZTAwY2UyN2Q2MTZhNzcwZmMwZiJ9.PwjLn5UpbsVPa73QcmY9SWhOzd46mpY24EU4YbQCtEk');adalongWidget.load('#adalong-widget1')">
</script> </div>
</div><div class="component plain-html">
<div class="component-content">
<div class="ingredients__find-all" style="margin-top: 20px"><a href="/galerie-photos" class="btn btn--primary ingredients__find-all">Explorer la galerie</a></div> </div>
</div>
</div>
<div id="ratings_reviews" class="scroll-target">
</div>
</div>
</main>
<!-- /#content -->
<!-- #footer -->
<footer class="footer" id="footer" role="contentinfo">
<div class="container">
<div class="row">
<div class="footer-wrapper">
<img data-srcset="/themes/garnier/Images/assets/g-logo.png?c=1686900594940" alt="footer-garnier-logo" class="footer-garnier-logo lazyload" />
<div class="col-xs-12 col-sm-4 footer-col footer-website-links">
<p class="heading is-6">Liens du site</p>
<ul class="footer-navigation footer-website-links-list">
<li>
<a href="/cgu" data-variantitemid="{69AC6843-0144-495A-BBFE-5F16469189FA}" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"website links::terms of service","click_area":"footer","breadcrumb":"website links::terms of service"}" data-variantfieldname="Link">CGU</a> </li>
<li>
<a href="/politique-de-protection-des-donnees-personnelles" data-variantitemid="{07DEB878-AF17-4300-A191-411B3F223223}" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"website links::privacy policy","click_area":"footer","breadcrumb":"website links::privacy policy"}" data-variantfieldname="Link">Politique de protection des données personnelles</a> </li>
<li>
<a href="/conditions-generales-des-avis-en-ligne" data-variantitemid="{EEA23AFA-2971-4053-9299-434A3A77A209}" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"website links::conditions generales des avis en lignes","click_area":"footer","breadcrumb":"website links::conditions generales des avis en lignes"}" data-variantfieldname="Link">Conditions générales des avis en ligne</a> </li>
<li>
<a href="#" onclick="javascript:Optanon.ToggleInfoDisplay();" data-variantitemid="{FD1E31D9-DD69-4FB4-96D4-00B954CDF27E}" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"website links::cookie settings","click_area":"footer","breadcrumb":"website links::cookie settings"}" data-variantfieldname="Link">Gestion des cookies</a> </li>
<li>
<a href="/accessibilite" data-variantitemid="{7925513E-DC33-4FC9-882E-F1F5DE44DA37}" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"website links::accessibilite","click_area":"footer","breadcrumb":"website links::accessibilite"}" data-variantfieldname="Link">Accessibilité : non conforme</a> </li>
</ul>
<country-drop-down class="component col-xs-12 col-sm-12 footer-country-selector">
<div v-onselect-changeurl>
<div class="country_selector">
<div class="form-item form-item--select">
<div class="form-item__select-wrapper">
<label for="country selector">Pays</label>
<select id="country selector" name="country selector" title="country selector">
<option disabled="disabled" selected="selected">
<h3 class="heading is-3">Pays</h3>
</option>
<option value=" http://www.garnier.com.au/ ">Australia</option><option value=" http://www.garnier.com.br/ ">Brazil</option><option value=" https://www.garnier.ca/en-ca ">Canada</option><option value=" http://www.garnier.hr/ ">Croatia</option><option value=" https://www.garnier.fr/ ">France</option><option value=" http://www.garnier.de/ ">Germany</option><option value=" https://www.garnier.gr/ ">Greece</option><option value=" http://www.garnier.hu/ ">Hungary</option><option value=" https://www.garnier.in ">India</option><option value=" http://www.garnier.it/ ">Italy</option><option value=" http://www.garnier.com.mx/ ">Mexico</option><option value=" https://www.garnierzorgvoorjezelf.nl/ ">Netherlands</option><option value=" http://garnierdbajosiebie.pl/ ">Poland</option><option value=" https://www.garnier.pt/ ">Portugal</option><option value=" https://www.garnier.ro/ ">Romania</option><option value=" http://www.garnier.com.ru/ ">Russia</option><option value=" http://www.garnier.es/ ">Spain</option><option value=" https://www.garnier.com.tr/ ">Turkey</option><option value=" http://www.garnier.co.uk/ ">United Kingdom</option><option value=" http://www.garnierusa.com/ ">United States - English</option><option value=" https://www.garnierusa.com/ ">USA</option> </select>
<svg aria-hidden="true" class="icon is-large" id="country-arrow"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#new-arrowdown"></use></svg>
</div>
</div>
</div>
</div>
</country-drop-down>
<p class="footer-website-links-copyright field-phrase">©2019 Garnier LLC</p>
</div>
<div class="col-xs-12 col-sm-4 footer-col footer-customer-service">
<div class="component link-list footer-customer-service--social">
<p class="heading is-6">Rejoignez-nous sur</p>
<ul class="footer-navigation footer-social-media-links-list">
<li class="">
<a v-tag="{"event":"socialint","ecommerce":"undefined","event_name":"social_interaction","socialNetwork":"instagram","socialAction":"follow","socialTarget":"https://www.instagram.com/garnierfr/","social_network":"instagram","social_action":"follow"}" href="https://www.instagram.com/garnierfr/" rel="noopener noreferrer" title="Follow us on Instagram" target="_blank"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Instagram.svg" alt=" "></a> </li>
<li class="">
<a v-tag="{"event":"socialint","ecommerce":"undefined","event_name":"social_interaction","socialNetwork":"facebook","socialAction":"share","socialTarget":"https://www.facebook.com/garnierfr/","social_network":"facebook","social_action":"share"}" href="https://www.facebook.com/GarnierFR/" rel="noopener noreferrer" title="Follow us on Facebook" target="_blank"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Facebook.svg" alt=""></a> </li>
<li class="">
<a v-tag="{"event":"socialint","ecommerce":"undefined","event_name":"social_interaction","socialNetwork":"youtube","socialAction":"follow","socialTarget":"https://www.youtube.com/user/garnierfr","social_network":"youtube","social_action":"follow"}" href="https://www.youtube.com/user/garnierFR" rel="noopener noreferrer" title="Follow us on YouTube" target="_blank"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Youtube.svg" alt=""></a> </li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-4 footer-col footer-mailing-list">
<div class="component link-list footer-customer-service--nav">
<p class="heading is-6">Service consommateur</p>
<ul class="footer-navigation">
<li class="">
<a href="/contactiframe" data-variantitemid="{6FA3D127-AB82-4A38-83EE-E66DF69C468F}" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"customer service::contactez-nous","click_area":"footer","breadcrumb":"customer service::contactez-nous"}" data-variantfieldname="Link">Contactez-nous</a> </li>
<li class="">
<a href="https://accessibilite-sites.loreal.fr/login.php?token=N1pBeFNuZmlIZ3JRalJjY09ZbHhKUT09" data-variantitemid="{6EC1C7FE-82AB-4A88-A879-05BC6AB26F75}" data-variantfieldname="Link">Espace sourds et malentendants</a> </li>
</ul>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12" id="legaltext">
</div>
</div>
</div>
</footer>
<component is="script" id="data-iopscript" data-iopscript='{"lang":"fr", "mode":"modal", "noLink":false,"regex":"(?:,|:|•|●|;)+","gtmEnabled":true }'
src="https://inside-our-products.wsf-e-loreal.com/files/widgets.bundle.js"
charset="utf-8" async></component>
<!-- /#footer -->
<scroll-to-top :scroll-to-top-label= '{"scroll":"Scroll To Top"}'></scroll-to-top>
</div>
</div>
<!-- /#wrapper -->
<script defer src="/Refapp-build/foundation-layer/scripts/RefApp.foundation-layer.CM.js"></script>
<!-- Sales Force Script Block -->
<script type="text/javascript">
if (typeof _etmc !== "undefined" && _etmc) {
}
</script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9a547070f8c21541',t:'MTc2NDI3NjAxMS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
