<!DOCTYPE html>
<html lang="fr-MA">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Yves Rocher</title>
<script>
window.tcApi = (callback) => {
return new Promise((resolve, _reject) => {
if (typeof(window.publicTcApi) !== 'undefined') {
resolve(window.publicTcApi);
return;
}
window.addEventListener('tc-api-ready', () => {
resolve(window.publicTcApi);
});
})
};
</script> <script type="text/javascript" src="https://cdn.cookielaw.org/consent/f0994234-47d3-49c6-8357-4a5a369d4cc8/OtAutoBlock.js"></script>
<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="f0994234-47d3-49c6-8357-4a5a369d4cc8"></script>
<script type="text/javascript">
function OptanonWrapper() {window.dataLayer.push({event:'OneTrustGroupsUpdated'});}
</script>
<meta name="description" content="Yves Rocher Maroc : découvrez tous nos produits de beauté en vente en ligne. Maquillage, parfums, soins du corps, soins du visage pour femme, pour homme et enfant">
<meta name="keywords" content="yves rocher, cosmetics">
<meta name="google-site-verification" content="uTiW8XYLDLewCXcOLQf8S6Wjlkbg48lUOhaWMtGWOw4">
<meta name="google-signin-client_id" content="483347189601-b9ljco3dhrset0jb75krea9jm19of5b1.apps.googleusercontent.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
<meta name="robots" content="index,follow">
<link rel="manifest" href="/manifest.json">
<meta http-equiv="content-language" content="fr-MA">
<style>.tns-outer{padding:0!important}.tns-outer [hidden]{display:none!important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s,opacity 0s;-moz-transition:transform 0s,opacity 0s;transition:transform 0s,opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto!important}.tns-gallery>.tns-moving{-webkit-transition:all .25s;-moz-transition:all .25s;transition:all .25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity .6s;-moz-transition:opacity .6s;transition:opacity .6s;opacity:.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;z-index:0}.tns-fadeOut,.tns-normal{opacity:0;z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}.slider-wrapper{position:relative}.slider:not(.tns-slider)>div{display:none}.slider:not(.tns-slider)>div:nth-child(1){display:block;margin-bottom:2em}.slider-wrapper .main-slider-controls{pointer-events:none;position:absolute;top:50%;height:35px;transform:translateY(-50%);right:0;left:0}@media screen and (max-width:600px){.slider-wrapper .main-slider-controls{display:none}}.slider-wrapper .main-slider-controls button{pointer-events:initial;cursor:pointer;position:absolute;border:none;-webkit-transition:opacity 75ms ease-in 0s;transition:opacity 75ms ease-in 0s;z-index:1;width:35px;height:35px;background-color:rgba(255,255,255,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy4wOTEgMzQuMzQ2Ij48cGF0aCBkPSJNMTYuMzUxIDMzLjY3M2wtMTUtMTYuNSAxNS0xNi41IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:45%;background-size:auto 20px;border-radius:50px}.slider-wrapper .main-slider-controls__prev{left:5px}.slider-wrapper .main-slider-controls__next{right:5px;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center;transform-origin:center}.tns-outer{position:relative;margin-bottom:2em}.tns-outer>.tns-controls,.tns-outer>button{display:none}.tns-outer .tns-nav{position:absolute;bottom:-2.4em;height:2em;width:100%;text-align:center}.tns-outer .tns-nav button{border:0;width:.8em;height:.8em;border-radius:2em;background-color:var(--color-primary-light);margin:0 .4em;box-sizing:border-box;padding:0;transition:background-color .3s ease-out}.tns-outer .tns-nav button.tns-nav-active{background-color:var(--color-primary)}.tns-outer .tns-nav button:active,.tns-outer .tns-nav button:focus{outline:0}.tns-outer .tns-nav button:hover{background-color:var(--color-primary-dark)}.tns-outer .tns-inner{margin-bottom:2em}</style>
<style>.prod-tile{flex:1 0;display:flex;flex-direction:column;justify-content:space-around;color:var(--primary-font-color);position:relative;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.11);background-color:#fff;overflow:hidden}@media (max-width:375px){.prod-tile{font-size:.9em}}.prod-tile>a{display:flex;justify-content:center;width:100%;text-align:center;position:relative}.prod-tile>a>.images-wrapper{max-height:184px;position:relative;overflow:hidden}.prod-tile>a img{margin-top:1px;object-fit:cover;max-width:100%}.prod-tile>a img{transform:translateX(0)}.prod-tile>a .product-custom-sticker{position:absolute;z-index:10;top:0;bottom:0;left:0;right:0;transition:transform .2s ease-in-out}.prod-tile>a .product-custom-sticker img{position:absolute;object-fit:contain;left:3px;z-index:11;bottom:0;max-width:100px;max-height:100px}.prod-tile>a img.additional-image{transform:translate(calc(100% + 38px),-100%)}.prod-tile>a img.animate{transition:transform .2s ease-in-out}@media (hover:hover) and (pointer:fine){.prod-tile>a img{transition:transform .2s ease-in-out}.prod-tile>a>.images-wrapper:hover>.has-second-image{transform:translateX(-100%)}.prod-tile>a>.images-wrapper:hover .product-custom-sticker.has-second-image{transform:translateX(-100%)}.prod-tile>a>.images-wrapper:hover .additional-image{transform:translate(0,-100%)}.prod-tile>a img.additional-image{transition:transform .2s ease-in-out}}.prod-tile>h3{text-align:center;font-size:1em;overflow:hidden;margin:0;flex:1 0}@media (max-width:700px){.prod-tile>h3{font-size:.9em}}@media (max-width:359px){.prod-tile>h3{font-size:.9em}}.prod-tile>h3 a{color:var(--primary-font-color);text-decoration:none;padding:0 .5em;display:inline-block}@media (any-hover){.prod-tile>h3 a:hover{text-decoration:underline}}.prod-tile>.capacity,.prod-tile>.unit-price{font-size:.75em;text-align:center;display:block;min-height:1.3em;width:100%}.prod-tile>.omnibus{font-size:.75em;text-align:center;padding:.5em}.prod-tile>.capacity{margin:1em 0 .5em}.prod-tile>.unit-price{margin:.2em 0 1em}.prod-tile>.price-container{display:flex;justify-content:center;min-height:2.92em}.prod-tile>.price-container .price{text-align:center;padding-right:.25em;white-space:nowrap}.prod-tile>.price-container .price>div{display:flex;flex-direction:column}.prod-tile>.price-container .price>div>span{color:var(--important-font-color);font-weight:700;font-size:1.375em;margin-bottom:-.3em}.prod-tile>.price-container .price del{font-size:.85em;position:relative;text-decoration:none}.prod-tile>.price-container .price del::after{content:"";position:absolute;top:50%;left:50%;display:inline-block;width:100%;-webkit-transform:translate(-50%,-50%) rotate(190deg);transform:translate(-50%,-50%) rotate(190deg);border-bottom:1px solid var(--primary-font-color)}.prod-tile>.price-container .discount{padding-left:.25em}.prod-tile>.price-container .discount span{background:var(--color-secondary);color:#fff;font-weight:700;font-size:1.5em;padding:0 .3em;display:inline-block;margin-top:.3em}.prod-tile>.select-color,.prod-tile>cart-add{border-radius:10px;background-color:var(--color-important-accents);color:#fff;text-align:center;font-weight:700;display:block;padding:.8em 1em;margin:0 .5em .5em;width:auto;cursor:pointer;transition:background-color .3s ease-out;height:auto}.prod-tile>.select-color.prod-as-gift,.prod-tile>cart-add.prod-as-gift{background:#ed8c01;display:none;max-height:100%!important;height:auto;justify-content:center}@media (any-hover){.prod-tile>.select-color:hover,.prod-tile>cart-add:hover{background-color:var(--color-important-accents-dark)}.prod-tile>.select-color.prod-as-gift:hover,.prod-tile>cart-add.prod-as-gift:hover{background:#e76801}}.prod-tile>.unavailable{text-align:center;font-weight:700;display:block;padding:.8em 1em;margin:0 .5em .5em;background:#f2f2f2;border:1px solid var(--light-border-color);user-select:none;border-radius:10px}.prod-tile wishlist-button{position:absolute;top:.5em;right:.5em;z-index:1}.prod-tile>.badge{position:absolute;top:.25em;left:.5em;font-weight:700;text-transform:uppercase;font-size:1.15em}.prod-tile>.rating{font-size:.86em;text-align:center;margin-bottom:.5em;min-height:1em}.prod-tile>.rating>a{color:var(--primary-font-color);text-decoration:none}.prod-tile>.rating img{width:1em;height:1em}.prod-tile .green-point{width:1em;height:1em;background:var(--color-primary);border-radius:1em;margin-top:.5em;margin-right:.5em}.prod-tile .tile-select-box label{display:flex;justify-content:center;padding:2rem}.prod-tile.prod-tile-kicker>a{height:100%}.prod-tile.prod-tile-kicker>a img{object-fit:cover;max-width:100%;width:100%}.prod-tile.prod-tile-kicker>a .image-mobile{display:none}.prod-tile.prod-tile-kicker>a .image-desktop{display:block}@media (max-width:1200px){.prod-tile.prod-tile-kicker>a .image-mobile{display:block}.prod-tile.prod-tile-kicker>a .image-desktop{display:none}}@media (max-width:1090px){.prod-tile.prod-tile-kicker>a .image-mobile{display:none}.prod-tile.prod-tile-kicker>a .image-desktop{display:block}}@media (max-width:880px){.prod-tile.prod-tile-kicker>a .image-mobile{display:block}.prod-tile.prod-tile-kicker>a .image-desktop{display:none}}@media (max-width:760px){.prod-tile.prod-tile-kicker>a .image-mobile{display:none}.prod-tile.prod-tile-kicker>a .image-desktop{display:block}}@media (max-width:620px){.prod-tile.prod-tile-kicker>a .image-mobile{display:block}.prod-tile.prod-tile-kicker>a .image-desktop{display:none}}</style>
<style>.result-list-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,250px))}</style>
<style>.cross-sell>ul{list-style:none;display:flex;justify-content:space-around;padding:0 0 1em 0;border-bottom:1px solid var(--light-border-color)}.cross-sell>ul a{text-decoration:none;color:var(--primary-font-color);text-transform:uppercase;position:relative;display:inline-block;-webkit-tap-highlight-color:transparent;width:100%}.cross-sell>ul>li{flex:1 0;text-align:center}.cross-sell>ul h2{font-size:1.15em;font-weight:400}.cross-sell>ul a.active h2{font-weight:700}.cross-sell>ul a.active::after{content:'';background:#fff;width:1em;height:1em;position:absolute;bottom:calc(-1.5em - 2px);left:calc(50% - 1em);transform:rotate(45deg);border-top:1px solid var(--light-border-color);border-left:1px solid var(--light-border-color);border-bottom:1px solid #fff;border-right:1px solid #fff}.cross-sell .prod-tc-slider .tc-slider__item .prod-tile{height:100%}</style>
<style>@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}</style>
<style>:root{--color-primary:#143616;--color-primary-dark:#0d230e;--color-primary-light:rgba(20,54,22,0.6);--color-secondary:#60472e;--color-secondary-light:#ebe0d5;--color-important-accents:#ba1051;--color-important-accents-dark:#8b0c3d;--primary-font-color:#000;--secondary-font-color:#60472e;--inverse-font-color:#fcf8f1;--important-font-color:#ba1051;--light-border-color:#e6e6e6;--light-border-color-semi-dark:#cdcdcd;--light-border-color-dark:#b0a397;--anchor-font-color:#143616;--light-beige-color:#fef7f1;--color-light-green:#f1f2e8;--color-darker-green:#143616}button,html,input,select,textarea{font-family:Montserrat,sans-serif;font-size:14px;color:#000;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{margin:0;padding:0}*{box-sizing:border-box}a{color:#143616}.text-rlt{direction:rtl}body.disable-scroll{position:fixed;top:0;bottom:0;left:0;right:0;height:100vh;overflow:hidden}.full-width,.full-width-indented,.full-width-no-padding{padding-left:calc((100% - 1248px)/ 2);padding-right:calc((100% - 1248px)/ 2)}.full-width img,.full-width video,.full-width-indented img,.full-width-indented video,.full-width-no-padding img,.full-width-no-padding video{max-width:100%;object-fit:contain}@media (max-width:1262px){.full-width{padding-left:.35em;padding-right:.35em}.full-width-no-padding{padding-left:0;padding-right:0}.full-width-indented{padding-left:1.5em;padding-right:1.5em}}header{background:#fff;color:#143616;display:flex;justify-content:space-between;align-items:center;padding-top:.6em;padding-bottom:.6em;z-index:40;position:relative}@media (max-width:1000px){header{height:4.5em}}@media (min-width:1001px){header{padding-top:1.5em;padding-bottom:1em;height:5.7em}}header a{color:#fcf8f1;text-decoration:none}header>*{flex:1 0}@media (max-width:1000px) and (orientation:portrait){header{position:sticky;top:0;width:100%}}header>.hamburger-menu{position:relative;z-index:20;-webkit-user-select:none;user-select:none;max-width:2.5em}@media (max-width:425px){header>.hamburger-menu{max-width:2em}}@media (max-width:1000px){header>.hamburger-menu{margin-left:.3em}}@media (min-width:1001px){header>.hamburger-menu{margin-right:2em;margin-left:1em}}@media (min-width:1001px) and (any-hover){header>.hamburger-menu{display:none}}@media (min-width:1248px){header>.hamburger-menu{display:none}}header>.hamburger-menu>input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}@media (max-width:425px){header>.hamburger-menu>input{width:30px;top:-12px;left:-7px}}@media (min-width:2000px){header>.hamburger-menu>input{width:80px;height:64px}}header>.hamburger-menu>span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#143616;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}@media (min-width:2000px){header>.hamburger-menu>span{width:66px;height:8px;margin-bottom:11px;border-radius:6px}}@media (max-width:425px){header>.hamburger-menu>span{width:24px;height:2px;margin-bottom:3px}}header>.hamburger-menu>span:first-child{transform-origin:0 0}header>.hamburger-menu>span:nth-last-child(2){transform-origin:0 100%}header>.hamburger-menu>input:checked~span{opacity:1;transform:rotate(45deg) translate(5px,-1px);background:#143616}@media (max-width:425px){header>.hamburger-menu>input:checked~span{transform:rotate(45deg) translate(5px,-1px);width:22px}}header>.hamburger-menu>input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2,.2)}header>.hamburger-menu>input:checked~span:nth-last-child(2){transform:rotate(-45deg) translate(0,7px)}header>.hamburger-menu>nav{position:absolute;min-height:100vh;width:100vw;left:0;top:45px;margin-left:-.65em;padding:10px 0 0 0;background:#fff;color:#000;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0 0;transform:translate(-100%,0);transition:transform .5s cubic-bezier(.77,.2,.05,1);border-right:1px solid #e6e6e6;border-bottom:2px solid #e6e6e6}@media (min-width:601px){header>.hamburger-menu>nav{width:350px}}@media (max-width:425px){header>.hamburger-menu>nav{top:39px}}@media (min-width:1001px){header>.hamburger-menu>nav{top:50px!important;margin-left:-1.5em}}header>.hamburger-menu input:checked~nav{transform:none;box-shadow:0 10px 15px rgba(0,0,0,.3)}header>a{flex-grow:5}header>a img{height:3em;vertical-align:middle}@media (min-width:1000px){header>a{max-width:13em}header>a img{height:2.5em}}@media (min-width:1001px) and (max-width:1280px){header>a img{margin-left:.5em}}@media (max-width:425px){header>a{text-align:center}header>a img{height:2em}}header>div.clickable{display:flex;list-style:none;font-size:.8em;font-weight:700;padding:0}header>div.clickable{flex:1 0;padding:0 .5em;text-align:center}header>div.clickable img{height:2.2rem;flex-basis:100%}header>div.clickable a{position:relative;display:flex;flex-wrap:wrap;justify-content:center;white-space:nowrap;transition:opacity .3s ease-out;margin:0 auto}header>div.clickable a.with-tooltip:hover:before{position:absolute;z-index:2;left:50%;top:37px;display:block;width:10px;height:10px;background-color:#fff;content:"";box-shadow:3px 4px 6px rgba(0,0,0,.3);transform:translate(-50%,-5px) rotate(45deg)}header>div.clickable a.with-tooltip:hover:after{z-index:3;position:absolute;background-color:#fff;bottom:-2.5em;font-weight:400;padding:4px;color:#2a2a2a;content:attr(aria-label);box-shadow:3px 4px 6px rgba(0,0,0,.3)}header>div.clickable a span{transition:border-color .3s ease-out;border-bottom:1px solid transparent}header>div.clickable account-mini{flex:1}@media (max-width:1000px){header>div.clickable img{height:3em}header>div.clickable span{display:none}}@media (max-width:425px){header>div.clickable img{height:2.5em}}@media (max-width:600px){header>div.clickable:not(.always-visible){display:none}}header>div.clickable a:hover>img,header>div.clickable a:hover>span{opacity:.8}header>div.clickable a:hover>span{border-bottom:1px solid #e6e6e6}header>div.cart{position:relative}header>div.cart>a{width:100%}header>div.cart cart-mini>img{height:2.2rem;margin-top:0;margin-bottom:0;flex-basis:auto}@media (max-width:1000px){header>div.cart cart-mini>img{height:3em}}@media (max-width:425px){header>div.cart cart-mini>img{height:2.5em}}header>div.cart cart-mini{height:100%;color:#ba1051;z-index:16;display:flex}header>div.cart cart-mini>.text-summary{flex:1 0;white-space:normal;color:var(--inverse-font-color);line-height:1.2em;padding-left:1em;text-align:left;min-width:9em}@media (max-width:425px){header>div.cart cart-mini>.text-summary{display:none}}header>div.cart cart-mini>.text-summary>b{white-space:nowrap}header>div.cart cart-mini>.text-summary>p{font-weight:400;margin:0;max-height:2.4em;overflow:hidden}header>div.cart cart-mini>span{position:absolute;top:50%;left:1.5em;width:100%;text-align:center;background:var(--color-important-accents);color:var(--inverse-font-color);display:inline-block;width:auto;border-radius:5em;width:2em;height:2em;line-height:2em}@media (max-width:425px){header>div.cart cart-mini>span{top:40%;left:35%}}header>.search{margin:0 1.5em 0 2.5em;flex-grow:7}@media (max-width:1000px){header>.search{display:none}header>.search.always-visible{display:block;position:absolute;top:4.5em;left:0;width:100%;margin:0;z-index:10}}header>.search button img{height:1.25em}header>div.search-activate{display:none}@media (max-width:1000px){header>div.search-activate{display:flex;cursor:pointer}}nav.top-menu{display:none;box-shadow:0 4px 6px 0 rgba(0,0,0,.1);margin-bottom:15px;position:relative;z-index:30}#menuOverlay{background-color:transparent;transition:background-color .3s}#menuOverlay.active{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:20}@media (any-hover){nav.top-menu{display:block}}@media (min-width:1262px){nav.top-menu{display:block}}@media (max-width:1000px){nav.top-menu{display:none}.link-cols .desktop-only,nav.top-menu .desktop-only{display:none}}nav.top-menu ul{padding:0;list-style:none;justify-content:space-between}nav.top-menu img{max-width:100%}nav.top-menu ul{margin:0}nav.top-menu>ul{display:flex;height:3.714rem}@media (max-width:1260px){nav.top-menu>ul{justify-content:space-around}}nav.top-menu>ul>li{text-align:center;transition:border-color .3s ease-out;flex:1 0;display:flex;align-items:center;padding:0 13px}@media (max-width:1260px){nav.top-menu>ul>li{padding:0 10px;flex:0}}@media (max-width:1100px){nav.top-menu>ul>li{padding:0 9px}}nav.top-menu>ul>li:first-child{padding-left:0;text-align:left}nav.top-menu>ul>li:last-child{padding-right:0}nav.top-menu>ul>li>a>span{border-bottom:3px solid transparent}nav.top-menu>ul>li>a:hover{font-weight:600}nav.top-menu>ul>li>a:hover>span{border-bottom:3px solid #143616}nav.top-menu>ul>li.featured:hover{border-color:#ba1051}nav.top-menu>ul>li.featured-2:hover{border-color:#143616}nav.top-menu>ul>li.featured--blue:hover{border-color:#00f}.link-cols a,nav.top-menu a{color:#000;text-decoration:none}nav .product-star-column{display:flex;justify-content:flex-end}nav .product-star,nav .promoted-box{display:block;border-radius:10px;position:relative;max-width:184px;margin-bottom:10px;padding:0;max-height:210px}nav .product-star__title,nav .promoted-box__title{min-height:3.5rem;font-size:.929rem;background-color:rgba(0,0,0,.4);border-bottom-right-radius:10px;border-bottom-left-radius:10px;position:absolute;margin:0;bottom:12px;left:0;right:0;font-weight:700;color:#fff;display:flex;align-items:center;padding:0 11px 11px 11px}nav .product-star img,nav .promoted-box img{border-radius:10px}.link-cols a{padding:.5rem 0;font-weight:300;font-size:.929rem;display:inline-block}.link-cols .featured>a,nav.top-menu .featured>a{color:#ba1051}.link-cols .featured-2>a,nav.top-menu .featured-2>a{color:#143616}.link-cols .featured--blue>a,nav.top-menu .featured--blue>a{color:#00f}nav.top-menu>ul>li>a{font-weight:500;height:3.714rem;text-transform:uppercase;white-space:nowrap;font-size:1em;display:flex;flex:1 0;align-items:center;justify-content:center}@media (max-width:1260px){nav.top-menu>ul>li>a{font-size:.9em}}@media (max-width:1100px){nav.top-menu>ul>li>a{font-size:.8em}}nav.top-menu>ul>li>a img{height:3em;margin-top:-.7em}nav.top-menu>ul>li>div{visibility:hidden;position:absolute;opacity:0;transition:opacity .15s ease-out;left:0;top:3.4rem;width:100%;margin-top:.3em;background:#fff;box-shadow:inset 0 4px 6px 0 rgba(0,0,0,.1);z-index:25}nav.top-menu>ul>li>div .close-btn{position:absolute;right:0;top:.5em;cursor:pointer;font-size:2.5em;margin-right:calc((100% - 1248px)/ 2);color:#aeaeae;padding:0 5px;z-index:10;transition:color .2s ease-out}@media (max-width:1262px){nav.top-menu>ul>li>div .close-btn{margin-right:.35em}}nav.top-menu>ul>li>div .close-btn:hover{color:#000}nav.top-menu>ul .link-cols li a.show-more-less{color:#143616;text-decoration:underline}nav.top-menu>ul .link-cols li a.show-more-less:hover{color:#0d230e;text-decoration:none}nav.top-menu>ul .link-cols li.hidden{display:none}nav.top-menu>ul>li>div.visible{opacity:1;visibility:visible}.link-cols{display:flex;text-align:left}.always-mobile.link-cols .skin-diag-wrapper,.first-level-wrapper .skin-diag-wrapper{text-align:left;padding-left:calc((100% - 1248px)/ 2);padding-right:calc((100% - 1248px)/ 2)}.always-mobile.link-cols .skin-diag-wrapper .skin-diag-link,.first-level-wrapper .skin-diag-wrapper .skin-diag-link{padding:1.5rem 1.5rem 1rem 1.5rem;display:flex;align-items:center;column-gap:.5rem}.always-mobile.link-cols .skin-diag-wrapper .skin-diag-link a,.first-level-wrapper .skin-diag-wrapper .skin-diag-link a{font-weight:700;color:#143616;text-decoration:underline}.always-mobile.link-cols .skin-diag-wrapper .skin-diag-link a:hover,.first-level-wrapper .skin-diag-wrapper .skin-diag-link a:hover{text-decoration:none}.always-mobile.link-cols .skin-diag-wrapper{padding-left:0;padding-right:0}.always-mobile.link-cols .skin-diag-wrapper .skin-diag-link{justify-content:center;align-items:flex-start;padding:1rem 2.8rem 0 1.5rem}.always-mobile.link-cols .skin-diag-wrapper .skin-diag-link img{height:30px;margin-top:5px}.always-mobile.link-cols .skin-diag-wrapper .skin-diag-link a{display:inline;padding:0;text-transform:initial}.link-cols ul{padding:0;list-style:none;margin:0}.link-cols>*{flex:1 0;padding:1.5em 1.5em .5em 1.5em}@media (max-width:600px){.link-cols{flex-wrap:wrap}.link-cols>*{flex-basis:100%;padding:0}}.always-mobile.link-cols{overflow-y:scroll;height:calc(100vh - 63px);display:block;padding-bottom:50px}.always-mobile.link-cols>*{padding:0}.link-cols a:hover{text-decoration:underline}.link-cols .col-cms-block{flex:3 0}.link-cols>.col-btn{max-width:20%}.link-cols>.col-btn>ul{background-color:#f4f4f4;border-radius:10px;padding:1.5rem 0;max-width:184px}.link-cols .col-btn li a{padding:1em;text-transform:uppercase;display:block;text-decoration:underline;font-size:.857rem}.link-cols li,.link-cols>div>a,.link-cols>div>span{margin-bottom:.5em}.link-cols>div>a{font-weight:600;display:block;position:relative;font-size:1.214rem}.info .link-cols>div>a{font-weight:700;font-size:1rem}.link-cols>div>span{display:block;min-height:1.2em;font-weight:700;position:relative}@media (max-width:600px){.link-cols>div>a,.link-cols>div>span{display:block;padding:1em 2em;text-align:center;margin-bottom:0;height:auto;cursor:pointer;font-size:1rem}.link-cols>div>a:hover{text-decoration:none}.link-cols>div>a::after{top:calc(50% - .6em);right:1.25em;border-top:.6em solid transparent;border-bottom:.6em solid transparent;border-left:.7em solid #60472e}.link-cols>div>span::after,.link-cols>div>span::before{content:'';display:block;position:absolute;width:1.25em;border-bottom:2px solid #60472e;right:1em;top:50%;transition:opacity .3s ease-out,transform .3s ease-out}.link-cols>div>span::after{transform:rotate(90deg);opacity:1}.link-cols>div>span.expanded::after{transform:rotate(0);opacity:0}.link-cols>div>span.expanded{border-bottom:1px solid #e6e6e6;box-shadow:0 3px 5px #e6e6e6}}@keyframes moveIntoViewPort{from{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes moveOutOfViewPort{from{transform:translateX(0)}to{transform:translateX(100vw)}}.always-mobile.link-cols .link-cols-child{display:none;position:absolute;width:100vw;background-color:#fff;height:calc(100vh - 63px);z-index:10;transform:translateX(100vw);top:0;padding-bottom:50px}.always-mobile.link-cols .link-cols-child__header{position:relative;padding:18px 1em 0 54px;border-bottom:1px solid #ccc}.always-mobile.link-cols .link-cols-child__header-close{position:absolute;font-size:40px;right:15px;display:block;top:8px;line-height:1;font-weight:400;color:rgba(20,54,22,.6)}.always-mobile.link-cols .link-cols-child__header-back{position:absolute;left:22px;top:16px;transform:rotate(90deg)}.always-mobile.link-cols .link-cols-child__header-title{font-size:1.429rem;text-transform:uppercase;font-weight:600;margin:0 0 9px 0}.always-mobile.link-cols .link-cols-child__header-all{margin:0 0 2rem}.always-mobile.link-cols .link-cols-child__header-all a{display:inline;text-transform:uppercase;border-bottom:1px solid #000;padding:0 0 3px 0;font-size:.857rem;font-weight:400}.always-mobile.link-cols .link-cols-child.expanded{overflow-y:scroll;display:block;transform:translateX(0);animation:.5s cubic-bezier(.77,.2,.05,1) 1 alternate moveIntoViewPort}.always-mobile.link-cols .link-cols-child.collapsing{display:block;animation:.5s cubic-bezier(.77,.2,.05,1) 1 alternate moveOutOfViewPort}.always-mobile.link-cols .link-cols-child .link-cols-third.has-title{overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(.77,.2,.05,1)}.always-mobile.link-cols .link-cols-child .link-cols-third.has-title .all-from-category a{text-transform:uppercase;text-decoration:underline;padding-bottom:20px}.always-mobile.link-cols .link-cols-child .link-cols-third.centered{grid-column:1/-1;justify-self:center}.always-mobile.link-cols .empty-space{padding:10px 0}.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.col-btn,.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.product-star-wrapper{display:grid;grid-column-gap:12px;padding:2rem 24px;grid-template-columns:1fr 1fr;grid-row-gap:12px}.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.col-btn .product-star,.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.col-btn .promoted-box,.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.product-star-wrapper .product-star,.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.product-star-wrapper .promoted-box{margin-bottom:0;padding:0;min-height:160px}.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.col-btn .product-star img,.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.col-btn .promoted-box img,.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.product-star-wrapper .product-star img,.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.product-star-wrapper .promoted-box img{height:auto}.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.col-btn .product-star__title,.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.col-btn .promoted-box__title,.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.product-star-wrapper .product-star__title,.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.product-star-wrapper .promoted-box__title{bottom:0}.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.col-btn.col-btn-nested{display:block;padding:0 24px}.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.col-btn.col-btn-nested .link-cols-third:not(.has-title){margin:12px 0}.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.col-btn .link-cols-third{display:block;background-color:#f4f4f4;border-radius:10px;padding:1.5rem 0;max-width:184px}.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.col-btn .link-cols-third a{padding:1em;text-transform:uppercase;display:block;text-decoration:underline;font-size:.857rem}.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.col-btn.col-btn-nested .link-cols-third{padding:0}.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper.col-btn.col-btn-nested .link-cols-third.open{margin-bottom:1.5rem}.always-mobile.link-cols .link-cols-child .link-cols-third>li>a{padding:1em 0;font-size:.929rem;text-transform:initial;font-weight:400}.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper{padding:0 24px}.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper .third-level-title{border-top:1px solid #e0e0e0}.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper:first-child .third-level-title{border-top:none}.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper .link-cols-third:not(.has-title){border-top:1px solid #e0e0e0}.always-mobile.link-cols .link-cols-child .third-level-title{font-weight:500;font-size:1.214rem;text-transform:initial;position:relative;padding:1em 2.5rem 1em 0}.always-mobile.link-cols .link-cols-child .third-level-title:after{color:#000;border-style:solid;border-color:#143616;border-width:.17em .17em 0 0;content:"";display:inline-block;height:.65em;right:20px;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);vertical-align:top;width:.65em;transition:all .3s ease 0s}.always-mobile.link-cols .link-cols-child .third-level-title:active,.always-mobile.link-cols .link-cols-child .third-level-title:hover{text-decoration:none}.always-mobile.link-cols .link-cols-child .third-level-title.without-children:after,.always-mobile.link-cols .link-cols-child .third-level-title.without-children:before{content:none}.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper .third-level-title.open{font-weight:600}.always-mobile.link-cols .link-cols-child .link-cols-third-wrapper .third-level-title.open:after{transform:rotate(-225deg);top:17px;right:17px}@media (min-width:601px){.always-mobile.link-cols .link-cols-child{width:350px}@keyframes moveIntoViewPort{from{transform:translateX(-350px)}to{transform:translateX(0)}}@keyframes moveOutOfViewPort{from{transform:translateX(0)}to{transform:translateX(-350px)}}.always-mobile.link-cols .link-cols-child.expanded{transform:translateX(0)}.always-mobile.link-cols .link-cols-child.collapsing{display:block;transform:translateX(-350px);animation:.5s cubic-bezier(.77,.2,.05,1) 1 alternate moveOutOfViewPort}}.always-mobile.link-cols>div>a,.always-mobile.link-cols>div>span{display:block;padding:1em;text-align:center;margin-bottom:0;height:auto;cursor:pointer;font-size:1.071rem;font-weight:500;border-top:none}.always-mobile.link-cols>div>a:hover{text-decoration:none}.always-mobile.link-cols>div>span::after,.always-mobile.link-cols>div>span::before{content:'';display:block;position:absolute;width:1.25em;border-bottom:2px solid #60472e;right:1em;top:50%;transition:opacity .3s ease-out,transform .3s ease-out}.always-mobile.link-cols>div>span::after{transform:rotate(90deg);opacity:1}.always-mobile.link-cols>div>span.expanded::after{transform:rotate(0);opacity:0}.always-mobile.link-cols>div>span.expanded{border-bottom:1px solid #e6e6e6;box-shadow:0 3px 5px #e6e6e6}.always-mobile.link-cols .logout-link a{text-align:center;text-decoration:underline;font-size:.929rem}.link-cols ul+a{margin-top:.5em}footer .link-cols{flex-wrap:wrap}@media (max-width:600px){.link-cols>div span+ul{display:none}.link-cols>div span.expanded+ul{display:block}.link-cols>div li::after,.link-cols>div>a::after{content:'';position:absolute}.link-cols>div>a{font-weight:700;text-transform:uppercase;display:block;position:relative}.link-cols>div li{margin:0;position:relative}.link-cols>div li::after{top:calc(50% - .3em);right:1em;border-top:.3em solid transparent;border-bottom:.3em solid transparent;border-left:.35em solid #60472e}.link-cols>div li a{padding:.7em 2em;font-size:1rem;display:block}.link-cols ul+a{margin-top:0}.link-cols>div>a,.link-cols>div>span{display:block;padding:1em 3.25em 1em 1em;text-align:center;border-top:1px solid #e6e6e6;margin-bottom:0;height:auto;cursor:pointer}}.always-mobile .menu-header-wrapper .login-link{margin:1rem 3rem;padding:1rem;background-color:#e7e9dc;border-radius:8px;text-align:center}.always-mobile .menu-header-wrapper .login-link a{padding:0;font-weight:600;color:#143616;text-decoration:underline;font-size:1rem}.always-mobile .menu-header-wrapper .login-link a:hover{text-decoration:none}.always-mobile .menu-header-wrapper .menu-control{display:flex;justify-content:center;align-items:center;margin:.5rem 0;position:relative}.always-mobile .menu-header-wrapper .menu-control span{font-weight:700;font-size:1.071rem;text-transform:uppercase}.always-mobile .menu-header-wrapper .menu-control .close{position:absolute;font-size:40px;right:15px;display:block;top:-9px;line-height:1;font-weight:400;color:rgba(20,54,22,.6)}.always-mobile.link-cols>div>a::after{content:none}.always-mobile.link-cols>div li{margin:0;position:initial}.always-mobile.link-cols>div li::after{content:none}.always-mobile.link-cols>div li a{padding:1em;display:block;text-transform:uppercase;font-size:1.071rem;font-weight:500;border-top:none}.always-mobile.link-cols>div li a::after{content:none}.always-mobile.link-cols>div>ul>li>a{position:relative;border-bottom:1px solid #e6e6e6}.always-mobile.link-cols>div>ul>li>a:after{color:#000;border-style:solid;border-color:#143616;border-width:.17em .17em 0 0;content:"";display:inline-block;height:.65em;right:20px;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);vertical-align:top;width:.65em;transition:all .3s ease 0s}.always-mobile.link-cols ul+a{margin-top:0;border-top:none}.always-mobile.link-cols a:hover{text-decoration:none}header>.hamburger-menu>nav>.link-cols>div>a,header>.hamburger-menu>nav>.link-cols>div>span{text-align:left;text-transform:uppercase}header>.hamburger-menu>nav>.link-cols>div>a>img,header>.hamburger-menu>nav>.link-cols>div>span>img{height:1.5em;width:1.5em;vertical-align:middle;margin-right:.5em}.hamburger-menu>nav>.link-cols>div>ul li img{height:2em;margin-bottom:-.7em}nav.top-menu .cms ul{display:flex;flex-wrap:wrap}nav.top-menu .cms ul>li{flex:1 0}nav.top-menu .cms ul>li p{margin:0}nav.top-menu .cms ul>li>a{display:flex;text-align:left;padding:1em;min-width:25em}nav.top-menu .cms ul>li>a>img{width:14.06em;height:5.625em}nav.top-menu .cms ul>li>a>div{flex-direction:column;display:flex;font-size:.85em;justify-content:space-around;padding-left:.5em}nav.top-menu .cms ul>li>a>div span{font-weight:700}nav.top-menu .cms ul>li>a>div>div span{color:#143616;position:relative}nav.top-menu .cms ul>li>a>div>div span::after{content:'';position:absolute;top:calc(50% - .2em);right:-.8em;border-top:.3em solid transparent;border-bottom:.3em solid transparent;border-left:.4em solid #143616}header .loading-blur,nav .loading-blur{filter:blur(1px)}main{max-width:100%}body>.cookies{position:fixed;bottom:0;right:5vw;width:30em;font-size:.9em;background:rgba(96,71,46,.875);box-shadow:0 0 5px rgba(0,0,0,.5);color:#fcf8f1;padding:1em;z-index:100000;display:none}@media (max-width:800px){body>.cookies{width:90vw}}body>.cookies p{margin:0}body>.cookies a{color:#fcf8f1}body>.cookies a.agree{display:block;padding:1em;background:#143616;text-align:center;margin-bottom:1em;transition:background .3s ease-out;font-weight:700;text-decoration:none}body>.cookies a.agree:hover{background:#0d230e}.modal{display:none}.line-separator{margin-bottom:.715rem;position:relative;display:block;height:.4285rem;border:0}.line-separator::before{content:"";position:absolute;display:inline-block;width:2.142rem;height:.4285rem;margin:0;background-color:#143616;border:0}.page-title{margin-bottom:.857rem;text-align:left;text-transform:uppercase;font-size:1.214rem;font-weight:600;font-style:normal;margin-top:0}.customer-panel{margin:1rem 0}body.template_vip_zone_gold main:before,body.template_vip_zone_silver main:before{background-size:1248px;background-position:center;background-repeat:no-repeat;display:block;max-width:1248px;width:100%;height:40px;content:"";margin-left:auto;margin-right:auto}@media (max-width:500px){body.template_vip_zone_gold main:before,body.template_vip_zone_silver main:before{background-size:624px;height:20px}}body.template_vip_zone_silver main:before{background-image:url(/img/alt_shop/vip_zone/VIP_pasek_silver.png)}body.template_vip_zone_gold main:before{background-image:url(/img/alt_shop/vip_zone/VIP_pasek_gold.png)}.cmsblock__cta{display:grid;grid-template-rows:1fr;position:relative;min-height:70px}@media (max-width:450px){.cmsblock__cta{padding:0 10px}}.cmsblock__cta--short{min-height:30px}.cmsblock__cta a{padding:10px 40px 10px 0;display:flex;flex-direction:column;align-self:center;text-decoration:none;position:relative;z-index:10}.cmsblock__cta a:after{position:absolute;z-index:1;content:'';right:2px;bottom:15px;height:0;width:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #143616;transition:all .3s ease}.cmsblock__cta a:hover:after{border-left:8px solid #0d230e}.cmsblock__cta a:hover .cmsblock__cta-title{color:#0d230e}.cmsblock__cta-title{text-transform:uppercase;font-weight:700;font-size:1.143rem;color:#143616;transition:all .3s ease;text-align:left}.cmsblock__cta-subtitle{font-size:1rem;color:#000;font-weight:600;margin-top:.786rem;text-align:left}.top-menu-simplified{display:none}@media (max-width:1000px){.top-menu-simplified{overflow:hidden;display:block}}.top-menu-simplified__wrapper{margin:15px 0;display:flex;align-items:center;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.top-menu-simplified__wrapper::-webkit-scrollbar{display:none}.top-menu-simplified__item{border:3px solid #143616;border-radius:10px;margin-right:10px;width:max-content;padding:10px;font-weight:700;text-decoration:none;white-space:nowrap;color:#000}.top-menu-simplified__item.featured{color:#b4023f}.top-menu-simplified__item.featured--blue{color:#00f}@media (max-width:1000px){.top-menu-simplified__item.desktop-only{display:none}}configurable-cms-block.hidden{display:none}</style>
<style>.product-added-modal .loading-container{padding:.5em 3em .5em 2em}.product-added-modal .loading-container loader-ring{margin-right:.5em}.product-added-modal .header{color:var(--color-primary);background-color:#f3f4e8;padding:2rem 2rem 2rem 7rem;margin:-1rem -1.5rem;box-sizing:border-box;min-width:100%;font-weight:700;font-size:1.571rem;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIzNSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjNkY3RTBEIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yNi43ODIgOS40MTJjLS44MzktLjQ2LTEuNzc0LjQyOC0yLjMyMi45NTUtMS4yNTcgMS4yNTEtMi4zMiAyLjctMy41MTQgNC4wMTYtMS4zMjIgMS40NS0yLjU0NyAyLjg5OC0zLjkgNC4zMTMtLjc3NC43OS0xLjYxMyAxLjY0Ny0yLjEyOCAyLjYzNC0xLjE2MS0xLjE1Mi0yLjE2LTIuNDAzLTMuNDUtMy40MjQtLjkzNS0uNzI0LTIuNDgyLTEuMjUtMi40NS40OTQuMDY0IDIuMjcyIDIuMDMgNC43MDggMy40ODIgNi4yNTYuNjEyLjY1OCAxLjQxOCAxLjM1IDIuMzUzIDEuMzgyIDEuMTI4LjA2NiAyLjI5LTEuMzE3IDIuOTY2LTIuMDc0IDEuMTkzLTEuMzE3IDIuMTYtMi43OTggMy4yNTYtNC4xNDggMS40MTktMS43NzggMi44Ny0zLjUyMyA0LjI1Ni01LjMzNC44Ny0xLjEyIDMuNjEtMy44ODUgMS40NS01LjA3em0tMTYuMTEzIDkuMDA0Yy0uMDU2IDAtLjExIDAtLjIyLjA4NGEyLjIxIDIuMjEgMCAwMS0uNjA2LS4zMzVjLjE2NS0uMTY4LjQ0LS4wODQuODI2LjI1MXoiLz48cGF0aCBzdHJva2U9IiM2RjdFMEQiIHN0cm9rZS13aWR0aD0iMi40NDQiIGQ9Ik0zMi4xMyAxMi43OTRjLTEuODczLTcuOTA4LTEwLjM0NS0xMC44Mi0xNy42NDgtOS40OEM3LjU1NCA0LjYxIDEuNTE2IDEwLjA2NSAyLjAzMSAxNy4zNzJjLjQ2OCA2LjE5NiA3LjA2OCAxNS4zOTggMTQuMTM2IDE0LjkzNi42MDkgMCAxLjI2NC0uMDkzIDEuNzMyLS4xNC4zNzUtLjA0NS45MzctLjA0NSAxLjU0NS0uMDkyIDMuMzI0LS4wOTIgNi44MzQtMi4zMTIgOC45NC00LjQ4NSAzLjYwNS0zLjc0NiA0LjkxNi05Ljg1IDMuNzQ2LTE0Ljc5N3oiLz48L2c+PC9zdmc+);background-repeat:no-repeat;background-position:50px 50%}.product-added-modal .product{display:grid;grid-template-columns:minmax(auto,250px) minmax(550px,auto);grid-template-rows:minmax(min-content,max-content) 1fr repeat(2,minmax(max-content,auto));margin-top:2.143rem;column-gap:20px}@media (max-width:850px){.product-added-modal .product{grid-template-columns:minmax(auto,auto) minmax(auto,auto)}}.product-added-modal .product-image{grid-row:1/-1;position:relative}.product-added-modal .product-image img{max-width:100%}.product-added-modal .product-image .product-custom-sticker{position:absolute;z-index:10;top:0;bottom:0;left:0;right:0;transition:transform .2s ease-in-out}.product-added-modal .product-image .product-custom-sticker img{position:absolute;object-fit:contain;left:3px;z-index:11;bottom:0;max-width:120px;max-height:120px}.product-added-modal .product-name{font-weight:700;font-size:1.571rem;padding:0 0 .5rem 0}.product-added-modal .product-quantity{grid-row:2/3}.product-added-modal .product-quantity span{font-weight:700}.product-added-modal .product-quantity p{margin:1px 0}.product-added-modal .product-price{grid-column:2/-1;grid-row:3/4;justify-self:end;padding-bottom:1rem}.product-added-modal .product-price .price-box{display:flex;justify-content:center;flex-direction:column}.product-added-modal .product-price .price-box span{color:var(--important-font-color);font-weight:700;align-self:center;font-size:1.429rem}.product-added-modal .product-price .price-box del{position:relative;align-self:center;text-decoration:none;font-weight:400;font-size:1rem}.product-added-modal .product-price .price-box del::after{content:"";position:absolute;top:50%;left:50%;display:inline-block;width:100%;-webkit-transform:translate(-50%,-50%) rotate(190deg);transform:translate(-50%,-50%) rotate(190deg);border-bottom:1px solid var(--primary-font-color)}.product-added-modal .product-go-to-cart{grid-column:2}@media (max-width:850px){.product-added-modal .product-go-to-cart{justify-self:center;width:100%;margin-top:2rem}}.product-added-modal .product-go-to-cart a{width:100%;color:#fff;box-sizing:border-box;border-radius:10px;display:inline-flex;border:none;padding:0 2rem;-webkit-transition:all 175ms ease-in 0s;transition:all 175ms ease-in 0s;min-height:3.429rem;height:3.429rem;background-color:var(--color-important-accents);cursor:pointer;text-transform:uppercase;font-weight:600;align-items:center;text-decoration:none;justify-content:center}@media (max-width:850px){.product-added-modal .product-go-to-cart a{text-align:center;width:100%}}</style>
<style>:root{--color-primary:#143616;--color-primary-dark:#0d230e;--color-primary-light:rgba(20,54,22,0.6);--color-secondary:#60472e;--color-secondary-light:#ebe0d5;--color-important-accents:#ba1051;--color-important-accents-dark:#8b0c3d;--primary-font-color:#000;--secondary-font-color:#60472e;--inverse-font-color:#fcf8f1;--important-font-color:#ba1051;--light-border-color:#e6e6e6;--light-border-color-semi-dark:#cdcdcd;--light-border-color-dark:#b0a397;--anchor-font-color:#143616;--light-beige-color:#fef7f1;--color-light-green:#f1f2e8;--color-darker-green:#143616}.layout-banners-wrapper__top .layout-banner{display:none;min-height:3em;position:relative;align-items:center;padding-right:100px}.layout-banners-wrapper__top .layout-banner__close{position:absolute;cursor:pointer;top:50%;right:70px;transform:translateY(-50%);font-weight:500;font-size:1.5rem}@media (max-width:620px){.layout-banners-wrapper__top .layout-banner{padding-right:45px}.layout-banners-wrapper__top .layout-banner__close{right:26px}}.layout-banners-wrapper__right-side{position:fixed;top:30%;min-height:170px;right:0;background-color:#ba1051;z-index:1000;transform:translateX(calc(100% - 30px));transition:transform ease-in-out .5s}.layout-banners-wrapper__right-side .layout-banner{display:flex}.layout-banners-wrapper__right-side .layout-banner__content{padding:15px 15px 15px 5px}.layout-banners-wrapper__right-side .layout-banner__open-handler{color:#fcf8f1;width:30px;cursor:pointer;min-height:200px;margin-left:7px;text-align:center;font-size:16px;transform:scale(-1);writing-mode:vertical-rl}.layout-banners-wrapper__right-side .layout-banner__open-handler:after{content:'\2228';display:inline-block;font-weight:700;margin-top:12px;font-size:12px;padding-left:2px;transition:transform ease-in-out .5s;transform:scale(-1)}.layout-banners-wrapper__right-side.open{transform:translateX(0)}.layout-banners-wrapper__right-side.open .layout-banner__open-handler:after{transform:scale(1)}@media (max-width:620px){.layout-banners-wrapper__right-side{max-width:calc(100vw - 30px)}.layout-banners-wrapper__right-side.open{transform:translateX(0)}}</style>
<script type="text/javascript">
var currentGATracker = '';
</script>
<meta property="fb:admins" content="Amine-yr AL Hilal">
<meta property="fb:app_id" content="1746012202401616">
<link rel="preload" as="script" href="/api/i18n?t=85b83c95ef086afb3b42eff2e99b707b">
<link rel="preload" as="script" href="/js/lib/loader.js?t=85b83c95ef086afb3b42eff2e99b707b">
<link rel="preload" as="script" href="https://unpkg.com/@webcomponents/webcomponentsjs@2.4.2/webcomponents-loader.js" crossorigin>
<link rel="preload" as="script" href="/js/i18n/i18n.js?t=85b83c95ef086afb3b42eff2e99b707b" >
<link rel="preload" as="image" href="/uimg/homepage/2026/04/offre_principale.jpg">
</head>
<body class="template_default">
<script type="text/javascript">
if (typeof(dataLayer) === 'undefined') {
dataLayer = [];
}
dataLayer.push({"ecomm_pagetype":"home"});
document.addEventListener('DOMContentLoaded', () => {
if (typeof(gtmConverteo) != 'undefined') {
gtmConverteo.default.pushDataLayerVariables({"ecomm_pagetype":"home"});
}
});
</script>
<!-- End Google Tag Manager -->
<header class="full-width">
<div class="hamburger-menu">
<input type="checkbox">
<span></span>
<span></span>
<span></span>
<nav>
<div class="always-mobile link-cols">
<div>
<div class="menu-header-wrapper">
<div class="menu-control">
<span>Menu</span>
<div class="close">×</div>
</div>
<div class="login-link" style="display: none;">
Veuillez vous <a href="/auth">connecter</a> afin de profiter de ce cadeau et d'autres avantages. </div>
</div>
<ul>
<li class="">
<a href="/c/soin-visage?sort=7" class="link-cols-parent">
<span>
Soin Visage </span>
</a>
<div class="link-cols-child">
<div class="link-cols-child__header">
<div class="link-cols-child__header-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="26" viewbox="0 0 32 32"><path d="M16 28.067c-0.533 0-1-0.2-1.4-0.6l-14-14c-1.8-1.8 1-4.667 2.8-2.8l12.6 12.533 12.6-12.533c1.8-1.8 4.667 1 2.8 2.8l-14 14c-0.333 0.4-0.867 0.6-1.4 0.6z"></path></svg>
</div>
<div class="link-cols-child__header-close">×</div>
<p class="link-cols-child__header-title">Soin Visage</p>
<p class="link-cols-child__header-all">
<a href="/c/soin-visage?sort=7">
TOUS LES PRODUITS </a>
</p>
</div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/c/soin-visage/nettoyant-et-demaquillant?sort=7">NETTOYANT ET DEMAQUILLANT</a>
<ul class="link-cols-third has-title"> <li>
<a href="/c/soin-visage/nettoyant-et-demaquillant/eau-micellaire-et-lotion?sort=7">Eau micellaire et lotion</a>
</li>
<li>
<a href="/c/soin-visage/nettoyant-et-demaquillant/lait-demaquillant?sort=7">Lait démaquillant</a>
</li>
<li>
<a href="/c/soin-visage/nettoyant-et-demaquillant/gel-nettoyant-et-mousse?sort=7">Gel nettoyant et mousse</a>
</li>
<li>
<a href="/c/soin-visage/nettoyant-et-demaquillant/huile-demaquillante?sort=7">Huile démaquillante</a>
</li>
<li>
<a href="/c/soin-visage/nettoyant-et-demaquillant/lingettes-demaquillantes?sort=7">Lingettes démaquillantes</a>
</li>
<li>
<a href="/c/soin-visage/nettoyant-et-demaquillant/demaquillant-yeux?sort=7">Démaquillant yeux</a>
</li>
<li>
<a href="/c/soin-visage/nettoyant-et-demaquillant/accessoire-demaquillage?sort=7">Accessoire démaquillage</a>
</li>
<li class="all-from-category">
<a href="/c/soin-visage/nettoyant-et-demaquillant?sort=7">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/c/soin-visage?sort=7">TYPE DE SOIN</a>
<ul class="link-cols-third has-title"> <li>
<a href="/c/soin-visage/type-de-soin/creme-de-jour?sort=7">Crème de jour</a>
</li>
<li>
<a href="/c/soin-visage/type-de-soin/creme-de-nuit?sort=7">Crème de nuit</a>
</li>
<li>
<a href="/c/soin-visage/nettoyant-et-demaquillant/masque-et-gommage?sort=7">Masque et gommage</a>
</li>
<li>
<a href="/c/soin-visage/type-de-soin/serum?sort=7">Sérum</a>
</li>
<li>
<a href="/c/soin-visage/type-de-soin/contour-des-yeux?sort=7">Contour des yeux</a>
</li>
<li>
<a href="/c/maquillage/teint/bb-creme?sort=7">BB Crème</a>
</li>
<li>
<a href="/c/maquillage/levres/baume-a-levres?sort=7">Baume à lèvres</a>
</li>
<li class="all-from-category">
<a href="/c/soin-visage?sort=7">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/c/soin-visage?sort=7">SOIN PAR TYPE DE PEAU</a>
<ul class="link-cols-third has-title"> <li>
<a href="/c/soin-visage/type-de-peau/soin-peau-normale-a-mixte?sort=7">Soin peau normale ou mixte</a>
</li>
<li>
<a href="/c/soin-visage/type-de-peau/soin-peau-grasse?sort=7">Soin peau grasse</a>
</li>
<li>
<a href="/c/soin-visage/type-de-peau/soin-peau-seche?sort=7">Soin peau sèche</a>
</li>
<li>
<a href="/c/soin-visage/type-de-peau/soin-peau-sensible?sort=7">Soin peau sensible</a>
</li>
<li>
<a href="/c/soin-visage/type-de-peau/soin-anti-imperfection?sort=7">Soin anti-imperfection</a>
</li>
<li>
<a href="/c/soin-visage/type-de-peau/soin-peau-mature?sort=7">Soin peau mature</a>
</li>
<li>
<a href="/c/soin-visage/type-de-peau/tous-types-de-peau?sort=7">Tous types de peau</a>
</li>
<li class="all-from-category">
<a href="/c/soin-visage?sort=7">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/c/soin-visage/soin-anti-age?sort=7">SOIN ANTI-AGE</a>
<ul class="link-cols-third has-title"> <li>
<a href="/c/soin-visage/soin-anti-age/soin-anti-rides?sort=7">Soin anti-rides</a>
</li>
<li>
<a href="/c/soin-visage/soin-anti-age/soin-anti-pollution?sort=7">Soin anti-pollution</a>
</li>
<li>
<a href="/c/soin-visage/soin-anti-age/soin-anti-taches?sort=7">Soin anti-taches</a>
</li>
<li>
<a href="/c/soin-visage/soin-anti-age/soin-anti-age-global?sort=7">Soin anti-âge global</a>
</li>
<li>
<a href="/c/soin-visage/soin-anti-age/soin-regenerant?sort=7">Soin régénérant</a>
</li>
<li class="all-from-category">
<a href="/c/soin-visage/soin-anti-age?sort=7">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper col-btn">
<ul class="link-cols-third"> <li>
<a href="/tag/bestsellers/f/315,categorie,8841,soins_visage">Meilleures Ventes</a>
</li>
<li>
<a href="/c/soldes-beaute?f=315,categorie,8841,soins_visage">Fin de série</a>
</li>
</ul> </div>
</div>
</li>
<li class="">
<a href="/c/cheveux?sort=7" class="link-cols-parent">
<span>
Cheveux </span>
</a>
<div class="link-cols-child">
<div class="link-cols-child__header">
<div class="link-cols-child__header-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="26" viewbox="0 0 32 32"><path d="M16 28.067c-0.533 0-1-0.2-1.4-0.6l-14-14c-1.8-1.8 1-4.667 2.8-2.8l12.6 12.533 12.6-12.533c1.8-1.8 4.667 1 2.8 2.8l-14 14c-0.333 0.4-0.867 0.6-1.4 0.6z"></path></svg>
</div>
<div class="link-cols-child__header-close">×</div>
<p class="link-cols-child__header-title">Cheveux</p>
<p class="link-cols-child__header-all">
<a href="/c/cheveux?sort=7">
TOUS LES PRODUITS </a>
</p>
</div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/c/cheveux?sort=7">TYPE DE PRODUIT</a>
<ul class="link-cols-third has-title"> <li>
<a href="/c/cheveux/besoin/shampooing-sans-sulfate?sort=7">Shampooing sans sulfate</a>
</li>
<li>
<a href="/c/cheveux/type-de-produit/shampooing-solide?sort=7">Shampooing solide</a>
</li>
<li>
<a href="/c/cheveux/type-de-produit/apres-shampoing?sort=7">Après-shampooing</a>
</li>
<li>
<a href="/c/cheveux/type-de-produit/masque-et-gommage?sort=7">Masque et gommage</a>
</li>
<li>
<a href="/c/cheveux/type-de-produit/soin-multi-usage?sort=7">Soin multi-usage</a>
</li>
<li class="all-from-category">
<a href="/c/cheveux?sort=7">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/c/cheveux?sort=7">TYPE DE CHEVEUX</a>
<ul class="link-cols-third has-title"> <li>
<a href="/c/cheveux/type-de-cheveux/cheveux-secs?sort=7">Cheveux secs</a>
</li>
<li>
<a href="/c/cheveux/type-de-cheveux/cheveux-normaux?sort=7">Cheveux normaux</a>
</li>
<li>
<a href="/c/cheveux/type-de-cheveux/cheveux-colores?sort=7">Cheveux colorés</a>
</li>
<li>
<a href="/c/cheveux/type-de-cheveux/cheveux-secs?sort=7">Cheveux secs</a>
</li>
<li>
<a href="/c/cheveux/type-de-cheveux/cheveux-gras?sort=7">Cheveux gras</a>
</li>
<li>
<a href="/c/cheveux/type-de-cheveux/cheveux-a-pellicules?sort=7">Cheveux à pellicules</a>
</li>
<li>
<a href="/c/cheveux/type-de-cheveux/cheveux-fins-ternes?sort=7">Cheveux fins, ternes</a>
</li>
<li class="all-from-category">
<a href="/c/cheveux?sort=7">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/c/cheveux?sort=7">Type de besoin</a>
<ul class="link-cols-third has-title"> <li>
<a href="/c/cheveux/besoin/reparation-et-nutrition?sort=7">Réparation et nutrition</a>
</li>
<li>
<a href="/c/cheveux/besoin/couleur-et-reflet?sort=7">Couleur et reflet</a>
</li>
<li>
<a href="/c/cheveux/besoin/anti-chute-et-anti-pellicule?sort=7">Anti-chute et anti-pellicule</a>
</li>
<li>
<a href="/c/cheveux/besoin/brillance?sort=7">Brillance</a>
</li>
<li>
<a href="/c/cheveux/besoin/purete?sort=7">Pureté</a>
</li>
<li>
<a href="/c/cheveux/besoin/douceur?sort=7">Douceur</a>
</li>
<li>
<a href="/c/cheveux/besoin/volume?sort=7">Volume</a>
</li>
<li class="all-from-category">
<a href="/c/cheveux?sort=7">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper col-btn">
<a class="product-star" href="https://www.yves-rocher.ma/shampooing_reparation_sans_sulfate">
<img src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/45491.jpg">
<div class="product-star__title">
Shampooing Réparation Sans Sulfate </div>
</a>
<ul class="link-cols-third"> <li>
<a href="/tag/bestsellers/f/315,categorie,8796,cheveux">Meilleures Ventes</a>
</li>
<li>
<a href="/c/soldes-beaute?f=315,categorie,8796,cheveux">Fin de série</a>
</li>
</ul> </div>
</div>
</li>
<li class="">
<a href="/c/maquillage?sort=7" class="link-cols-parent">
<span>
Maquillage </span>
</a>
<div class="link-cols-child">
<div class="link-cols-child__header">
<div class="link-cols-child__header-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="26" viewbox="0 0 32 32"><path d="M16 28.067c-0.533 0-1-0.2-1.4-0.6l-14-14c-1.8-1.8 1-4.667 2.8-2.8l12.6 12.533 12.6-12.533c1.8-1.8 4.667 1 2.8 2.8l-14 14c-0.333 0.4-0.867 0.6-1.4 0.6z"></path></svg>
</div>
<div class="link-cols-child__header-close">×</div>
<p class="link-cols-child__header-title">Maquillage</p>
<p class="link-cols-child__header-all">
<a href="/c/maquillage?sort=7">
TOUS LES PRODUITS </a>
</p>
</div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/c/maquillage/teint?sort=7">TEINT</a>
<ul class="link-cols-third has-title"> <li>
<a href="/c/maquillage/teint/fond-de-teint?sort=7">Fond de teint</a>
</li>
<li>
<a href="/c/maquillage/teint/bb-creme?sort=7">BB Crème</a>
</li>
<li>
<a href="/c/maquillage/teint/correcteur-et-anti-cernes?sort=7">Correcteur et anti-cernes</a>
</li>
<li>
<a href="/c/maquillage/teint/poudre?sort=7">Poudre</a>
</li>
<li>
<a href="/c/maquillage/teint/blush-et-enlumineur?sort=7">Blush et enlumineur</a>
</li>
<li>
<a href="/c/maquillage/teint/pinceau-maquillage-et-accessoire?sort=7">Pinceau maquillage et accessoire</a>
</li>
<li class="all-from-category">
<a href="/c/maquillage/teint?sort=7">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/c/maquillage/yeux?sort=7">YEUX</a>
<ul class="link-cols-third has-title"> <li>
<a href="/c/maquillage/yeux/mascara?sort=7">Mascara</a>
</li>
<li>
<a href="/c/maquillage/yeux/fard-a-paupieres-et-fixateur?sort=7">Fard à paupières et fixateur</a>
</li>
<li>
<a href="/c/maquillage/yeux/crayon-eyeliner-et-khol?sort=7">Crayon, eyeliner et khôl</a>
</li>
<li>
<a href="/c/maquillage/yeux/maquillage-sourcils?sort=7">Maquillage sourcils</a>
</li>
<li>
<a href="/c/maquillage/yeux/palette-de-maquillage?sort=7">Palette de maquillage</a>
</li>
<li>
<a href="/c/maquillage/yeux/accessoire?sort=7">Accessoire</a>
</li>
<li class="all-from-category">
<a href="/c/maquillage/yeux?sort=7">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/c/maquillage/levres?sort=7">LEVRES</a>
<ul class="link-cols-third has-title"> <li>
<a href="/c/maquillage/levres/rouge-a-levres?sort=7">Rouge à lèvres</a>
</li>
<li>
<a href="/c/maquillage/levres/rouge-a-levres-mat?sort=7">Rouge à lèvres mat</a>
</li>
<li>
<a href="/c/maquillage/levres/gloss?sort=7">Gloss</a>
</li>
<li>
<a href="/c/maquillage/levres/crayon-a-levres?sort=7">Crayon à lèvres</a>
</li>
<li>
<a href="/c/maquillage/levres/accessoire?sort=7">Accessoire</a>
</li>
<li class="all-from-category">
<a href="/c/maquillage/levres?sort=7">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/c/maquillage/ongles?sort=7">ONGLES</a>
<ul class="link-cols-third has-title"> <li>
<a href="/c/maquillage/ongles/vernis-a-ongles?sort=7">Vernis à ongles</a>
</li>
<li>
<a href="/c/maquillage/ongles/base-soin-et-top-coat?sort=7">Base, soin et top coat</a>
</li>
<li>
<a href="/c/maquillage/ongles/dissolvant?sort=7">Dissolvant</a>
</li>
<li>
<a href="/c/maquillage/ongles/accessoire-manucure?sort=7">Accessoire manucure</a>
</li>
<li class="all-from-category">
<a href="/c/maquillage/ongles?sort=7">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper col-btn">
<a class="product-star" href="https://www.yves-rocher.ma/crayon_khol_">
<img src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/56447.jpg">
<div class="product-star__title">
Crayon Khôl 01. Noir Crayon 1,3Gr </div>
</a>
<ul class="link-cols-third"> <li>
<a href="/tag/bestsellers/f/315,categorie,8807,maquillage">Meilleures Ventes</a>
</li>
<li>
<a href="/c/soldes-beaute?f=315,categorie,8807,maquillage">Fin de série</a>
</li>
</ul> </div>
</div>
</li>
<li class="">
<a href="/c/parfum?sort=7" class="link-cols-parent">
<span>
Parfum </span>
</a>
<div class="link-cols-child">
<div class="link-cols-child__header">
<div class="link-cols-child__header-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="26" viewbox="0 0 32 32"><path d="M16 28.067c-0.533 0-1-0.2-1.4-0.6l-14-14c-1.8-1.8 1-4.667 2.8-2.8l12.6 12.533 12.6-12.533c1.8-1.8 4.667 1 2.8 2.8l-14 14c-0.333 0.4-0.867 0.6-1.4 0.6z"></path></svg>
</div>
<div class="link-cols-child__header-close">×</div>
<p class="link-cols-child__header-title">Parfum</p>
<p class="link-cols-child__header-all">
<a href="/c/parfum?sort=7">
TOUS LES PRODUITS </a>
</p>
</div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/c/parfum/parfum-femme?sort=7">PARFUM FEMME</a>
<ul class="link-cols-third has-title"> <li>
<a href="/c/parfum/parfum-femme/eau-de-parfum-femme?sort=7">Eau de parfum femme</a>
</li>
<li>
<a href="/c/parfum/parfum-femme/eau-de-toilette-femme?sort=7">Eau de toilette femme</a>
</li>
<li>
<a href="/c/corps-et-douche/bain-et-douche/brume-parfumee?sort=7">Brume parfumée</a>
</li>
<li>
<a href="/c/parfum/parfum-femme/gel-douche-et-derives-parfumes?sort=7">Gel douche et dérivés parfumés</a>
</li>
<li class="all-from-category">
<a href="/c/parfum/parfum-femme?sort=7">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/c/parfum/parfum-homme?sort=7">PARFUM HOMME</a>
<ul class="link-cols-third has-title"> <li>
<a href="/c/parfum/parfum-homme/eau-de-toilette-homme?sort=7">Eau de toilette homme</a>
</li>
<li>
<a href="/c/parfum/parfum-homme/gel-douche-parfume?sort=7">Gel douche parfumé</a>
</li>
<li class="all-from-category">
<a href="/c/parfum/parfum-homme?sort=7">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/c/parfum?sort=7">Ligne de parfum</a>
<ul class="link-cols-third has-title"> <li>
<a href="/c/parfum?f=325,gamme,9117,evidence&sort=7">Evidence</a>
</li>
<li>
<a href="/c/parfum?f=325,gamme,13737,love&sort=7">Love</a>
</li>
<li>
<a href="/c/parfum?f=325,gamme,15051,so-elixir&sort=7">So Elixir</a>
</li>
<li>
<a href="/c/parfum?f=325,gamme,15677,pleines-natures&sort=7">Pleines Natures</a>
</li>
<li>
<a href="/c/parfum?f=325,gamme,15047,la-collection&sort=7">La Collection Eaux Fraîches</a>
</li>
<li>
<a href="/c/parfum?f=325,gamme,15055,monoi&sort=7">Monoï</a>
</li>
<li class="all-from-category">
<a href="/c/parfum?sort=7">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper col-btn">
<ul class="link-cols-third"> <li>
<a href="/tag/bestsellers/f/315,categorie,8857,parfum">Meilleures Ventes</a>
</li>
<li>
<a href="/c/soldes-beaute?f=315,categorie,8857,parfum">Fin de série</a>
</li>
</ul> </div>
</div>
</li>
<li class="">
<a href="/c/corps-et-douche?sort=7" class="link-cols-parent">
<span>
Corps et douche </span>
</a>
<div class="link-cols-child">
<div class="link-cols-child__header">
<div class="link-cols-child__header-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="26" viewbox="0 0 32 32"><path d="M16 28.067c-0.533 0-1-0.2-1.4-0.6l-14-14c-1.8-1.8 1-4.667 2.8-2.8l12.6 12.533 12.6-12.533c1.8-1.8 4.667 1 2.8 2.8l-14 14c-0.333 0.4-0.867 0.6-1.4 0.6z"></path></svg>
</div>
<div class="link-cols-child__header-close">×</div>
<p class="link-cols-child__header-title">Corps et douche</p>
<p class="link-cols-child__header-all">
<a href="/c/corps-et-douche?sort=7">
TOUS LES PRODUITS </a>
</p>
</div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/c/corps-et-douche/soin-du-corps?sort=7">SOIN DU CORPS</a>
<ul class="link-cols-third has-title"> <li>
<a href="/c/corps-et-douche/soin-du-corps/lait-hydratant?sort=7">Lait hydratant</a>
</li>
<li>
<a href="/c/corps-et-douche/soin-du-corps/huile-et-soin-reparateur?sort=7">Huile et soin réparateur</a>
</li>
<li>
<a href="/c/corps-et-douche/soin-du-corps/gommage-et-exfoliant?sort=7">Gommage et exfoliant</a>
</li>
<li>
<a href="/c/corps-et-douche/soin-du-corps/creme-mains?sort=7">Crème mains</a>
</li>
<li>
<a href="/c/corps-et-douche/bain-et-douche/gel-lavant-mains?sort=7">Gel lavant mains</a>
</li>
<li>
<a href="/c/corps-et-douche/soin-du-corps/soin-des-pieds?sort=7">Soin des pieds et jambes</a>
</li>
<li>
<a href="/c/corps-et-douche/minceur?sort=7">Minceur</a>
</li>
<li>
<a href="/c/corps-et-douche/bain-et-douche/deodorant?sort=7">Déodorant</a>
</li>
<li>
<a href="/c/corps-et-douche/bain-et-douche/accessoire-corps?sort=7">Accessoire corps</a>
</li>
<li class="all-from-category">
<a href="/c/corps-et-douche/soin-du-corps?sort=7">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/c/corps-et-douche/bain-et-douche?sort=7">Bain & douche</a>
<ul class="link-cols-third has-title"> <li>
<a href="/c/corps-et-douche/bain-et-douche/gel-douche?sort=7">Gel douche</a>
</li>
<li>
<a href="/c/corps-et-douche/bain-et-douche/bain-douche?sort=7">Bain douche</a>
</li>
<li>
<a href="/c/corps-et-douche/bain-et-douche/huile-et-creme-de-douche?sort=7">Huile et crème de douche</a>
</li>
<li>
<a href="/c/corps-et-douche/bain-et-douche/gel-lavant-mains?sort=7">Gel lavant mains</a>
</li>
<li>
<a href="/c/corps-et-douche/bain-et-douche/huile-et-creme-de-douche?sort=7">Huile et crème de douche</a>
</li>
<li>
<a href="/c/corps-et-douche/bain-et-douche/accessoire-bain?sort=7">Accessoire bain</a>
</li>
<li class="all-from-category">
<a href="/c/corps-et-douche/bain-et-douche?sort=7">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/c/corps-et-douche/soin-solaire?sort=7">SOIN SOLAIRE</a>
<ul class="link-cols-third has-title"> <li>
<a href="/c/corps-et-douche/soin-solaire/protection-solaire?sort=7">Protection solaire</a>
</li>
<li>
<a href="/c/corps-et-douche/soin-solaire/apres-soleil?sort=7">Après-soleil</a>
</li>
<li>
<a href="/c/corps-et-douche/soin-solaire/autobronzant?sort=7">Autobronzant</a>
</li>
<li>
<a href="/c/corps-et-douche/soin-solaire/monoi?sort=7">Monoï</a>
</li>
<li class="all-from-category">
<a href="/c/corps-et-douche/soin-solaire?sort=7">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper col-btn">
<a class="product-star" href="https://www.yves-rocher.ma/lait_corps_vanille_bourbon">
<img src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/40419.jpg">
<div class="product-star__title">
Lait Corps Vanille Bourbon </div>
</a>
<ul class="link-cols-third"> <li>
<a href="/c/corps-et-douche?bestsellers=1">Meilleures Ventes</a>
</li>
<li>
<a href="/c/soldes-beaute?f=315,categorie,8812,bain__and__douche">Fin de série</a>
</li>
</ul> </div>
</div>
</li>
<li class="">
<a href="/soins-en-institut-de-beaute" class="link-cols-parent">
<span>
Soins Institut </span>
</a>
<div class="link-cols-child">
<div class="link-cols-child__header">
<div class="link-cols-child__header-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="26" viewbox="0 0 32 32"><path d="M16 28.067c-0.533 0-1-0.2-1.4-0.6l-14-14c-1.8-1.8 1-4.667 2.8-2.8l12.6 12.533 12.6-12.533c1.8-1.8 4.667 1 2.8 2.8l-14 14c-0.333 0.4-0.867 0.6-1.4 0.6z"></path></svg>
</div>
<div class="link-cols-child__header-close">×</div>
<p class="link-cols-child__header-title">Soins Institut</p>
<p class="link-cols-child__header-all">
<a href="/soins-en-institut-de-beaute">
TOUS LES PRODUITS </a>
</p>
</div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/soins_institut_liste_epilations">ÉPILATIONS</a>
<ul class="link-cols-third has-title"> <li>
<a href="/epilation_jambes_entieres">Jambes Entières</a>
</li>
<li>
<a href="/epilation_12_bras">1/2 Bras</a>
</li>
<li>
<a href="/epilation_12_jambes">1/2 Jambes</a>
</li>
<li>
<a href="/soins_institut_liste_epilations">Toutes les épilations</a>
</li>
<li class="all-from-category">
<a href="/soins_institut_liste_epilations">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/soins_institut_liste_soins_visage">SOINS VISAGE</a>
<ul class="link-cols-third has-title"> <li>
<a href="/soin_apaisant_a_la_camomille_sauvage">Apaisant à la Camomille Sauvage</a>
</li>
<li>
<a href="/modelage-visage-au-jojoba">Modelage Visage au Jojoba</a>
</li>
<li>
<a href="/soin_hydratant_a_ledulis">Hydratant à l'Edulis</a>
</li>
<li>
<a href="/soins_institut_liste_soins_visage">Tous les soins visage</a>
</li>
<li class="all-from-category">
<a href="/soins_institut_liste_soins_visage">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/soins_institut_liste_soins_corps">SOINS CORPS</a>
<ul class="link-cols-third has-title"> <li>
<a href="/modelage_corps_a_la_camomille">Modelage Corps à la Camomille</a>
</li>
<li>
<a href="/gommage_corps_aux_epices">Gommage Corps aux Epices</a>
</li>
<li>
<a href="/modelage_corps_a_la_camomille">Modelage Corps à la Camomille</a>
</li>
<li>
<a href="/soins_institut_liste_soins_corps">Tous les soins corps</a>
</li>
<li class="all-from-category">
<a href="/soins_institut_liste_soins_corps">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper">
<a class="third-level-title" href="/soins_institut_liste_soins_lpg">SOINS LPG®</a>
<ul class="link-cols-third has-title"> <li>
<a href="/cure_anti_age_lpg_x_6">Soin Anti-Age x 6</a>
</li>
<li>
<a href="/cure_anti_age_lpg_x_12">Cure Anti-Age x 12</a>
</li>
<li>
<a href="/soin_minceur_lpg_express">Soin Minceur Express</a>
</li>
<li>
<a href="/soins_institut_liste_soins_lpg">Tous les soins LPG®</a>
</li>
<li class="all-from-category">
<a href="/soins_institut_liste_soins_lpg">
VOIR TOUT </a>
</li> </ul> </div>
<div class="link-cols-third-wrapper col-btn">
<ul class="link-cols-third"> <li>
<a href="/soins-en-institut-de-beaute">LA CARTE DES SOINS</a>
</li>
<li>
<a href="/nos_magasins">TROUVER UN INSTITUT DE BEAUTÉ</a>
</li>
</ul> </div>
</div>
</li>
<li class="featured">
<a href="/promotions_cosmetiques_produit_beaute" class="link-cols-parent">
<span>
Promotions </span>
</a>
<div class="link-cols-child">
<div class="link-cols-child__header">
<div class="link-cols-child__header-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="26" viewbox="0 0 32 32"><path d="M16 28.067c-0.533 0-1-0.2-1.4-0.6l-14-14c-1.8-1.8 1-4.667 2.8-2.8l12.6 12.533 12.6-12.533c1.8-1.8 4.667 1 2.8 2.8l-14 14c-0.333 0.4-0.867 0.6-1.4 0.6z"></path></svg>
</div>
<div class="link-cols-child__header-close">×</div>
<p class="link-cols-child__header-title">Promotions</p>
<p class="link-cols-child__header-all">
<a href="/promotions_cosmetiques_produit_beaute">
TOUS LES PRODUITS </a>
</p>
</div>
<div class="link-cols-third-wrapper product-star-wrapper">
</div>
</div>
</li>
<li class="">
<a href="/yves_rocher_une_cosmetique_unique" class="link-cols-parent">
<span>
La Marque </span>
</a>
<div class="link-cols-child">
<div class="link-cols-child__header">
<div class="link-cols-child__header-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="26" viewbox="0 0 32 32"><path d="M16 28.067c-0.533 0-1-0.2-1.4-0.6l-14-14c-1.8-1.8 1-4.667 2.8-2.8l12.6 12.533 12.6-12.533c1.8-1.8 4.667 1 2.8 2.8l-14 14c-0.333 0.4-0.867 0.6-1.4 0.6z"></path></svg>
</div>
<div class="link-cols-child__header-close">×</div>
<p class="link-cols-child__header-title">La Marque</p>
<p class="link-cols-child__header-all">
<a href="/yves_rocher_une_cosmetique_unique">
TOUS LES PRODUITS </a>
</p>
</div>
<div class="link-cols-third-wrapper">
<ul class="link-cols-third"> <li>
<a href="/actbeautiful">Act Beautiful</a>
</li>
<li>
<a href="/carte_des_soins">Carte Des Soins</a>
</li>
<li>
<a href="/carte_de_fidelite">Ma Carte Fidélité & Moi</a>
</li>
<li>
<a href="/nos_magasins">Trouver un autre magasin</a>
</li>
</ul> </div>
<div class="link-cols-third-wrapper col-cms-block">
<ul class="link-cols-third"> <li>
<style type="text/css">.menu-cms-block-header {
font-weight: 300;
font-size: 1rem;
text-align: center;
margin: 1em 0 2.2em;
}
.menu-cms-block {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 4rem;
margin-bottom: 2rem;
}
.menu-cms-block>div {
-webkit-box-shadow: 0 0 30px rgb(0 0 0 / 20%);
box-shadow: 0 0 30px rgb(0 0 0 / 20%);
overflow: hidden;
border-radius: 8px;
position: relative;
}
.menu-cms-block>div>a {
position: absolute;
font-size: 0;
text-decoration: none;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0;
margin: 0;
z-index: 10;
}
.menu-cms-block>div>a:hover {
text-decoration: none;
}
.menu-cms-block>div>img {
height: 100%;
object-fit: cover;
display: block;
}
.menu-cms-block>div>.menu-cms-block__title {
position: absolute;
height: 4rem;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .4);
color: #fff;
margin: 0;
padding: 17px 28px 23px;
font-weight: 600;
font-size: 1rem;
}
@media only screen and (max-width: 1000px) {
.menu-cms-block {
grid-template-columns: 1fr;
}
.menu-cms-block>div {
margin: 1rem;
max-width: 330px;
place-self: center;
}
.hamburger-menu>nav>.link-cols>div>ul li .menu-cms-block>div>img {
height: 100%;
object-fit: cover;
margin-bottom: 0;
}
}
</style>
<div class="menu-cms-block">
<div><a href="/qui_sommes_nous"> </a> <img src="https://test.yves-rocher.ma/uimg/top_menu/About_us.png" />
<p class="menu-cms-block__title">QUI SOMMES-NOUS ?</p>
</div>
<div><a href="/nos_engagements"> </a> <img src="https://test.yves-rocher.ma/uimg/top_menu/Engagements.png" />
<p class="menu-cms-block__title">NOS ENGAGEMENTS</p>
</div>
<div><a href="/notre_expertise_botanique"> </a> <img src="https://test.yves-rocher.ma/uimg/top_menu/Expertise.png" />
<p class="menu-cms-block__title">EXPERTISE BOTANIQUE</p>
</div>
<div><a href="/nos_certifications_et_partenariats"> </a> <img src="https://test.yves-rocher.ma/uimg/top_menu/Partners.png" />
<p class="menu-cms-block__title">NOS CERTIFICATIONS & PARTENARIATS</p>
</div>
</div> </li>
</ul> </div>
<div class="link-cols-third-wrapper product-star-wrapper">
</div>
</div>
</li>
</ul> </div>
<div>
<a href="/nos_magasins">
Nos magasins </a>
</div>
<div class="featured-2">
<a href="/newsletter">
Newsletter </a>
</div>
<div>
<a href="/customer/wishlist">
Wish list </a>
</div>
<div class="logout-link" style="display: none;">
<a href="/auth/logout">
Logout </a>
</div>
</div>
</nav>
</div>
<div class="clickable always-visible search-activate">
<img src="/img/header/search.svg">
</div>
<a href="/">
<img src="/img/logo.svg" alt="Yves Rocher">
</a>
<div class="search">
<search-box productsearchrequest="{"pos":null,"availableInPos":null}" action="/searching"></search-box>
</div>
<div class="clickable">
<a href="/newsletter" class="with-tooltip" aria-label="Newsletter">
<img src="/img/header/icon/ico-mail.svg" alt="Newsletter">
</a>
</div>
<div class="clickable">
<a href="/customer/wishlist" class="with-tooltip" aria-label="Wish list">
<img src="/img/header/icon/ico-heart.svg" alt="Wish list">
</a>
</div>
<div class="clickable">
<a href="/nos_magasins"
class="with-tooltip" aria-label="Nos magasins">
<img src="/img/header/icon/ico-locator.svg" alt="Nos magasins">
</a>
</div>
<div class="clickable always-visible">
<account-mini>
<a href="/customer" class="with-tooltip" aria-label="Mon compte">
<img src="/img/header/icon/ico-user.svg" alt="Mon compte">
</a>
</account-mini>
</div>
<div class="clickable always-visible cart">
<a href="/cart">
<cart-mini>
<img src="/img/header/icon/ico-basket.svg" alt="My cart">
</cart-mini>
</a>
</div>
</header>
<div class="top-menu-wrapper">
<nav class="full-width top-menu">
<ul>
<li class="">
<a href="/c/soin-visage?sort=7">
<span>
Soin Visage </span>
</a>
<div class="first-level-wrapper">
<div class="close-btn">
×
</div>
<div class="link-cols full-width">
<div>
<a href="/c/soin-visage/nettoyant-et-demaquillant?sort=7">NETTOYANT ET DEMAQUILLANT</a>
<ul> <li><a href="/c/soin-visage/nettoyant-et-demaquillant/eau-micellaire-et-lotion?sort=7">Eau micellaire et lotion</a></li>
<li><a href="/c/soin-visage/nettoyant-et-demaquillant/lait-demaquillant?sort=7">Lait démaquillant</a></li>
<li><a href="/c/soin-visage/nettoyant-et-demaquillant/gel-nettoyant-et-mousse?sort=7">Gel nettoyant et mousse</a></li>
<li><a href="/c/soin-visage/nettoyant-et-demaquillant/huile-demaquillante?sort=7">Huile démaquillante</a></li>
<li><a href="/c/soin-visage/nettoyant-et-demaquillant/lingettes-demaquillantes?sort=7">Lingettes démaquillantes</a></li>
<li><a href="/c/soin-visage/nettoyant-et-demaquillant/demaquillant-yeux?sort=7">Démaquillant yeux</a></li>
<li><a href="/c/soin-visage/nettoyant-et-demaquillant/accessoire-demaquillage?sort=7">Accessoire démaquillage</a></li>
</ul> </div>
<div>
<a href="/c/soin-visage?sort=7">TYPE DE SOIN</a>
<ul> <li><a href="/c/soin-visage/type-de-soin/creme-de-jour?sort=7">Crème de jour</a></li>
<li><a href="/c/soin-visage/type-de-soin/creme-de-nuit?sort=7">Crème de nuit</a></li>
<li><a href="/c/soin-visage/nettoyant-et-demaquillant/masque-et-gommage?sort=7">Masque et gommage</a></li>
<li><a href="/c/soin-visage/type-de-soin/serum?sort=7">Sérum</a></li>
<li><a href="/c/soin-visage/type-de-soin/contour-des-yeux?sort=7">Contour des yeux</a></li>
<li><a href="/c/maquillage/teint/bb-creme?sort=7">BB Crème</a></li>
<li><a href="/c/maquillage/levres/baume-a-levres?sort=7">Baume à lèvres</a></li>
</ul> </div>
<div>
<a href="/c/soin-visage?sort=7">SOIN PAR TYPE DE PEAU</a>
<ul> <li><a href="/c/soin-visage/type-de-peau/soin-peau-normale-a-mixte?sort=7">Soin peau normale ou mixte</a></li>
<li><a href="/c/soin-visage/type-de-peau/soin-peau-grasse?sort=7">Soin peau grasse</a></li>
<li><a href="/c/soin-visage/type-de-peau/soin-peau-seche?sort=7">Soin peau sèche</a></li>
<li><a href="/c/soin-visage/type-de-peau/soin-peau-sensible?sort=7">Soin peau sensible</a></li>
<li><a href="/c/soin-visage/type-de-peau/soin-anti-imperfection?sort=7">Soin anti-imperfection</a></li>
<li><a href="/c/soin-visage/type-de-peau/soin-peau-mature?sort=7">Soin peau mature</a></li>
<li><a href="/c/soin-visage/type-de-peau/tous-types-de-peau?sort=7">Tous types de peau</a></li>
</ul> </div>
<div>
<a href="/c/soin-visage/soin-anti-age?sort=7">SOIN ANTI-AGE</a>
<ul> <li><a href="/c/soin-visage/soin-anti-age/soin-anti-rides?sort=7">Soin anti-rides</a></li>
<li><a href="/c/soin-visage/soin-anti-age/soin-anti-pollution?sort=7">Soin anti-pollution</a></li>
<li><a href="/c/soin-visage/soin-anti-age/soin-anti-taches?sort=7">Soin anti-taches</a></li>
<li><a href="/c/soin-visage/soin-anti-age/soin-anti-age-global?sort=7">Soin anti-âge global</a></li>
<li><a href="/c/soin-visage/soin-anti-age/soin-regenerant?sort=7">Soin régénérant</a></li>
</ul> </div>
<div class="col-btn">
<ul> <li><a href="/tag/bestsellers/f/315,categorie,8841,soins_visage">Meilleures Ventes</a></li>
<li><a href="/c/soldes-beaute?f=315,categorie,8841,soins_visage">Fin de série</a></li>
</ul> </div>
</div>
</div>
</li>
<li class="">
<a href="/c/cheveux?sort=7">
<span>
Cheveux </span>
</a>
<div class="first-level-wrapper">
<div class="close-btn">
×
</div>
<div class="link-cols full-width">
<div>
<a href="/c/cheveux?sort=7">TYPE DE PRODUIT</a>
<ul> <li><a href="/c/cheveux/besoin/shampooing-sans-sulfate?sort=7">Shampooing sans sulfate</a></li>
<li><a href="/c/cheveux/type-de-produit/shampooing-solide?sort=7">Shampooing solide</a></li>
<li><a href="/c/cheveux/type-de-produit/apres-shampoing?sort=7">Après-shampooing</a></li>
<li><a href="/c/cheveux/type-de-produit/masque-et-gommage?sort=7">Masque et gommage</a></li>
<li><a href="/c/cheveux/type-de-produit/soin-multi-usage?sort=7">Soin multi-usage</a></li>
</ul> </div>
<div>
<a href="/c/cheveux?sort=7">TYPE DE CHEVEUX</a>
<ul> <li><a href="/c/cheveux/type-de-cheveux/cheveux-secs?sort=7">Cheveux secs</a></li>
<li><a href="/c/cheveux/type-de-cheveux/cheveux-normaux?sort=7">Cheveux normaux</a></li>
<li><a href="/c/cheveux/type-de-cheveux/cheveux-colores?sort=7">Cheveux colorés</a></li>
<li><a href="/c/cheveux/type-de-cheveux/cheveux-secs?sort=7">Cheveux secs</a></li>
<li><a href="/c/cheveux/type-de-cheveux/cheveux-gras?sort=7">Cheveux gras</a></li>
<li><a href="/c/cheveux/type-de-cheveux/cheveux-a-pellicules?sort=7">Cheveux à pellicules</a></li>
<li><a href="/c/cheveux/type-de-cheveux/cheveux-fins-ternes?sort=7">Cheveux fins, ternes</a></li>
</ul> </div>
<div>
<a href="/c/cheveux?sort=7">Type de besoin</a>
<ul> <li><a href="/c/cheveux/besoin/reparation-et-nutrition?sort=7">Réparation et nutrition</a></li>
<li><a href="/c/cheveux/besoin/couleur-et-reflet?sort=7">Couleur et reflet</a></li>
<li><a href="/c/cheveux/besoin/anti-chute-et-anti-pellicule?sort=7">Anti-chute et anti-pellicule</a></li>
<li><a href="/c/cheveux/besoin/brillance?sort=7">Brillance</a></li>
<li><a href="/c/cheveux/besoin/purete?sort=7">Pureté</a></li>
<li><a href="/c/cheveux/besoin/douceur?sort=7">Douceur</a></li>
<li><a href="/c/cheveux/besoin/volume?sort=7">Volume</a></li>
</ul> </div>
<div class="col-btn">
<a class="product-star" href="https://www.yves-rocher.ma/shampooing_reparation_sans_sulfate">
<img src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/45491.jpg">
<div class="product-star__title">
Shampooing Réparation Sans Sulfate </div>
</a>
<ul> <li><a href="/tag/bestsellers/f/315,categorie,8796,cheveux">Meilleures Ventes</a></li>
<li><a href="/c/soldes-beaute?f=315,categorie,8796,cheveux">Fin de série</a></li>
</ul> </div>
</div>
</div>
</li>
<li class="">
<a href="/c/maquillage?sort=7">
<span>
Maquillage </span>
</a>
<div class="first-level-wrapper">
<div class="close-btn">
×
</div>
<div class="link-cols full-width">
<div>
<a href="/c/maquillage/teint?sort=7">TEINT</a>
<ul> <li><a href="/c/maquillage/teint/fond-de-teint?sort=7">Fond de teint</a></li>
<li><a href="/c/maquillage/teint/bb-creme?sort=7">BB Crème</a></li>
<li><a href="/c/maquillage/teint/correcteur-et-anti-cernes?sort=7">Correcteur et anti-cernes</a></li>
<li><a href="/c/maquillage/teint/poudre?sort=7">Poudre</a></li>
<li><a href="/c/maquillage/teint/blush-et-enlumineur?sort=7">Blush et enlumineur</a></li>
<li><a href="/c/maquillage/teint/pinceau-maquillage-et-accessoire?sort=7">Pinceau maquillage et accessoire</a></li>
</ul> </div>
<div>
<a href="/c/maquillage/yeux?sort=7">YEUX</a>
<ul> <li><a href="/c/maquillage/yeux/mascara?sort=7">Mascara</a></li>
<li><a href="/c/maquillage/yeux/fard-a-paupieres-et-fixateur?sort=7">Fard à paupières et fixateur</a></li>
<li><a href="/c/maquillage/yeux/crayon-eyeliner-et-khol?sort=7">Crayon, eyeliner et khôl</a></li>
<li><a href="/c/maquillage/yeux/maquillage-sourcils?sort=7">Maquillage sourcils</a></li>
<li><a href="/c/maquillage/yeux/palette-de-maquillage?sort=7">Palette de maquillage</a></li>
<li><a href="/c/maquillage/yeux/accessoire?sort=7">Accessoire</a></li>
</ul> </div>
<div>
<a href="/c/maquillage/levres?sort=7">LEVRES</a>
<ul> <li><a href="/c/maquillage/levres/rouge-a-levres?sort=7">Rouge à lèvres</a></li>
<li><a href="/c/maquillage/levres/rouge-a-levres-mat?sort=7">Rouge à lèvres mat</a></li>
<li><a href="/c/maquillage/levres/gloss?sort=7">Gloss</a></li>
<li><a href="/c/maquillage/levres/crayon-a-levres?sort=7">Crayon à lèvres</a></li>
<li><a href="/c/maquillage/levres/accessoire?sort=7">Accessoire</a></li>
</ul> </div>
<div>
<a href="/c/maquillage/ongles?sort=7">ONGLES</a>
<ul> <li><a href="/c/maquillage/ongles/vernis-a-ongles?sort=7">Vernis à ongles</a></li>
<li><a href="/c/maquillage/ongles/base-soin-et-top-coat?sort=7">Base, soin et top coat</a></li>
<li><a href="/c/maquillage/ongles/dissolvant?sort=7">Dissolvant</a></li>
<li><a href="/c/maquillage/ongles/accessoire-manucure?sort=7">Accessoire manucure</a></li>
</ul> </div>
<div class="col-btn">
<a class="product-star" href="https://www.yves-rocher.ma/crayon_khol_">
<img src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/56447.jpg">
<div class="product-star__title">
Crayon Khôl 01. Noir Crayon 1,3Gr </div>
</a>
<ul> <li><a href="/tag/bestsellers/f/315,categorie,8807,maquillage">Meilleures Ventes</a></li>
<li><a href="/c/soldes-beaute?f=315,categorie,8807,maquillage">Fin de série</a></li>
</ul> </div>
</div>
</div>
</li>
<li class="">
<a href="/c/parfum?sort=7">
<span>
Parfum </span>
</a>
<div class="first-level-wrapper">
<div class="close-btn">
×
</div>
<div class="link-cols full-width">
<div>
<a href="/c/parfum/parfum-femme?sort=7">PARFUM FEMME</a>
<ul> <li><a href="/c/parfum/parfum-femme/eau-de-parfum-femme?sort=7">Eau de parfum femme</a></li>
<li><a href="/c/parfum/parfum-femme/eau-de-toilette-femme?sort=7">Eau de toilette femme</a></li>
<li><a href="/c/corps-et-douche/bain-et-douche/brume-parfumee?sort=7">Brume parfumée</a></li>
<li><a href="/c/parfum/parfum-femme/gel-douche-et-derives-parfumes?sort=7">Gel douche et dérivés parfumés</a></li>
</ul> </div>
<div>
<a href="/c/parfum/parfum-homme?sort=7">PARFUM HOMME</a>
<ul> <li><a href="/c/parfum/parfum-homme/eau-de-toilette-homme?sort=7">Eau de toilette homme</a></li>
<li><a href="/c/parfum/parfum-homme/gel-douche-parfume?sort=7">Gel douche parfumé</a></li>
</ul> </div>
<div>
<a href="/c/parfum?sort=7">Ligne de parfum</a>
<ul> <li><a href="/c/parfum?f=325,gamme,9117,evidence&sort=7">Evidence</a></li>
<li><a href="/c/parfum?f=325,gamme,13737,love&sort=7">Love</a></li>
<li><a href="/c/parfum?f=325,gamme,15051,so-elixir&sort=7">So Elixir</a></li>
<li><a href="/c/parfum?f=325,gamme,15677,pleines-natures&sort=7">Pleines Natures</a></li>
<li><a href="/c/parfum?f=325,gamme,15047,la-collection&sort=7">La Collection Eaux Fraîches</a></li>
<li><a href="/c/parfum?f=325,gamme,15055,monoi&sort=7">Monoï</a></li>
</ul> </div>
<div class="col-btn">
<ul> <li><a href="/tag/bestsellers/f/315,categorie,8857,parfum">Meilleures Ventes</a></li>
<li><a href="/c/soldes-beaute?f=315,categorie,8857,parfum">Fin de série</a></li>
</ul> </div>
</div>
</div>
</li>
<li class="">
<a href="/c/corps-et-douche?sort=7">
<span>
Corps et douche </span>
</a>
<div class="first-level-wrapper">
<div class="close-btn">
×
</div>
<div class="link-cols full-width">
<div>
<a href="/c/corps-et-douche/soin-du-corps?sort=7">SOIN DU CORPS</a>
<ul> <li><a href="/c/corps-et-douche/soin-du-corps/lait-hydratant?sort=7">Lait hydratant</a></li>
<li><a href="/c/corps-et-douche/soin-du-corps/huile-et-soin-reparateur?sort=7">Huile et soin réparateur</a></li>
<li><a href="/c/corps-et-douche/soin-du-corps/gommage-et-exfoliant?sort=7">Gommage et exfoliant</a></li>
<li><a href="/c/corps-et-douche/soin-du-corps/creme-mains?sort=7">Crème mains</a></li>
<li><a href="/c/corps-et-douche/bain-et-douche/gel-lavant-mains?sort=7">Gel lavant mains</a></li>
<li><a href="/c/corps-et-douche/soin-du-corps/soin-des-pieds?sort=7">Soin des pieds et jambes</a></li>
<li><a href="/c/corps-et-douche/minceur?sort=7">Minceur</a></li>
<li><a href="/c/corps-et-douche/bain-et-douche/deodorant?sort=7">Déodorant</a></li>
<li><a href="/c/corps-et-douche/bain-et-douche/accessoire-corps?sort=7">Accessoire corps</a></li>
</ul> </div>
<div>
<a href="/c/corps-et-douche/bain-et-douche?sort=7">Bain & douche</a>
<ul> <li><a href="/c/corps-et-douche/bain-et-douche/gel-douche?sort=7">Gel douche</a></li>
<li><a href="/c/corps-et-douche/bain-et-douche/bain-douche?sort=7">Bain douche</a></li>
<li><a href="/c/corps-et-douche/bain-et-douche/huile-et-creme-de-douche?sort=7">Huile et crème de douche</a></li>
<li><a href="/c/corps-et-douche/bain-et-douche/gel-lavant-mains?sort=7">Gel lavant mains</a></li>
<li><a href="/c/corps-et-douche/bain-et-douche/huile-et-creme-de-douche?sort=7">Huile et crème de douche</a></li>
<li><a href="/c/corps-et-douche/bain-et-douche/accessoire-bain?sort=7">Accessoire bain</a></li>
</ul> </div>
<div>
<a href="/c/corps-et-douche/soin-solaire?sort=7">SOIN SOLAIRE</a>
<ul> <li><a href="/c/corps-et-douche/soin-solaire/protection-solaire?sort=7">Protection solaire</a></li>
<li><a href="/c/corps-et-douche/soin-solaire/apres-soleil?sort=7">Après-soleil</a></li>
<li><a href="/c/corps-et-douche/soin-solaire/autobronzant?sort=7">Autobronzant</a></li>
<li><a href="/c/corps-et-douche/soin-solaire/monoi?sort=7">Monoï</a></li>
</ul> </div>
<div class="col-btn">
<a class="product-star" href="https://www.yves-rocher.ma/lait_corps_vanille_bourbon">
<img src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/40419.jpg">
<div class="product-star__title">
Lait Corps Vanille Bourbon </div>
</a>
<ul> <li><a href="/c/corps-et-douche?bestsellers=1">Meilleures Ventes</a></li>
<li><a href="/c/soldes-beaute?f=315,categorie,8812,bain__and__douche">Fin de série</a></li>
</ul> </div>
</div>
</div>
</li>
<li class="">
<a href="/soins-en-institut-de-beaute">
<span>
Soins Institut </span>
</a>
<div class="first-level-wrapper">
<div class="close-btn">
×
</div>
<div class="link-cols full-width">
<div>
<a href="/soins_institut_liste_epilations">ÉPILATIONS</a>
<ul> <li><a href="/epilation_jambes_entieres">Jambes Entières</a></li>
<li><a href="/epilation_12_bras">1/2 Bras</a></li>
<li><a href="/epilation_12_jambes">1/2 Jambes</a></li>
<li><a href="/soins_institut_liste_epilations">Toutes les épilations</a></li>
</ul> </div>
<div>
<a href="/soins_institut_liste_soins_visage">SOINS VISAGE</a>
<ul> <li><a href="/soin_apaisant_a_la_camomille_sauvage">Apaisant à la Camomille Sauvage</a></li>
<li><a href="/modelage-visage-au-jojoba">Modelage Visage au Jojoba</a></li>
<li><a href="/soin_hydratant_a_ledulis">Hydratant à l'Edulis</a></li>
<li><a href="/soins_institut_liste_soins_visage">Tous les soins visage</a></li>
</ul> </div>
<div>
<a href="/soins_institut_liste_soins_corps">SOINS CORPS</a>
<ul> <li><a href="/modelage_corps_a_la_camomille">Modelage Corps à la Camomille</a></li>
<li><a href="/gommage_corps_aux_epices">Gommage Corps aux Epices</a></li>
<li><a href="/modelage_corps_a_la_camomille">Modelage Corps à la Camomille</a></li>
<li><a href="/soins_institut_liste_soins_corps">Tous les soins corps</a></li>
</ul> </div>
<div>
<a href="/soins_institut_liste_soins_lpg">SOINS LPG®</a>
<ul> <li><a href="/cure_anti_age_lpg_x_6">Soin Anti-Age x 6</a></li>
<li><a href="/cure_anti_age_lpg_x_12">Cure Anti-Age x 12</a></li>
<li><a href="/soin_minceur_lpg_express">Soin Minceur Express</a></li>
<li><a href="/soins_institut_liste_soins_lpg">Tous les soins LPG®</a></li>
</ul> </div>
<div class="col-btn">
<ul> <li><a href="/soins-en-institut-de-beaute">LA CARTE DES SOINS</a></li>
<li><a href="/nos_magasins">TROUVER UN INSTITUT DE BEAUTÉ</a></li>
</ul> </div>
</div>
</div>
</li>
<li class="featured">
<a href="/promotions_cosmetiques_produit_beaute">
<span>
Promotions </span>
</a>
<div class="first-level-wrapper">
<div class="close-btn">
×
</div>
<div class="link-cols full-width">
</div>
</div>
</li>
<li class="">
<a href="/yves_rocher_une_cosmetique_unique">
<span>
La Marque </span>
</a>
<div class="first-level-wrapper">
<div class="close-btn">
×
</div>
<div class="link-cols full-width">
<div>
<ul> <li><a href="/actbeautiful">Act Beautiful</a></li>
<li><a href="/carte_des_soins">Carte Des Soins</a></li>
<li><a href="/carte_de_fidelite">Ma Carte Fidélité & Moi</a></li>
<li><a href="/nos_magasins">Trouver un autre magasin</a></li>
</ul> </div>
<div class="col-cms-block">
<style type="text/css">.menu-cms-block-header {
font-weight: 300;
font-size: 1rem;
text-align: center;
margin: 1em 0 2.2em;
}
.menu-cms-block {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 4rem;
margin-bottom: 2rem;
}
.menu-cms-block>div {
-webkit-box-shadow: 0 0 30px rgb(0 0 0 / 20%);
box-shadow: 0 0 30px rgb(0 0 0 / 20%);
overflow: hidden;
border-radius: 8px;
position: relative;
}
.menu-cms-block>div>a {
position: absolute;
font-size: 0;
text-decoration: none;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0;
margin: 0;
z-index: 10;
}
.menu-cms-block>div>a:hover {
text-decoration: none;
}
.menu-cms-block>div>img {
height: 100%;
object-fit: cover;
display: block;
}
.menu-cms-block>div>.menu-cms-block__title {
position: absolute;
height: 4rem;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .4);
color: #fff;
margin: 0;
padding: 17px 28px 23px;
font-weight: 600;
font-size: 1rem;
}
@media only screen and (max-width: 1000px) {
.menu-cms-block {
grid-template-columns: 1fr;
}
.menu-cms-block>div {
margin: 1rem;
max-width: 330px;
place-self: center;
}
.hamburger-menu>nav>.link-cols>div>ul li .menu-cms-block>div>img {
height: 100%;
object-fit: cover;
margin-bottom: 0;
}
}
</style>
<div class="menu-cms-block">
<div><a href="/qui_sommes_nous"> </a> <img src="https://test.yves-rocher.ma/uimg/top_menu/About_us.png" />
<p class="menu-cms-block__title">QUI SOMMES-NOUS ?</p>
</div>
<div><a href="/nos_engagements"> </a> <img src="https://test.yves-rocher.ma/uimg/top_menu/Engagements.png" />
<p class="menu-cms-block__title">NOS ENGAGEMENTS</p>
</div>
<div><a href="/notre_expertise_botanique"> </a> <img src="https://test.yves-rocher.ma/uimg/top_menu/Expertise.png" />
<p class="menu-cms-block__title">EXPERTISE BOTANIQUE</p>
</div>
<div><a href="/nos_certifications_et_partenariats"> </a> <img src="https://test.yves-rocher.ma/uimg/top_menu/Partners.png" />
<p class="menu-cms-block__title">NOS CERTIFICATIONS & PARTENARIATS</p>
</div>
</div> </div>
</div>
</div>
</li>
</ul>
</nav>
</div>
<div id="menuOverlay"></div>
<main><div class="full-width-no-padding">
<div class="slider-wrapper">
<div class="slider">
<div>
<a class="slider-link" href="/promotion_cosmetique">
<picture>
<source media="(min-width: 641px)" srcset="/uimg/homepage/2026/04/offre_principale.jpg">
<source media="(max-width: 640px)" srcset="/uimg/homepage/2026/04/offre_principale_m.jpg">
<img src="/uimg/homepage/2026/04/offre_principale.jpg" style="max-height: 450px;">
</picture>
</a>
</div>
</div>
</div>
<style type="text/css">.cat { justify-content: center; grid-gap: 40px; grid-template-columns: repeat(4, 1fr); display: grid; margin: 0 20%; } .slider--home img { width: 100% !important; } .slider--home { height: 635px; max-width: 1248px; margin: auto; margin-top: 50px; } .bggris { width: 100%; } .bgwrite { background-color: #ffffff; } .tns-outer { position: relative; } [data-controls] { border: 0; padding: 0; font-size: 30px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; background: transparent; } [data-controls="prev"] { left: 10px; } [data-controls="next"] { right: 10px; } span.fas { font-size: 35px; color: #89941b; } .topcategories, .nouveautes, .promotions, .bestseller { max-width: 1248px; margin: auto; box-sizing: border-box; padding: 10px 0px 20px 0px; } .cat img { margin-bottom: 20px; width: 80%; } .cat a { text-decoration: none; font-size: 17px; text-align: center; color: #000; min-width: 130px; max-width: 100%; justify-self: center; } .topcategories h2, .promotions h2, .nouveautes h2, .bestseller h2 { margin-bottom: 0px; margin-top: 0px; font-size: 25px; text-align: center; text-transform: uppercase; padding: 30px 0; } span.fas { font-size: 35px; color: #fff; background-color: #89941b; border-radius: 50%; } .cmsblock__cta-title { display: block; text-align: right; margin: 45px 15px 0 0; text-decoration: underline !important; color: black; font-weight: 500; } .tns-outer .tns-nav { bottom: -3.4em; } .result-list-products { justify-content: center; margin-bottom: 5%; } .notif { max-width: 1248px; border: solid 1px #60472e; background-color: #ffffff; border-radius: 8px; text-align: center; padding: 0px; margin: auto; margin: 60px 1% 0% 1%; box-sizing: border-box; } .notif p { font-family: "Open Sans", sans-serif; line-height: 22px; color: #60472e; text-decoration: none; } .cnt { padding: 0px; box-sizing: border-box; } .ab_section { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 8%; grid-gap: 10px; } .ab_section img { width: 100%; border-radius: 8px; } .cmsblock_cta-wrapper { max-width: 416px; } .social .social__tree-number { position: absolute; top: 180px; } .trees-counter { height: 99%; border-radius: 8px; } a:link, a:visited { text-decoration: none; } h4 { margin: 0; } .cover_fit { width: 100%; object-fit: cover !important; border-radius: 8px; } .block_display { display: block; } .trees-counter { display: flex; flex-direction: column; justify-content: center; align-items: center; } .cmsblock__cta a { align-self: flex-start; padding: 0; } .traingle_bottom:after { bottom: 5px !important; } .nl_button { text-transform: uppercase; font-weight: 700; font-size: 1.143rem; color: #6f7e0d; transition: all 0.3s ease; margin: 18.5% 15px 0 0; display: block; text-align: right; } .container { margin-top: 5%; } .social h2, .responsive_carousel h2, .main-products-slider-wrapper h2 { margin-bottom: 25px; margin-top: 0px; font-size: 25px; text-align: center; text-transform: uppercase; padding: 20px 0; } @media screen and (max-width: 1130px) { .nl_button { margin: 10% 20px 0 0; } } @media screen and (max-width: 1120px) { .trees-counter.without-cta .trees-counter__tree-img { max-width: 95px !important; margin: 5px 0 5px !important; } .trees-counter__heading { font-size: 20px !important; } .trees-counter__counter-box { font-size: 18px !important; } } @media only screen and (max-width: 1000px) { .ab_section { grid-template-columns: 1fr; justify-items: center; } .ab_box { max-width: 380px; } .trees-counter { min-height: auto !important; height: 98% !important; } .social__tree { width: 100% !important; } } @media only screen and (max-width: 750px) { .cmsblock__cta-title { margin: 60px 15px 0 0; } .cat { grid-template-columns: repeat(2, 1fr); grid-gap: 30px; margin: 0 20%; } .cat a { font-size: 16px; min-width: 120px; max-width: 90%; } } @media only screen and (max-width: 480px) { .margintop { margin-top: 0px; } .cat img { margin-bottom: 10px; } .cat a { font-size: 15px; } .topcategories, .nouveautes, .promotions, .bestseller { max-width: 100%; padding: 10px 0px 10px 0px; } .topcategories h2, .promotions h2, .nouveautes h2, .bestseller h2 { font-size: 22px; padding: 10px 0; } .bestseller h2 { margin-bottom: 10px; background-color: #f7efe2; } .list-product-item { border: 2px solid #f7efe2; border-radius: 8px; } .list-products { width: 98%; margin: auto; } .social h2, .responsive_carousel h2, .main-products-slider-wrapper h2 { font-size: 22px; } } .main-products-slider .result-list-products, .main-products-slider2 .result-list-products { display: block; padding-top: 6px; } .main-products-slider .result-list-products .prod-tile, .main-products-slider2 .result-list-products .prod-tile { height: 421px; } .main-products-slider .tns-ovh, .main-products-slider2 .tns-ovh { max-height: 433px; } .main-products-slider .tns-outer .tns-nav, .main-products-slider2 .tns-outer .tns-nav { bottom: -3em; } .firstblock div { width: 50%; } .codc { margin-top: 15px; } @media only screen and (max-width: 720px) { .main-products-slider .result-list-products .prod-tile, .main-products-slider2 .result-list-products .prod-tile { height: 390px; } .main-products-slider .tns-ovh, .main-products-slider2 .tns-ovh { max-height: 450px; } .main-products-slider .tns-outer .tns-nav, .main-products-slider2 .tns-outer .tns-nav { bottom: -2.3em; } .ab_section { margin-top: 15%; } .firstblock { flex-direction: column; } .codc { margin-top: 20px; } .firstblock div { width: 90%; margin: auto; } } @media only screen and (max-width: 430px) { .main-products-slider .result-list-products .prod-tile, .main-products-slider2 .result-list-products .prod-tile { height: 370px; } .main-products-slider .tns-ovh, .main-products-slider2 .tns-ovh { max-height: 450px; } .hperso { height: auto !important; } } .firstblock { display: flex; justify-content: space-between; max-width: 100%; gap: 20px; margin-top: 20px; } /* .firstblock img, .box-container img { border-radius: 20px; } */ /* .my-slider-new { display: none;} */</style><!-- <div class="firstblock"> <div class="cal1"><img alt="Promo_cosmétique HP_BP_1" class="hperso" src="/uimg/homepage/2023/mars/cad250dh.jpg" style="width: 614px; height: 300px;" /> <a href="/promotion_gd"> <img alt="Promo_cosmétique HP_BP_3" class="codc hperso" src="/uimg/homepage/2023/mars/offre_duo_gd1.jpg" style="width: 614px; height: 200px;" /> </a></div> <div class="cal2"><img alt="Promo_cosmétique HP_BP_2" class="hperso" src="/uimg/homepage/2023/mars/cod1.jpg" style="width: 614px; height: 200px;" /> <a href="/promotion_brume"> <img alt="Promo_cosmétique HP_BP_4" class="codc hperso" src="/uimg/homepage/2023/mars/offre_duo_brume1.jpg" style="width: 614px; height: 300px;" /> </a></div> </div> --><style type="text/css">.ctablock { display: flex; justify-content: space-between; max-width: 90%; margin: auto; margin-top: 25px; } .ctablock a { color: #000; font-size: 15px; border: 1px solid #f0f2e6; padding: 10px; display: block; width: 23%; margin-top: 10px; margin-bottom: 15px; text-align: center; font-weight: bold; background-color: #f0f2e6; border-radius: 50px; } @media only screen and (max-width: 720px) { .ctablock { flex-wrap: wrap; margin-top: 30px; } .ctablock a { width: 48%; font-size: 13px; margin-bottom: 5px; } }</style><div class="ctablock"><a href="/tag/f/315,categorie,8841,soins_visage">SOIN VISAGE </a> <a href="/tag/f/315,categorie,8796,cheveux"> SOINS CHEVEUX </a> <a href="/coffret-only-web" style="color: #fff; background-color: #ba1051"> ✨ COFFRET WEB ✨ </a> <a href="/tag/f/315,categorie,8780,corps_et_solaire"> SOIN DU CORPS </a></div><style type="text/css">.containern { display: flex; justify-content: space-between; max-width: 90%; margin: auto; margin-top: 25px; gap: 20px; } .containern .blocv { border-radius: 20px; width: 32%; background-color: #f0f2e6 !important; cursor: pointer; } .containern .blocv img { border-top-left-radius: 20px; border-top-right-radius: 20px; } .containern .textv small, .containern .textv h3, .containern .textv a { text-transform: uppercase; } .containern .textv h3 { font-size: 20px; } .containern .textv { padding: 22px; } .containern .textv small { color: #fff; background-color: #000; font-size: 12px; padding: 3px 5px; font-weight: 700; } .containern .textv a { background-color: #000; padding: 10px 15px; border-radius: 5px; color: #fff; display: block; box-sizing: border-box; width: 135px; margin-top: 50px; margin-bottom: 5px; font-weight: 700; } .margintop { margin-top: 0px; } @media only screen and (max-width: 600px) { .containern { flex-direction: column; margin-top: 38px; } .containern .blocv { display: flex; justify-content: space-between; width: 100%; flex-direction: row; align-items: center; } .containern #reverse { flex-direction: row-reverse; } .containern .blocv img { width: 100%; border-bottom-left-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; display: block; } .containern #reverse img { border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .containern .blocv picture { width: 50%; } .containern .textv small { color: #fff; background-color: #000; font-size: 10px; padding: 2px 6px; } .containern .textv h3 { font-size: 16px; } .containern .textv p { font-size: 11px; } .containern .textv a { color: #000; display: block; text-decoration: underline; font-size: 12px; background-color: transparent; margin-top: 0; margin-bottom: 0; font-size: 12px; padding: 0px; } .containern .textv { padding: 10px; width: 50%; } } .color1 { background-color: #ba1051 !important; } .color2 { background-color: #ba1051 !important; } .color3 { background-color: #ba1051 !important; }</style><div class="containern"><div class="blocv" onclick="location.href = '/promotion_parfum'"><picture> <source media="(min-width: 600px)" srcset="/uimg/homepage/2026/04/block_1.jpg" /> <source media="(min-width: 10px)" srcset="/uimg/homepage/2026/04/block_1_m.jpg" /> <img srcset="/uimg/homepage/2026/04/block_1.jpg" /> </picture><div class="textv"><small class="color1">Offre parfum</small><h3>Jusqu’à -40% sur vos parfums préférés !</h3><p>Redécouvrez vos senteurs préférées avec une réduction exceptionnelle.</p><a href="/promotion_parfum">Je Découvre</a></div></div><div class="blocv" id="reverse" onclick="location.href = '/auth'"><picture> <source media="(min-width: 600px)" srcset="/uimg/homepage/2026/04/block_2.jpg" /> <source media="(min-width: 10px)" srcset="/uimg/homepage/2026/04/block_2_m.jpg" /> <img srcset="/uimg/homepage/2026/04/block_2.jpg" /> </picture><div class="textv"><small class="color2">CADEAU DU MOIS</small><h3>Cadeau OFFERT dès 250DH d’achat</h3><p>Veuillez vous connecter ou créer un compte afin de profiter de ce cadeau et d'autres avantages.</p><a href="/auth">Je Découvre</a></div></div><div class="blocv" onclick="location.href = '/promotion_idee_cadeau'"><picture> <source media="(min-width: 600px)" srcset="/uimg/homepage/2026/04/block_3.jpg" /> <source media="(min-width: 10px)" srcset="/uimg/homepage/2026/04/block_3_m.jpg" /> <img srcset="/uimg/homepage/2026/04/block_3.jpg" /> </picture><div class="textv"><small class="color3">DUO et TRIO</small><h3>Le plaisir en duo ou trio, à partir de 109 DH</h3><p>Des duos et trios spécialement conçus pour vous dès 109 DH.</p><a href="/promotion_idee_cadeau">Je Découvre</a></div></div></div><style type="text/css">.novelties__bg { background-image: linear-gradient( to top, rgba(240, 242, 231, 1) 0%, rgba(240, 242, 231, 0) 100% ); height: 100%; position: absolute; bottom: 0; width: 99.5vw; max-width: 100vw; margin: 0 calc(-50vw + 50%); }</style><div class="bgwrite margintop" style="position: relative; padding: 0px 0px 25px 0px"><div class="novelties__bg"> </div><div class="topcategories" style="position: relative"><h2><strong>Top catégories</strong></h2><div class="cat"><a href="/tag/f/315,categorie,8807,maquillage"><img src="uimg/homepage/2024/cat_maquillage.png" /> MAQUILLAGE </a> <a href="/tag/f/315,categorie,8796,cheveux"> <img src="uimg/homepage/2024/cat_cheuveux.png" /> CHEVEUX </a> <a href="/tag/f/315,categorie,8762,soin_visage"> <img src="uimg/homepage/2024/cat_soin_visage.png" /> SOINS VISAGE </a> <a href="/tag/f/315,categorie,8857,parfum"> <img src="uimg/homepage/2024/cat_parfum.png" /> PARFUM </a></div></div></div><!-- NOS NOUVEAUTÉS SECTION --><div class="main-products-slider-wrapper margintop"><h2 id="title2">NOS NOUVEAUTÉS</h2><div class="main-products-slider2"><div class="result-list-products promotion-products products-container">
<div class="prod-tile" itemscope itemtype="http://schema.org/Product" id="product-tile-70559-41019-795">
<a href="https://www.yves-rocher.ma/serum-anti-rides-liftant">
<div class="images-wrapper">
<img src="/img/ts.gif" data-src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/41019.jpg"
width="184" height="184"
alt="Sérum Anti-Rides Liftant" class="lazy">
<meta itemprop="image" content="https://www.yves-rocher.ma/uimg/product_catalog_500x500/41019.jpg" />
</div>
</a>
<wishlist-button sku="41019" altshop_id="1"></wishlist-button>
<h3>
<a href="https://www.yves-rocher.ma/serum-anti-rides-liftant">
<span itemprop="name">Sérum Anti-Rides Liftant</span>
</a>
</h3>
<meta itemprop="wrapperId" content="70559" />
<meta itemprop="brand" content="Yves Rocher" />
<meta itemprop="sku" content="41019" />
<meta itemprop="url" content="https://www.yves-rocher.ma/serum-anti-rides-liftant">
<meta itemprop="description" content="Lisse, repulpe et tonifie" />
<meta itemprop="category" content="Soin visage"/>
<div class="capacity">30 ml</div>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="reviewCount" content="0" />
<meta itemprop="ratingValue" content="0.00" />
</div>
<div class="rating">
<a href="https://www.yves-rocher.ma/serum-anti-rides-liftant#reviews">
<!--
--><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"> (0)
</a>
</div>
<div class="price-container">
<div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="MAD">
<meta itemprop="sku" content="41019" />
<div>
<meta itemprop="price" content="269.00">
<meta itemprop="oldPrice" content="379.00">
<span>
269.00 <span>Dh</span>
</span>
<div>
<del>
379.00 <span>Dh</span>
</del>
</div>
</div>
<link itemprop="availability" href="http://schema.org/InStock" />
</div>
<div class="discount">
<span>
-30%
</span>
</div>
</div>
<div class="unit-price">
100ml: 896.67 Dh </div>
<cart-add sku="41019"
altshopid="1"
unitprice="100ml: 896.67 Dh"
capacity="30 ml"
productid="70559"
reloadnomodal="0"
role="button"
>
Ajouter au panier </cart-add>
<cart-add class="prod-as-gift" productasgift="1"
altshopid="1"
unitprice="100ml: 896.67 Dh"
capacity="30 ml"
sku="41019" productid="70559">
</cart-add>
</div>
<div class="prod-tile" itemscope itemtype="http://schema.org/Product" id="product-tile-70558-48846-514">
<a href="https://www.yves-rocher.ma/creme-anti-rides-liftante-nuit">
<div class="images-wrapper">
<img src="/img/ts.gif" data-src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/48846.jpg"
width="184" height="184"
alt="Crème Anti-Rides Liftante Nuit" class="lazy">
<meta itemprop="image" content="https://www.yves-rocher.ma/uimg/product_catalog_500x500/48846.jpg" />
</div>
</a>
<wishlist-button sku="48846" altshop_id="1"></wishlist-button>
<h3>
<a href="https://www.yves-rocher.ma/creme-anti-rides-liftante-nuit">
<span itemprop="name">Crème Anti-Rides Liftante Nuit</span>
</a>
</h3>
<meta itemprop="wrapperId" content="70558" />
<meta itemprop="brand" content="Yves Rocher" />
<meta itemprop="sku" content="48846" />
<meta itemprop="url" content="https://www.yves-rocher.ma/creme-anti-rides-liftante-nuit">
<meta itemprop="description" content="Lisse, lifte et nourrit" />
<meta itemprop="category" content="Soin visage"/>
<div class="capacity">50 ml</div>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="reviewCount" content="0" />
<meta itemprop="ratingValue" content="0.00" />
</div>
<div class="rating">
<a href="https://www.yves-rocher.ma/creme-anti-rides-liftante-nuit#reviews">
<!--
--><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"> (0)
</a>
</div>
<div class="price-container">
<div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="MAD">
<meta itemprop="sku" content="48846" />
<div>
<meta itemprop="price" content="259.00">
<meta itemprop="oldPrice" content="369.00">
<span>
259.00 <span>Dh</span>
</span>
<div>
<del>
369.00 <span>Dh</span>
</del>
</div>
</div>
<link itemprop="availability" href="http://schema.org/InStock" />
</div>
<div class="discount">
<span>
-30%
</span>
</div>
</div>
<div class="unit-price">
100ml: 518.00 Dh </div>
<cart-add sku="48846"
altshopid="1"
unitprice="100ml: 518.00 Dh"
capacity="50 ml"
productid="70558"
reloadnomodal="0"
role="button"
>
Ajouter au panier </cart-add>
<cart-add class="prod-as-gift" productasgift="1"
altshopid="1"
unitprice="100ml: 518.00 Dh"
capacity="50 ml"
sku="48846" productid="70558">
</cart-add>
</div>
<div class="prod-tile" itemscope itemtype="http://schema.org/Product" id="product-tile-70557-43278-642">
<a href="https://www.yves-rocher.ma/creme-anti-rides-repulpante-jour">
<div class="images-wrapper">
<img src="/img/ts.gif" data-src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/43278.jpg"
width="184" height="184"
alt="Crème Anti-Rides Repulpante Jour" class="lazy">
<meta itemprop="image" content="https://www.yves-rocher.ma/uimg/product_catalog_500x500/43278.jpg" />
</div>
</a>
<wishlist-button sku="43278" altshop_id="1"></wishlist-button>
<h3>
<a href="https://www.yves-rocher.ma/creme-anti-rides-repulpante-jour">
<span itemprop="name">Crème Anti-Rides Repulpante Jour</span>
</a>
</h3>
<meta itemprop="wrapperId" content="70557" />
<meta itemprop="brand" content="Yves Rocher" />
<meta itemprop="sku" content="43278" />
<meta itemprop="url" content="https://www.yves-rocher.ma/creme-anti-rides-repulpante-jour">
<meta itemprop="description" content="Lisse, repulpe et hydrate" />
<meta itemprop="category" content="Soin visage"/>
<div class="capacity">50 ml</div>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="reviewCount" content="0" />
<meta itemprop="ratingValue" content="0.00" />
</div>
<div class="rating">
<a href="https://www.yves-rocher.ma/creme-anti-rides-repulpante-jour#reviews">
<!--
--><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"> (0)
</a>
</div>
<div class="price-container">
<div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="MAD">
<meta itemprop="sku" content="43278" />
<div>
<meta itemprop="price" content="259.00">
<meta itemprop="oldPrice" content="369.00">
<span>
259.00 <span>Dh</span>
</span>
<div>
<del>
369.00 <span>Dh</span>
</del>
</div>
</div>
<link itemprop="availability" href="http://schema.org/InStock" />
</div>
<div class="discount">
<span>
-30%
</span>
</div>
</div>
<div class="unit-price">
100ml: 518.00 Dh </div>
<cart-add sku="43278"
altshopid="1"
unitprice="100ml: 518.00 Dh"
capacity="50 ml"
productid="70557"
reloadnomodal="0"
role="button"
>
Ajouter au panier </cart-add>
<cart-add class="prod-as-gift" productasgift="1"
altshopid="1"
unitprice="100ml: 518.00 Dh"
capacity="50 ml"
sku="43278" productid="70557">
</cart-add>
</div>
<div class="prod-tile" itemscope itemtype="http://schema.org/Product" id="product-tile-70556-52003-295">
<a href="https://www.yves-rocher.ma/soin-regard-anti-rides-anti-poches">
<div class="images-wrapper">
<img src="/img/ts.gif" data-src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/52003.jpg"
width="184" height="184"
alt="Soin Regard Anti-Rides Anti-Poches" class="lazy">
<meta itemprop="image" content="https://www.yves-rocher.ma/uimg/product_catalog_500x500/52003.jpg" />
</div>
</a>
<wishlist-button sku="52003" altshop_id="1"></wishlist-button>
<h3>
<a href="https://www.yves-rocher.ma/soin-regard-anti-rides-anti-poches">
<span itemprop="name">Soin Regard Anti-Rides Anti-Poches</span>
</a>
</h3>
<meta itemprop="wrapperId" content="70556" />
<meta itemprop="brand" content="Yves Rocher" />
<meta itemprop="sku" content="52003" />
<meta itemprop="url" content="https://www.yves-rocher.ma/soin-regard-anti-rides-anti-poches">
<meta itemprop="description" content="Lisse, défroisse et illumine" />
<meta itemprop="category" content="Soin visage"/>
<div class="capacity">14 ml</div>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="reviewCount" content="0" />
<meta itemprop="ratingValue" content="0.00" />
</div>
<div class="rating">
<a href="https://www.yves-rocher.ma/soin-regard-anti-rides-anti-poches#reviews">
<!--
--><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"> (0)
</a>
</div>
<div class="price-container">
<div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="MAD">
<meta itemprop="sku" content="52003" />
<div>
<meta itemprop="price" content="219.00">
<meta itemprop="oldPrice" content="319.00">
<span>
219.00 <span>Dh</span>
</span>
<div>
<del>
319.00 <span>Dh</span>
</del>
</div>
</div>
<link itemprop="availability" href="http://schema.org/OutOfStock" />
</div>
<div class="discount">
<span>
-32%
</span>
</div>
</div>
<div class="unit-price">
100ml: 1564.29 Dh </div>
<div class="unavailable">N'est plus en stock</div>
</div>
<div class="prod-tile" itemscope itemtype="http://schema.org/Product" id="product-tile-70560-45846-784">
<a href="https://www.yves-rocher.ma/grand-soin-anti-rides-intense">
<div class="images-wrapper">
<img src="/img/ts.gif" data-src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/45846.jpg"
width="184" height="184"
alt="Grand Soin Anti-Rides Intense" class="lazy">
<meta itemprop="image" content="https://www.yves-rocher.ma/uimg/product_catalog_500x500/45846.jpg" />
</div>
</a>
<wishlist-button sku="45846" altshop_id="1"></wishlist-button>
<h3>
<a href="https://www.yves-rocher.ma/grand-soin-anti-rides-intense">
<span itemprop="name">Grand Soin Anti-Rides Intense</span>
</a>
</h3>
<meta itemprop="wrapperId" content="70560" />
<meta itemprop="brand" content="Yves Rocher" />
<meta itemprop="sku" content="45846" />
<meta itemprop="url" content="https://www.yves-rocher.ma/grand-soin-anti-rides-intense">
<meta itemprop="description" content="Lisse, repulpe et nourrit" />
<meta itemprop="category" content="Soin visage"/>
<div class="capacity">75 ml</div>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="reviewCount" content="0" />
<meta itemprop="ratingValue" content="0.00" />
</div>
<div class="rating">
<a href="https://www.yves-rocher.ma/grand-soin-anti-rides-intense#reviews">
<!--
--><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"> (0)
</a>
</div>
<div class="price-container">
<div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="MAD">
<meta itemprop="sku" content="45846" />
<div>
<meta itemprop="price" content="299.00">
<meta itemprop="oldPrice" content="419.00">
<span>
299.00 <span>Dh</span>
</span>
<div>
<del>
419.00 <span>Dh</span>
</del>
</div>
</div>
<link itemprop="availability" href="http://schema.org/InStock" />
</div>
<div class="discount">
<span>
-29%
</span>
</div>
</div>
<div class="unit-price">
100ml: 398.67 Dh </div>
<cart-add sku="45846"
altshopid="1"
unitprice="100ml: 398.67 Dh"
capacity="75 ml"
productid="70560"
reloadnomodal="0"
role="button"
>
Ajouter au panier </cart-add>
<cart-add class="prod-as-gift" productasgift="1"
altshopid="1"
unitprice="100ml: 398.67 Dh"
capacity="75 ml"
sku="45846" productid="70560">
</cart-add>
</div>
<div class="prod-tile" itemscope itemtype="http://schema.org/Product" id="product-tile-70561-54083-96">
<a href="https://www.yves-rocher.ma/concentre-double-action">
<div class="images-wrapper">
<img src="/img/ts.gif" data-src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/54083.jpg"
width="184" height="184"
alt="Concentré Double Action" class="lazy">
<meta itemprop="image" content="https://www.yves-rocher.ma/uimg/product_catalog_500x500/54083.jpg" />
</div>
</a>
<wishlist-button sku="54083" altshop_id="1"></wishlist-button>
<h3>
<a href="https://www.yves-rocher.ma/concentre-double-action">
<span itemprop="name">Concentré Double Action</span>
</a>
</h3>
<meta itemprop="wrapperId" content="70561" />
<meta itemprop="brand" content="Yves Rocher" />
<meta itemprop="sku" content="54083" />
<meta itemprop="url" content="https://www.yves-rocher.ma/concentre-double-action">
<meta itemprop="description" content="Lisse, unifie et affine" />
<meta itemprop="category" content="Soin visage"/>
<div class="capacity">30 ml</div>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="reviewCount" content="0" />
<meta itemprop="ratingValue" content="0.00" />
</div>
<div class="rating">
<a href="https://www.yves-rocher.ma/concentre-double-action#reviews">
<!--
--><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"> (0)
</a>
</div>
<div class="price-container">
<div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="MAD">
<meta itemprop="sku" content="54083" />
<div>
<meta itemprop="price" content="349.00">
<meta itemprop="oldPrice" content="489.00">
<span>
349.00 <span>Dh</span>
</span>
<div>
<del>
489.00 <span>Dh</span>
</del>
</div>
</div>
<link itemprop="availability" href="http://schema.org/InStock" />
</div>
<div class="discount">
<span>
-29%
</span>
</div>
</div>
<div class="unit-price">
100ml: 1163.33 Dh </div>
<cart-add sku="54083"
altshopid="1"
unitprice="100ml: 1163.33 Dh"
capacity="30 ml"
productid="70561"
reloadnomodal="0"
role="button"
>
Ajouter au panier </cart-add>
<cart-add class="prod-as-gift" productasgift="1"
altshopid="1"
unitprice="100ml: 1163.33 Dh"
capacity="30 ml"
sku="54083" productid="70561">
</cart-add>
</div>
</div>
</div></div><!-- NOS NOUVEAUTÉS SECTION --><br id="none" /><br id="none" /><!-- NOS PROMOTIONS SECTION --><div class="bggris margintop" style="position: relative; padding: 25px 0px 50px 0px"><div class="novelties__bg"> </div><div class="promotions" style="position: relative"><h2><strong>Nos promotions</strong></h2><div class="firstblock" style="margin-top: 0px"><div class="cal1"><a href="/promotion_soins_visage"><img alt="Promo_cosmétique HP_NP_1" src="/uimg/homepage/2026/04/block_4.jpg" style="border-radius: 15px" /> </a></div><div class="cal2"><a href="/promotion-soin-du-corps"><img alt="Promo_cosmétique HP_NP_2" src="/uimg/homepage/2026/04/block_5.jpg" style="border-radius: 15px" /> </a></div></div><a class="cmsblock__cta-title" href="/promotions_cosmetiques_produit_beaute">Voir plus de promotions</a></div></div><!-- NOS PROMOTIONS SECTION --><div class="main-products-slider-wrapper margintop"><h2 id="title4">Meilleures ventes</h2><div class="main-products-slider"><div class="result-list-products promotion-products products-container">
<div class="prod-tile" itemscope itemtype="http://schema.org/Product" id="product-tile-68235-30313-360">
<a href="https://www.yves-rocher.ma/comme_une_evidence_eau_de_parfum_100_ml">
<div class="images-wrapper">
<img src="/img/ts.gif" data-src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/30313.jpg"
width="184" height="184"
alt="Comme Une Evidence - Eau de Parfum" class="lazy">
<meta itemprop="image" content="https://www.yves-rocher.ma/uimg/product_catalog_500x500/30313.jpg" />
</div>
</a>
<wishlist-button sku="30313" altshop_id="1"></wishlist-button>
<h3>
<a href="https://www.yves-rocher.ma/comme_une_evidence_eau_de_parfum_100_ml">
<span itemprop="name">Comme Une Evidence - Eau de Parfum</span>
</a>
</h3>
<meta itemprop="wrapperId" content="68235" />
<meta itemprop="brand" content="Yves Rocher" />
<meta itemprop="sku" content="30313" />
<meta itemprop="url" content="https://www.yves-rocher.ma/comme_une_evidence_eau_de_parfum_100_ml">
<meta itemprop="description" content="L’opulence et la féminité de la Rose Damascena révélée par les notes pétillantes de Bergamote" />
<meta itemprop="category" content="Parfum"/>
<div class="capacity">100 ml</div>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="reviewCount" content="2" />
<meta itemprop="ratingValue" content="4.50" />
</div>
<div class="rating">
<a href="https://www.yves-rocher.ma/comme_une_evidence_eau_de_parfum_100_ml#reviews">
<img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><!--
--> (2)
</a>
</div>
<div class="price-container">
<div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="MAD">
<meta itemprop="sku" content="30313" />
<div>
<meta itemprop="price" content="379.00">
<meta itemprop="oldPrice" content="629.00">
<span>
379.00 <span>Dh</span>
</span>
<div>
<del>
629.00 <span>Dh</span>
</del>
</div>
</div>
<link itemprop="availability" href="http://schema.org/InStock" />
</div>
<div class="discount">
<span>
-40%
</span>
</div>
</div>
<div class="unit-price">
100ml: 379.00 Dh </div>
<cart-add sku="30313"
altshopid="1"
unitprice="100ml: 379.00 Dh"
capacity="100 ml"
productid="68235"
reloadnomodal="0"
role="button"
>
Ajouter au panier </cart-add>
<cart-add class="prod-as-gift" productasgift="1"
altshopid="1"
unitprice="100ml: 379.00 Dh"
capacity="100 ml"
sku="30313" productid="68235">
</cart-add>
</div>
<div class="prod-tile" itemscope itemtype="http://schema.org/Product" id="product-tile-68254-30137-644">
<a href="https://www.yves-rocher.ma/levidence_eau_de_parfum_100_ml">
<div class="images-wrapper">
<img src="/img/ts.gif" data-src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/30137.jpg"
width="184" height="184"
alt="L'Evidence - Eau de Parfum" class="has-second-image lazy">
<img src="/img/ts.gif" data-src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/30137_2.jpg"
width="184" height="184"
alt="L'Evidence - Eau de Parfum" class="additional-image lazy">
<meta itemprop="image" content="https://www.yves-rocher.ma/uimg/product_catalog_500x500/30137.jpg" />
</div>
</a>
<wishlist-button sku="30137" altshop_id="1"></wishlist-button>
<div class="badge">
Meilleure vente </div>
<h3>
<a href="https://www.yves-rocher.ma/levidence_eau_de_parfum_100_ml">
<span itemprop="name">L'Evidence - Eau de Parfum</span>
</a>
</h3>
<meta itemprop="wrapperId" content="68254" />
<meta itemprop="brand" content="Yves Rocher" />
<meta itemprop="sku" content="30137" />
<meta itemprop="url" content="https://www.yves-rocher.ma/levidence_eau_de_parfum_100_ml">
<meta itemprop="description" content="Une fleur de Magnolia lumineuse, rafraîchie par une Pêche juteuse upcyclée" />
<meta itemprop="category" content="Parfum"/>
<div class="capacity">100 ml</div>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="reviewCount" content="2" />
<meta itemprop="ratingValue" content="4.50" />
</div>
<div class="rating">
<a href="https://www.yves-rocher.ma/levidence_eau_de_parfum_100_ml#reviews">
<img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><!--
--> (2)
</a>
</div>
<div class="price-container">
<div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="MAD">
<meta itemprop="sku" content="30137" />
<div>
<meta itemprop="price" content="379.00">
<meta itemprop="oldPrice" content="629.00">
<span>
379.00 <span>Dh</span>
</span>
<div>
<del>
629.00 <span>Dh</span>
</del>
</div>
</div>
<link itemprop="availability" href="http://schema.org/InStock" />
</div>
<div class="discount">
<span>
-40%
</span>
</div>
</div>
<div class="unit-price">
100ml: 379.00 Dh </div>
<cart-add sku="30137"
altshopid="1"
unitprice="100ml: 379.00 Dh"
capacity="100 ml"
productid="68254"
reloadnomodal="0"
role="button"
>
Ajouter au panier </cart-add>
<cart-add class="prod-as-gift" productasgift="1"
altshopid="1"
unitprice="100ml: 379.00 Dh"
capacity="100 ml"
sku="30137" productid="68254">
</cart-add>
</div>
<div class="prod-tile" itemscope itemtype="http://schema.org/Product" id="product-tile-70657-17322-592">
<a href="https://www.yves-rocher.ma/granit_bleu_eau_de_toilette_100">
<div class="images-wrapper">
<img src="/img/ts.gif" data-src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/17322.jpg"
width="184" height="184"
alt="Granit Bleu - Eau de Toilette" class="lazy">
<meta itemprop="image" content="https://www.yves-rocher.ma/uimg/product_catalog_500x500/17322.jpg" />
</div>
</a>
<wishlist-button sku="17322" altshop_id="1"></wishlist-button>
<h3>
<a href="https://www.yves-rocher.ma/granit_bleu_eau_de_toilette_100">
<span itemprop="name">Granit Bleu - Eau de Toilette</span>
</a>
</h3>
<meta itemprop="wrapperId" content="70657" />
<meta itemprop="brand" content="Yves Rocher" />
<meta itemprop="sku" content="17322" />
<meta itemprop="url" content="https://www.yves-rocher.ma/granit_bleu_eau_de_toilette_100">
<meta itemprop="description" content="La puissance d'un boisé marin" />
<meta itemprop="category" content="Parfum"/>
<div class="capacity">100ml</div>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="reviewCount" content="0" />
<meta itemprop="ratingValue" content="0.00" />
</div>
<div class="rating">
<a href="https://www.yves-rocher.ma/granit_bleu_eau_de_toilette_100#reviews">
<!--
--><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"><img src="/img/ts.gif" data-src="/img/star_off.svg" title="star off" class="lazy"> (0)
</a>
</div>
<div class="price-container">
<div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="MAD">
<meta itemprop="sku" content="17322" />
<div>
<meta itemprop="price" content="345.00">
<meta itemprop="oldPrice" content="579.00">
<span>
345.00 <span>Dh</span>
</span>
<div>
<del>
579.00 <span>Dh</span>
</del>
</div>
</div>
<link itemprop="availability" href="http://schema.org/InStock" />
</div>
<div class="discount">
<span>
-41%
</span>
</div>
</div>
<div class="unit-price">
100ml: 345.00 Dh </div>
<cart-add sku="17322"
altshopid="1"
unitprice="100ml: 345.00 Dh"
capacity="100ml"
productid="70657"
reloadnomodal="0"
role="button"
>
Ajouter au panier </cart-add>
<cart-add class="prod-as-gift" productasgift="1"
altshopid="1"
unitprice="100ml: 345.00 Dh"
capacity="100ml"
sku="17322" productid="70657">
</cart-add>
</div>
<div class="prod-tile" itemscope itemtype="http://schema.org/Product" id="product-tile-32764-07577-714">
<a href="https://www.yves-rocher.ma/eau_de_toilette_bois_de_sauge">
<div class="images-wrapper">
<img src="/img/ts.gif" data-src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/07577.jpg"
width="184" height="184"
alt="Eau De Toilette Bois De Sauge" class="lazy">
<meta itemprop="image" content="https://www.yves-rocher.ma/uimg/product_catalog_500x500/07577.jpg" />
</div>
</a>
<wishlist-button sku="07577" altshop_id="1"></wishlist-button>
<div class="badge">
Meilleure vente </div>
<h3>
<a href="https://www.yves-rocher.ma/eau_de_toilette_bois_de_sauge">
<span itemprop="name">Eau De Toilette Bois De Sauge</span>
</a>
</h3>
<meta itemprop="wrapperId" content="32764" />
<meta itemprop="brand" content="Yves Rocher" />
<meta itemprop="sku" content="07577" />
<meta itemprop="url" content="https://www.yves-rocher.ma/eau_de_toilette_bois_de_sauge">
<meta itemprop="description" content="L'intensité d'une Fraîcheur aromatique" />
<meta itemprop="category" content="Parfum"/>
<div class="capacity">100 ml</div>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="reviewCount" content="52" />
<meta itemprop="ratingValue" content="4.82" />
</div>
<div class="rating">
<a href="https://www.yves-rocher.ma/eau_de_toilette_bois_de_sauge#reviews">
<img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><!--
--> (52)
</a>
</div>
<div class="price-container">
<div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="MAD">
<meta itemprop="sku" content="07577" />
<div>
<meta itemprop="price" content="345.00">
<meta itemprop="oldPrice" content="579.00">
<span>
345.00 <span>Dh</span>
</span>
<div>
<del>
579.00 <span>Dh</span>
</del>
</div>
</div>
<link itemprop="availability" href="http://schema.org/InStock" />
</div>
<div class="discount">
<span>
-41%
</span>
</div>
</div>
<div class="unit-price">
100ml: 345.00 Dh </div>
<cart-add sku="07577"
altshopid="1"
unitprice="100ml: 345.00 Dh"
capacity="100 ml"
productid="32764"
reloadnomodal="0"
role="button"
>
Ajouter au panier </cart-add>
<cart-add class="prod-as-gift" productasgift="1"
altshopid="1"
unitprice="100ml: 345.00 Dh"
capacity="100 ml"
sku="07577" productid="32764">
</cart-add>
</div>
<div class="prod-tile" itemscope itemtype="http://schema.org/Product" id="product-tile-62590-47043-797">
<a href="https://www.yves-rocher.ma/apres_shampooing_reparation">
<div class="images-wrapper">
<img src="/img/ts.gif" data-src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/47043.jpg"
width="184" height="184"
alt="Après-Shampooing Réparation" class="lazy">
<meta itemprop="image" content="https://www.yves-rocher.ma/uimg/product_catalog_500x500/47043.jpg" />
</div>
</a>
<wishlist-button sku="47043" altshop_id="1"></wishlist-button>
<h3>
<a href="https://www.yves-rocher.ma/apres_shampooing_reparation">
<span itemprop="name">Après-Shampooing Réparation</span>
</a>
</h3>
<meta itemprop="wrapperId" content="62590" />
<meta itemprop="brand" content="Yves Rocher" />
<meta itemprop="sku" content="47043" />
<meta itemprop="url" content="https://www.yves-rocher.ma/apres_shampooing_reparation">
<meta itemprop="description" content="Moins 94% de casse et 17x plus résistant." />
<meta itemprop="category" content="Cheveux"/>
<div class="capacity">200 ml</div>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="reviewCount" content="9" />
<meta itemprop="ratingValue" content="4.89" />
</div>
<div class="rating">
<a href="https://www.yves-rocher.ma/apres_shampooing_reparation#reviews">
<img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><!--
--> (9)
</a>
</div>
<div class="price-container">
<div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="MAD">
<meta itemprop="sku" content="47043" />
<div>
<meta itemprop="price" content="69.00">
<meta itemprop="oldPrice" content="79.00">
<span>
69.00 <span>Dh</span>
</span>
<div>
<del>
79.00 <span>Dh</span>
</del>
</div>
</div>
<link itemprop="availability" href="http://schema.org/InStock" />
</div>
<div class="discount">
<span>
-13%
</span>
</div>
</div>
<div class="unit-price">
100ml: 34.50 Dh </div>
<cart-add sku="47043"
altshopid="1"
unitprice="100ml: 34.50 Dh"
capacity="200 ml"
productid="62590"
reloadnomodal="0"
role="button"
>
Ajouter au panier </cart-add>
<cart-add class="prod-as-gift" productasgift="1"
altshopid="1"
unitprice="100ml: 34.50 Dh"
capacity="200 ml"
sku="47043" productid="62590">
</cart-add>
</div>
<div class="prod-tile" itemscope itemtype="http://schema.org/Product" id="product-tile-56351-86701-782">
<a href="https://www.yves-rocher.ma/eau_de_parfum_sur_la_lande">
<div class="images-wrapper">
<img src="/img/ts.gif" data-src="https://www.yves-rocher.ma/uimg/product_catalog_184x184/86701.jpg"
width="184" height="184"
alt="Eau de Parfum Sur La Lande" class="lazy">
<meta itemprop="image" content="https://www.yves-rocher.ma/uimg/product_catalog_500x500/86701.jpg" />
</div>
</a>
<wishlist-button sku="86701" altshop_id="1"></wishlist-button>
<div class="badge">
Meilleure vente </div>
<h3>
<a href="https://www.yves-rocher.ma/eau_de_parfum_sur_la_lande">
<span itemprop="name">Eau de Parfum Sur La Lande</span>
</a>
</h3>
<meta itemprop="wrapperId" content="56351" />
<meta itemprop="brand" content="Yves Rocher" />
<meta itemprop="sku" content="86701" />
<meta itemprop="url" content="https://www.yves-rocher.ma/eau_de_parfum_sur_la_lande">
<meta itemprop="description" content="Un souffle de fleurs sauvages ancré par la puissance d'un absolu d'algues bretonnes." />
<meta itemprop="category" content="Parfum"/>
<div class="capacity">100 ml</div>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="reviewCount" content="11" />
<meta itemprop="ratingValue" content="4.73" />
</div>
<div class="rating">
<a href="https://www.yves-rocher.ma/eau_de_parfum_sur_la_lande#reviews">
<img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><img src="/img/ts.gif" data-src="/img/star_on.svg" title="star on" class="lazy"><!--
--> (11)
</a>
</div>
<div class="price-container">
<div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="MAD">
<meta itemprop="sku" content="86701" />
<div>
<meta itemprop="price" content="445.00">
<meta itemprop="oldPrice" content="739.00">
<span>
445.00 <span>Dh</span>
</span>
<div>
<del>
739.00 <span>Dh</span>
</del>
</div>
</div>
<link itemprop="availability" href="http://schema.org/InStock" />
</div>
<div class="discount">
<span>
-40%
</span>
</div>
</div>
<div class="unit-price">
100ml: 445.00 Dh </div>
<cart-add sku="86701"
altshopid="1"
unitprice="100ml: 445.00 Dh"
capacity="100 ml"
productid="56351"
reloadnomodal="0"
role="button"
>
Ajouter au panier </cart-add>
<cart-add class="prod-as-gift" productasgift="1"
altshopid="1"
unitprice="100ml: 445.00 Dh"
capacity="100 ml"
sku="86701" productid="56351">
</cart-add>
</div>
</div>
</div></div><!-- AB SECTION BANNER 3 SLICES --><!-- <div class="ab_section"> <div class="ab_box"><a href="/carte-de-fidelite"><img src="uimg/homepage/joliecartes1.jpg" /> </a></div> <div class="ab_box"><a href="/actbeautiful"><img src="uimg/homepage/actbeutiful3.jpg" /> </a></div> <div class="ab_box"><a href="/comment_proteger_sa_peau_du_soleil"><img src="uimg/homepage/article1.jpg" /> </a></div> </div> --><style type="text/css">.actb { display: flex; margin: auto; justify-content: space-between; height: 557px; margin-top: 70px; } .actb img { width: 100%; border-radius: 15px; } .actb div { width: 49%; } .actb .double { display: flex; flex-direction: column; justify-content: space-between; } @media only screen and (max-width: 480px) { .actb { flex-direction: column; height: auto; width: 90%; margin-top: 60px; } .actb div { width: 100%; } .actb img { margin-top: 10px; } }</style><div class="actb"><div><a href="/actbeautiful"><img src="https://www.yves-rocher.ma/uimg/actbeautiful/blog.png" /> </a></div><div class="double"><a href="/tag/f/315,categorie,8857,parfum"><img src="https://www.yves-rocher.ma/uimg/actbeautiful/block1.png" /> </a> <a href="/carte-de-fidelite"> <img src="https://www.yves-rocher.ma/uimg/actbeautiful/block2c.png" /> </a></div></div><!-- SOCIAL TREEE SECTION --><style type="text/css">/* Our Stores layout*/ .ourStores { display: grid; align-items: center; justify-items: center; gap: 1rem; margin: 1rem 1rem 3rem 1rem; } /* Our Stores > heaader */ .ourStores-header { text-align: center; margin-bottom: 2.5rem; font-style: italic; } .ourStores-header span { font-weight: 400; } /* Our Stores > Banner*/ .ourStores .banner { display: grid; position: relative; justify-items: center; max-width: 425px; border-radius: 2rem; } .ourStores .banner::after { border-radius: 8px; content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient( to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 65%, transparent 100% ); opacity: 0.8; } .ourStores .banner__bg img { vertical-align: middle; border-radius: 1rem; } .ourStores .banner__txt-wrap { display: grid; position: absolute; bottom: 1.5rem; left: 1.5rem; color: #fff; justify-items: start; margin-right: 2rem; z-index: 1; } .ourStores .banner__label { background-color: #ab2852; padding: 0.3rem; margin: 0; font-weight: 700; } .ourStores .banner__txt { margin: 0; font-weight: 400; margin-top: 1rem; } .ourStores .banner__txt span { margin: 0; font-weight: 700; } .ourStores .banner__label--2 { background-color: #2f6e88; } .ourStores .banner__label--3 { background-color: #449970; } /* commit section */ .commit { position: relative; padding-bottom: 0.5rem; margin: 2rem 0; } .commit .commit__bg { background-image: linear-gradient( to top, rgba(240, 242, 231, 1) 0%, rgba(240, 242, 231, 0) 100% ); height: 100%; position: absolute; bottom: 50%; width: 100vw; max-width: 99.5vw; margin: 0 calc(-50vw + 50%); z-index: -10; } /* Commit__header */ .commit h1.commit__header { text-align: center; margin-bottom: 1rem; /* font-style: italic; */ display: block; } .commit h1.commit__header span { font-weight: 400; } /* commit container */ .commit .commit__container { display: flex; justify-content: center; gap: 2rem; padding-top: 2rem; } /* Commit card */ .commit__container .commit-card { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 270px; height: 350px; border-radius: 8px; margin-bottom: 3rem; } .commit__container .commit-card--bg-1 { background-image: url(/uimg/homepage/engagment/commit-card-img-1.jpg); } .commit__container .commit-card--bg-2 { background-image: url(/uimg/homepage/engagment/commit-card-img-2.jpg); } .commit__container .commit-card--bg-3 { background-image: url(/uimg/homepage/engagment/commit-card-img-3.jpg); } .commit__container .commit-card--bg-4 { background-image: url(/uimg/homepage/engagment/commit-card-img-4.jpg); } /* Commit card > Title */ .commit .commit-card__title { position: absolute; top: 17rem; left: 50%; padding: 1rem; width: 100%; text-align: center; font-size: 1.3rem; transform: translate(-50%); color: #fff; font-weight: 700; } .commit-card__title .commit__title--sub { color: #dad9d4; font-weight: 400; } .commit-card__title .commit__title { margin: 0; padding: 0; } /* Tns */ .commit .tns-outer { margin-bottom: 0; } /* Commit link */ .commit .commit__link { display: flex; justify-content: center; } .commit .commit__link a { color: #000; padding: 1rem; text-decoration: none; position: relative; text-align: center; margin: 0 3rem; } .commit__link a::before { content: ""; position: absolute; width: 100%; transform: scaleX(1); height: 0.07rem; bottom: 0; left: 0; background-color: #000; } /* Commit link > Animations*/ .commit__link a::after { content: ""; position: absolute; width: 100%; transform: scaleX(0); height: 0.12rem; bottom: 0; left: 0; background-color: #000; transform-origin: bottom right; transition: transform 0.33s ease; } .commit__link a:hover::after { transform: scaleX(1); transform-origin: bottom left; } .commit .commit__link a:hover { transform: scale(1.03); } /*MEDIA QUERIES*/ @media (min-width: 425px) { /* Our Stores > Banner*/ .ourStores .banner__txt-wrap { bottom: 2rem; left: 2rem; font-size: 1.3rem; } /* Commit card */ .commit__container .commit-card { height: 400px; } .commit .commit-card__title { font-size: 1.6rem; } } @media (min-width: 768px) { /* Our Stores > Banner*/ .ourStores .banner:nth-child(1) { grid-column: 1/2; grid-row: 1/3; } .ourStores .banner:nth-child(2) { grid-column: 2/3; grid-row: 1/2; } .ourStores .banner:nth-child(3) { grid-column: 2/3; grid-row: 2/3; } .ourStores .banner { max-width: unset; } } @media (min-width: 900px) { /* Our Stores > Banner*/ .ourStores .banner__txt-wrap { bottom: 2.5rem; left: 3rem; font-size: 1.5rem; } } @media (min-width: 1200px) { /* Our Stores layout*/ .ourStores { margin: 1rem 3rem 3rem 3rem; } } .motion-1 { cursor: pointer; } @media only screen and (max-width: 480px) { .full-width-no-padding img { max-height: none !important; } .cmsblock__cta-title { text-align: center; margin: 0px; margin-top: 30px; } .commit h1.commit__header { font-size: 20px; font-weight: 600; } .commit .commit__link a { padding: 0px; } .commit { margin-bottom: 0px; } }</style><!-- Commitments section--><div class="commit"><h1 class="commit__header" id="title4">NOS ENGAGEMENTS</h1><div class="commit__bg"> </div><div class="commit__container"><div class="commit-card commit-card--bg-1 motion-1" onclick="location.href = '/nos_engagements'"><a class="box__link" href="/nos_engagements"> </a><div class="commit-card__title"><p class="commit__title">Des actifs végétaux, <span class="commit__title--sub"> dans nos formules</span></p></div></div><div class="commit-card commit-card--bg-2 motion-1" onclick="location.href = '/nos_engagements'"><a class="box__link" href="/nasze_zobowiaznia#agro"> </a><div class="commit-card__title"><p class="commit__title">L'agroécologie, <span class="commit__title--sub"> dans nos champs</span></p></div></div><div class="commit-card commit-card--bg-3 motion-1" onclick="location.href = '/nos_engagements'"><a class="box__link" href="/nasze_zobowiaznia#packagin"> </a><div class="commit-card__title"><p class="commit__title">Des emballages plus responsables, <span class="commit__title--sub"> dans vos paniers </span></p></div></div><div class="commit-card commit-card--bg-4 motion-1" onclick="location.href = '/nos_engagements'"><a class="box__link" href="/nasze_zobowiaznia#protect"> </a><div class="commit-card__title"><p class="commit__title">La protection de la biodiversité, <span class="commit__title--sub"> dans notre histoire</span></p></div></div></div><div class="commit__link"><a class="motion-link" href="/nos_engagements">TOUT SAVOIR SUR LA MARQUE</a></div></div><style type="text/css">.topcategories h2 { padding: 20px 0; } #title2 { padding-top: 28px; margin-bottom: 0px; } h2#title3 { padding-bottom: 22px; padding-top: 8px; } h2#title4 { padding: 0px; margin: 0px; padding-bottom: 21px; padding-top: 25px; } h1#title4 { margin-top: 0px; margin-bottom: 0px; } #tns1-mw { height: 464px; } .store { display: none; } #tns4-ow { margin-bottom: 0; } .actb { margin-top: 50px; } @media only screen and (max-width: 480px) { .topcategories h2 { padding-top: 15px; padding-bottom: 22px; } #title2 { padding-top: 28px; margin-bottom: 0px; } #none { display: none; } h2#title3 { padding-bottom: 22px; padding-top: 34px; } .cmsblock__cta-title { margin-top: 15px; margin-bottom: 15px; font-size: 14px; } h2#title4 { padding-bottom: 15px; padding-top: 15px; } .actb { margin-top: 42px; } h1#title4 { margin-top: 0px; margin-bottom: 0px; } #tns1-mw { height: 405px; } .commit .commit__link a { margin-bottom: 15px; } }</style><!-- SCRIPT --><script src="https://unpkg.com/tiny-slider@2.9.3/dist/tiny-slider.js"></script><script> (function () { tns({ container: ".commit__container", swipeAngle: false, speed: 700, autoplayTimeout: 2500, items: 1, slideBy: "1", mouseDrag: true, autoplay: true, controls: false, nav: false, loop: true, center: true, responsive: { 1050: { disable: true, }, 300: { fixedWidth: 250, }, }, }); })();</script><!-- SOCIAL TREEE SECTION --><script> document.addEventListener("DOMContentLoaded", () => { const wrap = (elms, node) => { if (!elms.length) elms = [elms]; for (var i = elms.length - 1; i >= 0; i--) { var child = i > 0 ? node.cloneNode(true) : node; var el = elms[i]; var parent = el.parentNode; var sibling = el.nextSibling; child.appendChild(el); if (sibling) { parent.insertBefore(child, sibling); } else { parent.appendChild(child); } } }; const productTiles = document.querySelectorAll( ".main-products-slider .result-list-products .prod-tile", ); for (i = 0; i < productTiles.length; ++i) { const prodTileWrapper = document.createElement("div"); wrap(productTiles[i], prodTileWrapper); } tns({ container: ".main-products-slider .result-list-products", edgePadding: 4, swipeAngle: false, items: 1, slideBy: "1", mouseDrag: true, autoplay: true, controls: true, gutter: 14, nav: true, navAsThumbnails: true, loop: true, responsive: { 430: { items: 2, }, 720: { items: 3, }, 960: { items: 4, }, }, }); }); document.addEventListener("DOMContentLoaded", () => { const wrap = (elms, node) => { if (!elms.length) elms = [elms]; for (var i = elms.length - 1; i >= 0; i--) { var child = i > 0 ? node.cloneNode(true) : node; var el = elms[i]; var parent = el.parentNode; var sibling = el.nextSibling; child.appendChild(el); if (sibling) { parent.insertBefore(child, sibling); } else { parent.appendChild(child); } } }; const productTiles = document.querySelectorAll( ".main-products-slider2 .result-list-products .prod-tile", ); for (i = 0; i < productTiles.length; ++i) { const prodTileWrapper = document.createElement("div"); wrap(productTiles[i], prodTileWrapper); } tns({ container: ".main-products-slider2 .result-list-products", edgePadding: 4, swipeAngle: false, items: 1, slideBy: "1", mouseDrag: true, autoplay: true, controls: true, gutter: 14, nav: true, navAsThumbnails: true, loop: true, responsive: { 430: { items: 2, }, 720: { items: 3, }, 960: { items: 4, }, }, }); });</script>
<script async>
const crossSelling = {
anchors: document.querySelectorAll('.cross-sell > ul > li > a'),
pages: document.querySelectorAll('.cross-sell > div'),
show (key) {
this.anchors.forEach((anchor) => {
if (anchor.getAttribute('data-id-slider') === key) {
anchor.classList.add('active');
} else {
anchor.classList.remove('active');
}
});
this.pages.forEach((page) => {
if (page.getAttribute('data-id-slider') === key) {
page.style.display = 'block';
} else {
page.style.display = 'none';
}
});
},
init () {
this.anchors.forEach((anchor) => {
anchor.addEventListener('click', (e) => {
e.preventDefault();
this.show(anchor.getAttribute('data-id-slider'));
});
});
}
};
crossSelling.init();
</script>
<!-- Store -->
<div class="store">
<h2> </h2>
<!-- Store List -->
<ul class="store__list">
</ul>
<!-- End Store List -->
</div>
<!-- END Store-->
</div>
</main>
<footer><style type="text/css">.contact_box {
display: flex;
flex-direction: column;
}
footer .contact span {
font-size: 1.1em !important;
}
footer .contact {
padding: 1.5em !important;
}
.payment-logos li {
list-style: none;
}
footer .payment-logos img {
max-height: 5em !important;
padding: 0 !important;
}
footer .payment-logos {
flex-direction: column;
align-items: start;
}
.payment-logos span {
font-weight: 700;
}
.contact-and-logos span {
display: block;
min-height: 1.2em;
font-weight: 700;
position: relative;
margin-bottom: 0.5em;
}
.contact-and-logos a {
color: #000;
}
.contact-and-logos a:hover {
text-decoration: underline;
}
.contact-and-logos li {
margin-bottom: 0.5em;
}
.magyar_posta {
padding: 0 !important;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.service_client {
font-weight: 300 !important;
}
.large_svg {
height: 2.5em !important;
width: 2.5em !important;
}
.brand-logo {
display: grid;
gap: 10px;
}
.brand-logo__wrapper {
display: flex;
gap: 5px;
align-items: center;
}
.brand-logo__wrapper img {
max-width: 70px;
}
.brand {
gap: 30px;
}
.brand__wrapper {
gap: 10px;
display: grid;
justify-items: end;
}
footer .brand p {
margin-top: 0 !important;
}
@media screen and (max-width: 800px) {
.hidden {
display: none;
}
footer .brand {
flex-direction: column;
}
@media screen and (max-width: 600px) {
.hidden_menu {
display: none;
}
}
}
</style>
<div class="full-width advantages">
<div><img data-src="/img/footer/user-secure.svg" /> <span>Paiement sécurisé</span></div>
<div class="always-visible"><img data-src="/uimg/homepage/cash_delivery_new.svg" /> <span>Paiement à la livraison</span></div>
<div class="always-visible"><img data-src="/img/footer/gift.svg" /> <span>Cadeaux pour les commandes</span></div>
<div class="always-visible"><img data-src="/img/footer/yr-delivery.svg" /> <span>Livraison gratuite Pour commande > 300Dhs</span></div>
<div><img class="large_svg" data-src="/uimg/homepage/viaphone_new.svg" /> <span>Service Clients</span></div>
</div>
<div class="full-width social">
<div class="newsletter">
<form action="/newsletter" method="post"><label for="nlt_email"><b>Newsletter</b></label>
<div><input id="nlt_email" name="email" placeholder="example@example.com" type="text" />
<div data-lastpass-icon-root="" style="position: relative !important; height: 0px !important; width: 0px !important; display: initial !important; float: left !important;"> </div>
<div data-lastpass-icon-root="" style="position: relative !important; height: 0px !important; width: 0px !important; display: initial !important; float: left !important;"> </div>
<div data-lastpass-icon-root="" style="position: relative !important; height: 0px !important; width: 0px !important; float: left !important;"> </div>
<button title="Subscribe"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1Ljk0NSIgaGVpZ2h0PSIxMS4yNTciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO3N0cm9rZTojNjA0NzJlO3N0cm9rZS1saW5lY2FwOnJvdW5kfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTS41OTIgMTAuNTlMNS4zNjUgNS42OE0uNTkyIDEwLjU5TDUuMzY1IDUuNjhNLjU1Ni41ODdsNC44MDggNS4wOU0uNTU2LjU4N2w0LjgwOCA1LjA5Ii8+PC9zdmc+" /></button></div>
</form>
</div>
<div class="links"><a href="https://www.facebook.com/YvesRocherMorocco/"><img data-src="/img/footer/facebook.svg" /></a> <a href="https://www.youtube.com/channel/UCuRSHtDULNzeWI41d1Ar_lg"><img data-src="/img/footer/youtube.svg" /></a> <a href="https://www.instagram.com/yvesrocherma/"><img data-src="/img/footer/instagram.svg" /></a><a href="https://www.linkedin.com/company/yves-rocher-maroc/"> <img data-src="https://www.yves-rocher.ma/uimg/rs/linkedin.svg" /> </a> <a href="https://www.tiktok.com/@yvesrocherma"> <img data-src="https://www.yves-rocher.ma/uimg/rs/tiktok.svg" /> </a></div>
</div>
<div class="full-width info">
<div class="link-cols">
<div><span>NOS MAGASINS</span>
<ul>
<li><a href="/nos_magasins">Voir tous les magasins</a></li>
</ul>
<span>BESOIN D'AIDE</span>
<ul>
<li><a href="/contactez-nous">Contactez-nous</a></li>
<li><a href="/vie-privee" title="Vie Privée">Vie Privée</a></li>
<li><a href="/conditions-generales-de-vente">Conditions de vente</a></li>
<li><a href="/vie-privee-cookies" title="Politique de cookies">Paramètres des cookies</a></li>
<li class="m-b_default" style="box-sizing: border-box; margin-bottom: 0.625rem"><a href="https://www.yves-rocher.ma/faq-questions-reponses">Questions & réponses</a></li>
</ul>
</div>
<div><span>MES SERVICES</span>
<ul>
<li><a href="/uimg/tarif_conseille_2023_v2.pdf">Tarif du Livre Vert de la beauté</a></li>
</ul>
<span>COSMÉTIQUE VÉGÉTALE <sup>®</sup> ET CONSEILS BEAUTÉ</span>
<ul>
<li><a href="/yves_rocher_une_cosmetique_unique">Actualités de la Cosmétique Végétale<sup>®</sup></a></li>
<li><a href="/yves_rocher_une_cosmetique_unique">La passion du végétal </a></li>
</ul>
</div>
<div><span>EN SAVOIR PLUS SUR YVES ROCHER</span>
<ul>
<li><a href="/qui_sommes_nous">Qui sommes-nous ?</a></li>
<li><a href="/nos_engagements">Nos engagements</a></li>
<li><a href="http://www.yves-rocher-fondation.org/fr/fr/">Fondation Yves Rocher</a></li>
<li><a href="http://www.lagreedeslandes.com/fr/index.php">Eco-Hotel Spa Yves Rocher</a></li>
</ul>
<span>REJOINDRE YVES ROCHER</span>
<ul>
<li><a href="/demande_franchise">Demande franchise / location gérance</a></li>
<li><a href="https://groupe-rocher.com/candidats">Recrutement / Postes à pourvoir</a></li>
<li><a href="mailto:recrutement.yvesrochermaroc@yrnet.com">Recrutement / Candidature spontanée</a></li>
</ul>
</div>
</div>
<div class="contact-and-logos">
<div class="contact">
<div><img data-src="/img/footer/phone.svg" />
<div class="contact_box"><span class="service_client">Service Clients</span><span>05 24 49 05 35</span></div>
</div>
<p>Service & appel gratuits<br />
(Du Lundi au Vendredi de 8h30 à 12h00 et de 13h00 à 17h15)</p>
</div>
</div>
</div>
<div class="full-width logos"><a href="https://fmf-franchise.ma/"><img data-src="/uimg/pages/footer/federation_marocaine_de_la_franchise.png" /></a></div>
<div class="full-width-indented legal">
<ul>
<li><a href="/vie-privee">Vie Privée</a></li>
<li><a href="/conditions-generales-de-vente">Conditions générales de vente</a></li>
</ul>
<div><select class="country-select"><option selected="selected" value="http://www.yves-rocher.com/ma">Morocco / المغرب</option><option value="http://www.yvesrocherbrasil.com.br">Brazil / Brasil</option><option value="http://www.yvesrocher.ca">Canada</option><option value="http://www.yvesrocher.com.mx">Mexico / México</option><option value="http://www.yvesrocherusa.com">U.S.A</option><option value="http://www.yves-rocher.cn">China / 中国</option><option value="https://www.yvesrocher.co.il">Israel / ישראל</option><option value="http://www.yves-rocher.com/kz">Kazakhstan / Қазақстан</option><option value="http://www.yves-rocher.co.th">Thailand / ประเทศไทย</option><option value="http://www.yvesrocher.com.tr">Turkey / Türkiye</option><option value="http://www.yves-rocher.at">Austria / Österreich</option><option value="http://www.yves-rocher.by">Belarus / Беларусь</option><option value="http://www.yves-rocher.be">Belgium / België</option><option value="http://www.yves-rocher.com.hr">Croatia / Hrvatska</option><option value="http://www.yves-rocher.cz">Czech Republic / česká republika</option><option value="http://www.yves-rocher.dk">Denmark / Danmark</option><option value="http://www.yves-rocher.de">Deutschland / Germany</option><option value="http://www.yves-rocher.fi">Finland / Suomi</option><option value="http://www.yves-rocher.fr">France</option><option value="http://www.yves-rocher.com/mg">France DOM-TOM</option><option value="http://www.yves-rocher.com/gr">Greece / Ελλάδα</option><option value="http://yves-rocher.hu">Hongria / Magyarország</option><option value="http://www.yves-rocher.it/it">Italy / Italia</option><option value="http://www.yves-rocher.be">Luxembourg</option><option value="http://www.yves-rocher.mk/shop">Macedonia / Македонија</option><option value="http://www.yves-rocher.nl">Nederland</option><option value="http://www.yves-rocher.no">Norway / Norge</option><option value="http://www.yves-rocher.pl">Polska</option><option value="http://www.yves-rocher.com/pt">Portugal</option><option value="http://www.yves-rocher.ro">Romania / România</option><option value="http://www.yves-rocher.ch">Schweiz / Svizzera</option><option value="http://yves-rocher.sk">Slovakia / Slovaška</option><option value="http://www.yves-rocher.si">Slovenia / Slovenija</option><option value="http://www.yves-rocher.es">Spain / España</option><option value="http://yves-rocher.rs">Srbija / Serbia</option><option value="http://www.yves-rocher.se">Suede / Sveridge</option><option value="http://www.yves-rocher.ua">Ukraine / Україна</option><option value="http://www.yves-rocher.co.uk">United Kingdom</option><option value="http://www.yves-rocher.sa">Saudi Arabia / المملكة العربية السعودية</option> </select></div>
</div>
<div class="full-width-indented brand"><a href="/"><img alt="Yves Rocher" data-src="/img/logo.svg" /></a>
<div class="brand__wrapper">
<p><span id="yr-current-year">2024</span> © Yves Rocher<br />
All rights reserved</p>
<div class="brand-logo__wrapper">
<p>Powered by</p>
<a href="https://tauceti-digital.com/"><img alt="Tau Ceti Logo" src="/uimg/tc-logo/tc-logo-2024.svg" /></a></div>
</div>
</div>
<script>
(function () {
window.addEventListener("DOMContentLoaded", () => {
const currentYear = new Date().getFullYear();
const yearEl = document.querySelector("#yr-current-year");
if (yearEl) {
yearEl.textContent = currentYear > 2024 ? currentYear : "2024";
}
if (window.location.href.endsWith("/searching?q=monoi")) {
const targetDiv = document.querySelector(".product-list-page__sort-wrapper");
if (targetDiv) {
const p = document.createElement("p");
p.innerHTML = '<span style="font-size: 18px;">🌴 Vous cherchez <strong>Monoï</strong> ? 🌴 Ce lien vous emmène direct sur la page des promos Monoï Yves Rocher <a style="color: #ba1051;font-weight: bold;" href="/monoi">Voir ici</a></span>';
targetDiv.innerHTML = "";
targetDiv.appendChild(p);
}
}
});
})();
</script><script>
document.querySelectorAll('.unit-price').forEach(el => el.textContent = '');
document.querySelectorAll('.product-card__overview-price-unit.price-per-100').forEach(el => el.textContent = '');
</script>
<!-- <style type="text/css">nav.top-menu>ul>li:first-child a {
padding-left: 0;
text-align: left;
color: white;
background-color: black;
padding: 0px 10px;
}
</style> --></footer>
<script id="page_data">window.__STATE__ = {"localization":{"locale":"fr_MA","currency":"Dh","currency_iso":"MAD","decimal_digits":2,"min_gift_price":0,"mobile_regex":"^\\+212[1-9]{1}[0-9]{8}$","mobile_default_prefix":"+212","mobile_placeholder":"+212000000000","postal_code_regex":"^([0-9]{5})$","postal_code_placeholder":"00000"},"system":{"css_js_min_hash":"1770025608","server_url":"https:\/\/www.yves-rocher.ma"},"altshop":{"id":1},"functions":{"active_store":true,"reviews":true,"wishlist":true,"rumanku_vouchers":false,"rumanku_vouchers_sku":"EVOUCHER","cart_mini_show_reference_sku":true,"payment_fee_visibility_for_zero":false,"exponea_enabled":false,"swogo_enabled":false,"passmachine_enabled_on_website":false,"customer_company_enabled":false,"layout_banners_top_close_days":0,"layout_banners_right_side_close_days":0,"ga4_enabled":false,"google_auth_client_id":"483347189601-b9ljco3dhrset0jb75krea9jm19of5b1.apps.googleusercontent.com","apple_auth_client_id":null,"tcai_enabled":true,"persoo_enabled":false,"search_hints_enabled":true,"tcai_suggested_phrases_enabled":true,"top_menu_visible_sub_items":0,"recaptcha_site_key":"","recaptcha_enabled":false}}</script>
<script>
// Rozwijanie menu mobilnych
document.querySelectorAll('.link-cols > div > span').forEach(opener => {
opener.addEventListener('click', (e) => {
e.preventDefault();
opener.classList.toggle('expanded');
});
});
</script>
<script src="/dynamic?u=Lw%3D%3D" async></script>
<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Organization","name":"Yves Rocher","url":"https:\/\/www.yves-rocher.ma\/","logo":"https:\/\/www.yves-rocher.ma\/img\/logo.svg","contactPoint":{"@type":"ContactPoint","telephone":"05 24 49 05 35","contactType":"customer service"},"sameAs":["https:\/\/www.facebook.com\/YvesRocherMorocco","https:\/\/www.youtube.com\/@yvesrochermaroc9140"]}</script>
<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"WebSite","url":"https:\/\/www.yves-rocher.ma\/","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.yves-rocher.ma\/searching?q=","query-input":"require name=search_term_string"}}</script>
<script src="/js/i18n/i18n.js?t=85b83c95ef086afb3b42eff2e99b707b"></script>
<script src="/js/lib/loader.js?t=85b83c95ef086afb3b42eff2e99b707b"></script>
<script src="/api/i18n?t=85b83c95ef086afb3b42eff2e99b707b"></script>
<script crossorigin="anonymous" src="https://unpkg.com/@webcomponents/webcomponentsjs@2.4.2/webcomponents-loader.js"></script>
<script crossorigin="anonymous" src="https://unpkg.com/tiny-slider@2.9.3/dist/tiny-slider.js"></script>
<script>loader.default.init(['cart-add']);</script>
<script>loader.default.init(['search-box']);</script>
<script>loader.default.init(['public-js-api']);</script>
<script>loader.default.init(['wishlist-button']);</script>
<script src="https://accounts.google.com/gsi/client"></script>
<script>loader.default.init(['ecommerce/integrations/google-auth-button']);</script>
<script>loader.default.init(['facebook-auth-button']);</script>
<script>
let sliderOptions = {
container: '.slider',
items: 1,
slideBy: 1,
lazyload: true,
autoplay: true,
mouseDrag: true,
controls: false,
controlsContainer: false
};
tns(sliderOptions);
</script>
<script async>loader.default.init(['ecommerce/product-tile']).then(fns => {
const init = fns[0];
init(document.querySelector('#product-tile-70559-41019-795'));
});</script>
<script async>loader.default.init(['ecommerce/product-tile']).then(fns => {
const init = fns[0];
init(document.querySelector('#product-tile-70558-48846-514'));
});</script>
<script async>loader.default.init(['ecommerce/product-tile']).then(fns => {
const init = fns[0];
init(document.querySelector('#product-tile-70557-43278-642'));
});</script>
<script async>loader.default.init(['ecommerce/product-tile']).then(fns => {
const init = fns[0];
init(document.querySelector('#product-tile-70556-52003-295'));
});</script>
<script async>loader.default.init(['ecommerce/product-tile']).then(fns => {
const init = fns[0];
init(document.querySelector('#product-tile-70560-45846-784'));
});</script>
<script async>loader.default.init(['ecommerce/product-tile']).then(fns => {
const init = fns[0];
init(document.querySelector('#product-tile-70561-54083-96'));
});</script>
<script async>loader.default.init(['ecommerce/product-tile']).then(fns => {
const init = fns[0];
init(document.querySelector('#product-tile-68235-30313-360'));
});</script>
<script async>loader.default.init(['ecommerce/product-tile']).then(fns => {
const init = fns[0];
init(document.querySelector('#product-tile-68254-30137-644'));
});</script>
<script async>loader.default.init(['ecommerce/product-tile']).then(fns => {
const init = fns[0];
init(document.querySelector('#product-tile-70657-17322-592'));
});</script>
<script async>loader.default.init(['ecommerce/product-tile']).then(fns => {
const init = fns[0];
init(document.querySelector('#product-tile-32764-07577-714'));
});</script>
<script async>loader.default.init(['ecommerce/product-tile']).then(fns => {
const init = fns[0];
init(document.querySelector('#product-tile-62590-47043-797'));
});</script>
<script async>loader.default.init(['ecommerce/product-tile']).then(fns => {
const init = fns[0];
init(document.querySelector('#product-tile-56351-86701-782'));
});</script>
<script async>
loader.default.init(['search-box']);
</script>
<script async>loader.default.init(['ecommerce/top-menu']);</script>
<script async>loader.default.init(["account-mini","cart-mini","query-discount-code-listener"]);</script>
<script>
loader.default.init(['ecommerce/layout-banners']).then(init => {
init[0](document.querySelector('.layout-banners-wrapper__top'),
document.querySelector('.layout-banners-wrapper__right-side'));
});
</script>
<div class="modal micromodal-slide" id="micromodal-root" aria-hidden="true">
<div class="overlay" tabindex="-1" data-micromodal-close>
<div class="container" role="dialog" aria-modal="true">
</div>
</div>
</div>
<script>loader.default.init(['ecommerce/search-form']);</script>
<script async>
let cssAfterLoad = "<link href=\"/css/layout/homepage-cms.css?t=85b83c95ef086afb3b42eff2e99b707b\" media=\"screen\" rel=\"stylesheet\" type=\"text/css\">\n<link href=\"/css/layout/footer.css?t=85b83c95ef086afb3b42eff2e99b707b\" media=\"screen\" rel=\"stylesheet\" type=\"text/css\">\n<link href=\"/css/layout/micromodal.css?t=85b83c95ef086afb3b42eff2e99b707b\" media=\"screen\" rel=\"stylesheet\" type=\"text/css\">";
let jsAfterLoad = "<script async>\n const treeNumber = document.querySelector('.social__tree-number');\n if (treeNumber !== null) {\n const com_treeInfos = {\n \"start\": {\n \"year\": 2016,\n \"month\": 6,\n \"day\": 21,\n \"trees\": 61155000\n },\n \"end\": {\n \"year\": 2020,\n \"month\": 9,\n \"day\": 30,\n \"trees\": 99999999\n }\n };\n const timeStDebut = new Date(com_treeInfos.start.year,\n com_treeInfos.start.month - 1,\n com_treeInfos.start.day, 0, 0) * 1;\n const timeStFin = new Date(com_treeInfos.end.year,\n com_treeInfos.end.month - 1,\n com_treeInfos.end.day, 0, 0) * 1;\n const timeStGlobal = timeStFin - timeStDebut;\n const treesGlobal = com_treeInfos.end.trees - com_treeInfos.start.trees;\n\n const updateTreesNumber = () => {\n const now = new Date() * 1;\n const pourcTime = (now - timeStDebut) \/ timeStGlobal;\n const number = pourcTime * treesGlobal;\n let total = (number + com_treeInfos.start.trees);\n if (total > 99999999) {\n total = 99999999;\n }\n treeNumber.innerHTML = total.toFixed(0).split('').map((num) => `<span>${num}<\/span>`).join('');\n setTimeout(updateTreesNumber, 3000);\n };\n\n updateTreesNumber();\n }\n<\/script>\n<!-- Google Tag Manager -->\n<noscript><iframe src=\"\/\/www.googletagmanager.com\/ns.html?id=GTM-TW6PM8L\" height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"><\/iframe><\/noscript>\n<script>(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.defer=true;j.src='\/\/www.googletagmanager.com\/gtm.js?id='+i+dl+\"\";f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-TW6PM8L');<\/script>\n<!-- End Google Tag Manager -->\n <script type=\"text\/javascript\">\n \/\/ Selektor wyboru kraju\n document.querySelectorAll('.country-select').forEach(select => {\n select.addEventListener('change', (e) => {\n e.preventDefault();\n const option = select.querySelector('option:checked');\n if (option === null) {\n return;\n }\n document.location.href = option.value;\n });\n });\n <\/script>\n <script>\n window.lazyLoadOptions = { elements_selector: \"img[data-src]:not(.tns-lazy-img)\" };\n <\/script>\n <script async src=\"https:\/\/unpkg.com\/vanilla-lazyload@15.1.0\/dist\/lazyload.min.js\" crossorigin=\"anonymous\"><\/script>\n <!-- Criteo -->\n <script type=\"text\/javascript\" src=\"\/\/dynamic.criteo.com\/js\/ld\/ld.js?a=97508 \" defer=\"true\"><\/script>\n <script type=\"text\/javascript\">\n window.criteo_q = window.criteo_q || [];\n var deviceType = \/iPad\/.test(navigator.userAgent) ? \"t\" : \/Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk\/.test(navigator.userAgent) ? \"m\" : \"d\";\n\n window.criteo_q.push({\"event\":\"setAccount\",\"account\":\"97508 \"},{\"event\":\"setSiteType\",\"type\":\"d\"},{\"event\":\"viewHome\",\"ui_from\":\"\"});\n window.criteo_q.push({ event: \"setSiteType\", type: deviceType});\n <\/script>\n <!-- End Criteo -->\n <script>\n let fbLocale = \"ar_MA\";\n\n window.fbAsyncInit = function() {\n FB.init({\n appId : \"1746012202401616\",\n autoLogAppEvents : true,\n xfbml : true,\n version : 'v3.2'\n });\n\n };\n\n (function(d, s, id){\n var js, fjs = d.getElementsByTagName(s)[0];\n if (d.getElementById(id)) {return;}\n js = d.createElement(s); js.id = id;\n js.src = \"https:\/\/connect.facebook.net\/\" + fbLocale + \"\/sdk.js\";\n fjs.parentNode.insertBefore(js, fjs);\n }(document, 'script', 'facebook-jssdk'));\n<\/script>\n <script defer type=\"text\/javascript\" src=\"\/\/www.youtube.com\/iframe_api\"><\/script>\n ";
var loadDeferredData = function() {
const styles = document.createElement('div');
styles.innerHTML = cssAfterLoad;
document.body.append(styles);
// Skrypty JS muszą być dodane jako pojedyncze elementy, aby zadziałały
const scripts = document.createElement('div');
scripts.innerHTML = jsAfterLoad;
scripts.querySelectorAll('script').forEach(script => {
const scriptElement = document.createElement('script');
if (typeof(script.src) !== 'undefined' && script.src !== '') {
scriptElement.src = script.src;
}
if (typeof(script.text) !== 'undefined' && script.text !== '') {
scriptElement.text = script.text;
}
document.body.append(scriptElement);
script.remove();
});
if (scripts.innerHTML.length > 0) {
document.body.append(scripts);
}
};
// Opieramy się na zdarzeniu 'ready' triggerowanym po załadowaniu podstawowej części aplikacji
if (window.isReady) {
window.setTimeout(loadDeferredData, 0);
} else {
window.addEventListener('ready', loadDeferredData);
}
</script>
<script async>
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker.getRegistrations()
.then((registrations) => {
for (let registration of registrations) {
if (registration.active
&& registration.active.scriptURL
&& registration.active.scriptURL.endsWith('/service-worker'))
{
registration.unregister();
}
}
});
navigator.serviceWorker.register('/service-worker.js', {scope: '/'});
});
}
</script>
<script async>window.isReady = true; window.dispatchEvent(new Event('ready'));</script>
</body>
</html>
