<!doctype html>
<html class="no-js" lang="fr">
<head>
<script id="pandectes-rules">
/* PANDECTES-GDPR: DO NOT MODIFY AUTO GENERATED CODE OF THIS SCRIPT */
window.PandectesSettings = {"store":{"id":56871387219,"plan":"basic","theme":"PREPROD - Clémence & Vivien - Atelier 42","primaryLocale":"fr","adminMode":false},"tsPublished":1709647479,"declaration":{"showPurpose":false,"showProvider":false,"showDateGenerated":false},"language":{"languageMode":"Single","fallbackLanguage":"fr","languageDetection":"browser","languagesSupported":[]},"texts":{"managed":{"headerText":{"fr":"Nous respectons votre vie privée"},"consentText":{"fr":"Ce site utilise des cookies pour vous garantir la meilleure expérience."},"dismissButtonText":{"fr":"D'accord"},"linkText":{"fr":"Politique de confidentialité"},"imprintText":{"fr":"Mentions Légales"},"preferencesButtonText":{"fr":"Préférences"},"allowButtonText":{"fr":"Accepter & continuer"},"denyButtonText":{"fr":"Tout refuser"},"leaveSiteButtonText":{"fr":"Quitter ce site"},"cookiePolicyText":{"fr":"Politique de cookies"},"preferencesPopupTitleText":{"fr":"Gérer les préférences de consentement"},"preferencesPopupIntroText":{"fr":"Nous utilisons des cookies pour optimiser les fonctionnalités du site Web, analyser les performances et vous offrir une expérience personnalisée. Certains cookies sont indispensables au bon fonctionnement et au bon fonctionnement du site. Ces cookies ne peuvent pas être désactivés. Dans cette fenêtre, vous pouvez gérer votre préférence de cookies."},"preferencesPopupCloseButtonText":{"fr":"proche"},"preferencesPopupAcceptAllButtonText":{"fr":"Accepter tout"},"preferencesPopupRejectAllButtonText":{"fr":"Tout rejeter"},"preferencesPopupSaveButtonText":{"fr":"Enregistrer les préférences"},"accessSectionTitleText":{"fr":"Portabilité des données"},"accessSectionParagraphText":{"fr":"Vous avez le droit de pouvoir accéder à vos données à tout moment."},"rectificationSectionTitleText":{"fr":"Rectification des données"},"rectificationSectionParagraphText":{"fr":"Vous avez le droit de demander la mise à jour de vos données chaque fois que vous le jugez approprié."},"erasureSectionTitleText":{"fr":"Droit à l'oubli"},"erasureSectionParagraphText":{"fr":"Vous avez le droit de demander que toutes vos données soient effacées. Après cela, vous ne pourrez plus accéder à votre compte."},"declIntroText":{"fr":"Nous utilisons des cookies pour optimiser les fonctionnalités du site Web, analyser les performances et vous offrir une expérience personnalisée. Certains cookies sont indispensables au bon fonctionnement et au bon fonctionnement du site Web. Ces cookies ne peuvent pas être désactivés. Dans cette fenêtre, vous pouvez gérer vos préférences en matière de cookies."}},"categories":{"strictlyNecessaryCookiesTitleText":{"fr":"Cookies strictement nécessaires"},"functionalityCookiesTitleText":{"fr":"Cookies fonctionnels"},"performanceCookiesTitleText":{"fr":"Cookies de performances"},"targetingCookiesTitleText":{"fr":"Ciblage des cookies"},"unclassifiedCookiesTitleText":{"fr":"Cookies non classés"},"strictlyNecessaryCookiesDescriptionText":{"fr":"Ces cookies sont essentiels pour vous permettre de vous déplacer sur le site Web et d'utiliser ses fonctionnalités, telles que l'accès aux zones sécurisées du site Web. Le site Web ne peut pas fonctionner correctement sans ces cookies."},"functionalityCookiesDescriptionText":{"fr":"Ces cookies permettent au site de fournir des fonctionnalités et une personnalisation améliorées. Ils peuvent être définis par nous ou par des fournisseurs tiers dont nous avons ajouté les services à nos pages. Si vous n'autorisez pas ces cookies, certains ou tous ces services peuvent ne pas fonctionner correctement."},"performanceCookiesDescriptionText":{"fr":"Ces cookies nous permettent de surveiller et d'améliorer les performances de notre site Web. Par exemple, ils nous permettent de compter les visites, d'identifier les sources de trafic et de voir quelles parties du site sont les plus populaires."},"targetingCookiesDescriptionText":{"fr":"Ces cookies peuvent être installés via notre site par nos partenaires publicitaires. Ils peuvent être utilisés par ces sociétés pour établir un profil de vos intérêts et vous montrer des publicités pertinentes sur d'autres sites. Ils ne stockent pas directement d'informations personnelles, mais sont basés sur l'identification unique de votre navigateur et de votre appareil Internet. Si vous n'autorisez pas ces cookies, vous bénéficierez d'une publicité moins ciblée."},"unclassifiedCookiesDescriptionText":{"fr":"Les cookies non classés sont des cookies que nous sommes en train de classer avec les fournisseurs de cookies individuels."}},"auto":{"declName":{"fr":"Nom"},"declPath":{"fr":"Chemin"},"declType":{"fr":"Type"},"declDomain":{"fr":"Domaine"},"declPurpose":{"fr":"But"},"declProvider":{"fr":"Fournisseur"},"declRetention":{"fr":"Rétention"},"declFirstParty":{"fr":"Première partie"},"declThirdParty":{"fr":"Tierce partie"},"declSeconds":{"fr":"secondes"},"declMinutes":{"fr":"minutes"},"declHours":{"fr":"heures"},"declDays":{"fr":"jours"},"declMonths":{"fr":"mois"},"declYears":{"fr":"années"},"declSession":{"fr":"Session"},"cookiesDetailsText":{"fr":"Détails des cookies"},"preferencesPopupAlwaysAllowedText":{"fr":"Toujours permis"},"submitButton":{"fr":"Soumettre"},"submittingButton":{"fr":"Soumission..."},"cancelButton":{"fr":"Annuler"},"guestsSupportInfoText":{"fr":"Veuillez vous connecter avec votre compte client pour continuer."},"guestsSupportEmailPlaceholder":{"fr":"Adresse e-mail"},"guestsSupportEmailValidationError":{"fr":"L'email n'est pas valide"},"guestsSupportEmailSuccessTitle":{"fr":"Merci pour votre requête"},"guestsSupportEmailFailureTitle":{"fr":"Un problème est survenu"},"guestsSupportEmailSuccessMessage":{"fr":"Si vous êtes inscrit en tant que client de ce magasin, vous recevrez bientôt un e-mail avec des instructions sur la marche à suivre."},"guestsSupportEmailFailureMessage":{"fr":"Votre demande n'a pas été soumise. Veuillez réessayer et si le problème persiste, contactez le propriétaire du magasin pour obtenir de l'aide."},"confirmationSuccessTitle":{"fr":"Votre demande est vérifiée"},"confirmationFailureTitle":{"fr":"Un problème est survenu"},"confirmationSuccessMessage":{"fr":"Nous reviendrons rapidement vers vous quant à votre demande."},"confirmationFailureMessage":{"fr":"Votre demande n'a pas été vérifiée. Veuillez réessayer et si le problème persiste, contactez le propriétaire du magasin pour obtenir de l'aide"},"consentSectionTitleText":{"fr":"Votre consentement aux cookies"},"consentSectionNoConsentText":{"fr":"Vous n'avez pas consenti à la politique de cookies de ce site Web."},"consentSectionConsentedText":{"fr":"Vous avez consenti à la politique de cookies de ce site Web sur"},"consentStatus":{"fr":"Préférence de consentement"},"consentDate":{"fr":"Date de consentement"},"consentId":{"fr":"ID de consentement"},"consentSectionChangeConsentActionText":{"fr":"Modifier la préférence de consentement"},"accessSectionGDPRRequestsActionText":{"fr":"Demandes des personnes concernées"},"accessSectionAccountInfoActionText":{"fr":"Données personnelles"},"accessSectionOrdersRecordsActionText":{"fr":"Ordres"},"accessSectionDownloadReportActionText":{"fr":"Tout télécharger"},"rectificationCommentPlaceholder":{"fr":"Décrivez ce que vous souhaitez mettre à jour"},"rectificationCommentValidationError":{"fr":"Un commentaire est requis"},"rectificationSectionEditAccountActionText":{"fr":"Demander une mise à jour"},"erasureSectionRequestDeletionActionText":{"fr":"Demander la suppression des données personnelles"}}},"library":{"previewMode":false,"fadeInTimeout":0,"defaultBlocked":7,"showLink":true,"showImprintLink":true,"enabled":true,"cookie":{"name":"_pandectes_gdpr","expiryDays":25,"secure":true,"domain":""},"dismissOnScroll":false,"dismissOnWindowClick":false,"dismissOnTimeout":false,"palette":{"popup":{"background":"#FFFFFF","backgroundForCalculations":{"a":1,"b":255,"g":255,"r":255},"text":"#000000"},"button":{"background":"#000000","backgroundForCalculations":{"a":1,"b":0,"g":0,"r":0},"text":"#FFFFFF","textForCalculation":{"a":1,"b":255,"g":255,"r":255},"border":"transparent"}},"content":{"href":"https://clemence-vivien.myshopify.com/pages/politique-de-confidentialite","imprintHref":"https://clemence-vivien.myshopify.com/pages/mentions-legales","close":"✕","target":"_blank","logo":""},"window":"<div role=\"dialog\" aria-live=\"polite\" aria-label=\"cookieconsent\" aria-describedby=\"cookieconsent:desc\" id=\"pandectes-banner\" class=\"cc-window-wrapper cc-bottom-left-wrapper\"><div class=\"pd-cookie-banner-window cc-window {{classes}}\"><!--googleoff: all-->{{children}}<!--googleon: all--></div></div>","compliance":{"opt-both":"<div class=\"cc-compliance cc-highlight\">{{deny}}{{allow}}</div>"},"type":"opt-both","layouts":{"basic":"{{messagelink}}{{compliance}}{{close}}"},"position":"bottom-left","theme":"classic","revokable":false,"animateRevokable":true,"revokableReset":false,"revokableLogoUrl":"https://cdn.shopify.com/s/files/1/0568/7138/7219/t/43/assets/pandectes-reopen-logo.png?v=1698307494","revokablePlacement":"bottom-left","revokableMarginHorizontal":15,"revokableMarginVertical":15,"static":false,"autoAttach":true,"hasTransition":true,"blacklistPage":[""]},"geolocation":{"brOnly":true,"caOnly":true,"euOnly":true,"canadaOnly":true},"dsr":{"guestsSupport":false,"accessSectionDownloadReportAuto":false},"banner":{"resetTs":1662381204,"extraCss":" .cc-banner-logo {max-width: 24em!important;} @media(min-width: 768px) {.cc-window.cc-floating{max-width: 24em!important;width: 24em!important;}} .cc-message, .cc-header, .cc-logo {text-align: left} .cc-window-wrapper{z-index: 2147483647;} .cc-window{z-index: 2147483647;font-family: inherit;} .cc-header{font-family: inherit;} .pd-cp-ui{font-family: inherit; background-color: #FFFFFF;color:#000000;} button.pd-cp-btn, a.pd-cp-btn{background-color:#000000;color:#FFFFFF!important;} input + .pd-cp-preferences-slider{background-color: rgba(0, 0, 0, 0.3)} .pd-cp-scrolling-section::-webkit-scrollbar{background-color: rgba(0, 0, 0, 0.3)} input:checked + .pd-cp-preferences-slider{background-color: rgba(0, 0, 0, 1)} .pd-cp-scrolling-section::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 1)} .pd-cp-ui-close{color:#000000;} .pd-cp-preferences-slider:before{background-color: #FFFFFF} .pd-cp-title:before {border-color: #000000!important} .pd-cp-preferences-slider{background-color:#000000} .pd-cp-toggle{color:#000000!important} @media(max-width:699px) {.pd-cp-ui-close-top svg {fill: #000000}} .pd-cp-toggle:hover,.pd-cp-toggle:visited,.pd-cp-toggle:active{color:#000000!important} .pd-cookie-banner-window {box-shadow: 0 0 18px rgb(0 0 0 / 20%);} ","customJavascript":null,"showPoweredBy":false,"hybridStrict":false,"cookiesBlockedByDefault":"7","isActive":true,"implicitSavePreferences":false,"cookieIcon":false,"blockBots":false,"showCookiesDetails":true,"hasTransition":true,"blockingPage":false,"showOnlyLandingPage":false,"leaveSiteUrl":"https://www.google.com","linkRespectStoreLang":false},"cookies":{"0":[{"name":"keep_alive","domain":"clemence-vivien.myshopify.com","path":"/","provider":"Shopify","firstParty":true,"retention":"14 day(s)","expires":14,"unit":"declDays","purpose":{"fr":"Utilisé en relation avec la localisation de l'acheteur."}},{"name":"localization","domain":"clemence-vivien.myshopify.com","path":"/","provider":"Shopify","firstParty":true,"retention":"1 year(s)","expires":1,"unit":"declYears","purpose":{"fr":"Localisation de boutique Shopify"}},{"name":"secure_customer_sig","domain":"clemence-vivien.myshopify.com","path":"/","provider":"Shopify","firstParty":true,"retention":"1 year(s)","expires":1,"unit":"declYears","purpose":{"fr":"Utilisé en relation avec la connexion client."}},{"name":"_secure_session_id","domain":"clemence-vivien.myshopify.com","path":"/","provider":"Shopify","firstParty":true,"retention":"24 hour(s)","expires":24,"unit":"declHours","purpose":{"fr":"Utilisé en relation avec la navigation dans une vitrine."}}],"1":[{"name":"_orig_referrer","domain":".clemence-vivien.myshopify.com","path":"/","provider":"Shopify","firstParty":true,"retention":"14 day(s)","expires":14,"unit":"declDays","purpose":{"fr":"Suit les pages de destination."}},{"name":"_landing_page","domain":".clemence-vivien.myshopify.com","path":"/","provider":"Shopify","firstParty":true,"retention":"14 day(s)","expires":14,"unit":"declDays","purpose":{"fr":"Suit les pages de destination."}},{"name":"_y","domain":".clemence-vivien.myshopify.com","path":"/","provider":"Shopify","firstParty":true,"retention":"1 year(s)","expires":1,"unit":"declYears","purpose":{"fr":"Analyses Shopify."}},{"name":"_s","domain":".clemence-vivien.myshopify.com","path":"/","provider":"Shopify","firstParty":true,"retention":"30 minute(s)","expires":30,"unit":"declMinutes","purpose":{"fr":"Analyses Shopify."}},{"name":"_shopify_y","domain":".clemence-vivien.myshopify.com","path":"/","provider":"Shopify","firstParty":true,"retention":"1 year(s)","expires":1,"unit":"declYears","purpose":{"fr":"Analyses Shopify."}},{"name":"_shopify_s","domain":".clemence-vivien.myshopify.com","path":"/","provider":"Shopify","firstParty":true,"retention":"30 minute(s)","expires":30,"unit":"declMinutes","purpose":{"fr":"Analyses Shopify."}}],"2":[],"4":[],"8":[]},"blocker":{"isActive":false,"googleConsentMode":{"id":"","analyticsId":"","isActive":false,"adStorageCategory":4,"analyticsStorageCategory":2,"personalizationStorageCategory":1,"functionalityStorageCategory":1,"customEvent":true,"securityStorageCategory":0,"redactData":true,"urlPassthrough":false},"facebookPixel":{"id":"","isActive":false,"ldu":false},"rakuten":{"isActive":false,"cmp":false,"ccpa":false},"defaultBlocked":7,"patterns":{"whiteList":[],"blackList":{"1":[],"2":[],"4":[],"8":[]},"iframesWhiteList":[],"iframesBlackList":{"1":[],"2":[],"4":[],"8":[]},"beaconsWhiteList":[],"beaconsBlackList":{"1":[],"2":[],"4":[],"8":[]}}}}
!function(){"use strict";window.PandectesRules=window.PandectesRules||{},window.PandectesRules.manualBlacklist={1:[],2:[],4:[]},window.PandectesRules.blacklistedIFrames={1:[],2:[],4:[]},window.PandectesRules.blacklistedCss={1:[],2:[],4:[]},window.PandectesRules.blacklistedBeacons={1:[],2:[],4:[]};var e="javascript/blocked",t="_pandectes_gdpr";function n(e){return new RegExp(e.replace(/[/\\.+?$()]/g,"\\$&").replace("*","(.*)"))}var a=function(e){try{return JSON.parse(e)}catch(e){return!1}},r=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"log",n=new URLSearchParams(window.location.search);n.get("log")&&console[t]("PandectesRules: ".concat(e))};function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function o(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var a,r,i=[],o=!0,s=!1;try{for(n=n.call(e);!(o=(a=n.next()).done)&&(i.push(a.value),!t||i.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(s)throw r}}return i}(e,t)||u(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||u(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var p=window.PandectesRulesSettings||window.PandectesSettings,f=!(void 0===window.dataLayer||!Array.isArray(window.dataLayer)||!window.dataLayer.some((function(e){return"pandectes_full_scan"===e.event})));r("userAgent -> ".concat(window.navigator.userAgent.substring(0,50)));var g=function(){var e,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:t,r="; "+document.cookie,i=r.split("; "+n+"=");if(i.length<2)e={};else{var o=i.pop(),s=o.split(";");e=window.atob(s.shift())}var c=a(e);return!1!==c?c:e}(),y=p.banner.isActive,h=p.blocker,m=h.defaultBlocked,w=h.patterns,v=g&&null!==g.preferences&&void 0!==g.preferences?g.preferences:null,b=f?0:y?null===v?m:v:0,k={1:0==(1&b),2:0==(2&b),4:0==(4&b)},L=w.blackList,S=w.whiteList,_=w.iframesBlackList,P=w.iframesWhiteList,A=w.beaconsBlackList,C=w.beaconsWhiteList,B={blackList:[],whiteList:[],iframesBlackList:{1:[],2:[],4:[],8:[]},iframesWhiteList:[],beaconsBlackList:{1:[],2:[],4:[],8:[]},beaconsWhiteList:[]};[1,2,4].map((function(e){var t;k[e]||((t=B.blackList).push.apply(t,l(L[e].length?L[e].map(n):[])),B.iframesBlackList[e]=_[e].length?_[e].map(n):[],B.beaconsBlackList[e]=A[e].length?A[e].map(n):[])})),B.whiteList=S.length?S.map(n):[],B.iframesWhiteList=P.length?P.map(n):[],B.beaconsWhiteList=C.length?C.map(n):[];var E={scripts:[],iframes:{1:[],2:[],4:[]},beacons:{1:[],2:[],4:[]},css:{1:[],2:[],4:[]}},j=function(t,n){return t&&(!n||n!==e)&&(!B.blackList||B.blackList.some((function(e){return e.test(t)})))&&(!B.whiteList||B.whiteList.every((function(e){return!e.test(t)})))},O=function(e){var t=e.getAttribute("src");return B.blackList&&B.blackList.every((function(e){return!e.test(t)}))||B.whiteList&&B.whiteList.some((function(e){return e.test(t)}))},I=function(e,t){var n=B.iframesBlackList[t],a=B.iframesWhiteList;return e&&(!n||n.some((function(t){return t.test(e)})))&&(!a||a.every((function(t){return!t.test(e)})))},R=function(e,t){var n=B.beaconsBlackList[t],a=B.beaconsWhiteList;return e&&(!n||n.some((function(t){return t.test(e)})))&&(!a||a.every((function(t){return!t.test(e)})))},T=new MutationObserver((function(e){for(var t=0;t<e.length;t++)for(var n=e[t].addedNodes,a=0;a<n.length;a++){var r=n[a],i=r.dataset&&r.dataset.cookiecategory;if(1===r.nodeType&&"LINK"===r.tagName){var o=r.dataset&&r.dataset.href;if(o&&i)switch(i){case"functionality":case"C0001":E.css[1].push(o);break;case"performance":case"C0002":E.css[2].push(o);break;case"targeting":case"C0003":E.css[4].push(o)}}}})),x=new MutationObserver((function(t){for(var n=0;n<t.length;n++)for(var a=t[n].addedNodes,r=function(t){var n=a[t],r=n.src||n.dataset&&n.dataset.src,i=n.dataset&&n.dataset.cookiecategory;if(1===n.nodeType&&"IFRAME"===n.tagName){if(r){var o=!1;I(r,1)||"functionality"===i||"C0001"===i?(o=!0,E.iframes[1].push(r)):I(r,2)||"performance"===i||"C0002"===i?(o=!0,E.iframes[2].push(r)):(I(r,4)||"targeting"===i||"C0003"===i)&&(o=!0,E.iframes[4].push(r)),o&&(n.removeAttribute("src"),n.setAttribute("data-src",r))}}else if(1===n.nodeType&&"IMG"===n.tagName){if(r){var s=!1;R(r,1)?(s=!0,E.beacons[1].push(r)):R(r,2)?(s=!0,E.beacons[2].push(r)):R(r,4)&&(s=!0,E.beacons[4].push(r)),s&&(n.removeAttribute("src"),n.setAttribute("data-src",r))}}else if(1===n.nodeType&&"LINK"===n.tagName){var c=n.dataset&&n.dataset.href;if(c&&i)switch(i){case"functionality":case"C0001":E.css[1].push(c);break;case"performance":case"C0002":E.css[2].push(c);break;case"targeting":case"C0003":E.css[4].push(c)}}else if(1===n.nodeType&&"SCRIPT"===n.tagName){var l=n.type,u=!1;if(j(r,l))u=!0;else if(r&&i)switch(i){case"functionality":case"C0001":u=!0,window.PandectesRules.manualBlacklist[1].push(r);break;case"performance":case"C0002":u=!0,window.PandectesRules.manualBlacklist[2].push(r);break;case"targeting":case"C0003":u=!0,window.PandectesRules.manualBlacklist[4].push(r)}if(u){E.scripts.push([n,l]),n.type=e;n.addEventListener("beforescriptexecute",(function t(a){n.getAttribute("type")===e&&a.preventDefault(),n.removeEventListener("beforescriptexecute",t)})),n.parentElement&&n.parentElement.removeChild(n)}}},i=0;i<a.length;i++)r(i)})),N=document.createElement,D={src:Object.getOwnPropertyDescriptor(HTMLScriptElement.prototype,"src"),type:Object.getOwnPropertyDescriptor(HTMLScriptElement.prototype,"type")};window.PandectesRules.unblockCss=function(e){var t=E.css[e]||[];t.length&&r("Unblocking CSS for ".concat(e)),t.forEach((function(e){var t=document.querySelector('link[data-href^="'.concat(e,'"]'));t.removeAttribute("data-href"),t.href=e})),E.css[e]=[]},window.PandectesRules.unblockIFrames=function(e){var t=E.iframes[e]||[];t.length&&r("Unblocking IFrames for ".concat(e)),B.iframesBlackList[e]=[],t.forEach((function(e){var t=document.querySelector('iframe[data-src^="'.concat(e,'"]'));t.removeAttribute("data-src"),t.src=e})),E.iframes[e]=[]},window.PandectesRules.unblockBeacons=function(e){var t=E.beacons[e]||[];t.length&&r("Unblocking Beacons for ".concat(e)),B.beaconsBlackList[e]=[],t.forEach((function(e){var t=document.querySelector('img[data-src^="'.concat(e,'"]'));t.removeAttribute("data-src"),t.src=e})),E.beacons[e]=[]},window.PandectesRules.unblockInlineScripts=function(e){var t=1===e?"functionality":2===e?"performance":"targeting";document.querySelectorAll('script[type="javascript/blocked"][data-cookiecategory="'.concat(t,'"]')).forEach((function(e){var t=e.textContent;e.parentNode.removeChild(e);var n=document.createElement("script");n.type="text/javascript",n.textContent=t,document.body.appendChild(n)}))},window.PandectesRules.unblock=function(t){t.length<1?(B.blackList=[],B.whiteList=[],B.iframesBlackList=[],B.iframesWhiteList=[]):(B.blackList&&(B.blackList=B.blackList.filter((function(e){return t.every((function(t){return"string"==typeof t?!e.test(t):t instanceof RegExp?e.toString()!==t.toString():void 0}))}))),B.whiteList&&(B.whiteList=[].concat(l(B.whiteList),l(t.map((function(e){if("string"==typeof e){var t=".*"+n(e)+".*";if(B.whiteList.every((function(e){return e.toString()!==t.toString()})))return new RegExp(t)}else if(e instanceof RegExp&&B.whiteList.every((function(t){return t.toString()!==e.toString()})))return e;return null})).filter(Boolean)))));for(var a=document.querySelectorAll('script[type="'.concat(e,'"]')),i=0;i<a.length;i++){var o=a[i];O(o)&&(E.scripts.push([o,"application/javascript"]),o.parentElement.removeChild(o))}var s=0;l(E.scripts).forEach((function(e,t){var n=c(e,2),a=n[0],r=n[1];if(O(a)){for(var i=document.createElement("script"),o=0;o<a.attributes.length;o++){var l=a.attributes[o];"src"!==l.name&&"type"!==l.name&&i.setAttribute(l.name,a.attributes[o].value)}i.setAttribute("src",a.src),i.setAttribute("type",r||"application/javascript"),document.head.appendChild(i),E.scripts.splice(t-s,1),s++}})),0==B.blackList.length&&0===B.iframesBlackList[1].length&&0===B.iframesBlackList[2].length&&0===B.iframesBlackList[4].length&&0===B.beaconsBlackList[1].length&&0===B.beaconsBlackList[2].length&&0===B.beaconsBlackList[4].length&&(r("Disconnecting observers"),x.disconnect(),T.disconnect())};var M,W,z=p.store.adminMode,F=p.blocker,U=F.defaultBlocked;M=function(){!function(){var e=window.Shopify.trackingConsent;if(!1!==e.shouldShowBanner()||null!==v||7!==U)try{var t=z&&!(window.Shopify&&window.Shopify.AdminBarInjector),n={preferences:0==(1&b)||f||t,analytics:0==(2&b)||f||t,marketing:0==(4&b)||f||t};e.firstPartyMarketingAllowed()===n.marketing&&e.analyticsProcessingAllowed()===n.analytics&&e.preferencesProcessingAllowed()===n.preferences||e.setTrackingConsent(n,(function(e){e&&e.error?r("Shopify.customerPrivacy API - failed to setTrackingConsent"):r("Shopify.customerPrivacy API - setTrackingConsent(".concat(JSON.stringify(n),")"))}))}catch(e){r("Shopify.customerPrivacy API - exception")}}(),function(){var e=window.Shopify.trackingConsent,t=e.currentVisitorConsent();if(F.gpcIsActive&&"CCPA"===e.getRegulation()&&"no"===t.gpc&&"yes"!==t.sale_of_data){var n={sale_of_data:!1};e.setTrackingConsent(n,(function(e){e&&e.error?r("Shopify.customerPrivacy API - failed to setTrackingConsent({".concat(JSON.stringify(n),")")):r("Shopify.customerPrivacy API - setTrackingConsent(".concat(JSON.stringify(n),")"))}))}}()},W=null,window.Shopify&&window.Shopify.loadFeatures&&window.Shopify.trackingConsent?M():W=setInterval((function(){window.Shopify&&window.Shopify.loadFeatures&&(clearInterval(W),window.Shopify.loadFeatures([{name:"consent-tracking-api",version:"0.1"}],(function(e){e?r("Shopify.customerPrivacy API - failed to load"):(r("Shopify.customerPrivacy API - loaded"),r("Shopify.customerPrivacy.shouldShowBanner() -> "+window.Shopify.trackingConsent.shouldShowBanner()),M())})))}),10);var q=p.banner.isActive,J=p.blocker.googleConsentMode,H=J.isActive,$=J.customEvent,G=J.id,K=J.analyticsId,V=J.redactData,Y=J.urlPassthrough,Q=J.adStorageCategory,X=J.analyticsStorageCategory,Z=J.functionalityStorageCategory,ee=J.personalizationStorageCategory,te=J.securityStorageCategory,ne=J.dataLayerProperty,ae=void 0===ne?"dataLayer":ne,re=J.waitForUpdate,ie=void 0===re?2e3:re;function oe(){window[ae].push(arguments)}window[ae]=window[ae]||[];var se,ce,le={hasInitialized:!1,ads_data_redaction:!1,url_passthrough:!1,data_layer_property:"dataLayer",storage:{ad_storage:"granted",ad_user_data:"granted",ad_personalization:"granted",analytics_storage:"granted",functionality_storage:"granted",personalization_storage:"granted",security_storage:"granted",wait_for_update:2e3}};if(q&&H){var ue=0==(b&Q)?"granted":"denied",de=0==(b&X)?"granted":"denied",pe=0==(b&Z)?"granted":"denied",fe=0==(b&ee)?"granted":"denied",ge=0==(b&te)?"granted":"denied";if(le.hasInitialized=!0,le.ads_data_redaction="denied"===ue&&V,le.url_passthrough=Y,le.storage.ad_storage=ue,le.storage.ad_user_data=ue,le.storage.ad_personalization=ue,le.storage.analytics_storage=de,le.storage.functionality_storage=pe,le.storage.personalization_storage=fe,le.storage.security_storage=ge,le.storage.wait_for_update="denied"===de||"denied"===ue?ie:2e3,le.data_layer_property=ae||"dataLayer",le.ads_data_redaction&&oe("set","ads_data_redaction",le.ads_data_redaction),le.url_passthrough&&oe("set","url_passthrough",le.url_passthrough),oe("consent","default",le.storage),r("Google consent mode initialized"),G.length){window[le.data_layer_property].push({"gtm.start":(new Date).getTime(),event:"gtm.js"}),window[le.data_layer_property].push({"pandectes.start":(new Date).getTime(),event:"pandectes-rules.min.js"});var ye=document.createElement("script"),he="dataLayer"!==le.data_layer_property?"&l=".concat(le.data_layer_property):"";ye.async=!0,ye.src="https://www.googletagmanager.com/gtm.js?id=".concat(G).concat(he),document.head.appendChild(ye)}if(K.length){window[le.data_layer_property].push({"pandectes.start":(new Date).getTime(),event:"pandectes-rules.min.js"});var me=document.createElement("script");me.async=!0,me.src="https://www.googletagmanager.com/gtag/js?id=".concat(K),document.head.appendChild(me),oe("js",new Date),oe("config",K)}}q&&$&&(ce=7===(se=b)?"deny":0===se?"allow":"mixed",window[ae].push({event:"Pandectes_Consent_Update",pandectes_status:ce,pandectes_categories:{C0000:"allow",C0001:k[1]?"allow":"deny",C0002:k[2]?"allow":"deny",C0003:k[4]?"allow":"deny"}}),r("PandectesCustomEvent pushed to the dataLayer")),window.PandectesRules.gcm=le;var we=p.banner.isActive,ve=p.blocker.isActive;r("Blocker -> "+(ve?"Active":"Inactive")),r("Banner -> "+(we?"Active":"Inactive")),r("ActualPrefs -> "+b);var be=null===v&&/\/checkouts\//.test(window.location.pathname);0!==b&&!1===f&&ve&&!be?(r("Blocker will execute"),document.createElement=function(){for(var t=arguments.length,n=new Array(t),a=0;a<t;a++)n[a]=arguments[a];if("script"!==n[0].toLowerCase())return N.bind?N.bind(document).apply(void 0,n):N;var r=N.bind(document).apply(void 0,n);try{Object.defineProperties(r,{src:o(o({},D.src),{},{set:function(t){j(t,r.type)&&D.type.set.call(this,e),D.src.set.call(this,t)}}),type:o(o({},D.type),{},{get:function(){var t=D.type.get.call(this);return t===e||j(this.src,t)?null:t},set:function(t){var n=j(r.src,r.type)?e:t;D.type.set.call(this,n)}})}),r.setAttribute=function(t,n){if("type"===t){var a=j(r.src,r.type)?e:n;D.type.set.call(r,a)}else"src"===t?(j(n,r.type)&&D.type.set.call(r,e),D.src.set.call(r,n)):HTMLScriptElement.prototype.setAttribute.call(r,t,n)}}catch(e){console.warn("Yett: unable to prevent script execution for script src ",r.src,".\n",'A likely cause would be because you are using a third-party browser extension that monkey patches the "document.createElement" function.')}return r},x.observe(document.documentElement,{childList:!0,subtree:!0}),T.observe(document.documentElement,{childList:!0,subtree:!0})):r("Blocker will not execute")}();
</script>
<!-- EASYGIFT SCRIPT -->
<script type="text/javascript" src="https://cdn.506.io/eg/script.js?shop=clemence-vivien.myshopify.com"></script>
<!-- END EASYGIFT SCRIPT -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content=""><link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="icon" type="image/png" href="//www.clemenceetvivien.com/cdn/shop/files/favicon-32x32_b92143d4-ae7b-4068-855b-90a7d3365b69.png?crop=center&height=32&v=1673526180&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="ho1k7tceh1w370mjbvwgbvx1bi4v7y">
<meta name="google-site-verification" content="7eaXSZ5163XTmFCHe9l1w4-8RzogxheJu1SyrRaaEHo">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/56871387219/digital_wallets/dialog">
<link rel="alternate" hreflang="x-default" href="https://www.clemenceetvivien.com/">
<link rel="alternate" hreflang="fr-BE" href="https://www.clemenceetvivien.com/fr-be">
<link rel="alternate" hreflang="fr-LU" href="https://www.clemenceetvivien.com/fr-lu">
<link rel="alternate" hreflang="fr-FR" href="https://www.clemenceetvivien.com/">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<script id="shopify-features" type="application/json">{"accessToken":"4f74ba165f220b3006427bc76a8721d5","betas":["rich-media-storefront-analytics"],"domain":"www.clemenceetvivien.com","predictiveSearch":true,"shopId":56871387219,"smart_payment_buttons_url":"https:\/\/www.clemenceetvivien.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.fr.js","dynamic_checkout_cart_url":"https:\/\/www.clemenceetvivien.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.fr.js","locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "clemence-vivien.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"PROD - Clémence \u0026 Vivien - Atelier 42","id":154569998685,"schema_name":"Be Yours","schema_version":"5.4.0","theme_store_id":1399,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.clemenceetvivien.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script>(function() {
function asyncLoad() {
var urls = ["","https:\/\/d1564fddzjmdj5.cloudfront.net\/initializercolissimo.js?app_name=happycolissimo\u0026cloud=d1564fddzjmdj5.cloudfront.net\u0026shop=clemence-vivien.myshopify.com","https:\/\/geolocation-recommendations.shopifyapps.com\/locale_bar\/script.js?shop=clemence-vivien.myshopify.com","https:\/\/cdn.nfcube.com\/45be6c58fb0ee9bc198354e9b509b0be.js?shop=clemence-vivien.myshopify.com","https:\/\/plugin.brevo.com\/integrations\/api\/automation\/script?user_connection_id=63a3054819400101376bd92d\u0026ma-key=rsjhbkyrw5j1iurmgeus0\u0026shop=clemence-vivien.myshopify.com","https:\/\/plugin.brevo.com\/integrations\/api\/sy\/cart_tracking\/script?ma-key=rsjhbkyrw5j1iurmgeus0\u0026user_connection_id=63a3054819400101376bd92d\u0026shop=clemence-vivien.myshopify.com","https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/a4d4e4f8f71280d758488451a\/6e9f7cee9f959c6707b7ba93d.js?shop=clemence-vivien.myshopify.com","https:\/\/cdn1.judge.me\/assets\/installed.js?shop=clemence-vivien.myshopify.com","https:\/\/js.smile.io\/v1\/smile-shopify.js?shop=clemence-vivien.myshopify.com","https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/7138\/7219\/t\/43\/assets\/yoast-active-script.js?v=1698230865\u0026shop=clemence-vivien.myshopify.com","https:\/\/cdn-app.sealsubscriptions.com\/shopify\/public\/js\/sealsubscriptions.js?shop=clemence-vivien.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":56871387219,"offset":3600,"reqid":"8fdd3878-b630-4bec-bba8-28291ae7156d-1733298662","pageurl":"www.clemenceetvivien.com\/","u":"46237e6fff62","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');function s(t,e,n=!1){try{const o=window.sessionStorage;for(const[n,c]of Object.entries(JSON.parse(o.getItem(e))))t.elements[n]&&(t.elements[n].value=c);n&&o.removeItem(e)}catch{}}const a='form_key',i=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response','password'],u=()=>{try{return window.sessionStorage}catch{return}},m=t=>t.elements[a],f='form_type',d='cptcha';function p(t){t.dataset[d]=!0}const l=window,h=l.document,_='Shopify',y='ce_forms',E='captcha';let v=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js',T={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=l[_][y],c=o.bindForm;if(c)return c(t,g,e,T).then(n);o.q.push([[t,g,e,T],n]),v||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'})),v=!0)});var g,T;l[_]=l[_]||{},l[_][y]=l[_][y]||{},l[_][y].q=[],l[_][E]=l[_][E]||{},l[_][E].protect=function(t,e){n(t,void 0,e),p(t)},Object.freeze(l[_][E]),function(t,e,n,l,h,_){const[y,E,v,g]=function(t,e,n){const s=e?o:[],a=t?c:[],i=[...s,...a],u=[...o],m=r(i),f=r(s),d=n&&r(i.filter((([t,e])=>n.includes(e)))),p=r(u),l=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[l(m),l(f),l(d),l(p)]}(l,h,_),T=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},S=t=>y().includes(t);t.addEventListener('submit',(t=>{const e=T(t);if(!e)return;const n=S(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=m(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!u())return;!function(t){const e=u();if(!e)return;const n=m(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){m(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:a})),t.elements[a].value=e}(t,e),function(t,e){const n=u();if(!n)return;const o=[...t.querySelectorAll('input[type="password"]')].map((({name:t})=>t)),c=[...i,...o],r={};for(const[s,a]of new FormData(t).entries())c.includes(s)||(r[s]=a);n.setItem(e,JSON.stringify(r))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const w=(t,e)=>{t&&!t.dataset[d]&&(n(t,e.some((e=>e===t))),p(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=T(t);S(e)&&w(e,E())}));const A=e.get('form_key'),b=e.get(f),I=A&&b;t.addEventListener('DOMContentLoaded',(()=>{const t=E();if(I)for(const e of t)e.elements[f].value===b&&s(e,A);[...new Set([...v(),...y().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>w(e,t)))}))}(h,new URLSearchParams(l.location.search),n,!0,!0,['guest_login'])})()}();</script>
<script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.clemenceetvivien.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script>
<script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//www.clemenceetvivien.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script>
<script id="sections-script" data-sections="header,footer" defer="defer" src="//www.clemenceetvivien.com/cdn/shop/t/43/compiled_assets/scripts.js?15720"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<style data-shopify>@font-face {
font-family: Lato;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//www.clemenceetvivien.com/cdn/fonts/lato/lato_n4.c86cddcf8b15d564761aaa71b6201ea326f3648b.woff2?h1=Y2xlbWVuY2Utdml2aWVuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xlbWVuY2VldHZpdmllbi5jb20&hmac=d10f2ad016cb706e8ec90d45fb8264b25b51b099a47e85e435e061777907234a") format("woff2"),
url("//www.clemenceetvivien.com/cdn/fonts/lato/lato_n4.e0ee1e2c008a0f429542630edf70be01045ac5e9.woff?h1=Y2xlbWVuY2Utdml2aWVuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xlbWVuY2VldHZpdmllbi5jb20&hmac=7741b7af446f7f30807e22b7e2f34c6bd3b719bea33302d487a56074b706dd64") format("woff");
}
@font-face {
font-family: Lato;
font-weight: 600;
font-style: normal;
font-display: swap;
src: url("//www.clemenceetvivien.com/cdn/fonts/lato/lato_n6.8f129fde40f203553b1c63523c8c34e59550404e.woff2?h1=Y2xlbWVuY2Utdml2aWVuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xlbWVuY2VldHZpdmllbi5jb20&hmac=e14989b1ef7ad0eacaccb029fe9fe9969f57087784eea38ca6f2abd70af945d3") format("woff2"),
url("//www.clemenceetvivien.com/cdn/fonts/lato/lato_n6.822b168fbb902b52be8d60ec7a9fd5122a4894fe.woff?h1=Y2xlbWVuY2Utdml2aWVuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xlbWVuY2VldHZpdmllbi5jb20&hmac=cf2001a25f1229459bf254b8f58428b5ffc067a3953a56545dbb8d57761ab0b2") format("woff");
}
@font-face {
font-family: Lato;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//www.clemenceetvivien.com/cdn/fonts/lato/lato_i4.7307831c0d06d264a76f2f7310f8a29d0507d6d0.woff2?h1=Y2xlbWVuY2Utdml2aWVuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xlbWVuY2VldHZpdmllbi5jb20&hmac=e7f60f9cd9837e58f096c6cc67a31ab7524d4215b445723e92a87bc66e783c32") format("woff2"),
url("//www.clemenceetvivien.com/cdn/fonts/lato/lato_i4.fb695d0d68d5b174347edaf543726b1903b57796.woff?h1=Y2xlbWVuY2Utdml2aWVuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xlbWVuY2VldHZpdmllbi5jb20&hmac=8c82e8e645392d65cb0f2cb2b044c5bdf24f0b13a8cd2a8ca9c33ebdf99eb5ba") format("woff");
}
@font-face {
font-family: Lato;
font-weight: 600;
font-style: italic;
font-display: swap;
src: url("//www.clemenceetvivien.com/cdn/fonts/lato/lato_i6.2272604446e44eb1fbbcde161e64c61fa5eb51aa.woff2?h1=Y2xlbWVuY2Utdml2aWVuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xlbWVuY2VldHZpdmllbi5jb20&hmac=0327c473db0728aec1033d29410587f13615ecb5a1a8bd012b8d6392e261d733") format("woff2"),
url("//www.clemenceetvivien.com/cdn/fonts/lato/lato_i6.113c79ebd8ad85acba346c87b546aece226b6bd6.woff?h1=Y2xlbWVuY2Utdml2aWVuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xlbWVuY2VldHZpdmllbi5jb20&hmac=fbb14afa1fe3b7de2be9515ed080957b2f625d529561027b70cd33182ad70d13") format("woff");
}
@font-face {
font-family: Lato;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.clemenceetvivien.com/cdn/fonts/lato/lato_n7.f0037142450bd729bdf6ba826f5fdcd80f2787ba.woff2?h1=Y2xlbWVuY2Utdml2aWVuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xlbWVuY2VldHZpdmllbi5jb20&hmac=9a5c5babc81fe49e683afb019687684612c7cc84348b1c09c5e0ea9eb7636fa0") format("woff2"),
url("//www.clemenceetvivien.com/cdn/fonts/lato/lato_n7.50161a3d4f05d049b7407d86c5a8834e4d6e29bf.woff?h1=Y2xlbWVuY2Utdml2aWVuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xlbWVuY2VldHZpdmllbi5jb20&hmac=f2fc2d976f8b83bdab773bb00ae5f296b05a600bab601f1b9e1083e06a9c28de") format("woff");
}
@font-face {
font-family: Lato;
font-weight: 600;
font-style: normal;
font-display: swap;
src: url("//www.clemenceetvivien.com/cdn/fonts/lato/lato_n6.8f129fde40f203553b1c63523c8c34e59550404e.woff2?h1=Y2xlbWVuY2Utdml2aWVuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xlbWVuY2VldHZpdmllbi5jb20&hmac=e14989b1ef7ad0eacaccb029fe9fe9969f57087784eea38ca6f2abd70af945d3") format("woff2"),
url("//www.clemenceetvivien.com/cdn/fonts/lato/lato_n6.822b168fbb902b52be8d60ec7a9fd5122a4894fe.woff?h1=Y2xlbWVuY2Utdml2aWVuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xlbWVuY2VldHZpdmllbi5jb20&hmac=cf2001a25f1229459bf254b8f58428b5ffc067a3953a56545dbb8d57761ab0b2") format("woff");
}
:root {
--be-yours-version: "5.4.0";
--font-body-family:
Lato,
sans-serif
;
--font-body-style: normal;
--font-body-weight: 400;
--font-heading-family:
Lato,
sans-serif
;
--font-heading-style: normal;
--font-heading-weight: 700;
--font-body-scale: 1.0;
--font-heading-scale: 1.0;
--font-navigation-family: var(--font-heading-family);
--font-navigation-size: 18px;
--font-button-family: var(--font-body-family);
--font-button-size: 18px;
--font-button-baseline:
0rem;
--color-achromatic_900:
0,0, 0
;
--color-achromatic_700:
13,
13
, 13
;
--color-achromatic_500:
148,
148
, 148
;
--color-achromatic_300:
243,
243
, 244
;
--color-achromatic_100:
255,
253
, 252
;
--color-achromatic_000:
255,
255
, 255
;
--color-green_500:
56,95, 82
;
--color-green_300:
143,
176
, 165
;
--color-green_100:
222,
237
, 234
;
--color-brown_500:
200,
115
, 90
;
--color-brown_300:
222,
171
, 156
;
--color-brown_100:
222,
171
, 156
;
--color-base-text:
33,
35
, 38
;
--color-base-background:
255,
255
, 255
;
--color-base-solid-button-labels:
255,
255
, 255
;
--color-base-outline-button-labels:
26,
27
, 24
;
--color-base-accent:
143,
176
, 165
;
--color-base-heading:
26,
27
, 24
;
--color-border: var(--color-achromatic_500);
--color-placeholder:
243,
243
, 243
;
--color-overlay:
33,
35
, 38
;
--color-keyboard-focus:
1,
94
, 204
;
--color-shadow:
168,
232
, 226
;
--shadow-opacity: 1;
--color-background-dark:
235,
235
, 235
;
--color-price: #1a1b18;
--color-sale-price: #d72c0d;
--color-reviews: #C8735A;
--color-critical: #d72c0d;
--color-success: #008060;
--payment-terms-background-color: #ffffff;
--page-width: 144rem;
--page-width-margin:
0rem;
--card-color-scheme: var(--color-placeholder);
--card-text-alignment: left;
--card-image-padding: 0px;
--card-border-width: 0px;
--card-radius: 0px;
--card-shadow-horizontal-offset: 0px;
--card-shadow-vertical-offset: 0px;
--button-radius: 3px;
--button-border-width: 1px;
--button-shadow-horizontal-offset: 0px;
--button-shadow-vertical-offset: 0px;
--spacing-sections-desktop: 60px;
--spacing-sections-mobile:
42
px;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: calc(var(--font-body-scale) * 62.5%);
height: 100%;
}
body {
min-height: 100%;
margin: 0;
font-size: 1.6rem;
letter-spacing: 0;
line-height: calc(1 + 0.8 / var(--font-body-scale));
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
}
@media screen and (min-width: 750px) {
body {
font-size: 1.6rem;
}
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/base.css?v=169291638122614823531698230865" rel="stylesheet" type="text/css" media="all" /><link rel="preload" as="font" href="//www.clemenceetvivien.com/cdn/fonts/lato/lato_n4.c86cddcf8b15d564761aaa71b6201ea326f3648b.woff2?h1=Y2xlbWVuY2Utdml2aWVuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xlbWVuY2VldHZpdmllbi5jb20&hmac=d10f2ad016cb706e8ec90d45fb8264b25b51b099a47e85e435e061777907234a" type="font/woff2" crossorigin><link rel="preload" as="font" href="//www.clemenceetvivien.com/cdn/fonts/lato/lato_n6.8f129fde40f203553b1c63523c8c34e59550404e.woff2?h1=Y2xlbWVuY2Utdml2aWVuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xlbWVuY2VldHZpdmllbi5jb20&hmac=e14989b1ef7ad0eacaccb029fe9fe9969f57087784eea38ca6f2abd70af945d3" type="font/woff2" crossorigin><link rel="preload" as="font" href="//www.clemenceetvivien.com/cdn/fonts/lato/lato_n7.f0037142450bd729bdf6ba826f5fdcd80f2787ba.woff2?h1=Y2xlbWVuY2Utdml2aWVuLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xlbWVuY2VldHZpdmllbi5jb20&hmac=9a5c5babc81fe49e683afb019687684612c7cc84348b1c09c5e0ea9eb7636fa0" type="font/woff2" crossorigin><link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-predictive-search.css?v=182220736298816923731698230865" media="print" onload="this.media='all'"><script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>
<script src="//www.clemenceetvivien.com/cdn/shop/t/43/assets/vendor-v4.js?v=97911163996048979671698230865" defer></script>
<script src="//www.clemenceetvivien.com/cdn/shop/t/43/assets/global.js?v=128379694027917027551698230865" defer></script>
<!-- roartheme: Terms and Conditions Checkbox app -->
<script type="text/javascript">
(function() {
window.sib = {
equeue: [],
client_key: "rsjhbkyrw5j1iurmgeus0"
};
/* OPTIONAL: email for identify request*/
// window.sib.email_id = 'example@domain.com';
window.sendinblue = {};
for (var j = ['track', 'identify', 'trackLink', 'page'], i = 0; i < j.length; i++) {
(function(k) {
window.sendinblue[k] = function() {
var arg = Array.prototype.slice.call(arguments);
(window.sib[k] || function() {
var t = {};
t[k] = arg;
window.sib.equeue.push(t);
})(arg[0], arg[1], arg[2], arg[3]);
};
})(j[i]);
}
var n = document.createElement("script"),
i = document.getElementsByTagName("script")[0];
n.type = "text/javascript", n.id = "sendinblue-js", n.async = !0, n.src = "https://sibautomation.com/sa.js?key=" + window.sib.client_key, i.parentNode.insertBefore(n, i), window.sendinblue.page();
})();
</script>
<script>
function fn(){
if (typeof BSS_SL.configData == 'undefined') {
if(window.location.pathname == '/pages/store-locator'){
document.getElementById("PageContainer").remove();
}
}
}
if (document.readyState === "complete" || document.readyState === "interactive") {
setTimeout(fn, 1);
} else {
document.addEventListener("DOMContentLoaded", fn);
}
</script> <script id="bss-store-locator-cluster" src='https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js'>
</script>
<!-- BEGIN app block: shopify://apps/easy-rich-snippets-for-seo/blocks/faq/7383bb79-7cf1-46db-b0eb-5a6fcdc4c6ee -->
<!-- END app app block --><!-- BEGIN app block: shopify://apps/tinyseo-seo-speed/blocks/breadcrumbs-json-ld-embed/0605268f-f7c4-4e95-b560-e43df7d59ae4 --><script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"item": {
"@id": "https://www.clemenceetvivien.com",
"name": "Home"
}
}
]
}
</script>
<!-- END app app block --><!-- BEGIN app block: shopify://apps/preorder-now-pre-order-pq/blocks/app-embed/551fab2c-3af6-4a8f-ba21-736a71cb4540 --><!-- END app app block --><!-- BEGIN app block: shopify://apps/gdpr-compliance-center/blocks/banner/58c0baa2-6cc1-480c-9ea6-38d6d559556a -->
<script defer="defer" src="https://cdn.shopify.com/extensions/24e16303-e817-4056-bd57-17c1d213220a/pandectes-gdpr-compliance-103/assets/pandectes-core.js"></script>
<!-- END app app block --><!-- BEGIN app block: shopify://apps/easy-rich-snippets-for-seo/blocks/shop/7383bb79-7cf1-46db-b0eb-5a6fcdc4c6ee --><script type="application/ld+json">
/*AhoiApps Schema App*/
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Clémence & Vivien",
"description": "Clémence & Vivien, votre marque de cosmétiques 100 % naturels, vegan et green, fabriqués en France : Déodorant naturel, Savon à froid, Baume corporel, Éponge de konjac…",
"logo": "//www.clemenceetvivien.com/cdn/shop/files/Clemence_vivien_096fda22-2527-4f5d-bc8b-647cec77823d.png?v=1673518716",
"sameAs": [
"https://www.facebook.com/clemenceetvivien",
"https://www.pinterest.fr/clemenceetvivien/_created/",
"https://www.instagram.com/clemenceetvivien/",
"https://www.tiktok.com/@clemenceetvivien"
],
"url": "https://www.clemenceetvivien.com"
, "email": "mailto:contact@clemenceetvivien.com"
}
</script>
<!-- END app app block --><!-- BEGIN app block: shopify://apps/judge-me-product-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->
<link rel="dns-prefetch" href="https://cdn.judge.me">
<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"badge_no_review_text":"Aucun avis","badge_n_reviews_text":"{{ n }} avis/avis","badge_star_color":"#c8735a","hide_badge_preview_if_no_reviews":false,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Avis des clients à propos de notre produit {{ product_name }}","widget_open_form_text":"Écrire un avis","widget_close_form_text":"Annuler l'avis","widget_refresh_page_text":"Rafraîchir la page","widget_summary_text":"La note globale de notre produit est de {{ average_rating }} sur 5 étoiles. Notre produit à récolté {{ number_of_reviews }} avis.","widget_no_review_text":"Aucun avis pour le moment","widget_name_field_text":"Nom","widget_verified_name_field_text":"Nom vérifié (public)","widget_name_placeholder_text":"Entrez votre nom (public)","widget_required_field_error_text":"Ce champ est requis.","widget_email_field_text":"Email","widget_verified_email_field_text":"Email vérifié (privé, ne peut être modifié)","widget_email_placeholder_text":"Entrez votre email (privé)","widget_email_field_error_text":"Veuillez saisir une adresse email valide.","widget_rating_field_text":"Note","widget_review_title_field_text":"Titre de l'avis","widget_review_title_placeholder_text":"Donnez un titre à votre avis","widget_review_body_field_text":"Votre avis","widget_review_body_placeholder_text":"Écrivez vos commentaires ici","widget_pictures_field_text":"Image (facultatif)","widget_submit_review_text":"Soumettre l'Avis","widget_submit_verified_review_text":"Soumettre un avis vérifié","widget_submit_success_msg_with_auto_publish":"Nous vous remercions! Veuillez actualiser la page dans quelques instants pour voir votre avis. Vous pouvez supprimer ou modifier votre avis en vous connectant à \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Nous vous remercions! Votre avis sera publié dès qu'il est approuvé par l'administrateur de la boutique. Vous pouvez supprimer ou modifier votre avis en vous connectant à \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Affichage de {{ n_reviews_shown }} avis sur {{ n_reviews }}.","widget_show_all_link_text":"Afficher tout","widget_show_less_link_text":"Afficher moins","widget_author_said_text":"{{ reviewer_name }} a dit :","widget_days_text":"Il y a {{ n }} jours","widget_weeks_text":"Il y a {{ n }} semaine/semaine","widget_months_text":"Il y a {{ n }} mois/mois","widget_years_text":"Il y a {{ n }} année/années","widget_yesterday_text":"Hier","widget_today_text":"Aujourd'hui","widget_replied_text":"\u003e\u003e {{ shop_name }} a répondu :","widget_read_more_text":"Lire la suite","widget_rating_filter_see_all_text":"Voir tous les avis","widget_sorting_most_recent_text":"Le plus récent","widget_sorting_highest_rating_text":"Note la plus élevée","widget_sorting_lowest_rating_text":"Note la plus basse","widget_sorting_with_pictures_text":"Avec images seulement","widget_sorting_most_helpful_text":"Le plus utile","widget_open_question_form_text":"Poser une question","widget_reviews_subtab_text":"Avis","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Réponse","widget_question_placeholder_text":"Écrivez votre question ici","widget_submit_question_text":"Soumettre une question","widget_question_submit_success_text":"Merci de votre question ! Nous vous aviserons une fois qu'il aura obtenu une réponse.","widget_star_color":"#c8735a","verified_badge_text":"Vérifié","verified_badge_placement":"left-of-reviewer-name","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"country_iso_code","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(hors boutique)","all_reviews_product_name_prefix_text":"sur","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"carousel","review_date_format":"dd/mm/yyyy","default_sort_method":"highest-rating","widget_product_reviews_subtab_text":"Avis sur Produits","widget_shop_reviews_subtab_text":"Avis sur Boutique","widget_write_a_store_review_text":"Écrire un avis","widget_sorting_pictures_first_text":"Photos en Premier","floating_tab_button_name":"★ Avis Judge.me","floating_tab_title":"Laissez nos clients parler de nous","floating_tab_url":"","floating_tab_url_enabled":false,"all_reviews_text_badge_text":"Les clients nous évaluent {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 basé sur {{ shop.metafields.judgeme.all_reviews_count }} avis.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} sur 5 étoiles basé sur {{ shop.metafields.judgeme.all_reviews_count }} avis","all_reviews_text_badge_url":"","featured_carousel_title":"Laissez nos clients parler de nous","featured_carousel_count_text":"d'après {{ n }} avis","featured_carousel_url":"","verified_count_badge_url":"","widget_star_use_custom_color":true,"picture_reminder_submit_button":"Télécharger des photos","enable_review_videos":true,"mute_video_by_default":true,"widget_sorting_videos_first_text":"Vidéos en Premier","widget_review_pending_text":"en attente","remove_microdata_snippet":true,"preview_badge_no_question_text":"Aucune question","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","widget_search_bar_placeholder":"Rechercher des avis","widget_sorting_verified_only_text":"Vérifiés seulement","featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"Voir le produit","all_reviews_page_load_more_text":"Charger plus d'avis","widget_public_name_text":"affiché publiquement comme","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonyme","medals_widget_title":"Médailles d'Avis Judge.me","widget_invalid_yt_video_url_error_text":"Pas une URL de vidéo YouTube","widget_max_length_field_error_text":"Veuillez ne pas saisir plus de {0} caractères.","widget_verified_by_shop_text":"Vérifié par Shop","widget_load_with_code_splitting":true,"widget_ugc_title":"Fait par nous, partagé par vous","widget_ugc_subtitle":"Taguez-nous pour voir votre photo apparaître sur notre page","widget_ugc_primary_button_text":"Acheter maintenant","widget_ugc_secondary_button_text":"Charger plus","widget_ugc_reviews_button_text":"Voir les avis","widget_enable_secondary_color":true,"widget_summary_average_rating_text":"{{ average_rating }} sur 5","widget_media_grid_title":"Photos et vidéos des clients","widget_media_grid_see_more_text":"Voir plus","widget_round_style":true,"widget_show_product_medals":false,"widget_verified_by_judgeme_text":"Vérifié par Judge.me","widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Désolé, nous ne pouvons accepter que {{ max_media }} pour un seul avis.","widget_media_field_exceed_limit_message":"{{ file_name }} est trop volumineux, veuillez sélectionner un {{ media_type }} inférieur à {{ size_limit }} Mo.","widget_review_submitted_text":"Avis soumis !","widget_question_submitted_text":"Question soumise !","widget_close_form_text_question":"Annuler","widget_write_your_answer_here_text":"Écrivez votre réponse ici","widget_show_collected_by_judgeme":false,"widget_collected_by_judgeme_text":"collecté par Judge.me","widget_load_more_text":"Charger plus","widget_full_review_text":"Revue complète","widget_read_more_reviews_text":"Lire plus d\u0026#39;avis","widget_read_questions_text":"Lire les questions","widget_questions_and_answers_text":"questions et réponses","widget_verified_by_text":"Vérifié par","widget_number_of_reviews_text":"{{ number_of_reviews }} avis","widget_back_button_text":"Retour","widget_next_button_text":"Suivant","widget_custom_forms_filter_button":"Filtres","custom_forms_style":"vertical","how_reviews_are_collected":"Comment les avis sont-ils collectés ?","widget_gdpr_statement":"En soumettant votre avis, vous acceptez les \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003etermes et conditions de Judge.me\u003c/a\u003e et \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003epolitique de confidentialité\u003c/a\u003e et les \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003epolitiques de contenu\u003c/a\u003e.","preview_badge_collection_page_install_preference":true,"preview_badge_product_page_install_preference":true,"review_widget_best_location":true,"platform":"shopify","branding_url":"https://judge.me/reviews/clemence-vivien.myshopify.com","branding_text":"Propulsé par Judge.me","locale":"en","reply_name":"Clémence \u0026 Vivien","widget_version":"3.0","footer":true,"autopublish":false,"review_dates":true,"enable_custom_form":false,"shop_use_review_site":true,"can_be_branded":true};</script> <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color:#399;--jdgm-secondary-color:#edf5f5;--jdgm-star-color:#c8735a;--jdgm-write-review-text-color:white;--jdgm-write-review-bg-color:#339999;--jdgm-paginate-color:#399;--jdgm-border-radius:10}.jdgm-histogram__bar-content{background-color:#399}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#399}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"Voir plus"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"Voir plus"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#c8735a}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__replier:before{content:'clemenceetvivien.com'}.jdgm-rev__prod-link-prefix:before{content:'sur'}.jdgm-rev__out-of-store-text:before{content:'(hors boutique)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}
</style> <script data-cfasync="false" type="text/javascript" async src="https://cdn.judge.me/widget_v3/theme/carousel.js" id="judgeme_widget_carousel_js"></script>
<link id="judgeme_widget_carousel_css" rel="stylesheet" type="text/css" media="nope!" onload="this.media='all'" href="https://cdn.judge.me/widget_v3/theme/carousel.css">
<style class='jdgm-miracle-styles'>
@-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-prev-badge{display:block !important}
</style>
<script data-cfasync='false' class='jdgm-script'>
!function(e){window.jdgm=window.jdgm||{},jdgm.CDN_HOST="https://cdn.judge.me/",
jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
t.onreadystatechange=function(){4===t.readyState&&(Function(t.response)(),d&&d(t.response))},
t.open("GET",e),t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll(
".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_HOST+"widget_v3/base.css"):
jdgm.loadCSS(jdgm.CDN_HOST+"widget/base.css"):jdgm.loadCSS(jdgm.CDN_HOST+"shopify_v2.css"),
jdgm.loadJS(jdgm.CDN_HOST+"loader.js"))}))}(document);
</script>
<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.judge.me/shopify_v2.css"></noscript>
<!-- BEGIN app snippet: theme_fix_tags --><script>
(function() {
var jdgmThemeFixes = null;
if (!jdgmThemeFixes) return;
var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
if (!thisThemeFix) return;
if (thisThemeFix.html) {
document.addEventListener("DOMContentLoaded", function() {
var htmlDiv = document.createElement('div');
htmlDiv.classList.add('jdgm-theme-fix-html');
htmlDiv.innerHTML = thisThemeFix.html;
document.body.append(htmlDiv);
});
};
if (thisThemeFix.css) {
var styleTag = document.createElement('style');
styleTag.classList.add('jdgm-theme-fix-style');
styleTag.innerHTML = thisThemeFix.css;
document.head.append(styleTag);
};
if (thisThemeFix.js) {
var scriptTag = document.createElement('script');
scriptTag.classList.add('jdgm-theme-fix-script');
scriptTag.innerHTML = thisThemeFix.js;
document.head.append(scriptTag);
};
})();
</script>
<!-- END app snippet -->
<!-- End of Judge.me Core -->
<!-- END app app block --><!-- BEGIN app block: shopify://apps/easy-rich-snippets-for-seo/blocks/blog/7383bb79-7cf1-46db-b0eb-5a6fcdc4c6ee -->
<!-- END app app block --><!-- BEGIN app block: shopify://apps/tinyseo-seo-speed/blocks/website-json-ld-embed/0605268f-f7c4-4e95-b560-e43df7d59ae4 --><script type="application/ld+json">
{"@context": "https://schema.org",
"@type": "WebSite",
"name": "Clémence & Vivien",
"url": "https://www.clemenceetvivien.com","sameAs": [
"https://www.facebook.com/clemenceetvivien",
"https://fr.pinterest.com/clemenceetvivien/",
"https://www.instagram.com/clemenceetvivien/",
"https://www.tiktok.com/@clemenceetvivien"
],"potentialAction": {
"@type": "SearchAction",
"target": "https://www.clemenceetvivien.com/search?q={query}",
"query-input": "required name=query",
"url": "https://www.clemenceetvivien.com"
}
}
</script>
<!-- END app app block --><!-- BEGIN app block: shopify://apps/easy-rich-snippets-for-seo/blocks/breadcrumbs/7383bb79-7cf1-46db-b0eb-5a6fcdc4c6ee -->
<!-- END app app block --><!-- BEGIN app block: shopify://apps/yoast-seo-seo-for-everyone/blocks/metatags/7c777011-bc88-4743-a24e-64336e1e5b46 -->
<!-- This site is optimized with Yoast SEO for Shopify -->
<title>Clémence & Vivien - Marque de cosmétiques naturels</title>
<meta name="description" content="Clémence & Vivien, votre marque de cosmétiques naturels, bio, écoresponsables, Made in France et végans." />
<link rel="canonical" href="https://www.clemenceetvivien.com/" />
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
<meta property="og:site_name" content="Clémence & Vivien" />
<meta property="og:url" content="https://www.clemenceetvivien.com/" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Clémence & Vivien - Marque de cosmétiques naturels" />
<meta property="og:description" content="Clémence & Vivien, votre marque de cosmétiques naturels, bio, écoresponsables, Made in France et végans." />
<meta property="og:image" content="https://www.clemenceetvivien.com/cdn/shop/files/Clemence_135dd873-7581-4168-9550-d02136893ec2.png?v=1673537959" />
<meta property="og:image:height" content="823" />
<meta property="og:image:width" content="1369" />
<meta name="twitter:card" content="summary_large_image" />
<script type="application/ld+json" id="yoast-schema-graph">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://www.clemenceetvivien.com/#/schema/organization/1",
"url": "https://www.clemenceetvivien.com",
"name": "Clémence \u0026 Vivien",
"alternateName": "C\u0026V",
"logo": {
"@id": "https://www.clemenceetvivien.com/#/schema/ImageObject/24266723360851"
},
"image": [
{
"@id": "https://www.clemenceetvivien.com/#/schema/ImageObject/24266723360851"
}
],
"hasMerchantReturnPolicy": {
"@type": "MerchantReturnPolicy",
"merchantReturnLink": "https://www.clemenceetvivien.com/policies/refund-policy"
},
"sameAs": ["https:\/\/www.instagram.com\/clemenceetvivien\/","https:\/\/www.pinterest.fr\/clemenceetvivien\/_created\/","https:\/\/www.tiktok.com\/@clemenceetvivien","https:\/\/www.facebook.com\/clemenceetvivien"]
},
{
"@type": "ImageObject",
"@id": "https://www.clemenceetvivien.com/#/schema/ImageObject/24266723360851",
"width": 1369,
"height": 823,
"url": "https:\/\/www.clemenceetvivien.com\/cdn\/shop\/files\/Clemence.png?v=1673537851",
"contentUrl": "https:\/\/www.clemenceetvivien.com\/cdn\/shop\/files\/Clemence.png?v=1673537851"
},
{
"@type": "WebSite",
"@id": "https://www.clemenceetvivien.com/#/schema/website/1",
"url": "https://www.clemenceetvivien.com",
"name": "Clémence \u0026 Vivien - Marque de cosmétiques naturels",
"alternateName": "C\u0026V",
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.clemenceetvivien.com/search?q={search_term_string}",
"query-input": "required name=search_term_string"
},
"publisher": {
"@id": "https://www.clemenceetvivien.com/#/schema/organization/1"
},
"inLanguage": "fr"
},
{
"@type": ["WebPage","CollectionPage"],
"@id": "https:\/\/www.clemenceetvivien.com\/",
"name": "Clémence \u0026amp; Vivien - Marque de cosmétiques naturels",
"description": "Clémence \u0026 Vivien, votre marque de cosmétiques naturels, bio, écoresponsables, Made in France et végans.",
"about": {
"@id": "https://www.clemenceetvivien.com/#/schema/organization/1"
},
"breadcrumb": {
"@id": "https:\/\/www.clemenceetvivien.com\/#\/schema\/breadcrumb"
},
"primaryImageOfPage": {
"@id": "https://www.clemenceetvivien.com/#/schema/ImageObject/24266734469203"
},
"image": [{
"@id": "https://www.clemenceetvivien.com/#/schema/ImageObject/24266734469203"
}],
"isPartOf": {
"@id": "https://www.clemenceetvivien.com/#/schema/website/1"
},
"url": "https:\/\/www.clemenceetvivien.com\/"
},
{
"@type": "ImageObject",
"@id": "https://www.clemenceetvivien.com/#/schema/ImageObject/24266734469203",
"width": 1369,
"height": 823,
"url": "https:\/\/www.clemenceetvivien.com\/cdn\/shop\/files\/Clemence_135dd873-7581-4168-9550-d02136893ec2.png?v=1673537959",
"contentUrl": "https:\/\/www.clemenceetvivien.com\/cdn\/shop\/files\/Clemence_135dd873-7581-4168-9550-d02136893ec2.png?v=1673537959"
},
{
"@type": "BreadcrumbList",
"@id": "https:\/\/www.clemenceetvivien.com\/#\/schema\/breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"name": "Clémence \u0026amp; Vivien - Cosmétiques naturels, Made in France et bio",
"position": 1
}
]
}
]}
</script>
<!--/ Yoast SEO -->
<!-- END app app block --><!-- BEGIN app block: shopify://apps/easy-rich-snippets-for-seo/blocks/product/7383bb79-7cf1-46db-b0eb-5a6fcdc4c6ee -->
<!-- END app app block --><!-- BEGIN app block: shopify://apps/easy-rich-snippets-for-seo/blocks/article/7383bb79-7cf1-46db-b0eb-5a6fcdc4c6ee -->
<!-- END app app block --><!-- BEGIN app block: shopify://apps/tinyseo-seo-speed/blocks/store-json-ld-embed/0605268f-f7c4-4e95-b560-e43df7d59ae4 --><script type="application/ld+json">{
"@context": "https://schema.org",
"@type": "WholesaleStore",
"name":"Clémence & Vivien",
"url": "https://www.clemenceetvivien.com","description": "Clémence & Vivien : marque de cosmétiques naturels, écoresponsables, Made in France et végans.","priceRange": "4EUR - 49 EUR","contactPoint": {
"@type": "ContactPoint",
"contactType": "customer support","email": "contact@clemenceetvivien.com"},"image": "https://app.tiny-img.com/images/json-ld/b91567f34b92df29cc593a2b9e4a66bb.png"
}
</script>
<!-- END app app block --><!-- BEGIN app block: shopify://apps/easy-rich-snippets-for-seo/blocks/search/7383bb79-7cf1-46db-b0eb-5a6fcdc4c6ee --><script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"url": "https://www.clemenceetvivien.com",
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.clemenceetvivien.com/search?q={search_term}",
"query-input": "required name=search_term"
}
}
</script>
<!-- END app app block --><!-- BEGIN app block: shopify://apps/easygift-auto-add-to-cart/blocks/app-embed/0f7d4f74-1e89-4820-aec4-6564d7e535d2 -->
<script async type="text/javascript" src="https://cdn.506.io/eg/script.js?shop=clemence-vivien.myshopify.com"></script>
<!-- END app app block --><!-- BEGIN app block: shopify://apps/easy-rich-snippets-for-seo/blocks/thumbnail/7383bb79-7cf1-46db-b0eb-5a6fcdc4c6ee -->
<!-- END app app block --><script src="https://cdn.shopify.com/extensions/97f1d596-8c25-4c5e-8e06-739ecf95b005/preorder-now-pre-order-pq-33/assets/prequik.js" type="text/javascript" defer="defer"></script>
<link href="https://cdn.shopify.com/extensions/97f1d596-8c25-4c5e-8e06-739ecf95b005/preorder-now-pre-order-pq-33/assets/cx-prequik.css" rel="stylesheet" type="text/css" media="all">
<script src="https://cdn.shopify.com/extensions/36ef8575-758f-41aa-a0a7-9b302dc1885f/smile-io-151/assets/smile-loader.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 56871387219,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function d(d,e,r,a,n){var o,i,t,s,l=(i=(o={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 56871387219,storefrontBaseUrl: "https://www.clemenceetvivien.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"1087537501","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-NVLHDB91H4\\\",\\\"target_country\\\":\\\"FR\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-NVLHDB91H4\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-NVLHDB91H4\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-NVLHDB91H4\\\",\\\"MC-3LYLSG2NPM\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-NVLHDB91H4\\\",\\\"MC-3LYLSG2NPM\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-NVLHDB91H4\\\",\\\"MC-3LYLSG2NPM\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-NVLHDB91H4\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-NVLHDB91H4\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"afe7c2de16587d6c6689522527d6c67f","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"838566237","configuration":"{\"pixelCode\":\"CFDOV3BC77U6AN72RPKG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"343277917","configuration":"{\"pixel_id\":\"548054583772727\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"150995293","configuration":"{\"myshopifyDomain\":\"clemence-vivien.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e32653096b768840c4e834ea506d7953","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"149061981","configuration":"{\"tagID\":\"2614001560496\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4fd0680eed907adaf3f85849c393d688","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Cl\u00e9mence \u0026 Vivien","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"clemence-vivien.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/www.clemenceetvivien.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://www.clemenceetvivien.com/cdn","1a5cec99eff98fe7846e6c1b9af8f28161978282","94b82a40w47445113p3aa4eb7emc3713c00",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}</script>
<script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
};
</script>
<script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti');
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 56871387219,
theme_id: 154569998685,
app_name: "storefront",
context_url: window.location.href,
source_url: "//www.clemenceetvivien.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//www.clemenceetvivien.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.clemenceetvivien.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":56871387219,"isMerchantRequest":null,"themeId":154569998685,"themeCityHash":"2468421644169074176","contentLanguage":"fr","currency":"EUR"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Google Analytics":{"trackingId":"UA-253967797-1","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
ga('require', 'linker');
function addListener(element, type, callback) {
if (element.addEventListener) {
element.addEventListener(type, callback);
}
else if (element.attachEvent) {
element.attachEvent('on' + type, callback);
}
}
function decorate(event) {
event = event || window.event;
var target = event.target || event.srcElement;
if (target && (target.getAttribute('action') || target.getAttribute('href'))) {
ga(function (tracker) {
var linkerParam = tracker.get('linkerParam');
document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/';
});
}
}
addListener(window, 'load', function(){
for (var i=0; i < document.forms.length; i++) {
var action = document.forms[i].getAttribute('action');
if(action && action.indexOf('/cart') >= 0) {
addListener(document.forms[i], 'submit', decorate);
}
}
for (var i=0; i < document.links.length; i++) {
var href = document.links[i].getAttribute('href');
if(href && href.indexOf('/checkout') >= 0) {
addListener(document.links[i], 'click', decorate);
}
}
});
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home"});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//www.clemenceetvivien.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script class="boomerang">
(function () {
window.BOOMR = window.BOOMR || {};
window.BOOMR.themeName = "Be Yours";
window.BOOMR.themeVersion = "5.4.0";
window.BOOMR.shopId = 56871387219;
window.BOOMR.themeId = 154569998685;
})();</script>
<script
defer
src="https://www.clemenceetvivien.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js"
data-application="storefront-renderer"
data-shop-id="56871387219"
data-render-region="gcp-europe-west4"
data-page-type="index"
data-theme-instance-id="154569998685"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
></script>
</head>
<body class="template-index" data-animate-image data-lazy-image data-button-round>
<a class="skip-to-content-link button button--small visually-hidden" href="#MainContent">
Ignorer le contenu
</a>
<div class="transition-body">
<div id="shopify-section-announcement-bar" class="shopify-section"><style data-shopify>:root {
--announcement-bar-height: 40px;
}
#shopify-section-announcement-bar {
--color-background: 143, 176, 165;
--color-foreground: 255, 255, 255;
}
.announcement-bar {
font-size: 1.3rem;
line-height: calc(1 + 0.2 / var(--font-body-scale));
position: relative;
z-index: 101;
}
announcement-bar {
position: relative;
display: grid;
grid-template-columns: 1fr auto;
}
.announcement-slider {
height: var(--announcement-bar-height);
}
.announcement-slider__slide {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/section-announcement-bar.css?v=123876073317263671831698230865" rel="stylesheet" type="text/css" media="all" />
<div class="announcement-bar">
<div class="page-width">
<announcement-bar id="AnnouncementSlider-announcement-bar" data-compact="true" data-autorotate="true" data-autorotate-speed="5" data-block-count="3">
<div class="announcement-slider"><div id="AnnouncementSlide-announcement_M98YcK" class="announcement-slider__slide" data-index="0" ><span class="announcement-text t-title-product-price">Une trousse de toilette C&V offerte à partir de 59€ d'achat 🎁</span></div><div id="AnnouncementSlide-053b8366-04e5-4ecb-9ac2-5463067f17e6" class="announcement-slider__slide" data-index="1" ><a class="announcement-link" href="/collections/frontpage"><span class="announcement-text t-title-product-price">Livraison offerte à partir de 49€ d'achat 🚚</span></a></div><div id="AnnouncementSlide-announcement-bar-0" class="announcement-slider__slide" data-index="2" ><span class="announcement-text t-title-product-price">Vos colis sont expédiés en 24-48h 🚚</span></div></div><a class="t-title5 pro-space-link small-hide" href="https://www.pro.clemenceetvivien.com/content/11-espace-professionnel">Espace Pro</a></announcement-bar>
</div>
</div><script src="//www.clemenceetvivien.com/cdn/shop/t/43/assets/announcement-bar.js?v=24315052641535901231698230865" defer="defer"></script>
</div>
<div id="shopify-section-header" class="shopify-section"><style data-shopify>#shopify-section-header {
--image-logo-height: 76px;
--color-header-background: 255, 255, 255;
--color-header-foreground: 13, 13, 13;
--color-header-border: 210, 213, 217;
--icon-weight: 1.1px;
}
@media screen and (min-width: 750px) {
#shopify-section-header {
--image-logo-height: 88px;
}
}:root {
--color-header-transparent: 255, 255, 255;
--header-transparent-height: 5rem;
}
#shopify-section-header:not(.shopify-section-header-sticky) .header-transparent .header::before {
transform: translateY(-100%);
}header-drawer {
justify-self: start;
margin-inline-start: -1.2rem;
}
@media screen and (min-width: 990px) {
header-drawer {
display: none;
}
}
.menu-drawer-container {
display: flex;
position: static;
}
.list-menu {
list-style: none;
padding: 0;
margin: 0;
}
.list-menu--inline {
display: flex;
flex-wrap: wrap;
justify-content: center;
/* column-gap: 1.5rem; */
}
.list-menu__item--link {
text-decoration: none;
padding-bottom: 1rem;
padding-top: 1rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
}
@media screen and (min-width: 750px) {
.list-menu__item--link {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
}
@media screen and (max-width: 990px) {
#shopify-section-header:not(.shopify-section-header-sticky) .header-transparent .header__icon .icon-hamburger {
color: rgba(0,0,0,0)
}
#shopify-section-header:not(.shopify-section-header-sticky) .header-transparent .header__icon .icon-hamburger rect:not(:first-of-type) {
fill: #fffdfc
}
#shopify-section-header.shopify-section-header-sticky .header__icon .icon-hamburger,
#shopify-section-header:not(.shopify-section-header-sticky):hover .header-transparent .header__icon .icon-hamburger,
#shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper:not(.header-transparent) .header__icon .icon-hamburger {
color: rgba(0,0,0,0)
}
#shopify-section-header.shopify-section-header-sticky .header__icon .icon-hamburger rect:not(:first-of-type),
#shopify-section-header:not(.shopify-section-header-sticky):hover .header-transparent .header__icon .icon-hamburger rect:not(:first-of-type),
#shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper:not(.header-transparent) .header__icon .icon-hamburger rect:not(:first-of-type) {
fill: #0d0d0d
}
}</style><link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-sticky-header.css?v=36064445046596289881698230865" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-list-menu.css?v=173753699878981581691698230865" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-search.css?v=182113347349810747551698230865" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-menu-dropdown.css?v=45158247700209498861698230865" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-menu-drawer.css?v=68390751694025030881698230865" media="print" onload="this.media='all'"><link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-cart-drawer.css?v=174828559781161176911698230865" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-discounts.css?v=140757037044470622461698230865" media="print" onload="this.media='all'"><link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-price.css?v=157335540965096893391698230865" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-loading-overlay.css?v=56586083558888306391698230865" media="print" onload="this.media='all'"><link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-transparent-header.css?v=6174483945232015061698230865" media="print" onload="this.media='all'"><noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-sticky-header.css?v=36064445046596289881698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-list-menu.css?v=173753699878981581691698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-search.css?v=182113347349810747551698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-menu-dropdown.css?v=45158247700209498861698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-menu-drawer.css?v=68390751694025030881698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<script src="//www.clemenceetvivien.com/cdn/shop/t/43/assets/search-modal.js?v=164267904651882004741698230865" defer="defer"></script><script src="//www.clemenceetvivien.com/cdn/shop/t/43/assets/cart-recommendations.js?v=79268977417882524161698230865" defer="defer"></script>
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-cart-recommendations.css?v=31511015253716633881698230865" media="print" onload="this.media='all'"><sticky-header class="header-wrapper header-wrapper--border-bottom header-transparent">
<header class="header header--middle-left page-width header--has-menu"><header-drawer>
<details class="menu-drawer-container">
<summary class="header__icon header__icon--menu focus-inset" aria-label="Menu">
<span class="header__icon header__icon--summary">
<svg width="30" height="28" viewbox="0 0 30 28" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger">
<rect width="30" height="28" rx="4" fill="currentColor"/>
<rect x="4" y="5" width="22" height="2" rx="1" fill="#8FB0A5"/>
<rect x="4" y="13" width="22" height="2" rx="1" fill="#8FB0A5"/>
<rect x="4" y="21" width="22" height="2" rx="1" fill="#8FB0A5"/>
</svg>
<svg width="6" height="6" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewbox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.89312 0.200562C4.95201 0.138306 5.02278 0.0884864 5.10125 0.0540486C5.17971 0.0196108 5.26429 0.00125359 5.34997 6.19906e-05C5.43566 -0.00112961 5.52071 0.0148686 5.60011 0.047111C5.6795 0.0793534 5.75163 0.127186 5.81222 0.18778C5.87282 0.248375 5.92065 0.320503 5.95289 0.3999C5.98513 0.479297 6.00113 0.564352 5.99994 0.650037C5.99875 0.735723 5.98039 0.8203 5.94595 0.89877C5.91152 0.97724 5.8617 1.04801 5.79944 1.1069L3.92099 2.98538C3.9185 2.98787 3.91652 2.99081 3.91518 2.99406C3.91383 2.9973 3.91314 3.00078 3.91314 3.0043C3.91314 3.00781 3.91383 3.01129 3.91518 3.01454C3.91652 3.01778 3.9185 3.02073 3.92099 3.02321L5.79944 4.9017C5.85978 4.96105 5.90777 5.03175 5.94064 5.10974C5.97351 5.18773 5.99062 5.27145 5.99097 5.35608C5.99133 5.44072 5.97492 5.52458 5.9427 5.60284C5.91049 5.6811 5.86309 5.75221 5.80326 5.81206C5.74342 5.87191 5.67232 5.91932 5.59407 5.95156C5.51582 5.9838 5.43196 6.00022 5.34733 5.99989C5.2627 5.99955 5.17898 5.98247 5.10098 5.94961C5.02299 5.91676 4.95227 5.86878 4.89291 5.80846L3.01446 3.92997C3.01197 3.92748 3.00903 3.92551 3.00578 3.92416C3.00254 3.92282 2.99906 3.92212 2.99554 3.92212C2.99203 3.92212 2.98855 3.92282 2.9853 3.92416C2.98206 3.92551 2.97911 3.92748 2.97663 3.92997L1.09817 5.80846C1.03883 5.8688 0.968122 5.91679 0.890136 5.94966C0.81215 5.98253 0.728427 5.99964 0.643797 5.99999C0.559166 6.00035 0.475303 5.98394 0.397045 5.95173C0.318786 5.91951 0.247681 5.87211 0.18783 5.81227C0.12798 5.75244 0.0805691 5.68134 0.0483322 5.60309C0.0160953 5.52484 -0.000329586 5.44098 5.01104e-06 5.35634C0.000339608 5.27171 0.0174271 5.18798 0.0502817 5.10999C0.0831364 5.03199 0.131108 4.96128 0.19143 4.90191L2.06989 3.02342C2.07237 3.02094 2.07435 3.01799 2.07569 3.01475C2.07704 3.0115 2.07773 3.00802 2.07773 3.00451C2.07773 3.001 2.07704 2.99752 2.07569 2.99427C2.07435 2.99103 2.07237 2.98808 2.06989 2.9856L0.19143 1.10711C0.072801 0.986559 0.00661231 0.824016 0.00728098 0.654885C0.00794965 0.485755 0.0754215 0.32374 0.195 0.204131C0.314578 0.084523 0.476574 0.0170117 0.645701 0.0163031C0.814829 0.0155946 0.977385 0.0817462 1.09796 0.200348L2.97642 2.07884C2.9789 2.08132 2.98185 2.0833 2.98509 2.08465C2.98834 2.08599 2.99182 2.08669 2.99533 2.08669C2.99884 2.08669 3.00232 2.08599 3.00557 2.08465C3.00881 2.0833 3.01176 2.08132 3.01424 2.07884L4.8927 0.200348L4.89312 0.200562Z" fill="currentColor"/>
</svg>
</span>
</summary>
<div id="menu-drawer" class="menu-drawer motion-reduce" tabindex="-1">
<div class="menu-drawer__inner-container">
<div class="menu-drawer__navigation-container">
<nav class="menu-drawer__navigation" data-animate data-animate-delay-1>
<ul class="menu-drawer__menu list-menu" role="list"><li><details>
<summary>
<span class="menu-drawer__menu-item list-menu__item animate-arrow focus-inset">Diagnostic<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" fill="none" viewbox="0 0 14 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"/>
</svg><svg width="21" height="12" viewbox="0 0 21 12" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9899 11.9004C11.1448 11.8347 11.2849 11.7388 11.4023 11.6186L20.6317 2.19251C20.8687 1.95046 21 1.62438 21 1.28654C21 0.948686 20.8687 0.622606 20.6317 0.380563C20.3944 0.138162 20.0702 -2.975e-08 19.7299 0C19.3896 2.97498e-08 19.0654 0.138193 18.828 0.380594L10.5 8.88755L2.17195 0.380564C1.9346 0.138163 1.61043 1.58405e-06 1.27013 1.6138e-06C0.929827 1.64355e-06 0.605648 0.138163 0.368303 0.380564C0.131309 0.622608 -2.95358e-08 0.948688 0 1.28654C2.95356e-08 1.62438 0.13131 1.95046 0.368303 2.19251L9.59818 11.619C9.71548 11.739 9.85537 11.8348 10.0101 11.9004C10.1651 11.9661 10.3316 12 10.5 12C10.6684 12 10.8349 11.9661 10.9899 11.9004Z" fill="currentColor"/>
</svg></span>
</summary>
<div id="link-Diagnostic" class="menu-drawer__submenu motion-reduce" tabindex="-1">
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__topbar">
<button class="menu-drawer__close-button focus-inset" aria-expanded="true">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" fill="none" viewbox="0 0 14 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"/>
</svg>
</button>
<a class="menu-drawer__menu-item" href="/pages/mon-diagnostic">Diagnostic</a>
</div>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="/pages/diagnostic-capillaire" class="menu-drawer__menu-item list-menu__item focus-inset">
Diagnostic capillaire
</a></li><li><a href="/pages/diagnostic-de-peau" class="menu-drawer__menu-item list-menu__item focus-inset">
Diagnostic de peau
</a></li></ul>
</div>
</div>
</details></li><li><details>
<summary>
<span class="menu-drawer__menu-item list-menu__item animate-arrow focus-inset">Produits<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" fill="none" viewbox="0 0 14 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"/>
</svg><svg width="21" height="12" viewbox="0 0 21 12" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9899 11.9004C11.1448 11.8347 11.2849 11.7388 11.4023 11.6186L20.6317 2.19251C20.8687 1.95046 21 1.62438 21 1.28654C21 0.948686 20.8687 0.622606 20.6317 0.380563C20.3944 0.138162 20.0702 -2.975e-08 19.7299 0C19.3896 2.97498e-08 19.0654 0.138193 18.828 0.380594L10.5 8.88755L2.17195 0.380564C1.9346 0.138163 1.61043 1.58405e-06 1.27013 1.6138e-06C0.929827 1.64355e-06 0.605648 0.138163 0.368303 0.380564C0.131309 0.622608 -2.95358e-08 0.948688 0 1.28654C2.95356e-08 1.62438 0.13131 1.95046 0.368303 2.19251L9.59818 11.619C9.71548 11.739 9.85537 11.8348 10.0101 11.9004C10.1651 11.9661 10.3316 12 10.5 12C10.6684 12 10.8349 11.9661 10.9899 11.9004Z" fill="currentColor"/>
</svg></span>
</summary>
<div id="link-Produits" class="menu-drawer__submenu motion-reduce" tabindex="-1">
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__topbar">
<button class="menu-drawer__close-button focus-inset" aria-expanded="true">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" fill="none" viewbox="0 0 14 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"/>
</svg>
</button>
<a class="menu-drawer__menu-item" href="/collections/frontpage">Produits</a>
</div>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details>
<summary>
<span class="menu-drawer__menu-item list-menu__item animate-arrow focus-inset">Soins du visage<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" fill="none" viewbox="0 0 14 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"/>
</svg><svg width="21" height="12" viewbox="0 0 21 12" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9899 11.9004C11.1448 11.8347 11.2849 11.7388 11.4023 11.6186L20.6317 2.19251C20.8687 1.95046 21 1.62438 21 1.28654C21 0.948686 20.8687 0.622606 20.6317 0.380563C20.3944 0.138162 20.0702 -2.975e-08 19.7299 0C19.3896 2.97498e-08 19.0654 0.138193 18.828 0.380594L10.5 8.88755L2.17195 0.380564C1.9346 0.138163 1.61043 1.58405e-06 1.27013 1.6138e-06C0.929827 1.64355e-06 0.605648 0.138163 0.368303 0.380564C0.131309 0.622608 -2.95358e-08 0.948688 0 1.28654C2.95356e-08 1.62438 0.13131 1.95046 0.368303 2.19251L9.59818 11.619C9.71548 11.739 9.85537 11.8348 10.0101 11.9004C10.1651 11.9661 10.3316 12 10.5 12C10.6684 12 10.8349 11.9661 10.9899 11.9004Z" fill="currentColor"/>
</svg></span>
</summary>
<div id="childlink-Soins du visage" class="menu-drawer__submenu motion-reduce">
<div class="menu-drawer__topbar">
<button class="menu-drawer__close-button focus-inset" aria-expanded="true">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" fill="none" viewbox="0 0 14 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"/>
</svg>
</button>
<a class="menu-drawer__menu-item" href="/collections/soins-du-visage">Soins du visage</a>
</div>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a href="/collections/nettoyants" class="menu-drawer__menu-item list-menu__item focus-inset">
Nettoyants
</a>
</li><li>
<a href="/collections/serums" class="menu-drawer__menu-item list-menu__item focus-inset">
Sérums
</a>
</li><li>
<a href="/collections/huiles-de-soins" class="menu-drawer__menu-item list-menu__item focus-inset">
Huiles de soins
</a>
</li><li>
<a href="/collections/exfoliant" class="menu-drawer__menu-item list-menu__item focus-inset">
Exfoliants
</a>
</li></ul>
</div>
</details></li><li><details>
<summary>
<span class="menu-drawer__menu-item list-menu__item animate-arrow focus-inset">Soins du corps<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" fill="none" viewbox="0 0 14 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"/>
</svg><svg width="21" height="12" viewbox="0 0 21 12" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9899 11.9004C11.1448 11.8347 11.2849 11.7388 11.4023 11.6186L20.6317 2.19251C20.8687 1.95046 21 1.62438 21 1.28654C21 0.948686 20.8687 0.622606 20.6317 0.380563C20.3944 0.138162 20.0702 -2.975e-08 19.7299 0C19.3896 2.97498e-08 19.0654 0.138193 18.828 0.380594L10.5 8.88755L2.17195 0.380564C1.9346 0.138163 1.61043 1.58405e-06 1.27013 1.6138e-06C0.929827 1.64355e-06 0.605648 0.138163 0.368303 0.380564C0.131309 0.622608 -2.95358e-08 0.948688 0 1.28654C2.95356e-08 1.62438 0.13131 1.95046 0.368303 2.19251L9.59818 11.619C9.71548 11.739 9.85537 11.8348 10.0101 11.9004C10.1651 11.9661 10.3316 12 10.5 12C10.6684 12 10.8349 11.9661 10.9899 11.9004Z" fill="currentColor"/>
</svg></span>
</summary>
<div id="childlink-Soins du corps" class="menu-drawer__submenu motion-reduce">
<div class="menu-drawer__topbar">
<button class="menu-drawer__close-button focus-inset" aria-expanded="true">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" fill="none" viewbox="0 0 14 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"/>
</svg>
</button>
<a class="menu-drawer__menu-item" href="/collections/soins-du-corps">Soins du corps</a>
</div>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a href="/collections/savons-a-froid" class="menu-drawer__menu-item list-menu__item focus-inset">
Nettoyants
</a>
</li><li>
<a href="/collections/deodorants-naturels" class="menu-drawer__menu-item list-menu__item focus-inset">
Déodorants
</a>
</li><li>
<a href="/collections/baumes-onctueux" class="menu-drawer__menu-item list-menu__item focus-inset">
Baumes et huiles
</a>
</li></ul>
</div>
</details></li><li><a href="/collections/soins-cheveux" class="menu-drawer__menu-item list-menu__item focus-inset">
Soins des cheveux
</a></li><li><a href="/collections/les-routines" class="menu-drawer__menu-item list-menu__item focus-inset">
Les routines
</a></li><li><details>
<summary>
<span class="menu-drawer__menu-item list-menu__item animate-arrow focus-inset">Sélections<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" fill="none" viewbox="0 0 14 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"/>
</svg><svg width="21" height="12" viewbox="0 0 21 12" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9899 11.9004C11.1448 11.8347 11.2849 11.7388 11.4023 11.6186L20.6317 2.19251C20.8687 1.95046 21 1.62438 21 1.28654C21 0.948686 20.8687 0.622606 20.6317 0.380563C20.3944 0.138162 20.0702 -2.975e-08 19.7299 0C19.3896 2.97498e-08 19.0654 0.138193 18.828 0.380594L10.5 8.88755L2.17195 0.380564C1.9346 0.138163 1.61043 1.58405e-06 1.27013 1.6138e-06C0.929827 1.64355e-06 0.605648 0.138163 0.368303 0.380564C0.131309 0.622608 -2.95358e-08 0.948688 0 1.28654C2.95356e-08 1.62438 0.13131 1.95046 0.368303 2.19251L9.59818 11.619C9.71548 11.739 9.85537 11.8348 10.0101 11.9004C10.1651 11.9661 10.3316 12 10.5 12C10.6684 12 10.8349 11.9661 10.9899 11.9004Z" fill="currentColor"/>
</svg></span>
</summary>
<div id="childlink-Sélections" class="menu-drawer__submenu motion-reduce">
<div class="menu-drawer__topbar">
<button class="menu-drawer__close-button focus-inset" aria-expanded="true">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" fill="none" viewbox="0 0 14 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"/>
</svg>
</button>
<a class="menu-drawer__menu-item" href="/collections/selection">Sélections</a>
</div>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a href="/collections/kits-cadeaux" class="menu-drawer__menu-item list-menu__item focus-inset">
Kits & Cadeaux
</a>
</li><li>
<a href="/collections/accessoires" class="menu-drawer__menu-item list-menu__item focus-inset">
Accessoires
</a>
</li><li>
<a href="/collections/mamans-bebes" class="menu-drawer__menu-item list-menu__item focus-inset">
Mamans & Bébés
</a>
</li><li>
<a href="/collections/frontpage" class="menu-drawer__menu-item list-menu__item focus-inset">
Tous nos produits
</a>
</li></ul>
</div>
</details></li></ul>
</div>
</div>
</details></li><li><a href="/collections/les-routines" class="menu-drawer__menu-item list-menu__itemfocus-inset">
Routines
</a></li><li><a href="https://clemence-vivien.myshopify.com/pages/nos-magasins" class="menu-drawer__menu-item list-menu__itemfocus-inset">
Points de vente
</a></li><li><details>
<summary>
<span class="menu-drawer__menu-item list-menu__item animate-arrow focus-inset">Clémence & Vivien<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" fill="none" viewbox="0 0 14 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"/>
</svg><svg width="21" height="12" viewbox="0 0 21 12" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9899 11.9004C11.1448 11.8347 11.2849 11.7388 11.4023 11.6186L20.6317 2.19251C20.8687 1.95046 21 1.62438 21 1.28654C21 0.948686 20.8687 0.622606 20.6317 0.380563C20.3944 0.138162 20.0702 -2.975e-08 19.7299 0C19.3896 2.97498e-08 19.0654 0.138193 18.828 0.380594L10.5 8.88755L2.17195 0.380564C1.9346 0.138163 1.61043 1.58405e-06 1.27013 1.6138e-06C0.929827 1.64355e-06 0.605648 0.138163 0.368303 0.380564C0.131309 0.622608 -2.95358e-08 0.948688 0 1.28654C2.95356e-08 1.62438 0.13131 1.95046 0.368303 2.19251L9.59818 11.619C9.71548 11.739 9.85537 11.8348 10.0101 11.9004C10.1651 11.9661 10.3316 12 10.5 12C10.6684 12 10.8349 11.9661 10.9899 11.9004Z" fill="currentColor"/>
</svg></span>
</summary>
<div id="link-Clémence & Vivien" class="menu-drawer__submenu motion-reduce" tabindex="-1">
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__topbar">
<button class="menu-drawer__close-button focus-inset" aria-expanded="true">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" fill="none" viewbox="0 0 14 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"/>
</svg>
</button>
<a class="menu-drawer__menu-item" href="/pages/clemence-vivien">Clémence & Vivien</a>
</div>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="/pages/notre-histoire" class="menu-drawer__menu-item list-menu__item focus-inset">
Notre histoire
</a></li><li><a href="/pages/notre-expertise" class="menu-drawer__menu-item list-menu__item focus-inset">
Notre expertise
</a></li><li><a href="/pages/notre-laboratoire" class="menu-drawer__menu-item list-menu__item focus-inset">
Notre laboratoire
</a></li><li><a href="/pages/manifeste" class="menu-drawer__menu-item list-menu__item focus-inset">
Nos valeurs
</a></li><li><a href="/pages/ingredients" class="menu-drawer__menu-item list-menu__item focus-inset">
Glossaire des ingrédients
</a></li></ul>
</div>
</div>
</details></li><li><a href="/blogs/infos" class="menu-drawer__menu-item list-menu__itemfocus-inset">
Journal
</a></li></ul>
</nav>
<div class="menu-drawer__utility-links" data-animate data-animate-delay-2><a href="/account/login" class="menu-drawer__account link link-with-icon focus-inset">
<svg width="20" height="22" viewbox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-account">
<path d="M19.2154 17.6273C18.7137 16.4148 17.9856 15.3135 17.0718 14.3846C16.1607 13.4531 15.0814 12.7104 13.8936 12.1975C13.883 12.1921 13.8723 12.1893 13.8617 12.1839C15.5186 10.9628 16.5957 8.97377 16.5957 6.72965C16.5957 3.01206 13.6436 0 10 0C6.35641 0 3.4043 3.01206 3.4043 6.72965C3.4043 8.97377 4.48142 10.9628 6.13832 12.1866C6.12769 12.1921 6.11705 12.1948 6.10641 12.2002C4.91493 12.7131 3.84579 13.4484 2.92824 14.3873C2.01524 15.3169 1.2873 16.4181 0.784636 17.6301C0.290815 18.8166 0.0244864 20.0887 6.65049e-05 21.3775C-0.000643344 21.4065 0.00433542 21.4353 0.0147096 21.4622C0.0250837 21.4892 0.0406433 21.5138 0.0604714 21.5345C0.0802996 21.5552 0.103995 21.5717 0.130162 21.583C0.156329 21.5942 0.184437 21.6 0.212831 21.6H1.80857C1.92559 21.6 2.01867 21.505 2.02133 21.3883C2.07452 19.2935 2.89898 17.3316 4.35642 15.8445C5.86439 14.3059 7.86704 13.4593 10 13.4593C12.133 13.4593 14.1356 14.3059 15.6436 15.8445C17.101 17.3316 17.9255 19.2935 17.9787 21.3883C17.9813 21.5077 18.0744 21.6 18.1914 21.6H19.7872C19.8156 21.6 19.8437 21.5942 19.8698 21.583C19.896 21.5717 19.9197 21.5552 19.9395 21.5345C19.9594 21.5138 19.9749 21.4892 19.9853 21.4622C19.9957 21.4353 20.0006 21.4065 19.9999 21.3775C19.9733 20.0804 19.71 18.8186 19.2154 17.6273ZM10 11.397C8.77926 11.397 7.63033 10.9113 6.76598 10.0293C5.90162 9.14744 5.42556 7.97518 5.42556 6.72965C5.42556 5.48412 5.90162 4.31186 6.76598 3.42995C7.63033 2.54804 8.77926 2.06231 10 2.06231C11.2207 2.06231 12.3697 2.54804 13.234 3.42995C14.0984 4.31186 14.5744 5.48412 14.5744 6.72965C14.5744 7.97518 14.0984 9.14744 13.234 10.0293C12.3697 10.9113 11.2207 11.397 10 11.397Z" fill="currentColor" stroke="currentColor" stroke-width="0.2"/>
</svg>
<span class="label">Connexion</span>
</a><ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
<a target="_blank" rel="noopener" href="https://www.facebook.com/clemenceetvivien" class="list-social__link link link--text link-with-icon" aria-describedby="a11y-external-message">
<svg width="8" height="17" viewbox="0 0 8 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook">
<path d="M2.04221 17V9.02311H0V6.15104H2.04221V3.69793C2.04221 1.77024 3.24856 0 6.02823 0C7.15368 0 7.98589 0.111435 7.98589 0.111435L7.92032 2.79346C7.92032 2.79346 7.07159 2.78492 6.14543 2.78492C5.14303 2.78492 4.98244 3.26203 4.98244 4.05391V6.15104H8L7.8687 9.02311H4.98244V17H2.04221Z" fill="currentColor"/>
</svg>
<span class="visually-hidden">Facebook</span>
</a>
</li><li class="list-social__item">
<a target="_blank" rel="noopener" href="https://www.instagram.com/clemenceetvivien/" class="list-social__link link link--text link-with-icon" aria-describedby="a11y-external-message">
<svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" v>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.28955 0.054C6.24927 0.00981817 6.55527 0 9 0C11.4447 0 11.7507 0.0106364 12.7096 0.054C13.6685 0.0973636 14.3231 0.250364 14.8958 0.472091C15.4955 0.698727 16.0396 1.053 16.4896 1.51118C16.9478 1.96036 17.3013 2.50364 17.5271 3.10418C17.7496 3.67691 17.9018 4.33145 17.946 5.28873C17.9902 6.25009 18 6.55609 18 9C18 11.4447 17.9894 11.7507 17.946 12.7105C17.9026 13.6677 17.7496 14.3223 17.5271 14.895C17.3013 15.4956 16.9472 16.0398 16.4896 16.4896C16.0396 16.9478 15.4955 17.3013 14.8958 17.5271C14.3231 17.7496 13.6685 17.9018 12.7113 17.946C11.7507 17.9902 11.4447 18 9 18C6.55527 18 6.24927 17.9894 5.28955 17.946C4.33227 17.9026 3.67773 17.7496 3.105 17.5271C2.50439 17.3012 1.96022 16.9472 1.51036 16.4896C1.05249 16.0402 0.698167 15.4963 0.472091 14.8958C0.250364 14.3231 0.0981818 13.6685 0.054 12.7113C0.00981817 11.7499 0 11.4439 0 9C0 6.55527 0.0106364 6.24927 0.054 5.29036C0.0973636 4.33145 0.250364 3.67691 0.472091 3.10418C0.6985 2.5037 1.0531 1.9598 1.51118 1.51036C1.9604 1.05259 2.50402 0.698272 3.10418 0.472091C3.67691 0.250364 4.33227 0.0981818 5.28955 0.054ZM12.6368 1.674C11.6877 1.63064 11.403 1.62164 9 1.62164C6.597 1.62164 6.31227 1.63064 5.36318 1.674C4.48527 1.71409 4.00909 1.86055 3.69164 1.98409C3.27191 2.14773 2.97164 2.34164 2.65664 2.65664C2.35804 2.94713 2.12824 3.30078 1.98409 3.69164C1.86055 4.00909 1.71409 4.48527 1.674 5.36318C1.63064 6.31227 1.62164 6.597 1.62164 9C1.62164 11.403 1.63064 11.6877 1.674 12.6368C1.71409 13.5147 1.86055 13.9909 1.98409 14.3084C2.12809 14.6986 2.358 15.0529 2.65664 15.3434C2.94709 15.642 3.30136 15.8719 3.69164 16.0159C4.00909 16.1395 4.48527 16.2859 5.36318 16.326C6.31227 16.3694 6.59618 16.3784 9 16.3784C11.4038 16.3784 11.6877 16.3694 12.6368 16.326C13.5147 16.2859 13.9909 16.1395 14.3084 16.0159C14.7281 15.8523 15.0284 15.6584 15.3434 15.3434C15.642 15.0529 15.8719 14.6986 16.0159 14.3084C16.1395 13.9909 16.2859 13.5147 16.326 12.6368C16.3694 11.6877 16.3784 11.403 16.3784 9C16.3784 6.597 16.3694 6.31227 16.326 5.36318C16.2859 4.48527 16.1395 4.00909 16.0159 3.69164C15.8523 3.27191 15.6584 2.97164 15.3434 2.65664C15.0528 2.35806 14.6992 2.12826 14.3084 1.98409C13.9909 1.86055 13.5147 1.71409 12.6368 1.674ZM7.85045 11.7745C8.49245 12.0417 9.20731 12.0778 9.87294 11.8765C10.5386 11.6752 11.1137 11.2491 11.5 10.6709C11.8864 10.0927 12.06 9.39835 11.9913 8.70636C11.9226 8.01437 11.6157 7.3677 11.1232 6.87682C10.8092 6.56303 10.4295 6.32276 10.0115 6.1733C9.59355 6.02385 9.14762 5.96893 8.70586 6.0125C8.2641 6.05608 7.83749 6.19705 7.45675 6.42529C7.07601 6.65352 6.75061 6.96334 6.50397 7.33242C6.25734 7.70151 6.09561 8.12069 6.03042 8.55979C5.96524 8.99888 5.99821 9.44697 6.12699 9.87179C6.25576 10.2966 6.47712 10.6876 6.77514 11.0166C7.07315 11.3456 7.4404 11.6044 7.85045 11.7745ZM5.72891 5.72891C6.15847 5.29934 6.66844 4.95859 7.2297 4.72611C7.79095 4.49363 8.3925 4.37398 9 4.37398C9.6075 4.37398 10.209 4.49363 10.7703 4.72611C11.3316 4.95859 11.8415 5.29934 12.2711 5.72891C12.7007 6.15847 13.0414 6.66844 13.2739 7.2297C13.5064 7.79095 13.626 8.3925 13.626 9C13.626 9.6075 13.5064 10.209 13.2739 10.7703C13.0414 11.3316 12.7007 11.8415 12.2711 12.2711C11.4035 13.1386 10.2269 13.626 9 13.626C7.7731 13.626 6.59646 13.1386 5.72891 12.2711C4.86136 11.4035 4.37398 10.2269 4.37398 9C4.37398 7.7731 4.86136 6.59646 5.72891 5.72891ZM14.652 5.06291C14.7584 4.96249 14.8437 4.84174 14.9026 4.7078C14.9616 4.57385 14.993 4.42945 14.9952 4.28312C14.9973 4.1368 14.97 3.99154 14.915 3.85594C14.86 3.72033 14.7784 3.59715 14.6749 3.49367C14.5714 3.39019 14.4482 3.30853 14.3126 3.25351C14.177 3.1985 14.0317 3.17125 13.8854 3.17339C13.7391 3.17552 13.5947 3.20699 13.4607 3.26593C13.3268 3.32488 13.2061 3.4101 13.1056 3.51655C12.9103 3.72357 12.8034 3.99855 12.8076 4.28312C12.8117 4.5677 12.9266 4.83945 13.1279 5.04069C13.3291 5.24193 13.6008 5.35682 13.8854 5.36097C14.17 5.36512 14.445 5.2582 14.652 5.06291Z" fill="currentColor"/>
</svg>
<span class="visually-hidden">Instagram</span>
</a>
</li><li class="list-social__item">
<a target="_blank" rel="noopener" href="https://www.pinterest.fr/clemenceetvivien/_created/" class="list-social__link link link--text link-with-icon" aria-describedby="a11y-external-message">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest" width="13" height="17" viewbox="0 0 13 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.90654 0C3.43268 0 0 2.32961 0 6.10005C0 8.49778 1.34068 9.86013 2.15321 9.86013C2.48852 9.86013 2.68136 8.92011 2.68136 8.65472C2.68136 8.33811 1.87912 7.66348 1.87912 6.34527C1.87912 3.60695 3.95108 1.66533 6.63244 1.66533C8.93787 1.66533 10.6442 2.98354 10.6442 5.40525C10.6442 7.2139 9.92321 10.6062 7.5869 10.6062C6.74403 10.6062 6.0225 9.99309 6.0225 9.11465C6.0225 7.82696 6.91629 6.58069 6.91629 5.25212C6.91629 2.99771 3.73711 3.40641 3.73711 6.13111C3.73711 6.7033 3.80807 7.33652 4.06213 7.85802C3.59465 9.88138 2.64019 12.8954 2.64019 14.9798C2.64019 15.6234 2.73174 16.2572 2.79241 16.9007C2.90725 17.0304 2.84983 17.0168 3.02588 16.952C4.7322 14.6016 4.67153 14.1423 5.44343 11.0666C5.85999 11.8639 6.93633 12.2927 7.78949 12.2927C11.3847 12.2927 13 8.76753 13 5.58999C13 2.20809 10.0949 0.00108988 6.906 0.00108988L6.90654 0Z" fill="#C8735A"/>
</svg>
<span class="visually-hidden">Pinterest</span>
</a>
</li><li class="list-social__item">
<a target="_blank" rel="noopener" href="https://www.tiktok.com/@clemenceetvivien" class="list-social__link link link--text link-with-icon" aria-describedby="a11y-external-message">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-tiktok" width="16" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.02 0H11s-.17 3.82 4.13 4.1v2.95s-2.3.14-4.13-1.26l.03 6.1a5.52 5.52 0 11-5.51-5.52h.77V9.4a2.5 2.5 0 101.76 2.4L8.02 0z" fill="currentColor"/>
</svg>
<span class="visually-hidden">TikTok</span>
</a>
</li></ul>
</div>
</div>
</div>
</div>
</details>
</header-drawer><p class="header__heading"><a href="/" class="header__heading-link focus-inset"><img srcset="//www.clemenceetvivien.com/cdn/shop/files/Logo_noir_e3562111-fb51-4e07-8d28-1d88e8f30a6e.png?height=76&v=1732098070 1x, //www.clemenceetvivien.com/cdn/shop/files/Logo_noir_e3562111-fb51-4e07-8d28-1d88e8f30a6e.png?height=152&v=1732098070 2x"
src="//www.clemenceetvivien.com/cdn/shop/files/Logo_noir_e3562111-fb51-4e07-8d28-1d88e8f30a6e.png?height=76&v=1732098070"
loading="lazy"
width="1000"
height="1000"
alt="Clémence & Vivien"
class="header__heading-logo normal medium-hide large-up-hide"
/><img srcset="//www.clemenceetvivien.com/cdn/shop/files/Logo_noir_e3562111-fb51-4e07-8d28-1d88e8f30a6e.png?height=88&v=1732098070 1x, //www.clemenceetvivien.com/cdn/shop/files/Logo_noir_e3562111-fb51-4e07-8d28-1d88e8f30a6e.png?height=176&v=1732098070 2x"
src="//www.clemenceetvivien.com/cdn/shop/files/Logo_noir_e3562111-fb51-4e07-8d28-1d88e8f30a6e.png?height=88&v=1732098070"
loading="lazy"
width="1000"
height="1000"
alt="Clémence & Vivien"
class="header__heading-logo normal small-hide"
/><img
srcset="//www.clemenceetvivien.com/cdn/shop/files/Logo_blanc_c91d1af1-38c7-4f44-89b3-7b80d0af4a44.png?height=76&v=1732098099 1x, //www.clemenceetvivien.com/cdn/shop/files/Logo_blanc_c91d1af1-38c7-4f44-89b3-7b80d0af4a44.png?height=152&v=1732098099 2x"
src="//www.clemenceetvivien.com/cdn/shop/files/Logo_blanc_c91d1af1-38c7-4f44-89b3-7b80d0af4a44.png?height=76&v=1732098099"
loading="lazy"
width="1000"
height="1000"
alt="Clémence & Vivien"
class="header__heading-logo inverse medium-hide large-up-hide"
/><img
srcset="//www.clemenceetvivien.com/cdn/shop/files/Logo_blanc_c91d1af1-38c7-4f44-89b3-7b80d0af4a44.png?height=88&v=1732098099 1x, //www.clemenceetvivien.com/cdn/shop/files/Logo_blanc_c91d1af1-38c7-4f44-89b3-7b80d0af4a44.png?height=176&v=1732098099 2x"
src="//www.clemenceetvivien.com/cdn/shop/files/Logo_blanc_c91d1af1-38c7-4f44-89b3-7b80d0af4a44.png?height=88&v=1732098099"
loading="lazy"
width="1000"
height="1000"
alt="Clémence & Vivien"
class="header__heading-logo inverse small-hide"
/></a></p><nav class="header__inline-menu">
<ul class="list-menu list-menu--inline" role="list"><li><menu-dropdown>
<a href="/pages/mon-diagnostic" class="header__menu-item header__menu-item--top list-menu__item focus-inset">
<span class="label">Diagnostic</span>
<svg width="21" height="12" viewbox="0 0 21 12" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9899 11.9004C11.1448 11.8347 11.2849 11.7388 11.4023 11.6186L20.6317 2.19251C20.8687 1.95046 21 1.62438 21 1.28654C21 0.948686 20.8687 0.622606 20.6317 0.380563C20.3944 0.138162 20.0702 -2.975e-08 19.7299 0C19.3896 2.97498e-08 19.0654 0.138193 18.828 0.380594L10.5 8.88755L2.17195 0.380564C1.9346 0.138163 1.61043 1.58405e-06 1.27013 1.6138e-06C0.929827 1.64355e-06 0.605648 0.138163 0.368303 0.380564C0.131309 0.622608 -2.95358e-08 0.948688 0 1.28654C2.95356e-08 1.62438 0.13131 1.95046 0.368303 2.19251L9.59818 11.619C9.71548 11.739 9.85537 11.8348 10.0101 11.9004C10.1651 11.9661 10.3316 12 10.5 12C10.6684 12 10.8349 11.9661 10.9899 11.9004Z" fill="currentColor"/>
</svg>
</a>
<ul class="list-menu-dropdown list-menu hidden" role="list" tabindex="-1"><li><a href="/pages/diagnostic-capillaire" class="header__menu-item list-menu__item focus-inset">
<span class="label">Diagnostic capillaire</span>
</a></li><li><a href="/pages/diagnostic-de-peau" class="header__menu-item list-menu__item focus-inset">
<span class="label">Diagnostic de peau</span>
</a></li></ul>
</menu-dropdown></li><li><menu-dropdown class="is-megamenu">
<a href="/collections/frontpage" class="header__menu-item header__menu-item--top list-menu__item focus-inset">
<span class="label">Produits</span>
</a><div class="list-menu-dropdown hidden">
<div class="page-width"><div class="list-mega-menu grid grid--2-col grid--2-col-desktop"><div class="mega-menu__item grid__item">
<a href="/collections/soins-du-visage" class="mega-menu__item-link list-menu__item focus-inset"><div class="header__menu-item">
<span class="t-title5-bold-button label">Soins du visage</span>
</div>
</a><ul class="list-menu-child list-menu"><li>
<a href="/collections/nettoyants" class="header__menu-item list-menu__item focus-inset">
<span class="label t-body2">Nettoyants</span>
</a>
</li><li>
<a href="/collections/serums" class="header__menu-item list-menu__item focus-inset">
<span class="label t-body2">Sérums</span>
</a>
</li><li>
<a href="/collections/huiles-de-soins" class="header__menu-item list-menu__item focus-inset">
<span class="label t-body2">Huiles de soins</span>
</a>
</li><li>
<a href="/collections/exfoliant" class="header__menu-item list-menu__item focus-inset">
<span class="label t-body2">Exfoliants</span>
</a>
</li></ul></div><div class="mega-menu__item grid__item">
<a href="/collections/soins-du-corps" class="mega-menu__item-link list-menu__item focus-inset"><div class="header__menu-item">
<span class="t-title5-bold-button label">Soins du corps</span>
</div>
</a><ul class="list-menu-child list-menu"><li>
<a href="/collections/savons-a-froid" class="header__menu-item list-menu__item focus-inset">
<span class="label t-body2">Nettoyants</span>
</a>
</li><li>
<a href="/collections/deodorants-naturels" class="header__menu-item list-menu__item focus-inset">
<span class="label t-body2">Déodorants</span>
</a>
</li><li>
<a href="/collections/baumes-onctueux" class="header__menu-item list-menu__item focus-inset">
<span class="label t-body2">Baumes et huiles</span>
</a>
</li></ul></div><div class="mega-menu__item grid__item">
<a href="/collections/soins-cheveux" class="mega-menu__item-link list-menu__item focus-inset"><div class="header__menu-item">
<span class="t-title5-bold-button label">Soins des cheveux</span>
</div>
</a></div><div class="mega-menu__item grid__item">
<a href="/collections/les-routines" class="mega-menu__item-link list-menu__item focus-inset"><div class="header__menu-item">
<span class="t-title5-bold-button label">Les routines</span>
</div>
</a></div><div class="mega-menu__item grid__item">
<a href="/collections/selection" class="mega-menu__item-link list-menu__item focus-inset"><div class="header__menu-item">
<span class="t-title5-bold-button label">Sélections</span>
</div>
</a><ul class="list-menu-child list-menu"><li>
<a href="/collections/kits-cadeaux" class="header__menu-item list-menu__item focus-inset">
<span class="label t-body2">Kits & Cadeaux</span>
</a>
</li><li>
<a href="/collections/accessoires" class="header__menu-item list-menu__item focus-inset">
<span class="label t-body2">Accessoires</span>
</a>
</li><li>
<a href="/collections/mamans-bebes" class="header__menu-item list-menu__item focus-inset">
<span class="label t-body2">Mamans & Bébés</span>
</a>
</li><li>
<a href="/collections/frontpage" class="header__menu-item list-menu__item focus-inset">
<span class="label t-body2">Tous nos produits</span>
</a>
</li></ul></div></div><div class="mega-menu__promo grid__item mega-menu__promo--overlay">
<a class="mega-menu__promo-link" href="/collections/kits-cadeaux">
<lazy-image class="image-animate media media--adapt"
style="--image-position: center center;--image-ratio-percent: 100.0%;"
>
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/trousse2_b99f15d1-a22d-41f7-ae86-6ad974656152.png?v=1721045256&width=165 165w,//www.clemenceetvivien.com/cdn/shop/files/trousse2_b99f15d1-a22d-41f7-ae86-6ad974656152.png?v=1721045256&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/trousse2_b99f15d1-a22d-41f7-ae86-6ad974656152.png?v=1721045256&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/trousse2_b99f15d1-a22d-41f7-ae86-6ad974656152.png?v=1721045256&width=750 750w, //www.clemenceetvivien.com/cdn/shop/files/trousse2_b99f15d1-a22d-41f7-ae86-6ad974656152.png?v=1721045256 800w"
src="//www.clemenceetvivien.com/cdn/shop/files/trousse2_b99f15d1-a22d-41f7-ae86-6ad974656152.png?v=1721045256&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image><div class="mega-menu__promo-content"><div class="mega-menu__promo-heading t-title4">
<span class="label">Kits & Cadeaux</span>
</div><div class="mega-menu__promo-subheading"></div>
</div></a>
</div><div class="mega-menu__promo grid__item mega-menu__promo--overlay">
<a class="mega-menu__promo-link" href="/collections/les-nouveautes">
<lazy-image class="image-animate media media--adapt"
style="--image-position: center center;--image-ratio-percent: 100.0%;"
>
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/huile-seche-scintillante-884313.jpg?v=1721116301&width=165 165w,//www.clemenceetvivien.com/cdn/shop/files/huile-seche-scintillante-884313.jpg?v=1721116301&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/huile-seche-scintillante-884313.jpg?v=1721116301&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/huile-seche-scintillante-884313.jpg?v=1721116301&width=750 750w, //www.clemenceetvivien.com/cdn/shop/files/huile-seche-scintillante-884313.jpg?v=1721116301 800w"
src="//www.clemenceetvivien.com/cdn/shop/files/huile-seche-scintillante-884313.jpg?v=1721116301&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Huile sèche scintillante - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image><div class="mega-menu__promo-content"><div class="mega-menu__promo-heading t-title4">
<span class="label">Les nouveautés</span>
</div><div class="mega-menu__promo-subheading"></div>
</div></a>
</div></div>
</div></menu-dropdown>
</li><li><a href="/collections/les-routines" class="header__menu-item header__menu-item--top list-menu__item focus-inset">
<span class="label">Routines</span>
</a></li><li><a href="https://clemence-vivien.myshopify.com/pages/nos-magasins" class="header__menu-item header__menu-item--top list-menu__item focus-inset">
<span class="label">Points de vente</span>
</a></li><li><menu-dropdown>
<a href="/pages/clemence-vivien" class="header__menu-item header__menu-item--top list-menu__item focus-inset">
<span class="label">Clémence & Vivien</span>
<svg width="21" height="12" viewbox="0 0 21 12" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9899 11.9004C11.1448 11.8347 11.2849 11.7388 11.4023 11.6186L20.6317 2.19251C20.8687 1.95046 21 1.62438 21 1.28654C21 0.948686 20.8687 0.622606 20.6317 0.380563C20.3944 0.138162 20.0702 -2.975e-08 19.7299 0C19.3896 2.97498e-08 19.0654 0.138193 18.828 0.380594L10.5 8.88755L2.17195 0.380564C1.9346 0.138163 1.61043 1.58405e-06 1.27013 1.6138e-06C0.929827 1.64355e-06 0.605648 0.138163 0.368303 0.380564C0.131309 0.622608 -2.95358e-08 0.948688 0 1.28654C2.95356e-08 1.62438 0.13131 1.95046 0.368303 2.19251L9.59818 11.619C9.71548 11.739 9.85537 11.8348 10.0101 11.9004C10.1651 11.9661 10.3316 12 10.5 12C10.6684 12 10.8349 11.9661 10.9899 11.9004Z" fill="currentColor"/>
</svg>
</a>
<ul class="list-menu-dropdown list-menu hidden" role="list" tabindex="-1"><li><a href="/pages/notre-histoire" class="header__menu-item list-menu__item focus-inset">
<span class="label">Notre histoire</span>
</a></li><li><a href="/pages/notre-expertise" class="header__menu-item list-menu__item focus-inset">
<span class="label">Notre expertise</span>
</a></li><li><a href="/pages/notre-laboratoire" class="header__menu-item list-menu__item focus-inset">
<span class="label">Notre laboratoire</span>
</a></li><li><a href="/pages/manifeste" class="header__menu-item list-menu__item focus-inset">
<span class="label">Nos valeurs</span>
</a></li><li><a href="/pages/ingredients" class="header__menu-item list-menu__item focus-inset">
<span class="label">Glossaire des ingrédients</span>
</a></li></ul>
</menu-dropdown></li><li><a href="/blogs/infos" class="header__menu-item header__menu-item--top list-menu__item focus-inset">
<span class="label">Journal</span>
</a></li></ul>
</nav>
<div class="header__icons">
<search-modal class="header__search">
<details>
<summary class="header__icon header__icon--summary header__icon--search focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Chercher sur notre site">
<span><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-search">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.476 2.57342C14.6057 0.865823 12.1491 -0.0549873 9.61721 0.00254207C7.08532 0.0600714 4.67307 1.09151 2.88229 2.88229C1.09151 4.67307 0.0600714 7.08532 0.00254207 9.61721C-0.0549873 12.1491 0.865823 14.6057 2.57342 16.476C4.28101 18.3462 6.64392 19.4862 9.17059 19.6587C11.6364 19.827 14.0729 19.0612 15.9975 17.5176L22.619 24.1391L24.1391 22.619L17.5176 15.9975C19.0612 14.0729 19.827 11.6364 19.6587 9.17059C19.4862 6.64392 18.3462 4.28101 16.476 2.57342ZM6.9192 2.76551C8.32162 2.18461 9.8648 2.03262 11.3536 2.32876C12.8424 2.6249 14.21 3.35588 15.2833 4.42925C16.3567 5.50261 17.0877 6.87017 17.3838 8.35897C17.68 9.84778 17.528 11.391 16.9471 12.7934C16.3662 14.1958 15.3824 15.3945 14.1203 16.2378C12.8582 17.0811 11.3744 17.5312 9.85651 17.5313C7.82161 17.529 5.8707 16.7197 4.4318 15.2808C2.99293 13.8419 2.18358 11.891 2.18129 9.85618C2.18131 8.33824 2.63144 6.8544 3.47476 5.59229C4.3181 4.33014 5.51677 3.34642 6.9192 2.76551Z" fill="currentColor"/>
</svg><svg width="6" height="6" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close modal__toggle-close" viewbox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.89312 0.200562C4.95201 0.138306 5.02278 0.0884864 5.10125 0.0540486C5.17971 0.0196108 5.26429 0.00125359 5.34997 6.19906e-05C5.43566 -0.00112961 5.52071 0.0148686 5.60011 0.047111C5.6795 0.0793534 5.75163 0.127186 5.81222 0.18778C5.87282 0.248375 5.92065 0.320503 5.95289 0.3999C5.98513 0.479297 6.00113 0.564352 5.99994 0.650037C5.99875 0.735723 5.98039 0.8203 5.94595 0.89877C5.91152 0.97724 5.8617 1.04801 5.79944 1.1069L3.92099 2.98538C3.9185 2.98787 3.91652 2.99081 3.91518 2.99406C3.91383 2.9973 3.91314 3.00078 3.91314 3.0043C3.91314 3.00781 3.91383 3.01129 3.91518 3.01454C3.91652 3.01778 3.9185 3.02073 3.92099 3.02321L5.79944 4.9017C5.85978 4.96105 5.90777 5.03175 5.94064 5.10974C5.97351 5.18773 5.99062 5.27145 5.99097 5.35608C5.99133 5.44072 5.97492 5.52458 5.9427 5.60284C5.91049 5.6811 5.86309 5.75221 5.80326 5.81206C5.74342 5.87191 5.67232 5.91932 5.59407 5.95156C5.51582 5.9838 5.43196 6.00022 5.34733 5.99989C5.2627 5.99955 5.17898 5.98247 5.10098 5.94961C5.02299 5.91676 4.95227 5.86878 4.89291 5.80846L3.01446 3.92997C3.01197 3.92748 3.00903 3.92551 3.00578 3.92416C3.00254 3.92282 2.99906 3.92212 2.99554 3.92212C2.99203 3.92212 2.98855 3.92282 2.9853 3.92416C2.98206 3.92551 2.97911 3.92748 2.97663 3.92997L1.09817 5.80846C1.03883 5.8688 0.968122 5.91679 0.890136 5.94966C0.81215 5.98253 0.728427 5.99964 0.643797 5.99999C0.559166 6.00035 0.475303 5.98394 0.397045 5.95173C0.318786 5.91951 0.247681 5.87211 0.18783 5.81227C0.12798 5.75244 0.0805691 5.68134 0.0483322 5.60309C0.0160953 5.52484 -0.000329586 5.44098 5.01104e-06 5.35634C0.000339608 5.27171 0.0174271 5.18798 0.0502817 5.10999C0.0831364 5.03199 0.131108 4.96128 0.19143 4.90191L2.06989 3.02342C2.07237 3.02094 2.07435 3.01799 2.07569 3.01475C2.07704 3.0115 2.07773 3.00802 2.07773 3.00451C2.07773 3.001 2.07704 2.99752 2.07569 2.99427C2.07435 2.99103 2.07237 2.98808 2.06989 2.9856L0.19143 1.10711C0.072801 0.986559 0.00661231 0.824016 0.00728098 0.654885C0.00794965 0.485755 0.0754215 0.32374 0.195 0.204131C0.314578 0.084523 0.476574 0.0170117 0.645701 0.0163031C0.814829 0.0155946 0.977385 0.0817462 1.09796 0.200348L2.97642 2.07884C2.9789 2.08132 2.98185 2.0833 2.98509 2.08465C2.98834 2.08599 2.99182 2.08669 2.99533 2.08669C2.99884 2.08669 3.00232 2.08599 3.00557 2.08465C3.00881 2.0833 3.01176 2.08132 3.01424 2.07884L4.8927 0.200348L4.89312 0.200562Z" fill="currentColor"/>
</svg></span>
</summary>
<div class="search-modal modal__content" role="dialog" aria-modal="true" aria-label="Chercher sur notre site">
<div class="page-width">
<div class="search-modal__content" tabindex="-1"><predictive-search data-loading-text="Chargement en cours..." data-per-page="8"><form action="/search" method="get" role="search" class="search search-modal__form">
<div class="field">
<button type="submit" class="search__button focus-inset" aria-label="Chercher sur notre site" tabindex="-1">
<svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-search">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.476 2.57342C14.6057 0.865823 12.1491 -0.0549873 9.61721 0.00254207C7.08532 0.0600714 4.67307 1.09151 2.88229 2.88229C1.09151 4.67307 0.0600714 7.08532 0.00254207 9.61721C-0.0549873 12.1491 0.865823 14.6057 2.57342 16.476C4.28101 18.3462 6.64392 19.4862 9.17059 19.6587C11.6364 19.827 14.0729 19.0612 15.9975 17.5176L22.619 24.1391L24.1391 22.619L17.5176 15.9975C19.0612 14.0729 19.827 11.6364 19.6587 9.17059C19.4862 6.64392 18.3462 4.28101 16.476 2.57342ZM6.9192 2.76551C8.32162 2.18461 9.8648 2.03262 11.3536 2.32876C12.8424 2.6249 14.21 3.35588 15.2833 4.42925C16.3567 5.50261 17.0877 6.87017 17.3838 8.35897C17.68 9.84778 17.528 11.391 16.9471 12.7934C16.3662 14.1958 15.3824 15.3945 14.1203 16.2378C12.8582 17.0811 11.3744 17.5312 9.85651 17.5313C7.82161 17.529 5.8707 16.7197 4.4318 15.2808C2.99293 13.8419 2.18358 11.891 2.18129 9.85618C2.18131 8.33824 2.63144 6.8544 3.47476 5.59229C4.3181 4.33014 5.51677 3.34642 6.9192 2.76551Z" fill="currentColor"/>
</svg>
</button>
<input
id="Search-In-Modal"
class="search__input field__input"
type="search"
name="q"
value=""
placeholder="Rechercher"
role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results-list"
aria-controls="predictive-search-results-list"
aria-haspopup="listbox"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
/>
<label class="visually-hidden" for="Search-In-Modal">Chercher sur notre site</label>
<input type="hidden" name="type" value="product"/>
<input type="hidden" name="options[prefix]" value="last"/><div class="predictive-search__loading-state">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner" fill="none" viewbox="0 0 66 66">
<circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"/>
</svg>
</div><button type="button" class="search__button focus-inset" aria-label="Fermer" tabindex="-1">
<svg width="6" height="6" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewbox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.89312 0.200562C4.95201 0.138306 5.02278 0.0884864 5.10125 0.0540486C5.17971 0.0196108 5.26429 0.00125359 5.34997 6.19906e-05C5.43566 -0.00112961 5.52071 0.0148686 5.60011 0.047111C5.6795 0.0793534 5.75163 0.127186 5.81222 0.18778C5.87282 0.248375 5.92065 0.320503 5.95289 0.3999C5.98513 0.479297 6.00113 0.564352 5.99994 0.650037C5.99875 0.735723 5.98039 0.8203 5.94595 0.89877C5.91152 0.97724 5.8617 1.04801 5.79944 1.1069L3.92099 2.98538C3.9185 2.98787 3.91652 2.99081 3.91518 2.99406C3.91383 2.9973 3.91314 3.00078 3.91314 3.0043C3.91314 3.00781 3.91383 3.01129 3.91518 3.01454C3.91652 3.01778 3.9185 3.02073 3.92099 3.02321L5.79944 4.9017C5.85978 4.96105 5.90777 5.03175 5.94064 5.10974C5.97351 5.18773 5.99062 5.27145 5.99097 5.35608C5.99133 5.44072 5.97492 5.52458 5.9427 5.60284C5.91049 5.6811 5.86309 5.75221 5.80326 5.81206C5.74342 5.87191 5.67232 5.91932 5.59407 5.95156C5.51582 5.9838 5.43196 6.00022 5.34733 5.99989C5.2627 5.99955 5.17898 5.98247 5.10098 5.94961C5.02299 5.91676 4.95227 5.86878 4.89291 5.80846L3.01446 3.92997C3.01197 3.92748 3.00903 3.92551 3.00578 3.92416C3.00254 3.92282 2.99906 3.92212 2.99554 3.92212C2.99203 3.92212 2.98855 3.92282 2.9853 3.92416C2.98206 3.92551 2.97911 3.92748 2.97663 3.92997L1.09817 5.80846C1.03883 5.8688 0.968122 5.91679 0.890136 5.94966C0.81215 5.98253 0.728427 5.99964 0.643797 5.99999C0.559166 6.00035 0.475303 5.98394 0.397045 5.95173C0.318786 5.91951 0.247681 5.87211 0.18783 5.81227C0.12798 5.75244 0.0805691 5.68134 0.0483322 5.60309C0.0160953 5.52484 -0.000329586 5.44098 5.01104e-06 5.35634C0.000339608 5.27171 0.0174271 5.18798 0.0502817 5.10999C0.0831364 5.03199 0.131108 4.96128 0.19143 4.90191L2.06989 3.02342C2.07237 3.02094 2.07435 3.01799 2.07569 3.01475C2.07704 3.0115 2.07773 3.00802 2.07773 3.00451C2.07773 3.001 2.07704 2.99752 2.07569 2.99427C2.07435 2.99103 2.07237 2.98808 2.06989 2.9856L0.19143 1.10711C0.072801 0.986559 0.00661231 0.824016 0.00728098 0.654885C0.00794965 0.485755 0.0754215 0.32374 0.195 0.204131C0.314578 0.084523 0.476574 0.0170117 0.645701 0.0163031C0.814829 0.0155946 0.977385 0.0817462 1.09796 0.200348L2.97642 2.07884C2.9789 2.08132 2.98185 2.0833 2.98509 2.08465C2.98834 2.08599 2.99182 2.08669 2.99533 2.08669C2.99884 2.08669 3.00232 2.08599 3.00557 2.08465C3.00881 2.0833 3.01176 2.08132 3.01424 2.07884L4.8927 0.200348L4.89312 0.200562Z" fill="currentColor"/>
</svg>
</button>
</div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search></div>
<span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search></div>
</div>
<div class="modal-overlay"></div>
</div>
</details>
</search-modal><a href="/account/login" class="header__icon header__icon--account focus-inset">
<svg width="20" height="22" viewbox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-account">
<path d="M19.2154 17.6273C18.7137 16.4148 17.9856 15.3135 17.0718 14.3846C16.1607 13.4531 15.0814 12.7104 13.8936 12.1975C13.883 12.1921 13.8723 12.1893 13.8617 12.1839C15.5186 10.9628 16.5957 8.97377 16.5957 6.72965C16.5957 3.01206 13.6436 0 10 0C6.35641 0 3.4043 3.01206 3.4043 6.72965C3.4043 8.97377 4.48142 10.9628 6.13832 12.1866C6.12769 12.1921 6.11705 12.1948 6.10641 12.2002C4.91493 12.7131 3.84579 13.4484 2.92824 14.3873C2.01524 15.3169 1.2873 16.4181 0.784636 17.6301C0.290815 18.8166 0.0244864 20.0887 6.65049e-05 21.3775C-0.000643344 21.4065 0.00433542 21.4353 0.0147096 21.4622C0.0250837 21.4892 0.0406433 21.5138 0.0604714 21.5345C0.0802996 21.5552 0.103995 21.5717 0.130162 21.583C0.156329 21.5942 0.184437 21.6 0.212831 21.6H1.80857C1.92559 21.6 2.01867 21.505 2.02133 21.3883C2.07452 19.2935 2.89898 17.3316 4.35642 15.8445C5.86439 14.3059 7.86704 13.4593 10 13.4593C12.133 13.4593 14.1356 14.3059 15.6436 15.8445C17.101 17.3316 17.9255 19.2935 17.9787 21.3883C17.9813 21.5077 18.0744 21.6 18.1914 21.6H19.7872C19.8156 21.6 19.8437 21.5942 19.8698 21.583C19.896 21.5717 19.9197 21.5552 19.9395 21.5345C19.9594 21.5138 19.9749 21.4892 19.9853 21.4622C19.9957 21.4353 20.0006 21.4065 19.9999 21.3775C19.9733 20.0804 19.71 18.8186 19.2154 17.6273ZM10 11.397C8.77926 11.397 7.63033 10.9113 6.76598 10.0293C5.90162 9.14744 5.42556 7.97518 5.42556 6.72965C5.42556 5.48412 5.90162 4.31186 6.76598 3.42995C7.63033 2.54804 8.77926 2.06231 10 2.06231C11.2207 2.06231 12.3697 2.54804 13.234 3.42995C14.0984 4.31186 14.5744 5.48412 14.5744 6.72965C14.5744 7.97518 14.0984 9.14744 13.234 10.0293C12.3697 10.9113 11.2207 11.397 10 11.397Z" fill="currentColor" stroke="currentColor" stroke-width="0.2"/>
</svg>
<span class="visually-hidden">Connexion</span>
</a><cart-drawer>
<details class="cart-drawer-container">
<summary class="header__icon focus-inset">
<span class="header__icon header__icon--summary header__icon--cart" id="cart-icon-bubble">
<svg width="27" height="22" viewbox="0 0 27 22" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart">
<g clip-path="url(#clip0_27_392)">
<path d="M25.9802 7.72C25.9502 7.61 25.9002 7.51 25.8402 7.42L25.7102 7.27C25.6302 7.2 25.5402 7.13 25.4402 7.09C25.3102 7.03 25.1702 7 25.0202 7H19.0202V3C19.0202 2.2 18.7102 1.45 18.1402 0.88C17.5802 0.32 16.8102 0 16.0202 0H10.0202C9.23024 0 8.46023 0.32 7.90023 0.88C7.33023 1.45 7.02023 2.2 7.02023 3V7H1.01023C0.860234 6.99 0.720234 7.03 0.590234 7.09C0.460234 7.15 0.340234 7.24 0.240234 7.35C0.140234 7.46 0.0702344 7.59 0.0302344 7.73C-0.00976562 7.87 -0.0197656 8.02 0.000234375 8.16L1.88023 20.31C1.95023 20.79 2.19023 21.22 2.56023 21.53C2.92023 21.84 3.38023 22.01 3.85023 22.01C3.85023 22.01 3.87023 22.01 3.88023 22.01H22.1502C22.1502 22.01 22.1702 22.01 22.1802 22.01C22.6502 22.01 23.1102 21.84 23.4702 21.53C23.8402 21.22 24.0802 20.78 24.1502 20.31L26.0102 8.16C26.0302 8.02 26.0102 7.87 25.9802 7.73V7.72ZM9.01023 3C9.01023 2.74 9.12023 2.48 9.30023 2.29C9.48024 2.1 9.74023 2 10.0102 2H16.0102C16.2702 2 16.5302 2.11 16.7202 2.29C16.9102 2.48 17.0102 2.73 17.0102 3V7H9.01023V3ZM23.8402 9L22.1502 20H3.87023L2.18023 9H23.8402Z" fill="currentColor"/>
</g>
<defs>
<clippath id="clip0_27_392">
<rect width="26.02" height="22" fill="currentColor"/>
</clippath>
</defs>
</svg>
<span class="visually-hidden">Panier</span></span>
</summary>
<mini-cart class="cart-drawer focus-inset" id="mini-cart" data-url="?section_id=mini-cart">
<div class="loading-overlay">
<div class="loading-overlay__spinner">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner" fill="none" viewbox="0 0 66 66">
<circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"/>
</svg>
</div>
</div>
</mini-cart>
</details>
<noscript>
<a href="/cart" class="header__icon header__icon--cart focus-inset">
<svg width="27" height="22" viewbox="0 0 27 22" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart">
<g clip-path="url(#clip0_27_392)">
<path d="M25.9802 7.72C25.9502 7.61 25.9002 7.51 25.8402 7.42L25.7102 7.27C25.6302 7.2 25.5402 7.13 25.4402 7.09C25.3102 7.03 25.1702 7 25.0202 7H19.0202V3C19.0202 2.2 18.7102 1.45 18.1402 0.88C17.5802 0.32 16.8102 0 16.0202 0H10.0202C9.23024 0 8.46023 0.32 7.90023 0.88C7.33023 1.45 7.02023 2.2 7.02023 3V7H1.01023C0.860234 6.99 0.720234 7.03 0.590234 7.09C0.460234 7.15 0.340234 7.24 0.240234 7.35C0.140234 7.46 0.0702344 7.59 0.0302344 7.73C-0.00976562 7.87 -0.0197656 8.02 0.000234375 8.16L1.88023 20.31C1.95023 20.79 2.19023 21.22 2.56023 21.53C2.92023 21.84 3.38023 22.01 3.85023 22.01C3.85023 22.01 3.87023 22.01 3.88023 22.01H22.1502C22.1502 22.01 22.1702 22.01 22.1802 22.01C22.6502 22.01 23.1102 21.84 23.4702 21.53C23.8402 21.22 24.0802 20.78 24.1502 20.31L26.0102 8.16C26.0302 8.02 26.0102 7.87 25.9802 7.73V7.72ZM9.01023 3C9.01023 2.74 9.12023 2.48 9.30023 2.29C9.48024 2.1 9.74023 2 10.0102 2H16.0102C16.2702 2 16.5302 2.11 16.7202 2.29C16.9102 2.48 17.0102 2.73 17.0102 3V7H9.01023V3ZM23.8402 9L22.1502 20H3.87023L2.18023 9H23.8402Z" fill="currentColor"/>
</g>
<defs>
<clippath id="clip0_27_392">
<rect width="26.02" height="22" fill="currentColor"/>
</clippath>
</defs>
</svg>
<span class="visually-hidden">Panier</span></a>
</noscript>
</cart-drawer></div>
</header>
</sticky-header>
<script src="//www.clemenceetvivien.com/cdn/shop/t/43/assets/cart.js?v=116263243263509567551698230865" defer="defer"></script>
<script src="//www.clemenceetvivien.com/cdn/shop/t/43/assets/cart-drawer.js?v=38554879236352165091698230865" defer="defer"></script>
</div>
<div class="transition-content">
<main id="MainContent" class="content-for-layout focus-none shopify-section" role="main" tabindex="-1">
<section id="shopify-section-template--20016253632861__slideshow" class="shopify-section section"><style data-shopify>#shopify-section-template--20016253632861__slideshow {
--image-ratio-percent: 37.135416666666664%;
--image-height: adapt_first;
}@media screen and (max-width: 749px) {
#shopify-section-template--20016253632861__slideshow {
--image-ratio-percent: 134.3125%;
}
}#shopify-section-template--20016253632861__slideshow {
--image-height: 100vh;
--color-overlay-opacity: 0.2;
--color-overlay: 200, 115, 90;
--color-background: 0, 0, 0;
--color-foreground: 255, 255, 255;
--color-link: var(--color-foreground);
--color-heading: var(--color-foreground);
--color-button-text: var(--color-overlay);
--color-button-border: var(--color-foreground);
--color-button-background: var(--color-foreground);
--color-shadow: var(--color-foreground);
--shadow-opacity: 0.3;
}.slide--slide-0 {
--color-text: 255, 255, 255 !important;
--color-foreground: 255, 255, 255 !important;
--color-button-text: 255, 255, 255 !important;
--color-button-white-text: 255, 255, 255 !important;
--color-button-background: 143, 176, 165 !important;
--color-button-text_hover: 143, 176, 165 !important;
--color-button-white-text_hover: 143, 176, 165 !important;
--color-button-background_hover: 255, 255, 255 !important;
--color-heading: var(--color-text);
--color-link: var(--color-foreground);
--color-button-border: var(--color-foreground);
--color-shadow: var(--color-foreground);
}
.slide--slide-0 .button--secondary_white,
.slide--slide-0 .button--secondary_white .label {
color: rgb(var(--color-button-white-text)) !important;
transition: .5s;
}
.slide--slide-0 .button--secondary_white::after {
background-color: rgb(var(--color-button-white-text)) !important;
}
.slide--slide-0 .button--secondary_white:hover,
.slide--slide-0 .button--secondary_white:hover .label{
color: rgb(var(--color-button-white-text_hover)) !important;
transition: .5s;
}
.slide--slide-0 .button--secondary_white:hover::after {
background-color: rgb(var(--color-button-white-text_hover)) !important;
}
@media screen AND (min-width: 750px) {
.slideshow--legacy .slide--slide-0 .slideshow__card {
max-width: 60rem;
}
}.slide--24fcb0a1-e32c-4124-985a-ed166ce2cac8 {
--color-text: 255, 255, 255 !important;
--color-foreground: 255, 255, 255 !important;
--color-button-text: 255, 253, 252 !important;
--color-button-white-text: 255, 253, 252 !important;
--color-button-background: 143, 176, 165 !important;
--color-button-text_hover: 243, 243, 244 !important;
--color-button-white-text_hover: 243, 243, 244 !important;
--color-button-background_hover: 143, 176, 165 !important;
--color-heading: var(--color-text);
--color-link: var(--color-foreground);
--color-button-border: var(--color-foreground);
--color-shadow: var(--color-foreground);
}
.slide--24fcb0a1-e32c-4124-985a-ed166ce2cac8 .button--secondary_white,
.slide--24fcb0a1-e32c-4124-985a-ed166ce2cac8 .button--secondary_white .label {
color: rgb(var(--color-button-white-text)) !important;
transition: .5s;
}
.slide--24fcb0a1-e32c-4124-985a-ed166ce2cac8 .button--secondary_white::after {
background-color: rgb(var(--color-button-white-text)) !important;
}
.slide--24fcb0a1-e32c-4124-985a-ed166ce2cac8 .button--secondary_white:hover,
.slide--24fcb0a1-e32c-4124-985a-ed166ce2cac8 .button--secondary_white:hover .label{
color: rgb(var(--color-button-white-text_hover)) !important;
transition: .5s;
}
.slide--24fcb0a1-e32c-4124-985a-ed166ce2cac8 .button--secondary_white:hover::after {
background-color: rgb(var(--color-button-white-text_hover)) !important;
}
@media screen AND (min-width: 750px) {
.slideshow--legacy .slide--24fcb0a1-e32c-4124-985a-ed166ce2cac8 .slideshow__card {
max-width: 40rem;
}
}.slide--f4f8f8bf-b0be-46ad-a5d7-0733114b3060 {
--color-text: 255, 255, 255 !important;
--color-foreground: 255, 255, 255 !important;
--color-button-text: 255, 253, 252 !important;
--color-button-white-text: 255, 253, 252 !important;
--color-button-background: 143, 176, 165 !important;
--color-button-text_hover: 143, 176, 165 !important;
--color-button-white-text_hover: 143, 176, 165 !important;
--color-button-background_hover: 255, 255, 255 !important;
--color-heading: var(--color-text);
--color-link: var(--color-foreground);
--color-button-border: var(--color-foreground);
--color-shadow: var(--color-foreground);
}
.slide--f4f8f8bf-b0be-46ad-a5d7-0733114b3060 .button--secondary_white,
.slide--f4f8f8bf-b0be-46ad-a5d7-0733114b3060 .button--secondary_white .label {
color: rgb(var(--color-button-white-text)) !important;
transition: .5s;
}
.slide--f4f8f8bf-b0be-46ad-a5d7-0733114b3060 .button--secondary_white::after {
background-color: rgb(var(--color-button-white-text)) !important;
}
.slide--f4f8f8bf-b0be-46ad-a5d7-0733114b3060 .button--secondary_white:hover,
.slide--f4f8f8bf-b0be-46ad-a5d7-0733114b3060 .button--secondary_white:hover .label{
color: rgb(var(--color-button-white-text_hover)) !important;
transition: .5s;
}
.slide--f4f8f8bf-b0be-46ad-a5d7-0733114b3060 .button--secondary_white:hover::after {
background-color: rgb(var(--color-button-white-text_hover)) !important;
}
@media screen AND (min-width: 750px) {
.slideshow--legacy .slide--f4f8f8bf-b0be-46ad-a5d7-0733114b3060 .slideshow__card {
max-width: 40rem;
}
}@media screen and (min-width: 750px) {
#shopify-section-template--20016253632861__slideshow .flickity-button {
--color-button-text: 200, 115, 90;
--color-button-background: 255, 255, 255;;
--color-button-border: var(--color-button-background);
}
#shopify-section-template--20016253632861__slideshow .slideshow--legacy[data-autorotate="true"] .flickity-page-dots .flickity-page-dot::before {
animation-duration: 9s;
}
}
.section-template--20016253632861__slideshow-padding {
padding-top: calc(0px * 0.75);
padding-bottom: calc(20px * 0.75);
}
#shopify-section-template--20016253632861__slideshow .slideshow__button .button {
/* --color-button-text: 200, 115, 90!important; */
/* --color-button-background: 255, 255, 255!important; */
}
@media screen and (min-width: 750px) {
.section-template--20016253632861__slideshow-padding {
padding-top: 0px;
padding-bottom: 20px;
}
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/section-slideshow.css?v=155539121489320871601698230865" rel="stylesheet" type="text/css" media="all" />
<div class="page-width page-width--full-width section-template--20016253632861__slideshow-padding"><slideshow-component id="Slideshow-template--20016253632861__slideshow" class="slideshow slideshow--legacy slideshow--100vh slideshow--mobile-adapt_first" data-autorotate="true" data-autorotate-speed="9000">
<use-animate data-animate="zoom-fade-small" class="slideshow__left"><div class="slideshow__slide">
<div class="slideshow__image-wrapper media-wrapper">
<div class="image-animate"><lazy-image class="slideshow__image media media--100vh media-mobile--adapt_first"
style="--image-position: center center"
>
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/trousse_1dc0ae7f-6c50-4e39-b03a-88376dece469.png?v=1733126124&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/trousse_1dc0ae7f-6c50-4e39-b03a-88376dece469.png?v=1733126124&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/trousse_1dc0ae7f-6c50-4e39-b03a-88376dece469.png?v=1733126124&width=750 750w,//www.clemenceetvivien.com/cdn/shop/files/trousse_1dc0ae7f-6c50-4e39-b03a-88376dece469.png?v=1733126124&width=1100 1100w,//www.clemenceetvivien.com/cdn/shop/files/trousse_1dc0ae7f-6c50-4e39-b03a-88376dece469.png?v=1733126124&width=1500 1500w, //www.clemenceetvivien.com/cdn/shop/files/trousse_1dc0ae7f-6c50-4e39-b03a-88376dece469.png?v=1733126124 1920w"
src="//www.clemenceetvivien.com/cdn/shop/files/trousse_1dc0ae7f-6c50-4e39-b03a-88376dece469.png?v=1733126124&width=550"
sizes="100vw"
alt=""
width="1920"
height="719"
loading="lazy" class="small-hide"/><img
srcset="//www.clemenceetvivien.com/cdn/shop/files/trousse2_602a567a-5a15-4c18-b21d-528a78ecbf18.png?v=1733126148&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/trousse2_602a567a-5a15-4c18-b21d-528a78ecbf18.png?v=1733126148&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/trousse2_602a567a-5a15-4c18-b21d-528a78ecbf18.png?v=1733126148&width=750 750w, //www.clemenceetvivien.com/cdn/shop/files/trousse2_602a567a-5a15-4c18-b21d-528a78ecbf18.png?v=1733126148 899w"
src="//www.clemenceetvivien.com/cdn/shop/files/trousse2_602a567a-5a15-4c18-b21d-528a78ecbf18.png?v=1733126148&width=550"
sizes="100vw"
alt=""
width="899"
height="1260.0"
loading="lazy"
class="medium-hide large-up-hide"
/></lazy-image></div>
</div>
</div><div class="slideshow__slide">
<div class="slideshow__image-wrapper media-wrapper">
<div class="image-animate"><lazy-image class="slideshow__image media media--100vh media-mobile--adapt_first"
style="--image-position: center center"
>
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105&width=750 750w,//www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105&width=1100 1100w,//www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105&width=1500 1500w,//www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105&width=2200 2200w,//www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105&width=3000 3000w, //www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105 3840w"
src="//www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105&width=550"
sizes="100vw"
alt=""
width="3840"
height="1426"
loading="lazy" class="small-hide"/><img
srcset="//www.clemenceetvivien.com/cdn/shop/files/Ban2_2x_45036f7e-20e7-4e94-9f0c-166ad76d05d2.png?v=1729848105&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/Ban2_2x_45036f7e-20e7-4e94-9f0c-166ad76d05d2.png?v=1729848105&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/Ban2_2x_45036f7e-20e7-4e94-9f0c-166ad76d05d2.png?v=1729848105&width=750 750w,//www.clemenceetvivien.com/cdn/shop/files/Ban2_2x_45036f7e-20e7-4e94-9f0c-166ad76d05d2.png?v=1729848105&width=1100 1100w,//www.clemenceetvivien.com/cdn/shop/files/Ban2_2x_45036f7e-20e7-4e94-9f0c-166ad76d05d2.png?v=1729848105&width=1500 1500w, //www.clemenceetvivien.com/cdn/shop/files/Ban2_2x_45036f7e-20e7-4e94-9f0c-166ad76d05d2.png?v=1729848105 1600w"
src="//www.clemenceetvivien.com/cdn/shop/files/Ban2_2x_45036f7e-20e7-4e94-9f0c-166ad76d05d2.png?v=1729848105&width=550"
sizes="100vw"
alt=""
width="1600"
height="2149.0"
loading="lazy"
class="medium-hide large-up-hide"
/></lazy-image></div>
</div>
</div><div class="slideshow__slide">
<div class="slideshow__image-wrapper media-wrapper">
<div class="image-animate"><lazy-image class="slideshow__image media media--100vh media-mobile--adapt_first"
style="--image-position: center center"
>
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838&width=750 750w,//www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838&width=1100 1100w,//www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838&width=1500 1500w,//www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838&width=2200 2200w,//www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838&width=3000 3000w, //www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838 3840w"
src="//www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838&width=550"
sizes="100vw"
alt=""
width="3840"
height="1348"
loading="lazy" class="small-hide"/><img
srcset="//www.clemenceetvivien.com/cdn/shop/files/purifiant2_2x_dbc92ecd-74ff-4621-a8f1-aa77cb1b6639.png?v=1732865877&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/purifiant2_2x_dbc92ecd-74ff-4621-a8f1-aa77cb1b6639.png?v=1732865877&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/purifiant2_2x_dbc92ecd-74ff-4621-a8f1-aa77cb1b6639.png?v=1732865877&width=750 750w,//www.clemenceetvivien.com/cdn/shop/files/purifiant2_2x_dbc92ecd-74ff-4621-a8f1-aa77cb1b6639.png?v=1732865877&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/files/purifiant2_2x_dbc92ecd-74ff-4621-a8f1-aa77cb1b6639.png?v=1732865877 1404w"
src="//www.clemenceetvivien.com/cdn/shop/files/purifiant2_2x_dbc92ecd-74ff-4621-a8f1-aa77cb1b6639.png?v=1732865877&width=550"
sizes="100vw"
alt=""
width="1404"
height="2160.0"
loading="lazy"
class="medium-hide large-up-hide"
/></lazy-image></div>
</div>
</div></use-animate>
<div class="slideshow__center center mobile-center page-width">
<div class="slideshow__content"><div class="slideshow__box slideshow__box--middle-left slideshow__box--top-center-mobile page-width slide--slide-0">
<div class="slideshow__card"><p class="slideshow__heading t-title1 h1" data-animate data-animate-delay-1>
Découvrez le Calendrier de l'après
</p><div class="slideshow__text t-body1 typeset3" data-animate data-animate-delay-2>
Prolongez la magie de fêtes de fin d'année avec 6 soins emblématiques Clémence & Vivien.
</div><div class="slideshow__button" data-animate data-animate-delay-3><a class="button" href="/products/calendrier-de-lapres-2024">
Je découvre
</a></div></div>
</div><div class="slideshow__box slideshow__box--middle-left slideshow__box--top-center-mobile page-width slide--24fcb0a1-e32c-4124-985a-ed166ce2cac8">
<div class="slideshow__card"><p class="slideshow__heading t-title1 h0" data-animate data-animate-delay-1>
Nouveauté
</p><div class="slideshow__text t-body1 typeset3" data-animate data-animate-delay-2>
Découvrez le Gel nettoyant purifiant, qui nettoie et purifie en douceur.
</div><div class="slideshow__button" data-animate data-animate-delay-3><a class="button" href="/products/gel-nettoyant-purifiant">
Je découvre
</a></div></div>
</div><div class="slideshow__box slideshow__box--middle-left slideshow__box--top-center-mobile page-width slide--f4f8f8bf-b0be-46ad-a5d7-0733114b3060">
<div class="slideshow__card"><p class="slideshow__heading t-title1 h1" data-animate data-animate-delay-1>
CADEAU
</p><div class="slideshow__text t-body1 typeset3" data-animate data-animate-delay-2>
Une trousse de toilette offerte à partir de 59€ d'achat.
</div><div class="slideshow__button" data-animate data-animate-delay-3><a class="button" href="/collections/all">
J'en profite
</a></div></div>
</div></div>
</div>
<use-animate data-animate="zoom-fade-small" class="slideshow__right"><div class="slideshow__slide" >
<div class="slideshow__image-wrapper media-wrapper">
<div class="image-animate"><lazy-image class="slideshow__image media media--100vh media-mobile--adapt_first"
style="--image-position: center center"
>
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105&width=750 750w,//www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105&width=1100 1100w,//www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105&width=1500 1500w,//www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105&width=2200 2200w,//www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105&width=3000 3000w, //www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105 3840w"
src="//www.clemenceetvivien.com/cdn/shop/files/ban1_2x_c31cff20-ecc2-47cc-bd95-76d87174d411.png?v=1729848105&width=550"
sizes="100vw"
alt=""
width="3840"
height="1426"
loading="lazy" class="small-hide"/><img
srcset="//www.clemenceetvivien.com/cdn/shop/files/Ban2_2x_45036f7e-20e7-4e94-9f0c-166ad76d05d2.png?v=1729848105&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/Ban2_2x_45036f7e-20e7-4e94-9f0c-166ad76d05d2.png?v=1729848105&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/Ban2_2x_45036f7e-20e7-4e94-9f0c-166ad76d05d2.png?v=1729848105&width=750 750w,//www.clemenceetvivien.com/cdn/shop/files/Ban2_2x_45036f7e-20e7-4e94-9f0c-166ad76d05d2.png?v=1729848105&width=1100 1100w,//www.clemenceetvivien.com/cdn/shop/files/Ban2_2x_45036f7e-20e7-4e94-9f0c-166ad76d05d2.png?v=1729848105&width=1500 1500w, //www.clemenceetvivien.com/cdn/shop/files/Ban2_2x_45036f7e-20e7-4e94-9f0c-166ad76d05d2.png?v=1729848105 1600w"
src="//www.clemenceetvivien.com/cdn/shop/files/Ban2_2x_45036f7e-20e7-4e94-9f0c-166ad76d05d2.png?v=1729848105&width=550"
sizes="100vw"
alt=""
width="1600"
height="2149.0"
loading="lazy"
class="medium-hide large-up-hide"
/></lazy-image></div>
</div>
</div><div class="slideshow__slide" >
<div class="slideshow__image-wrapper media-wrapper">
<div class="image-animate"><lazy-image class="slideshow__image media media--100vh media-mobile--adapt_first"
style="--image-position: center center"
>
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838&width=750 750w,//www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838&width=1100 1100w,//www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838&width=1500 1500w,//www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838&width=2200 2200w,//www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838&width=3000 3000w, //www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838 3840w"
src="//www.clemenceetvivien.com/cdn/shop/files/purifiant_2x_8463c957-603e-4332-823b-cbb71b9530ed.png?v=1732865838&width=550"
sizes="100vw"
alt=""
width="3840"
height="1348"
loading="lazy" class="small-hide"/><img
srcset="//www.clemenceetvivien.com/cdn/shop/files/purifiant2_2x_dbc92ecd-74ff-4621-a8f1-aa77cb1b6639.png?v=1732865877&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/purifiant2_2x_dbc92ecd-74ff-4621-a8f1-aa77cb1b6639.png?v=1732865877&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/purifiant2_2x_dbc92ecd-74ff-4621-a8f1-aa77cb1b6639.png?v=1732865877&width=750 750w,//www.clemenceetvivien.com/cdn/shop/files/purifiant2_2x_dbc92ecd-74ff-4621-a8f1-aa77cb1b6639.png?v=1732865877&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/files/purifiant2_2x_dbc92ecd-74ff-4621-a8f1-aa77cb1b6639.png?v=1732865877 1404w"
src="//www.clemenceetvivien.com/cdn/shop/files/purifiant2_2x_dbc92ecd-74ff-4621-a8f1-aa77cb1b6639.png?v=1732865877&width=550"
sizes="100vw"
alt=""
width="1404"
height="2160.0"
loading="lazy"
class="medium-hide large-up-hide"
/></lazy-image></div>
</div>
</div><div class="slideshow__slide" >
<div class="slideshow__image-wrapper media-wrapper">
<div class="image-animate"><lazy-image class="slideshow__image media media--100vh media-mobile--adapt_first"
style="--image-position: center center"
>
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/trousse_1dc0ae7f-6c50-4e39-b03a-88376dece469.png?v=1733126124&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/trousse_1dc0ae7f-6c50-4e39-b03a-88376dece469.png?v=1733126124&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/trousse_1dc0ae7f-6c50-4e39-b03a-88376dece469.png?v=1733126124&width=750 750w,//www.clemenceetvivien.com/cdn/shop/files/trousse_1dc0ae7f-6c50-4e39-b03a-88376dece469.png?v=1733126124&width=1100 1100w,//www.clemenceetvivien.com/cdn/shop/files/trousse_1dc0ae7f-6c50-4e39-b03a-88376dece469.png?v=1733126124&width=1500 1500w, //www.clemenceetvivien.com/cdn/shop/files/trousse_1dc0ae7f-6c50-4e39-b03a-88376dece469.png?v=1733126124 1920w"
src="//www.clemenceetvivien.com/cdn/shop/files/trousse_1dc0ae7f-6c50-4e39-b03a-88376dece469.png?v=1733126124&width=550"
sizes="100vw"
alt=""
width="1920"
height="719"
loading="lazy" class="small-hide"/><img
srcset="//www.clemenceetvivien.com/cdn/shop/files/trousse2_602a567a-5a15-4c18-b21d-528a78ecbf18.png?v=1733126148&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/trousse2_602a567a-5a15-4c18-b21d-528a78ecbf18.png?v=1733126148&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/trousse2_602a567a-5a15-4c18-b21d-528a78ecbf18.png?v=1733126148&width=750 750w, //www.clemenceetvivien.com/cdn/shop/files/trousse2_602a567a-5a15-4c18-b21d-528a78ecbf18.png?v=1733126148 899w"
src="//www.clemenceetvivien.com/cdn/shop/files/trousse2_602a567a-5a15-4c18-b21d-528a78ecbf18.png?v=1733126148&width=550"
sizes="100vw"
alt=""
width="899"
height="1260.0"
loading="lazy"
class="medium-hide large-up-hide"
/></lazy-image></div>
</div>
</div></use-animate>
</slideshow-component></div>
</section><section id="shopify-section-template--20016253632861__rich-text-0" class="shopify-section section"><style data-shopify>.section-template--20016253632861__rich-text-0-padding {
padding-top: calc(36px * 0.75);
padding-bottom: calc(16px * 0.75);
}
@media screen and (min-width: 750px) {
.section-template--20016253632861__rich-text-0-padding {
padding-top: 36px;
padding-bottom: 16px;
}
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/section-rich-text.css?v=119036408508832423801698230865" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rte.css?v=11464243993145207301698230865" media="print" onload="this.media='all'">
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rte.css?v=11464243993145207301698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<div class="rich-text page-width page-width--inner section-template--20016253632861__rich-text-0-padding">
<div class="rich-text__blocks center mobile-center"><h1 class="t-title4" >Votre marque de cosmétiques
<span class="rich-text__text--colored"> 100 % d'origine naturelle, végane & green, Cosmos organic & Made in France</span>
</h1><div class="rich-text__text typeset2 rte" ><p></p></div></div>
</div>
</section><section id="shopify-section-template--20016253632861__home-collection-products" class="shopify-section section"><style data-shopify>#shopify-section-template--20016253632861__home-collection-products {
padding-top: 0;
padding-bottom: 5rem;
}
#shopify-section-template--20016253632861__home-collection-products #section-header {
width: 100%;
display: flex;
justify-content: space-between;
overflow: auto;
gap: 2rem
}
#shopify-section-template--20016253632861__home-collection-products #section-header .collection-tabs {
display: flex;
padding: 0;
gap: 3.6rem;
}
#shopify-section-template--20016253632861__home-collection-products #section-header .collection-tabs h2 {
cursor: pointer;
color: rgb(var(--color-brown_300));
letter-spacing: 0;
transition: .3s ;
white-space: nowrap
}
#shopify-section-template--20016253632861__home-collection-products #section-header .collection-tabs h2.selected, #shopify-section-template--20016253632861__home-collection-products #section-header .collection-tabs h2:hover {
color: rgb(var(--color-brown_500));
transition: .3s ease
}
#shopify-section-template--20016253632861__home-collection-products .product-grid.hide {
display: none!important
}
#shopify-section-template--20016253632861__home-collection-products .product-grid lazy-image {
position: relative;
height: 0;
padding-bottom: 100%;
}
#shopify-section-template--20016253632861__home-collection-products #collection-link-btn-tabs {
margin-right: 5px;
}
#shopify-section-template--20016253632861__home-collection-products #collection-link-btn-tabs-mobile {
margin: auto;
}
#shopify-section-template--20016253632861__home-collection-products #collection-link-btn-tabs:empty, #shopify-section-template--20016253632861__home-collection-products #collection-link-btn-tabs-mobile:empty {
display: none!important
}</style><script defer>
var list = [{"id":273167351891,"handle":"les-nouveautes","updated_at":"2024-12-04T08:40:18+01:00","published_at":"2022-12-12T12:25:32+01:00","sort_order":"created-desc","template_suffix":"","published_scope":"web","title":"Les nouveautés","body_html":""},{"id":273167188051,"handle":"les-essentiels","updated_at":"2024-12-04T08:35:05+01:00","published_at":"2022-12-12T12:25:30+01:00","sort_order":"best-selling","template_suffix":"","published_scope":"web","title":"Les best-sellers","body_html":""},{"id":607115018589,"handle":"les-routines","updated_at":"2024-12-03T22:50:19+01:00","published_at":"2023-08-02T14:41:57+02:00","sort_order":"best-selling","template_suffix":"","published_scope":"web","title":"Les routines","body_html":""}];
var activeId = list[0]?.id
window.addEventListener("load",function(){
var tabElements = document.querySelectorAll('#shopify-section-template--20016253632861__home-collection-products .collection-tabs .collection-tab')
tabElements[0].classList.add("selected")
tabElements.forEach((el,index)=>{
el.addEventListener("click", function(e){
e.preventDefault();
var currentId = el?.dataset?.id;
console.log(el?.dataset)
document.querySelector('#shopify-section-template--20016253632861__home-collection-products #collection-link-btn-tabs').innerText = el.dataset.title;
document.querySelector('#shopify-section-template--20016253632861__home-collection-products #collection-link-btn-tabs').href = el.dataset.url;
document.querySelector('#shopify-section-template--20016253632861__home-collection-products #collection-link-btn-tabs-mobile').innerText = el.dataset.title;
document.querySelector('#shopify-section-template--20016253632861__home-collection-products #collection-link-btn-tabs-mobile').href = el.dataset.url;
tabElements.forEach((eli)=>{
if(eli?.dataset?.id === currentId){
var collecGrid = document.querySelector('#shopify-section-template--20016253632861__home-collection-products .product-grid[data-id=\"'+currentId+'"]')
collecGrid.classList.remove("hide")
e.target.classList.add("selected")
}
else{
eli.classList.remove("selected")
var hiddenGrid = document.querySelector('#shopify-section-template--20016253632861__home-collection-products .product-grid[data-id=\"'+eli?.dataset?.id+'"]')
hiddenGrid.classList.add("hide")
}
})
})
})
})
</script>
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-slider.css?v=35733319676707799251698230865" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-price.css?v=157335540965096893391698230865" media="print" onload="this.media='all'"><noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-slider.css?v=35733319676707799251698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-price.css?v=157335540965096893391698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-product-grid.css?v=152474937900559317951698230865" rel="stylesheet" type="text/css" media="all" />
<link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-card.css?v=35629809726525696711698230865" rel="stylesheet" type="text/css" media="all" />
<div id="section-template--20016253632861__home-collection-products" class="section-template--20016253632861__home-collection-products-padding page-width">
<div id="section-header">
<div class="collection-tabs"><h2 data-url="/collections/les-nouveautes" data-id="273167351891" data-title="" class="collection-tab t-title3">Les nouveautés</h2><h2 data-url="/collections/les-essentiels" data-id="273167188051" data-title="" class="collection-tab t-title3">Les best-sellers</h2><h2 data-url="/collections/les-routines" data-id="607115018589" data-title="" class="collection-tab t-title3">Les routines</h2></div>
<a href="/collections/les-nouveautes" id="collection-link-btn-tabs" class="button button--secondary hidden large-up"></a>
</div><ul data-id="273167351891" class="product-grid grid grid--2-col-mobile grid--2-col grid--2-col-tablet grid--4-col-desktop" role="list"><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/coffret-routine-purifiante" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Coffret routine purifiante</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/coffret-routine-purifiante" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/coffret-routine-purifiante-232647.jpg?v=1732083500&width=165 165w,//www.clemenceetvivien.com/cdn/shop/files/coffret-routine-purifiante-232647.jpg?v=1732083500&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/coffret-routine-purifiante-232647.jpg?v=1732083500&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/coffret-routine-purifiante-232647.jpg?v=1732083500&width=750 750w, //www.clemenceetvivien.com/cdn/shop/files/coffret-routine-purifiante-232647.jpg?v=1732083500 800w"
src="//www.clemenceetvivien.com/cdn/shop/files/coffret-routine-purifiante-232647.jpg?v=1732083500&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Coffret routine purifiante - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"><span class="badge badge--onsale" aria-hidden="true">–8%</span></div>
<div class="card-information__wrapper"><a href="/products/coffret-routine-purifiante" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Coffret routine purifiante</h3>
</a>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='10017223967069'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='0.00' data-number-of-reviews='0' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='0.00' tabindex='0' aria-label='0.00 stars' role='button'> <span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span> </span> <span class='jdgm-prev-badge__text'> No reviews </span> </div>
</div>
<div class="price price--on-sale"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€41,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€41,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi>€45,20</bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="54461532307805" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/gel-nettoyant-purifiant" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Gel nettoyant purifiant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/gel-nettoyant-purifiant" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/gel-nettoyant-purifiant-755790.jpg?v=1732083493&width=165 165w,//www.clemenceetvivien.com/cdn/shop/files/gel-nettoyant-purifiant-755790.jpg?v=1732083493&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/gel-nettoyant-purifiant-755790.jpg?v=1732083493&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/gel-nettoyant-purifiant-755790.jpg?v=1732083493&width=750 750w, //www.clemenceetvivien.com/cdn/shop/files/gel-nettoyant-purifiant-755790.jpg?v=1732083493 800w"
src="//www.clemenceetvivien.com/cdn/shop/files/gel-nettoyant-purifiant-755790.jpg?v=1732083493&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Gel nettoyant purifiant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"><span class="badge">
Nouveauté
</span></div>
<div class="card-information__wrapper"><a href="/products/gel-nettoyant-purifiant" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Gel nettoyant purifiant</h3>
</a>
<div class="t-small-mention">Zinc PCA + Charbon</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='9841847861597'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='0.00' data-number-of-reviews='0' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='0.00' tabindex='0' aria-label='0.00 stars' role='button'> <span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span> </span> <span class='jdgm-prev-badge__text'> No reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€12,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€12,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="53649001611613" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/calendrier-de-lapres-2024" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Calendrier de l'après 2024</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/calendrier-de-lapres-2024" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/calendrier-de-lapres-2024-969292.jpg?v=1727827944&width=165 165w,//www.clemenceetvivien.com/cdn/shop/files/calendrier-de-lapres-2024-969292.jpg?v=1727827944&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/calendrier-de-lapres-2024-969292.jpg?v=1727827944&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/calendrier-de-lapres-2024-969292.jpg?v=1727827944&width=750 750w,//www.clemenceetvivien.com/cdn/shop/files/calendrier-de-lapres-2024-969292.jpg?v=1727827944&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/files/calendrier-de-lapres-2024-969292.jpg?v=1727827944 2048w"
src="//www.clemenceetvivien.com/cdn/shop/files/calendrier-de-lapres-2024-969292.jpg?v=1727827944&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Calendrier de l&"
loading="lazy"
class="motion-reduce"
width="2048"
height="2048"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"><span class="badge">
Edition limitée
</span><span class="badge badge--onsale" aria-hidden="true">–21%</span></div>
<div class="card-information__wrapper"><a href="/products/calendrier-de-lapres-2024" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Calendrier de l'après 2024</h3>
</a>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='9745599070557'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='5.00' data-number-of-reviews='4' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='5.00' tabindex='0' aria-label='5.00 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 4 reviews </span> </div>
</div>
<div class="price price--on-sale"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€49,00</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€49,00</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi>€61,60</bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="53172032209245" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/trousse-de-toilette" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Trousse de toilette</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/trousse-de-toilette" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/trousse-de-toilette-736116.jpg?v=1717221848&width=165 165w,//www.clemenceetvivien.com/cdn/shop/files/trousse-de-toilette-736116.jpg?v=1717221848&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/trousse-de-toilette-736116.jpg?v=1717221848&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/trousse-de-toilette-736116.jpg?v=1717221848&width=750 750w, //www.clemenceetvivien.com/cdn/shop/files/trousse-de-toilette-736116.jpg?v=1717221848 800w"
src="//www.clemenceetvivien.com/cdn/shop/files/trousse-de-toilette-736116.jpg?v=1717221848&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Trousse de toilette - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/trousse-de-toilette" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Trousse de toilette</h3>
</a>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='9247254610269'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='5.00' data-number-of-reviews='3' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='5.00' tabindex='0' aria-label='5.00 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 3 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€14,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€14,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="51204936434013" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li></ul><ul data-id="273167188051" class="product-grid grid grid--2-col-mobile grid--2-col grid--2-col-tablet grid--4-col-desktop hide" role="list"><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-desalterant-a-l-acide-hyaluronique" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum désaltérant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-desalterant-a-l-acide-hyaluronique" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum désaltérant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"><span class="badge">
Best-seller
</span></div>
<div class="card-information__wrapper"><a href="/products/serum-desalterant-a-l-acide-hyaluronique" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum désaltérant</h3>
</a>
<div class="t-small-mention">Acide hyaluronique + hydrolat de rose</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893406978131'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.92' data-number-of-reviews='871' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.92' tabindex='0' aria-label='4.92 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 871 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€9,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€9,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388081254483" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/huile-demaquillante-lait-damande" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Huile démaquillante toute douce parfum lait d'amande</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/huile-demaquillante-lait-damande" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Huile démaquillante rinçable toute douce* - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/huile-demaquillante-lait-damande" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Huile démaquillante toute douce parfum lait d'amande</h3>
</a>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6843505147987'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.90' data-number-of-reviews='574' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.90' tabindex='0' aria-label='4.90 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 574 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40212641644627" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/deodorant-naturel-l-herbace" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Déodorant naturel l'herbacé</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/deodorant-naturel-l-herbace" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-lherbace-940213.jpg?v=1673538526&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-lherbace-940213.jpg?v=1673538526&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-lherbace-940213.jpg?v=1673538526&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-lherbace-940213.jpg?v=1673538526&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-lherbace-940213.jpg?v=1673538526 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-lherbace-940213.jpg?v=1673538526&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Déodorant naturel l&"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/deodorant-naturel-l-herbace" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Déodorant naturel l'herbacé</h3>
</a>
<div class="t-small-mention">Menthe poivrée + sauge</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893404127315'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.83' data-number-of-reviews='464' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.83' tabindex='0' aria-label='4.83 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 464 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388077912147" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/savon-a-froid-le-cherubin" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Savon à froid le chérubin</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/savon-a-froid-le-cherubin" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/savon-a-froid-le-cherubin-236016.jpg?v=1725342268&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/savon-a-froid-le-cherubin-236016.jpg?v=1725342268&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/savon-a-froid-le-cherubin-236016.jpg?v=1725342268&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/savon-a-froid-le-cherubin-236016.jpg?v=1725342268&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/savon-a-froid-le-cherubin-236016.jpg?v=1725342268 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/savon-a-froid-le-cherubin-236016.jpg?v=1725342268&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Savon à froid le chérubin* - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/savon-a-froid-le-cherubin" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Savon à froid le chérubin</h3>
</a>
<div class="t-small-mention">Enfants + Femmes enceintes</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893404029011'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.90' data-number-of-reviews='377' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.90' tabindex='0' aria-label='4.90 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 377 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€4,30</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€4,30</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388077813843" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li></ul><ul data-id="607115018589" class="product-grid grid grid--2-col-mobile grid--2-col grid--2-col-tablet grid--4-col-desktop hide" role="list"><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/trio-apaisant" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Trio apaisant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/trio-apaisant" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/trio-apaisant-739772.jpg?v=1673538535&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/trio-apaisant-739772.jpg?v=1673538535&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/trio-apaisant-739772.jpg?v=1673538535&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/trio-apaisant-739772.jpg?v=1673538535&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/trio-apaisant-739772.jpg?v=1673538535&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/trio-apaisant-739772.jpg?v=1673538535 2048w"
src="//www.clemenceetvivien.com/cdn/shop/products/trio-apaisant-739772.jpg?v=1673538535&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Trio apaisant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="2048"
height="2048"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"><span class="badge badge--onsale" aria-hidden="true">–7%</span></div>
<div class="card-information__wrapper"><a href="/products/trio-apaisant" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Trio apaisant</h3>
</a>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6921207283795'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.85' data-number-of-reviews='20' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.85' tabindex='0' aria-label='4.85 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 20 reviews </span> </div>
</div>
<div class="price price--on-sale"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€28,30</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€28,30</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi>€30,30</bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40465413308499" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/routine-anti-age" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Routine anti-âge</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/routine-anti-age" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/routine-anti-age-492121.jpg?v=1687885245&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/routine-anti-age-492121.jpg?v=1687885245&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/routine-anti-age-492121.jpg?v=1687885245&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/routine-anti-age-492121.jpg?v=1687885245&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/routine-anti-age-492121.jpg?v=1687885245&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/routine-anti-age-492121.jpg?v=1687885245 1200w"
src="//www.clemenceetvivien.com/cdn/shop/products/routine-anti-age-492121.jpg?v=1687885245&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Routine anti-âge - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="1200"
height="1200"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"><span class="badge badge--onsale" aria-hidden="true">–10%</span></div>
<div class="card-information__wrapper"><a href="/products/routine-anti-age" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Routine anti-âge</h3>
</a>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='8426968383837'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.82' data-number-of-reviews='39' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.82' tabindex='0' aria-label='4.82 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 39 reviews </span> </div>
</div>
<div class="price price--on-sale"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€42,70</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€42,70</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi>€47,00</bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="46900531134813" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/trio-bonne-mine" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Trio bonne mine</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/trio-bonne-mine" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/trio-bonne-mine-170228.jpg?v=1698919429&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/trio-bonne-mine-170228.jpg?v=1698919429&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/trio-bonne-mine-170228.jpg?v=1698919429&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/trio-bonne-mine-170228.jpg?v=1698919429&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/trio-bonne-mine-170228.jpg?v=1698919429 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/trio-bonne-mine-170228.jpg?v=1698919429&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Trio bonne mine - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/trio-bonne-mine" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Trio bonne mine</h3>
</a>
<div class="t-small-mention">Teint hâlé léger ou hâle intense</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6941534879827'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='5.00' data-number-of-reviews='18' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='5.00' tabindex='0' aria-label='5.00 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 18 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€30,00</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€30,00</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><a href="/products/trio-bonne-mine" class="button button--small" tabindex="-1">Voir le produit</a></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/duo-hydratant" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Duo hydratant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/duo-hydratant" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/duo-hydratant-189827.jpg?v=1687885236&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/duo-hydratant-189827.jpg?v=1687885236&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/duo-hydratant-189827.jpg?v=1687885236&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/duo-hydratant-189827.jpg?v=1687885236&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/duo-hydratant-189827.jpg?v=1687885236&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/duo-hydratant-189827.jpg?v=1687885236 1200w"
src="//www.clemenceetvivien.com/cdn/shop/products/duo-hydratant-189827.jpg?v=1687885236&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Duo hydratant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="1200"
height="1200"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/duo-hydratant" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Duo hydratant</h3>
</a>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='8420982096221'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.73' data-number-of-reviews='11' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.73' tabindex='0' aria-label='4.73 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 11 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€26,40</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€26,40</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="46839982850397" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li></ul><a href="/collections/les-nouveautes" id="collection-link-btn-tabs-mobile" class="button button--secondary center large-up-hide"></a>
</div>
</section><section id="shopify-section-template--20016253632861__c07f8dd3-39bc-4d63-8993-15c0cef5db5b" class="shopify-section section"><style data-shopify>#shopify-section-template--20016253632861__c07f8dd3-39bc-4d63-8993-15c0cef5db5b{
--image-ratio-percent: 145.6810631229236%;
--image-position: center center;
}
.image-with-text-homepage .image-with-text__heading {
margin-bottom: 0;
}
.image-with-text-homepage .image-with-text__content > * + * {
margin-top: 1rem;
}
.image-with-text-homepage .review-details {
margin-bottom: 0;
margin-top: 3rem
}
.image-with-text-homepage .review-product {
margin-top: 0
}
.image-with-text-homepage .review-section {
margin-top: 3rem
}
.image-with-text-homepage .rating-top .rating-star {
font-size: 2rem
}
/* #shopify-section-template--20016253632861__c07f8dd3-39bc-4d63-8993-15c0cef5db5b .media-wrapper,#shopify-section-template--20016253632861__c07f8dd3-39bc-4d63-8993-15c0cef5db5b .media {
height: 100%;
max-height: 650px;
} */
.section-template--20016253632861__c07f8dd3-39bc-4d63-8993-15c0cef5db5b-padding {
padding-top: calc(0px * 0.75);
padding-bottom: calc(0px * 0.75);
}
@media screen and (min-width: 750px) {
.section-template--20016253632861__c07f8dd3-39bc-4d63-8993-15c0cef5db5b-padding {
padding-top: 0px;
padding-bottom: 0px;
}
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/section-image-with-text.css?v=34776378596644444131698230865" rel="stylesheet" type="text/css" media="all" />
<div class="image-with-text image-with-text-homepage page-width section-template--20016253632861__c07f8dd3-39bc-4d63-8993-15c0cef5db5b-padding">
<div class="image-with-text__grid image-with-text__grid--reverse grid grid--1-col grid--2-col-tablet">
<div class="grid__item grid__item-image">
<use-animate data-animate="zoom-fade" class="media-wrapper">
<div class="image-animate media--650px media-mobile--auto media"><img srcset="//www.clemenceetvivien.com/cdn/shop/files/Capture_d_ecran_2024-01-19_093103.png?v=1705653090&width=165 165w,//www.clemenceetvivien.com/cdn/shop/files/Capture_d_ecran_2024-01-19_093103.png?v=1705653090&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/Capture_d_ecran_2024-01-19_093103.png?v=1705653090&width=550 550w, //www.clemenceetvivien.com/cdn/shop/files/Capture_d_ecran_2024-01-19_093103.png?v=1705653090 602w" src="//www.clemenceetvivien.com/cdn/shop/files/Capture_d_ecran_2024-01-19_093103.png?v=1705653090&width=1500" sizes="(min-width: 1440px) 670px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)" alt="" loading="lazy" width="602" height="877" class="image-fit"/></div>
</use-animate>
</div>
<div class="grid__item">
<div class="image-with-text__content middle left mobile-left">
<div class="rating rating-top" role="img">
<span aria-hidden="true" class="rating-star" style="--rating: 5;--rating-max: 5;--rating-decimal: 0;"></span>
</div>
<h2 class="image-with-text__heading h1 t-title2" >9000 avis, cinq étoiles
</h2><div class="image-with-text__text typeset2 rte t-body1" ><p>La note globale de l'expérience Clémence & Vivien est de 4.88 sur 5 étoiles. Nous avons récolté plus de 9000 avis.</p>
</div><div class="review-section">
<p class="t-title-product-price">Flavie M.</p>
<div class="rating" role="img">
<span aria-hidden="true" class="rating-star" style="--rating: 5;--rating-max: 5;--rating-decimal: 0;"></span>
</div>
<p class="t-body2">Une main décapante dans un gant de velours. Ce soin est efficace, tout en douceur, avec une odeur framboise à tomber. Ce masque me donne envie de prendre soin de moi. Comme tous les produits de la marque, je suis fan.</p>
<p class="t-body2 review-details">France, 14 juin 2024</p>
<p class="t-body2 review-product">À propos du Masque peeling doux</p>
</div><a class="button button--outline" href="/pages/tous-les-avis" >
Lire tous les avis
</a></div>
</div>
</div>
</div>
</section><section id="shopify-section-template--20016253632861__home-collection-tags" class="shopify-section section"><style data-shopify>#section-template--20016253632861__home-collection-tags {
padding-top: 4rem;
padding-bottom: 0rem;
position: relative;
}
#section-template--20016253632861__home-collection-tags .t-title2 {
margin: 0!important;
color: rgb(var(--color-brown_500));
max-width: 44rem;
}
#section-template--20016253632861__home-collection-tags #section-header {
width: 100%;
display: flex;
justify-content: space-between;
margin: 4rem 0 1rem;
}
#section-template--20016253632861__home-collection-tags #section-header .collection-tags {
display: flex;
flex-wrap: wrap;
padding: 0;
gap: 2rem;
}
#section-template--20016253632861__home-collection-tags #section-header .collection-tags .collection-tag {
cursor: pointer;
color: rgb(var(--color-achromatic_500));
border: 1px solid rgb(var(--color-achromatic_500));
letter-spacing: 0;
transition: .3s ease;
border-radius: 3px;
padding: .8rem 1.7rem;
}
#section-template--20016253632861__home-collection-tags #section-header .collection-tags .collection-tag.selected, #section-template--20016253632861__home-collection-tags #section-header .collection-tags .collection-tag:hover {
color: rgb(var(--color-achromatic_700));
border: 1px solid rgb(var(--color-achromatic_700));
transition: .3s ease
}
#section-template--20016253632861__home-collection-tags .product-grid.hide {
display: none!important
}
#section-template--20016253632861__home-collection-tags .product-grid lazy-image {
position: relative;
height: 0;
padding-bottom: 100%;
}
@media screen and (min-width: 750px) {
#section-template--20016253632861__home-collection-tags .left-section {
position: sticky;
top: 0;
height: fit-content;
}
.medium-down {
display: none;
}
}
@media screen and (max-width: 750px) {
.medium-up {
display: none;
}
#collection-link-btn-tags-mobile {
margin: 0 auto;
width: 100%;
}
#section-template--20016253632861__home-collection-tags #section-header {
margin-top: 2rem;
}
#section-template--20016253632861__home-collection-tags #section-header .collection-tags {
gap: 1rem;
}
#section-template--20016253632861__home-collection-tags #section-header .collection-tags .collection-tag {
padding: .3rem 1.2rem;
}
}</style><script defer>
var list = [{"id":273229906003,"handle":"tous-les-besoins","updated_at":"2024-12-04T08:40:08+01:00","published_at":"2022-12-21T09:37:26+01:00","sort_order":"best-selling","template_suffix":"","published_scope":"web","title":"Tous les besoins","body_html":""},{"id":273229938771,"handle":"hydrater","updated_at":"2024-12-04T08:40:08+01:00","published_at":"2022-12-21T09:38:35+01:00","sort_order":"best-selling","template_suffix":"","published_scope":"web","title":"Hydrater","body_html":""},{"id":273230004307,"handle":"apaiser","updated_at":"2024-12-04T08:40:08+01:00","published_at":"2022-12-21T09:39:33+01:00","sort_order":"best-selling","template_suffix":"","published_scope":"web","title":"Apaiser","body_html":""},{"id":273230331987,"handle":"detoxifier","updated_at":"2024-12-04T08:25:05+01:00","published_at":"2022-12-21T09:43:12+01:00","sort_order":"best-selling","template_suffix":"","published_scope":"web","title":"Détoxifier","body_html":""},{"id":273230135379,"handle":"cicatriser","updated_at":"2024-12-04T08:25:05+01:00","published_at":"2022-12-21T09:40:47+01:00","sort_order":"best-selling","template_suffix":"","published_scope":"web","title":"Cicatriser","body_html":""},{"id":273230168147,"handle":"exfolier","updated_at":"2024-12-04T08:40:18+01:00","published_at":"2022-12-21T09:41:19+01:00","sort_order":"best-selling","template_suffix":"","published_scope":"web","title":"Exfolier","body_html":""},{"id":273230233683,"handle":"purifier","updated_at":"2024-12-04T08:25:05+01:00","published_at":"2022-12-21T09:41:49+01:00","sort_order":"best-selling","template_suffix":"","published_scope":"web","title":"Purifier","body_html":""},{"id":273230299219,"handle":"nourrir","updated_at":"2024-12-04T08:40:08+01:00","published_at":"2022-12-21T09:42:32+01:00","sort_order":"best-selling","template_suffix":"","published_scope":"web","title":"Nourrir","body_html":""},{"id":273230397523,"handle":"illuminer","updated_at":"2024-12-04T08:40:18+01:00","published_at":"2022-12-21T09:46:32+01:00","sort_order":"manual","template_suffix":"","published_scope":"web","title":"Illuminer","body_html":""},{"id":273230102611,"handle":"demaquiller","updated_at":"2024-12-04T00:30:08+01:00","published_at":"2022-12-21T09:40:13+01:00","sort_order":"best-selling","template_suffix":"","published_scope":"web","title":"Démaquiller","body_html":""},{"id":273230430291,"handle":"regenerer","updated_at":"2024-12-04T08:10:06+01:00","published_at":"2022-12-21T09:47:23+01:00","sort_order":"best-selling","template_suffix":"","published_scope":"web","title":"Régénérer","body_html":""},{"id":273230659667,"handle":"unifier","updated_at":"2024-12-04T08:40:08+01:00","published_at":"2022-12-21T09:52:42+01:00","sort_order":"best-selling","template_suffix":"","published_scope":"web","title":"Unifier","body_html":""},{"id":273230692435,"handle":"reguler","updated_at":"2024-12-04T08:25:05+01:00","published_at":"2022-12-21T09:54:22+01:00","sort_order":"best-selling","template_suffix":"","published_scope":"web","title":"Réguler","body_html":""}];
var activeId = list[0]?.id
window.addEventListener("load",function(){
var tabElements = document.querySelectorAll('#section-template--20016253632861__home-collection-tags .collection-tags .collection-tag')
tabElements[0].classList.add("selected")
tabElements.forEach((el,index)=>{
el.addEventListener("click", function(e){
e.preventDefault();
var currentId = el.dataset.id;
document.querySelector('#section-template--20016253632861__home-collection-tags #collection-link-btn-tags').innerText = el.dataset.title;
document.querySelector('#section-template--20016253632861__home-collection-tags #collection-link-btn-tags').href = el.dataset.url;
document.querySelector('#section-template--20016253632861__home-collection-tags #collection-link-btn-tags-mobile').innerText = el.dataset.title;
document.querySelector('#section-template--20016253632861__home-collection-tags #collection-link-btn-tags-mobile').href = el.dataset.url;
tabElements.forEach((eli)=>{
if(eli?.dataset?.id === currentId){
var collecGrid = document.querySelector('#section-template--20016253632861__home-collection-tags .product-grid[data-id=\"'+currentId+'"]')
collecGrid.classList.remove("hide")
e.target.classList.add("selected")
}
else{
eli.classList.remove("selected")
var hiddenGrid = document.querySelector('#section-template--20016253632861__home-collection-tags .product-grid[data-id=\"'+eli?.dataset?.id+'"]')
hiddenGrid.classList.add("hide")
}
})
})
})
})
</script>
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-slider.css?v=35733319676707799251698230865" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-price.css?v=157335540965096893391698230865" media="print" onload="this.media='all'"><noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-slider.css?v=35733319676707799251698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-price.css?v=157335540965096893391698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-product-grid.css?v=152474937900559317951698230865" rel="stylesheet" type="text/css" media="all" />
<link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-card.css?v=35629809726525696711698230865" rel="stylesheet" type="text/css" media="all" />
<div id="section-template--20016253632861__home-collection-tags" class="section-template--20016253632861__home-collection-tags-padding page-width bg-beige">
<div class="grid grid--1-col-mobile grid--1-col grid--2-col-tablet grid--2-col-desktop">
<div class="grid__item left-section">
<h2 class="t-title2" >Vous êtes unique, personnalisez votre routine beauté !</h2>
<div id="section-header">
<div class="collection-tags"><span data-url="/collections/tous-les-besoins" data-id="273229906003" data-title="" class="collection-tag t-title5-bold-button">Tous les besoins</span><span data-url="/collections/hydrater" data-id="273229938771" data-title="" class="collection-tag t-title5-bold-button">Hydrater</span><span data-url="/collections/apaiser" data-id="273230004307" data-title="" class="collection-tag t-title5-bold-button">Apaiser</span><span data-url="/collections/detoxifier" data-id="273230331987" data-title="" class="collection-tag t-title5-bold-button">Détoxifier</span><span data-url="/collections/cicatriser" data-id="273230135379" data-title="" class="collection-tag t-title5-bold-button">Cicatriser</span><span data-url="/collections/exfolier" data-id="273230168147" data-title="" class="collection-tag t-title5-bold-button">Exfolier</span><span data-url="/collections/purifier" data-id="273230233683" data-title="" class="collection-tag t-title5-bold-button">Purifier</span><span data-url="/collections/nourrir" data-id="273230299219" data-title="" class="collection-tag t-title5-bold-button">Nourrir</span><span data-url="/collections/illuminer" data-id="273230397523" data-title="" class="collection-tag t-title5-bold-button">Illuminer</span><span data-url="/collections/demaquiller" data-id="273230102611" data-title="" class="collection-tag t-title5-bold-button">Démaquiller</span><span data-url="/collections/regenerer" data-id="273230430291" data-title="" class="collection-tag t-title5-bold-button">Régénérer</span><span data-url="/collections/unifier" data-id="273230659667" data-title="" class="collection-tag t-title5-bold-button">Unifier</span><span data-url="/collections/reguler" data-id="273230692435" data-title="" class="collection-tag t-title5-bold-button">Réguler</span></div>
</div>
<a href="/collections/tous-les-besoins" id="collection-link-btn-tags" class="button button--outline medium-up"></a>
</div>
<div class="grid__item"><ul data-id="273229906003" class="product-grid grid grid--2-col grid--2-col-mobile grid--2-col-tablet grid--2-col-desktop" role="list"><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-desalterant-a-l-acide-hyaluronique" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum désaltérant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-desalterant-a-l-acide-hyaluronique" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum désaltérant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"><span class="badge">
Best-seller
</span></div>
<div class="card-information__wrapper"><a href="/products/serum-desalterant-a-l-acide-hyaluronique" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum désaltérant</h3>
</a>
<div class="t-small-mention">Acide hyaluronique + hydrolat de rose</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893406978131'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.92' data-number-of-reviews='871' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.92' tabindex='0' aria-label='4.92 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 871 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€9,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€9,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388081254483" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/contour-des-yeux-defatigant" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Contour des yeux défatigant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/contour-des-yeux-defatigant" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/contour-des-yeux-defatigant-244577.jpg?v=1708514537&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/contour-des-yeux-defatigant-244577.jpg?v=1708514537&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/contour-des-yeux-defatigant-244577.jpg?v=1708514537&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/contour-des-yeux-defatigant-244577.jpg?v=1708514537&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/contour-des-yeux-defatigant-244577.jpg?v=1708514537&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/contour-des-yeux-defatigant-244577.jpg?v=1708514537 2048w"
src="//www.clemenceetvivien.com/cdn/shop/products/contour-des-yeux-defatigant-244577.jpg?v=1708514537&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Contour des yeux défatigant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="2048"
height="1952"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/contour-des-yeux-defatigant" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Contour des yeux défatigant</h3>
</a>
<div class="t-small-mention">Caféine + Hydrolat de bleuet</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6938775912531'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.74' data-number-of-reviews='154' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.74' tabindex='0' aria-label='4.74 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 154 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€9,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€9,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40515216441427" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/huile-demaquillante-lait-damande" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Huile démaquillante toute douce parfum lait d'amande</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/huile-demaquillante-lait-damande" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Huile démaquillante rinçable toute douce* - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/huile-demaquillante-lait-damande" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Huile démaquillante toute douce parfum lait d'amande</h3>
</a>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6843505147987'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.90' data-number-of-reviews='574' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.90' tabindex='0' aria-label='4.90 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 574 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40212641644627" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/huile-de-soin-antioxydante" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Huile de soin antioxydante</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/huile-de-soin-antioxydante" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Huile de soin antioxydante* - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/huile-de-soin-antioxydante" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Huile de soin antioxydante</h3>
</a>
<div class="t-small-mention">Huile de rosier sauvage + coenzyme Q10</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6854419873875'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.90' data-number-of-reviews='417' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.90' tabindex='0' aria-label='4.90 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 417 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€12,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€12,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40270292648019" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li></ul><ul data-id="273229938771" class="product-grid grid grid--2-col grid--2-col-mobile grid--2-col-tablet grid--2-col-desktop hide" role="list"><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-desalterant-a-l-acide-hyaluronique" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum désaltérant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-desalterant-a-l-acide-hyaluronique" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum désaltérant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"><span class="badge">
Best-seller
</span></div>
<div class="card-information__wrapper"><a href="/products/serum-desalterant-a-l-acide-hyaluronique" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum désaltérant</h3>
</a>
<div class="t-small-mention">Acide hyaluronique + hydrolat de rose</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893406978131'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.92' data-number-of-reviews='871' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.92' tabindex='0' aria-label='4.92 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 871 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€9,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€9,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388081254483" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/contour-des-yeux-defatigant" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Contour des yeux défatigant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/contour-des-yeux-defatigant" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/contour-des-yeux-defatigant-244577.jpg?v=1708514537&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/contour-des-yeux-defatigant-244577.jpg?v=1708514537&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/contour-des-yeux-defatigant-244577.jpg?v=1708514537&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/contour-des-yeux-defatigant-244577.jpg?v=1708514537&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/contour-des-yeux-defatigant-244577.jpg?v=1708514537&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/contour-des-yeux-defatigant-244577.jpg?v=1708514537 2048w"
src="//www.clemenceetvivien.com/cdn/shop/products/contour-des-yeux-defatigant-244577.jpg?v=1708514537&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Contour des yeux défatigant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="2048"
height="1952"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/contour-des-yeux-defatigant" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Contour des yeux défatigant</h3>
</a>
<div class="t-small-mention">Caféine + Hydrolat de bleuet</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6938775912531'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.74' data-number-of-reviews='154' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.74' tabindex='0' aria-label='4.74 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 154 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€9,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€9,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40515216441427" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-illuminant" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum illuminant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-illuminant" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539 1306w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum illuminant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="1306"
height="1246"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/serum-illuminant" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum illuminant</h3>
</a>
<div class="t-small-mention">Vitamine C + Acide hyaluronique</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6938783318099'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.69' data-number-of-reviews='81' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.69' tabindex='0' aria-label='4.69 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 81 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€12,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€12,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40515233153107" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/toner-hydratant-a-lacide-hyaluronique" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Toner hydratant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/toner-hydratant-a-lacide-hyaluronique" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/toner-hydratant-938683.jpg?v=1687885246&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/toner-hydratant-938683.jpg?v=1687885246&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/toner-hydratant-938683.jpg?v=1687885246&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/toner-hydratant-938683.jpg?v=1687885246&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/toner-hydratant-938683.jpg?v=1687885246&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/toner-hydratant-938683.jpg?v=1687885246 1200w"
src="//www.clemenceetvivien.com/cdn/shop/products/toner-hydratant-938683.jpg?v=1687885246&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Toner hydratant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="1200"
height="1200"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/toner-hydratant-a-lacide-hyaluronique" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Toner hydratant</h3>
</a>
<div class="t-small-mention">Acide hyaluronique</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='8415903646045'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.66' data-number-of-reviews='86' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.66' tabindex='0' aria-label='4.66 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 86 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€12,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€12,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="46798035124573" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li></ul><ul data-id="273230004307" class="product-grid grid grid--2-col grid--2-col-mobile grid--2-col-tablet grid--2-col-desktop hide" role="list"><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-eclat-acide-azelaique" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum éclat</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-eclat-acide-azelaique" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum éclat - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/serum-eclat-acide-azelaique" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum éclat</h3>
</a>
<div class="t-small-mention">Acide azélaïque 10% + extrait d'avoine 2%</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893409665107'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.59' data-number-of-reviews='70' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.59' tabindex='0' aria-label='4.59 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 70 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€11,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€11,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388083941459" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/huile-de-soin-peaux-sensibles" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Huile de soin peaux sensibles</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/huile-de-soin-peaux-sensibles" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-sensibles-718581.jpg?v=1698836686&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-sensibles-718581.jpg?v=1698836686&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-sensibles-718581.jpg?v=1698836686&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-sensibles-718581.jpg?v=1698836686&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-sensibles-718581.jpg?v=1698836686 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-sensibles-718581.jpg?v=1698836686&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Huile de soin peaux sensibles* - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/huile-de-soin-peaux-sensibles" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Huile de soin peaux sensibles</h3>
</a>
<div class="t-small-mention">Huile de chanvre + extrait d'arnica</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893409337427'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.85' data-number-of-reviews='59' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.85' tabindex='0' aria-label='4.85 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 59 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388083613779" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/toner-hydratant-a-lacide-hyaluronique" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Toner hydratant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/toner-hydratant-a-lacide-hyaluronique" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/toner-hydratant-938683.jpg?v=1687885246&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/toner-hydratant-938683.jpg?v=1687885246&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/toner-hydratant-938683.jpg?v=1687885246&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/toner-hydratant-938683.jpg?v=1687885246&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/toner-hydratant-938683.jpg?v=1687885246&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/toner-hydratant-938683.jpg?v=1687885246 1200w"
src="//www.clemenceetvivien.com/cdn/shop/products/toner-hydratant-938683.jpg?v=1687885246&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Toner hydratant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="1200"
height="1200"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/toner-hydratant-a-lacide-hyaluronique" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Toner hydratant</h3>
</a>
<div class="t-small-mention">Acide hyaluronique</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='8415903646045'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.66' data-number-of-reviews='86' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.66' tabindex='0' aria-label='4.66 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 86 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€12,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€12,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="46798035124573" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li></ul><ul data-id="273230331987" class="product-grid grid grid--2-col grid--2-col-mobile grid--2-col-tablet grid--2-col-desktop hide" role="list"><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/huile-de-soin-peaux-mixtes" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Huile de soin peaux mixtes</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/huile-de-soin-peaux-mixtes" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Huile de soin peaux mixtes* - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/huile-de-soin-peaux-mixtes" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Huile de soin peaux mixtes</h3>
</a>
<div class="t-small-mention">Huile de nigelle + huile de jojoba</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6843504984147'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.86' data-number-of-reviews='322' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.86' tabindex='0' aria-label='4.86 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 322 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40212640038995" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-purifiant-anti-imperfections" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum purifiant anti-imperfections</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-purifiant-anti-imperfections" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum purifiant anti-imperfections - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/serum-purifiant-anti-imperfections" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum purifiant anti-imperfections</h3>
</a>
<div class="t-small-mention">Zinc PCA 2% + AHA BHA 5.5%</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893409599571'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.76' data-number-of-reviews='83' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.76' tabindex='0' aria-label='4.76 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 83 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388083875923" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/masque-peeling-purifiant" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Masque peeling purifiant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/masque-peeling-purifiant" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668 2048w"
src="//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Masque peeling purifiant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="2048"
height="2048"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/masque-peeling-purifiant" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Masque peeling purifiant</h3>
</a>
<div class="t-small-mention">AHA BHA 13.4%</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='8553238528349'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.77' data-number-of-reviews='31' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.77' tabindex='0' aria-label='4.77 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 31 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="48353862320477" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/gel-nettoyant-purifiant" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Gel nettoyant purifiant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/gel-nettoyant-purifiant" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/gel-nettoyant-purifiant-755790.jpg?v=1732083493&width=165 165w,//www.clemenceetvivien.com/cdn/shop/files/gel-nettoyant-purifiant-755790.jpg?v=1732083493&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/gel-nettoyant-purifiant-755790.jpg?v=1732083493&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/gel-nettoyant-purifiant-755790.jpg?v=1732083493&width=750 750w, //www.clemenceetvivien.com/cdn/shop/files/gel-nettoyant-purifiant-755790.jpg?v=1732083493 800w"
src="//www.clemenceetvivien.com/cdn/shop/files/gel-nettoyant-purifiant-755790.jpg?v=1732083493&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Gel nettoyant purifiant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"><span class="badge">
Nouveauté
</span></div>
<div class="card-information__wrapper"><a href="/products/gel-nettoyant-purifiant" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Gel nettoyant purifiant</h3>
</a>
<div class="t-small-mention">Zinc PCA + Charbon</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='9841847861597'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='0.00' data-number-of-reviews='0' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='0.00' tabindex='0' aria-label='0.00 stars' role='button'> <span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span> </span> <span class='jdgm-prev-badge__text'> No reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€12,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€12,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="53649001611613" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li></ul><ul data-id="273230135379" class="product-grid grid grid--2-col grid--2-col-mobile grid--2-col-tablet grid--2-col-desktop hide" role="list"><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-purifiant-anti-imperfections" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum purifiant anti-imperfections</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-purifiant-anti-imperfections" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum purifiant anti-imperfections - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/serum-purifiant-anti-imperfections" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum purifiant anti-imperfections</h3>
</a>
<div class="t-small-mention">Zinc PCA 2% + AHA BHA 5.5%</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893409599571'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.76' data-number-of-reviews='83' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.76' tabindex='0' aria-label='4.76 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 83 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388083875923" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li></ul><ul data-id="273230168147" class="product-grid grid grid--2-col grid--2-col-mobile grid--2-col-tablet grid--2-col-desktop hide" role="list"><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-purifiant-anti-imperfections" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum purifiant anti-imperfections</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-purifiant-anti-imperfections" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum purifiant anti-imperfections - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/serum-purifiant-anti-imperfections" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum purifiant anti-imperfections</h3>
</a>
<div class="t-small-mention">Zinc PCA 2% + AHA BHA 5.5%</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893409599571'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.76' data-number-of-reviews='83' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.76' tabindex='0' aria-label='4.76 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 83 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388083875923" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-eclat-acide-azelaique" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum éclat</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-eclat-acide-azelaique" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum éclat - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/serum-eclat-acide-azelaique" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum éclat</h3>
</a>
<div class="t-small-mention">Acide azélaïque 10% + extrait d'avoine 2%</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893409665107'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.59' data-number-of-reviews='70' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.59' tabindex='0' aria-label='4.59 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 70 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€11,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€11,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388083941459" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/masque-peeling-doux" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Masque peeling doux</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/masque-peeling-doux" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-doux-777140.jpg?v=1699416669&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-doux-777140.jpg?v=1699416669&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-doux-777140.jpg?v=1699416669&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-doux-777140.jpg?v=1699416669&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-doux-777140.jpg?v=1699416669&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/masque-peeling-doux-777140.jpg?v=1699416669 2048w"
src="//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-doux-777140.jpg?v=1699416669&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Masque peeling doux - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="2048"
height="2048"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/masque-peeling-doux" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Masque peeling doux</h3>
</a>
<div class="t-small-mention">AHA PHA 16%</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='8553213198685'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.89' data-number-of-reviews='63' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.89' tabindex='0' aria-label='4.89 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 63 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="48353742487901" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/masque-peeling-purifiant" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Masque peeling purifiant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/masque-peeling-purifiant" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668 2048w"
src="//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Masque peeling purifiant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="2048"
height="2048"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/masque-peeling-purifiant" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Masque peeling purifiant</h3>
</a>
<div class="t-small-mention">AHA BHA 13.4%</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='8553238528349'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.77' data-number-of-reviews='31' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.77' tabindex='0' aria-label='4.77 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 31 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="48353862320477" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li></ul><ul data-id="273230233683" class="product-grid grid grid--2-col grid--2-col-mobile grid--2-col-tablet grid--2-col-desktop hide" role="list"><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/huile-de-soin-peaux-mixtes" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Huile de soin peaux mixtes</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/huile-de-soin-peaux-mixtes" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Huile de soin peaux mixtes* - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/huile-de-soin-peaux-mixtes" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Huile de soin peaux mixtes</h3>
</a>
<div class="t-small-mention">Huile de nigelle + huile de jojoba</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6843504984147'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.86' data-number-of-reviews='322' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.86' tabindex='0' aria-label='4.86 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 322 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40212640038995" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-purifiant-anti-imperfections" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum purifiant anti-imperfections</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-purifiant-anti-imperfections" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum purifiant anti-imperfections - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/serum-purifiant-anti-imperfections" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum purifiant anti-imperfections</h3>
</a>
<div class="t-small-mention">Zinc PCA 2% + AHA BHA 5.5%</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893409599571'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.76' data-number-of-reviews='83' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.76' tabindex='0' aria-label='4.76 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 83 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388083875923" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-eclat-acide-azelaique" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum éclat</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-eclat-acide-azelaique" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum éclat - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/serum-eclat-acide-azelaique" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum éclat</h3>
</a>
<div class="t-small-mention">Acide azélaïque 10% + extrait d'avoine 2%</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893409665107'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.59' data-number-of-reviews='70' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.59' tabindex='0' aria-label='4.59 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 70 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€11,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€11,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388083941459" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/masque-peeling-purifiant" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Masque peeling purifiant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/masque-peeling-purifiant" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668 2048w"
src="//www.clemenceetvivien.com/cdn/shop/products/masque-peeling-purifiant-436924.jpg?v=1699416668&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Masque peeling purifiant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="2048"
height="2048"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/masque-peeling-purifiant" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Masque peeling purifiant</h3>
</a>
<div class="t-small-mention">AHA BHA 13.4%</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='8553238528349'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.77' data-number-of-reviews='31' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.77' tabindex='0' aria-label='4.77 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 31 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="48353862320477" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li></ul><ul data-id="273230299219" class="product-grid grid grid--2-col grid--2-col-mobile grid--2-col-tablet grid--2-col-desktop hide" role="list"><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/huile-de-soin-antioxydante" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Huile de soin antioxydante</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/huile-de-soin-antioxydante" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Huile de soin antioxydante* - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/huile-de-soin-antioxydante" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Huile de soin antioxydante</h3>
</a>
<div class="t-small-mention">Huile de rosier sauvage + coenzyme Q10</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6854419873875'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.90' data-number-of-reviews='417' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.90' tabindex='0' aria-label='4.90 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 417 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€12,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€12,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40270292648019" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/huile-de-soin-peaux-mixtes" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Huile de soin peaux mixtes</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/huile-de-soin-peaux-mixtes" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Huile de soin peaux mixtes* - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/huile-de-soin-peaux-mixtes" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Huile de soin peaux mixtes</h3>
</a>
<div class="t-small-mention">Huile de nigelle + huile de jojoba</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6843504984147'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.86' data-number-of-reviews='322' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.86' tabindex='0' aria-label='4.86 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 322 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40212640038995" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/huile-de-soin-peaux-sensibles" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Huile de soin peaux sensibles</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/huile-de-soin-peaux-sensibles" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-sensibles-718581.jpg?v=1698836686&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-sensibles-718581.jpg?v=1698836686&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-sensibles-718581.jpg?v=1698836686&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-sensibles-718581.jpg?v=1698836686&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-sensibles-718581.jpg?v=1698836686 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-sensibles-718581.jpg?v=1698836686&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Huile de soin peaux sensibles* - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/huile-de-soin-peaux-sensibles" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Huile de soin peaux sensibles</h3>
</a>
<div class="t-small-mention">Huile de chanvre + extrait d'arnica</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893409337427'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.85' data-number-of-reviews='59' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.85' tabindex='0' aria-label='4.85 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 59 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388083613779" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/huile-de-soin-peaux-seches" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Huile de soin peaux sèches</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/huile-de-soin-peaux-seches" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-seches-672713.jpg?v=1673538526&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-seches-672713.jpg?v=1673538526&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-seches-672713.jpg?v=1673538526&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-seches-672713.jpg?v=1673538526&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-seches-672713.jpg?v=1673538526 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-seches-672713.jpg?v=1673538526&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Huile de soin peaux sèches* - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/huile-de-soin-peaux-seches" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Huile de soin peaux sèches</h3>
</a>
<div class="t-small-mention">Huile d'avocat + bisabolol</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6854419677267'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.90' data-number-of-reviews='155' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.90' tabindex='0' aria-label='4.90 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 155 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40270292156499" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li></ul><ul data-id="273230397523" class="product-grid grid grid--2-col grid--2-col-mobile grid--2-col-tablet grid--2-col-desktop hide" role="list"><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-desalterant-a-l-acide-hyaluronique" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum désaltérant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-desalterant-a-l-acide-hyaluronique" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-desalterant-672574.jpg?v=1708680110&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum désaltérant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"><span class="badge">
Best-seller
</span></div>
<div class="card-information__wrapper"><a href="/products/serum-desalterant-a-l-acide-hyaluronique" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum désaltérant</h3>
</a>
<div class="t-small-mention">Acide hyaluronique + hydrolat de rose</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893406978131'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.92' data-number-of-reviews='871' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.92' tabindex='0' aria-label='4.92 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 871 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€9,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€9,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388081254483" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-illuminant" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum illuminant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-illuminant" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539 1306w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum illuminant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="1306"
height="1246"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/serum-illuminant" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum illuminant</h3>
</a>
<div class="t-small-mention">Vitamine C + Acide hyaluronique</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6938783318099'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.69' data-number-of-reviews='81' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.69' tabindex='0' aria-label='4.69 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 81 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€12,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€12,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40515233153107" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/gouttes-autobronzantes-hale-leger" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Gouttes autobronzantes hâle léger</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/gouttes-autobronzantes-hale-leger" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/gouttes-autobronzantes-hale-leger-113875.jpg?v=1708514538&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/gouttes-autobronzantes-hale-leger-113875.jpg?v=1708514538&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/gouttes-autobronzantes-hale-leger-113875.jpg?v=1708514538&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/gouttes-autobronzantes-hale-leger-113875.jpg?v=1708514538&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/gouttes-autobronzantes-hale-leger-113875.jpg?v=1708514538&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/gouttes-autobronzantes-hale-leger-113875.jpg?v=1708514538 2048w"
src="//www.clemenceetvivien.com/cdn/shop/products/gouttes-autobronzantes-hale-leger-113875.jpg?v=1708514538&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Gouttes autobronzantes hâle léger - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="2048"
height="1952"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/gouttes-autobronzantes-hale-leger" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Gouttes autobronzantes hâle léger</h3>
</a>
<div class="t-small-mention">DHA + érythrulose</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6938789478483'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.68' data-number-of-reviews='60' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.68' tabindex='0' aria-label='4.68 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 60 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€9,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€9,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40515241705555" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/gouttes-autobronzantes" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Gouttes autobronzantes hâle intense</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/gouttes-autobronzantes" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/gouttes-autobronzantes-hale-intense-374821.jpg?v=1708514538&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/gouttes-autobronzantes-hale-intense-374821.jpg?v=1708514538&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/gouttes-autobronzantes-hale-intense-374821.jpg?v=1708514538&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/gouttes-autobronzantes-hale-intense-374821.jpg?v=1708514538&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/gouttes-autobronzantes-hale-intense-374821.jpg?v=1708514538&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/gouttes-autobronzantes-hale-intense-374821.jpg?v=1708514538 2048w"
src="//www.clemenceetvivien.com/cdn/shop/products/gouttes-autobronzantes-hale-intense-374821.jpg?v=1708514538&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Gouttes autobronzantes hâle intense - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="2048"
height="1952"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/gouttes-autobronzantes" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Gouttes autobronzantes hâle intense</h3>
</a>
<div class="t-small-mention">DHA + érythrulose</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6938788331603'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.65' data-number-of-reviews='63' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.65' tabindex='0' aria-label='4.65 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 63 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€9,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€9,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40515239870547" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li></ul><ul data-id="273230102611" class="product-grid grid grid--2-col grid--2-col-mobile grid--2-col-tablet grid--2-col-desktop hide" role="list"><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/huile-demaquillante-lait-damande" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Huile démaquillante toute douce parfum lait d'amande</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/huile-demaquillante-lait-damande" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-305859.jpg?v=1708514538&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Huile démaquillante rinçable toute douce* - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/huile-demaquillante-lait-damande" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Huile démaquillante toute douce parfum lait d'amande</h3>
</a>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6843505147987'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.90' data-number-of-reviews='574' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.90' tabindex='0' aria-label='4.90 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 574 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40212641644627" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/huile-demaquillante-parfum-rose-muguet" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Huile démaquillante toute douce parfum rose-muguet</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/huile-demaquillante-parfum-rose-muguet" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-109819.jpg?v=1708514539&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-109819.jpg?v=1708514539&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-109819.jpg?v=1708514539&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-109819.jpg?v=1708514539&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-109819.jpg?v=1708514539 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/huile-demaquillante-rincable-toute-douce-109819.jpg?v=1708514539&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Huile démaquillante rinçable toute douce* - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"><span class="badge badge--soldout" aria-hidden="true">
Épuisé
</span></div>
<div class="card-information__wrapper"><a href="/products/huile-demaquillante-parfum-rose-muguet" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Huile démaquillante toute douce parfum rose-muguet</h3>
</a>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893407797331'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.86' data-number-of-reviews='80' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.86' tabindex='0' aria-label='4.86 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 80 reviews </span> </div>
</div>
<div class="price price--sold-out"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><button class="button button--small button--soldout" type="button" disabled="disabled">Épuisé</button></div></div>
</li></ul><ul data-id="273230430291" class="product-grid grid grid--2-col grid--2-col-mobile grid--2-col-tablet grid--2-col-desktop hide" role="list"><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/huile-de-soin-antioxydante" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Huile de soin antioxydante</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/huile-de-soin-antioxydante" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-antioxydante-752638.jpg?v=1673538524&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Huile de soin antioxydante* - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/huile-de-soin-antioxydante" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Huile de soin antioxydante</h3>
</a>
<div class="t-small-mention">Huile de rosier sauvage + coenzyme Q10</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6854419873875'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.90' data-number-of-reviews='417' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.90' tabindex='0' aria-label='4.90 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 417 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€12,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€12,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40270292648019" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/routine-anti-age" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Routine anti-âge</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/routine-anti-age" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/routine-anti-age-492121.jpg?v=1687885245&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/routine-anti-age-492121.jpg?v=1687885245&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/routine-anti-age-492121.jpg?v=1687885245&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/routine-anti-age-492121.jpg?v=1687885245&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/routine-anti-age-492121.jpg?v=1687885245&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/routine-anti-age-492121.jpg?v=1687885245 1200w"
src="//www.clemenceetvivien.com/cdn/shop/products/routine-anti-age-492121.jpg?v=1687885245&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Routine anti-âge - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="1200"
height="1200"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"><span class="badge badge--onsale" aria-hidden="true">–10%</span></div>
<div class="card-information__wrapper"><a href="/products/routine-anti-age" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Routine anti-âge</h3>
</a>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='8426968383837'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.82' data-number-of-reviews='39' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.82' tabindex='0' aria-label='4.82 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 39 reviews </span> </div>
</div>
<div class="price price--on-sale"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€42,70</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€42,70</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi>€47,00</bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="46900531134813" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/duo-hydratant" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Duo hydratant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/duo-hydratant" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/duo-hydratant-189827.jpg?v=1687885236&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/duo-hydratant-189827.jpg?v=1687885236&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/duo-hydratant-189827.jpg?v=1687885236&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/duo-hydratant-189827.jpg?v=1687885236&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/duo-hydratant-189827.jpg?v=1687885236&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/duo-hydratant-189827.jpg?v=1687885236 1200w"
src="//www.clemenceetvivien.com/cdn/shop/products/duo-hydratant-189827.jpg?v=1687885236&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Duo hydratant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="1200"
height="1200"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/duo-hydratant" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Duo hydratant</h3>
</a>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='8420982096221'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.73' data-number-of-reviews='11' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.73' tabindex='0' aria-label='4.73 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 11 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€26,40</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€26,40</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="46839982850397" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li></ul><ul data-id="273230659667" class="product-grid grid grid--2-col grid--2-col-mobile grid--2-col-tablet grid--2-col-desktop hide" role="list"><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-illuminant" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum illuminant</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-illuminant" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539 1306w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-illuminant-188475.jpg?v=1708514539&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum illuminant - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="1306"
height="1246"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/serum-illuminant" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum illuminant</h3>
</a>
<div class="t-small-mention">Vitamine C + Acide hyaluronique</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6938783318099'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.69' data-number-of-reviews='81' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.69' tabindex='0' aria-label='4.69 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 81 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€12,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€12,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40515233153107" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-anti-age" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum anti-âge</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-anti-age" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-anti-age-375126.png?v=1687885239&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-anti-age-375126.png?v=1687885239&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-anti-age-375126.png?v=1687885239&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-anti-age-375126.png?v=1687885239&width=750 750w,//www.clemenceetvivien.com/cdn/shop/products/serum-anti-age-375126.png?v=1687885239&width=1100 1100w, //www.clemenceetvivien.com/cdn/shop/products/serum-anti-age-375126.png?v=1687885239 1200w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-anti-age-375126.png?v=1687885239&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum anti-âge - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="1200"
height="1200"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/serum-anti-age" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum anti-âge</h3>
</a>
<div class="t-small-mention">Rétinal 0.1% + Sodium PCA</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='8415923372381'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.86' data-number-of-reviews='91' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.86' tabindex='0' aria-label='4.86 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 91 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€11,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€11,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="46798407827805" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-purifiant-anti-imperfections" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum purifiant anti-imperfections</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-purifiant-anti-imperfections" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum purifiant anti-imperfections - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/serum-purifiant-anti-imperfections" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum purifiant anti-imperfections</h3>
</a>
<div class="t-small-mention">Zinc PCA 2% + AHA BHA 5.5%</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893409599571'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.76' data-number-of-reviews='83' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.76' tabindex='0' aria-label='4.76 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 83 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388083875923" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-eclat-acide-azelaique" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum éclat</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-eclat-acide-azelaique" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-eclat-728666.jpg?v=1708514539&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum éclat - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/serum-eclat-acide-azelaique" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum éclat</h3>
</a>
<div class="t-small-mention">Acide azélaïque 10% + extrait d'avoine 2%</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893409665107'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.59' data-number-of-reviews='70' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.59' tabindex='0' aria-label='4.59 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 70 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€11,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€11,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388083941459" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li></ul><ul data-id="273230692435" class="product-grid grid grid--2-col grid--2-col-mobile grid--2-col-tablet grid--2-col-desktop hide" role="list"><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/huile-de-soin-peaux-mixtes" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Huile de soin peaux mixtes</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/huile-de-soin-peaux-mixtes" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/huile-de-soin-peaux-mixtes-776090.jpg?v=1673538529&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Huile de soin peaux mixtes* - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/huile-de-soin-peaux-mixtes" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Huile de soin peaux mixtes</h3>
</a>
<div class="t-small-mention">Huile de nigelle + huile de jojoba</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6843504984147'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.86' data-number-of-reviews='322' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.86' tabindex='0' aria-label='4.86 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 322 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40212640038995" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/serum-purifiant-anti-imperfections" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Sérum purifiant anti-imperfections</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/serum-purifiant-anti-imperfections" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=165 165w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=375 375w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=550 550w,//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=750 750w, //www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619 800w"
src="//www.clemenceetvivien.com/cdn/shop/products/serum-purifiant-anti-imperfections-216897.jpg?v=1709591619&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Sérum purifiant anti-imperfections - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"></div>
<div class="card-information__wrapper"><a href="/products/serum-purifiant-anti-imperfections" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Sérum purifiant anti-imperfections</h3>
</a>
<div class="t-small-mention">Zinc PCA 2% + AHA BHA 5.5%</div>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893409599571'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.76' data-number-of-reviews='83' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.76' tabindex='0' aria-label='4.76 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 83 reviews </span> </div>
</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€10,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="40388083875923" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li><li class="grid__item">
<style data-shopify>.card-information .yotpo {
display: flex;
align-items: flex-end;
}
.card-information .rating-price-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
.card-information .yotpo .yotpo-bottomline {
display: flex;
flex-wrap: wrap
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rating.css?v=173409050425969898561698230865" rel="stylesheet" type="text/css" media="all" />
<div class="card-wrapper">
<a href="/products/coffret-routine-purifiante" class="full-unstyled-link">
<span class="visually-hidden t-title-product-price">Coffret routine purifiante</span>
</a>
<use-animate data-animate="zoom-fade-small" class="card card--product" tabindex="-1"><a href="/products/coffret-routine-purifiante" class="card__media media-wrapper" tabindex="-1">
<lazy-image class="image-animate media media-- media--hover-effect media--image-contain">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/coffret-routine-purifiante-232647.jpg?v=1732083500&width=165 165w,//www.clemenceetvivien.com/cdn/shop/files/coffret-routine-purifiante-232647.jpg?v=1732083500&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/coffret-routine-purifiante-232647.jpg?v=1732083500&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/coffret-routine-purifiante-232647.jpg?v=1732083500&width=750 750w, //www.clemenceetvivien.com/cdn/shop/files/coffret-routine-purifiante-232647.jpg?v=1732083500 800w"
src="//www.clemenceetvivien.com/cdn/shop/files/coffret-routine-purifiante-232647.jpg?v=1732083500&width=550"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Coffret routine purifiante - Clémence & Vivien"
loading="lazy"
class="motion-reduce"
width="800"
height="800"
/>
</lazy-image>
</a></use-animate>
<div class="card-information">
<div class="card__badge"><span class="badge badge--onsale" aria-hidden="true">–8%</span></div>
<div class="card-information__wrapper"><a href="/products/coffret-routine-purifiante" class="card-information__text h4" tabindex="-1">
<h3 class="t-title-product-price">Coffret routine purifiante</h3>
</a>
<span class="caption-large light"></span>
<div class="rating-price-wrapper">
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='10017223967069'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='0.00' data-number-of-reviews='0' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='0.00' tabindex='0' aria-label='0.00 stars' role='button'> <span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span> </span> <span class='jdgm-prev-badge__text'> No reviews </span> </div>
</div>
<div class="price price--on-sale"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€41,90</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€41,90</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi>€45,20</bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div></div><div class="card-information__button"><add-to-cart class="button button--express-add button--small" data-variant-id="54461532307805" tabindex="-1">Ajouter</add-to-cart></div></div></div>
</li></ul></div>
</div>
<a href="/collections/tous-les-besoins" id="collection-link-btn-tags-mobile" class="button button--outline medium-down"></a>
</div>
</section><section id="shopify-section-template--20016253632861__home-collections-cards" class="shopify-section section"><style data-shopify>#section-template--20016253632861__home-collections-cards {
padding-top: 0rem;
padding-bottom: 5rem
}
#section-template--20016253632861__home-collections-cards .media-wrapper {
height: 50rem
}
#section-template--20016253632861__home-collections-cards .media-wrapper .media {
height: 100%;
}
.section-template--20016253632861__home-collections-cards-padding {
padding-top: calc(px * 0.75);
padding-bottom: calc(px * 0.75);
}
#section-template--20016253632861__home-collections-cards .collection-list__item .card__text {
display: flex;
justify-content: space-between;
}
#section-template--20016253632861__home-collections-cards .collection-list__item .card__text .button--secondary_white {
display: none
}
#section-template--20016253632861__home-collections-cards .collection-link {
text-decoration: none!important;
width: 100%
}
#section-template--20016253632861__home-collections-cards .collection-link h3 {
background-image: none;
letter-spacing: 0;
font-size: 32px!important;
line-height: 38px!important;
text-align: center;
white-space: nowrap;
}
#section-template--20016253632861__home-collections-cards .collection-list__item {
padding-top: 2rem;
}
@media screen and (min-width: 750px) {
.section-template--20016253632861__home-collections-cards-padding {
padding-top: px;
padding-bottom: px;
}
#section-template--20016253632861__home-collections-cards .collection-link {
width: fit-content
}
#section-template--20016253632861__home-collections-cards .collection-list__item:hover .card__text .button--secondary_white {
display: flex
}
#section-template--20016253632861__home-collections-cards .collection-list__item {
flex: 1;
transition: flex .5s;
}
#section-template--20016253632861__home-collections-cards .collection-list__item:hover ~ .collection-list__item {
flex:1!important;
}
#section-template--20016253632861__home-collections-cards .collection-list__item:hover {
flex: 2;
transition: flex .5s;
}
#section-template--20016253632861__home-collections-cards .card--media .card__text-spacing {
padding: 2rem!important
}
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-card.css?v=35629809726525696711698230865" rel="stylesheet" type="text/css" media="all" />
<link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/section-collection-list.css?v=20405968545665101641698230865" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-slider.css?v=35733319676707799251698230865" media="print" onload="this.media='all'">
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-slider.css?v=35733319676707799251698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-price.css?v=157335540965096893391698230865" media="print" onload="this.media='all'"><noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-slider.css?v=35733319676707799251698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-price.css?v=157335540965096893391698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-product-grid.css?v=152474937900559317951698230865" rel="stylesheet" type="text/css" media="all" />
<link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-card.css?v=35629809726525696711698230865" rel="stylesheet" type="text/css" media="all" />
<div id="section-template--20016253632861__home-collections-cards" class="section-template--20016253632861__home-collections-cards-padding bg-beige page-width">
<div id="section-header">
<div class="collections grid grid--1-col-mobile grid--1-col grid--1-col-tablet grid--4-col-desktop"><li id="Slide-template--20016253632861__home-collections-cards-1"
class="collection-list__item grid__item" ><div class="card-wrapper card card--media"><use-animate data-animate="zoom-fade-small" class="media-wrapper">
<div
class="image-animate media media--hover-effect overflow-hidden"
style="--image-position: ;">
<img srcset=", //www.clemenceetvivien.com/cdn/shop/files/etape3-min.jpg?v=1669194384 w"
src="//www.clemenceetvivien.com/cdn/shop/files/etape3-min.jpg?v=1669194384&width=750" sizes=" (min-width: 1440px) Liquid error (sections/home-collections-cards line 107): divided by 0px, (min-width: 750px) calc(100vw - 10rem), calc(100vw - 3rem)" alt="Soins du visage"
height="" width="" loading="lazy"
class="motion-reduce" />
</div>
</use-animate>
<div class="card__text card__text-spacing">
<a class="collection-link" href="/collections/soins-du-visage">
<h2 class="card-information__text h3 t-title3">Soins du visage
</h2>
</a>
<a class="button button--secondary_white" href="/collections/soins-du-visage">
Tous les soins
</a>
</div></div>
</li><li id="Slide-template--20016253632861__home-collections-cards-2"
class="collection-list__item grid__item" ><div class="card-wrapper card card--media"><use-animate data-animate="zoom-fade-small" class="media-wrapper">
<div
class="image-animate media media--hover-effect overflow-hidden"
style="--image-position: ;">
<img srcset=", //www.clemenceetvivien.com/cdn/shop/files/Rectangle_21.jpg?v=1666261448 w"
src="//www.clemenceetvivien.com/cdn/shop/files/Rectangle_21.jpg?v=1666261448&width=750" sizes=" (min-width: 1440px) Liquid error (sections/home-collections-cards line 107): divided by 0px, (min-width: 750px) calc(100vw - 10rem), calc(100vw - 3rem)" alt="Soins des cheveux"
height="" width="" loading="lazy"
class="motion-reduce" />
</div>
</use-animate>
<div class="card__text card__text-spacing">
<a class="collection-link" href="/collections/soins-cheveux">
<h2 class="card-information__text h3 t-title3">Soins des cheveux
</h2>
</a>
<a class="button button--secondary_white" href="/collections/soins-cheveux">
Tous les soins
</a>
</div></div>
</li><li id="Slide-template--20016253632861__home-collections-cards-3"
class="collection-list__item grid__item" ><div class="card-wrapper card card--media"><use-animate data-animate="zoom-fade-small" class="media-wrapper">
<div
class="image-animate media media--hover-effect overflow-hidden"
style="--image-position: ;">
<img srcset=", //www.clemenceetvivien.com/cdn/shop/files/etape2-min.jpg?v=1669194843 w"
src="//www.clemenceetvivien.com/cdn/shop/files/etape2-min.jpg?v=1669194843&width=750" sizes=" (min-width: 1440px) Liquid error (sections/home-collections-cards line 107): divided by 0px, (min-width: 750px) calc(100vw - 10rem), calc(100vw - 3rem)" alt="Soins du corps"
height="" width="" loading="lazy"
class="motion-reduce" />
</div>
</use-animate>
<div class="card__text card__text-spacing">
<a class="collection-link" href="/collections/soins-du-corps">
<h2 class="card-information__text h3 t-title3">Soins du corps
</h2>
</a>
<a class="button button--secondary_white" href="/collections/soins-du-corps">
Tous les soins
</a>
</div></div>
</li></div>
</div>
</div>
</section><section id="shopify-section-template--20016253632861__tab-collage-0" class="shopify-section section collage-section"><style data-shopify>#shopify-section-template--20016253632861__tab-collage-0 {
--image-position: center center;
--color-background: 247, 238, 221;
--color-foreground: 26, 27, 24;
--color-link: var(--color-foreground);
--color-button-text: var(--color-background);
--color-button-border: var(--color-foreground);
--color-button-background: var(--color-foreground);
--color-shadow: var(--color-foreground);
--shadow-opacity: 0.3;
}
.section-template--20016253632861__tab-collage-0-padding {
padding-top: calc(0px * 0.75);
padding-bottom: calc(0px * 0.75);
}
@media screen and (min-width: 750px) {
.section-template--20016253632861__tab-collage-0-padding {
padding-top: 0px;
padding-bottom: 0px;
}
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/section-tab-collage.css?v=1667383493560953211698230865" rel="stylesheet" type="text/css" media="all" />
<link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-card.css?v=35629809726525696711698230865" rel="stylesheet" type="text/css" media="all" />
<link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-price.css?v=157335540965096893391698230865" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-deferred-media.css?v=17808808663945790771698230865" media="print" onload="this.media='all'">
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-deferred-media.css?v=17808808663945790771698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<div class="section-template--20016253632861__tab-collage-0-padding"><div class="page-width page-width--full-width">
<tab-collage class="tab-collage grid grid--gapless grid--1-col grid--2-col-tablet">
<div class="grid__item tab-collage__left top">
<h2 class="t-title3 page-width h1">Reçois des bons d'achat !</h2>
<ol class="tab-collage__content left mobile-left page-width"><li class="t-title4 tab-collage__heading active" data-block-id="image-0"><h3 class="t-title4">Je crée mon compte</h3></li><li class="t-title4 tab-collage__heading" data-block-id="image-1"><h3 class="t-title4">Je passe une commande</h3></li><li class="t-title4 tab-collage__heading" data-block-id="image-3"><h3 class="t-title4">J’obtiens des points</h3></li><li class="t-title4 tab-collage__heading" data-block-id="image-2"><h3 class="t-title4">Je l’utilise en bon d’achat</h3></li></ol>
<div class="tab-collage__bottom left mobile-left page-width"><div data-block-id="image-0" class="tab-collage__desc active"><div class="t-body1"><p>Créez votre espace client Clémence & Vivien et renseignez vos coordonnées personnelles.</p></div><a class="button button--outline t-title5-bold-button" href="https://clemence-vivien.myshopify.com/">
En savoir plus
</a></div><div data-block-id="image-1" class="tab-collage__desc"><div class="t-body1"><p>Passez votre première commande pour obtenir votre premier bon de fidélité !</p></div><a class="button button--outline t-title5-bold-button" role="link" aria-disabled="true">
En savoir plus
</a></div><div data-block-id="image-3" class="tab-collage__desc"><div class="t-body1"><p>Une fois votre commande validée, vous obtenez des points. 1euros dépensé = 1 point. Vous pouvez ensuite transformer ces points dans l'onglet "Fidélité & Parrainage".</p></div><a class="button button--outline t-title5-bold-button" href="https://clemence-vivien.myshopify.com">
En savoir plus
</a></div><div data-block-id="image-2" class="tab-collage__desc"><div class="t-body1"><p>Utilisez le bon d'achat obtenu sur votre prochaine commande, dans la limite de 6 mois.</p></div><a class="button button--outline t-title5-bold-button" role="link" aria-disabled="true">
En savoir plus
</a></div></div>
</div>
<use-animate data-animate="zoom-fade-small" class="grid__item tab-collage__right"><div data-block-id="image-0" class="tab-collage__card active">
<div class="media-wrapper"><lazy-image class="tab-collage__card-image image-animate media media--550px media-mobile--250px">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=750 750w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=1100 1100w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=1500 1500w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=2200 2200w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=3000 3000w, //www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614 3456w"
src="//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=1500"
sizes="(min-width: 1440px) 898px, (min-width: 750px) 500px, calc(100vw - 30px)"
alt=""
loading="lazy"
width="3456"
height="5184"
/>
</lazy-image></div>
</div><div data-block-id="image-1" class="tab-collage__card">
<div class="media-wrapper"><lazy-image class="tab-collage__card-image image-animate media media--550px media-mobile--250px">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=750 750w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=1100 1100w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=1500 1500w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=2200 2200w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=3000 3000w, //www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614 3456w"
src="//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=1500"
sizes="(min-width: 1440px) 898px, (min-width: 750px) 500px, calc(100vw - 30px)"
alt=""
loading="lazy"
width="3456"
height="5184"
/>
</lazy-image></div>
</div><div data-block-id="image-3" class="tab-collage__card">
<div class="media-wrapper"><lazy-image class="tab-collage__card-image image-animate media media--550px media-mobile--250px">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=750 750w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=1100 1100w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=1500 1500w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=2200 2200w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=3000 3000w, //www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614 3456w"
src="//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=1500"
sizes="(min-width: 1440px) 898px, (min-width: 750px) 500px, calc(100vw - 30px)"
alt=""
loading="lazy"
width="3456"
height="5184"
/>
</lazy-image></div>
</div><div data-block-id="image-2" class="tab-collage__card">
<div class="media-wrapper"><lazy-image class="tab-collage__card-image image-animate media media--550px media-mobile--250px">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=750 750w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=1100 1100w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=1500 1500w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=2200 2200w,//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=3000 3000w, //www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614 3456w"
src="//www.clemenceetvivien.com/cdn/shop/files/Baume_Fleurs_d_ete_18.jpg?v=1670839614&width=1500"
sizes="(min-width: 1440px) 898px, (min-width: 750px) 500px, calc(100vw - 30px)"
alt=""
loading="lazy"
width="3456"
height="5184"
/>
</lazy-image></div>
</div></use-animate>
</tab-collage>
</div></div>
</section><section id="shopify-section-template--20016253632861__bundle-products" class="shopify-section section"><style data-shopify>.section-template--20016253632861__bundle-products-padding {
padding-top: calc(0px * 0.75);
padding-bottom: calc(36px * 0.75);
}
#section-template--20016253632861__bundle-products .button--outline {
margin: 2rem auto 1rem!important;
display: block;
min-width: 25.2rem;
}
@media screen and (min-width: 750px) {
.section-template--20016253632861__bundle-products-padding {
padding-top: 0px;
padding-bottom: 36px;
}
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/section-image-with-text.css?v=34776378596644444131698230865" rel="stylesheet" type="text/css" media="all" />
<link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/section-lookbook.css?v=9107832433598113911698230865" rel="stylesheet" type="text/css" media="all" />
<link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/section-bundle-products.css?v=149301844343663369031698230865" rel="stylesheet" type="text/css" media="all" />
<bundle-products id="section-template--20016253632861__bundle-products" class="image-with-text bundle-products page-width section-template--20016253632861__bundle-products-padding">
<h2 class="image-with-text__heading t-title2 h1">Les déodorants Clémence & Vivien</h2>
<div class="image-with-text__grid image-with-text__grid--reverse grid grid--gapless grid--1-col grid--2-col-tablet">
<div class="grid__item">
<lookbook-component class="lookbook">
<use-animate data-animate="zoom-fade-small" class="bundle-products__content media-wrapper">
<div class="image-animate media--adapt media" style="--image-ratio-percent: 141.96157735085947%;"><img
srcset="//www.clemenceetvivien.com/cdn/shop/files/17_dee9c15b-3a50-4e5a-a567-98ef9a7a2af4.png?v=1676367544&width=165 165w,//www.clemenceetvivien.com/cdn/shop/files/17_dee9c15b-3a50-4e5a-a567-98ef9a7a2af4.png?v=1676367544&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/17_dee9c15b-3a50-4e5a-a567-98ef9a7a2af4.png?v=1676367544&width=550 550w,//www.clemenceetvivien.com/cdn/shop/files/17_dee9c15b-3a50-4e5a-a567-98ef9a7a2af4.png?v=1676367544&width=750 750w, //www.clemenceetvivien.com/cdn/shop/files/17_dee9c15b-3a50-4e5a-a567-98ef9a7a2af4.png?v=1676367544 989w"
src="//www.clemenceetvivien.com/cdn/shop/files/17_dee9c15b-3a50-4e5a-a567-98ef9a7a2af4.png?v=1676367544&width=1500"
sizes="(min-width: 1440px) 670px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
alt=""
loading="lazy"
width="989"
height="1404"
class="image-fit"
/></div><a data-block-id="d7ee68a7-8882-417c-a25f-e1ad97ea7705" href="/products/deodorant-naturel-le-sucre" class="look__hotspot" style="--hotspot-color: 222, 237, 234; --hotspot-color2: 143, 176, 165; --hotspot-x: 35%; --hotspot-y: 11%;" >
<div class="look__hotspot-product">
<div class="h5">Déodorant naturel le sucré</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div>
</a><a data-block-id="e3c1e50e-1688-41ad-b4af-c44b128e74af" href="/products/deodorant-naturel-peau-sensible-vanille" class="look__hotspot" style="--hotspot-color: 222, 237, 234; --hotspot-color2: 143, 176, 165; --hotspot-x: 35%; --hotspot-y: 34%;" >
<div class="look__hotspot-product">
<div class="h5">Déodorant naturel peau sensible vanille</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div>
</a><a data-block-id="bb17a3a4-9e67-4a2d-97f4-7dedf3e0f419" href="/products/deodorant-naturel-le-poudre" class="look__hotspot" style="--hotspot-color: 222, 237, 234; --hotspot-color2: 143, 176, 165; --hotspot-x: 35%; --hotspot-y: 47%;" >
<div class="look__hotspot-product">
<div class="h5">Déodorant naturel le poudré</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€9,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€9,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div>
</a><a data-block-id="68e7f8e8-9caa-4369-be14-c72bf3045913" href="/products/deodorant-naturel-l-herbace" class="look__hotspot" style="--hotspot-color: 222, 237, 234; --hotspot-color2: 143, 176, 165; --hotspot-x: 35%; --hotspot-y: 60%;" >
<div class="look__hotspot-product">
<div class="h5">Déodorant naturel l'herbacé</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div>
</a><a data-block-id="1f2aff60-b5bc-44d8-aef9-c2d8168625ee" href="/products/deodorant-naturel-peau-sensible-mandarine" class="look__hotspot" style="--hotspot-color: 222, 237, 234; --hotspot-color2: 143, 176, 165; --hotspot-x: 35%; --hotspot-y: 76%;" >
<div class="look__hotspot-product look__hotspot-product--bottom">
<div class="h5">Déodorant naturel peau sensible mandarine</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div>
</a><a data-block-id="37a293e1-a886-4df3-bc1f-0643a1af0ff5" href="/products/deodorant-naturel-le-fleuri" class="look__hotspot" style="--hotspot-color: 222, 237, 234; --hotspot-color2: 143, 176, 165; --hotspot-x: 35%; --hotspot-y: 90%;" >
<div class="look__hotspot-product look__hotspot-product--bottom">
<div class="h5">Déodorant naturel le fleuri</div>
<div class="price"
>
<dl><div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd >
<span class="price-item price-item--regular">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</dd>
</div>
<div class="price__sale">
<dd >
<span class="price-item price-item--sale">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</dd><dt class="price__compare">
<span class="visually-hidden visually-hidden--inline">Prix normal</span>
</dt>
<dd class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</dd><dt>
<span class="visually-hidden visually-hidden--inline">Prix de vente</span>
</dt>
</div>
</dl></div>
</div>
</a></use-animate>
</lookbook-component>
</div>
<div class="grid__item">
<div class="image-with-text__content top left mobile-left"><div class="image-with-text__products"><bundle-product data-block-id="d7ee68a7-8882-417c-a25f-e1ad97ea7705" class="product-container">
<div class="product-image">
<a href="/products/deodorant-naturel-le-sucre" class="media-wrapper media-wrapper--small">
<lazy-image class="media media--adapt" style="--image-ratio-percent: 100.0%;">
<img srcset="//www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-le-sucre-899015.jpg?v=1673538522&width=165 1x, //www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-le-sucre-899015.jpg?v=1673538522&width=330 2x"
src="//www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-le-sucre-899015.jpg?v=1673538522&width=165"
alt="Déodorant naturel le sucré* - Clémence & Vivien"
width="165"
height="165"
loading="lazy"
/>
</lazy-image>
</a>
</div>
<div class="product-description">
<div class="product-content">
<div><a href="/products/deodorant-naturel-le-sucre" class="product-title">
<h3 class="product-title h4 t-title-product-price">Déodorant naturel le sucré</h3>
</a>
</div>
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893404160083'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.74' data-number-of-reviews='285' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.74' tabindex='0' aria-label='4.74 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 285 reviews </span> </div>
</div>
<input type="hidden" name="id" value="40388077944915" /></div><div class="price t-title-product-price"
>
<div class="price__regular">
<span class="price-item price-item--regular">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</div>
<div class="price__sale">
<span class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</span>
<span class="price-item price-item--sale">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</div>
<span class="badge price__badge-sold-out" aria-hidden="true">
Épuisé
</span>
</div>
</div></bundle-product><bundle-product data-block-id="e3c1e50e-1688-41ad-b4af-c44b128e74af" class="product-container">
<div class="product-image">
<a href="/products/deodorant-naturel-peau-sensible-vanille" class="media-wrapper media-wrapper--small">
<lazy-image class="media media--adapt" style="--image-ratio-percent: 100.0%;">
<img srcset="//www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-peau-sensible-474301.jpg?v=1708514537&width=165 1x, //www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-peau-sensible-474301.jpg?v=1708514537&width=330 2x"
src="//www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-peau-sensible-474301.jpg?v=1708514537&width=165"
alt="Déodorant naturel peau sensible* - Clémence & Vivien"
width="165"
height="165"
loading="lazy"
/>
</lazy-image>
</a>
</div>
<div class="product-description">
<div class="product-content">
<div><a href="/products/deodorant-naturel-peau-sensible-vanille" class="product-title">
<h3 class="product-title h4 t-title-product-price">Déodorant naturel peau sensible vanille</h3>
</a>
</div>
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893404651603'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.78' data-number-of-reviews='285' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.78' tabindex='0' aria-label='4.78 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 285 reviews </span> </div>
</div>
<input type="hidden" name="id" value="40388078436435" /></div><div class="price t-title-product-price"
>
<div class="price__regular">
<span class="price-item price-item--regular">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</div>
<div class="price__sale">
<span class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</span>
<span class="price-item price-item--sale">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</div>
<span class="badge price__badge-sold-out" aria-hidden="true">
Épuisé
</span>
</div>
</div></bundle-product><bundle-product data-block-id="bb17a3a4-9e67-4a2d-97f4-7dedf3e0f419" class="product-container">
<div class="product-image">
<a href="/products/deodorant-naturel-le-poudre" class="media-wrapper media-wrapper--small">
<lazy-image class="media media--adapt" style="--image-ratio-percent: 100.0%;">
<img srcset="//www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-le-poudre-795919.jpg?v=1708514537&width=165 1x, //www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-le-poudre-795919.jpg?v=1708514537&width=330 2x"
src="//www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-le-poudre-795919.jpg?v=1708514537&width=165"
alt="Déodorant naturel le poudré* - Clémence & Vivien"
width="165"
height="165"
loading="lazy"
/>
</lazy-image>
</a>
</div>
<div class="product-description">
<div class="product-content">
<div><a href="/products/deodorant-naturel-le-poudre" class="product-title">
<h3 class="product-title h4 t-title-product-price">Déodorant naturel le poudré</h3>
</a>
</div>
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893404225619'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.79' data-number-of-reviews='335' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.79' tabindex='0' aria-label='4.79 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 335 reviews </span> </div>
</div>
<input type="hidden" name="id" value="40388078010451" /></div><div class="price t-title-product-price"
>
<div class="price__regular">
<span class="price-item price-item--regular">
<price-money><bdi>€9,50</bdi></price-money>
</span>
</div>
<div class="price__sale">
<span class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</span>
<span class="price-item price-item--sale">
<price-money><bdi>€9,50</bdi></price-money>
</span>
</div>
<span class="badge price__badge-sold-out" aria-hidden="true">
Épuisé
</span>
</div>
</div></bundle-product><bundle-product data-block-id="68e7f8e8-9caa-4369-be14-c72bf3045913" class="product-container">
<div class="product-image">
<a href="/products/deodorant-naturel-l-herbace" class="media-wrapper media-wrapper--small">
<lazy-image class="media media--adapt" style="--image-ratio-percent: 100.0%;">
<img srcset="//www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-lherbace-940213.jpg?v=1673538526&width=165 1x, //www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-lherbace-940213.jpg?v=1673538526&width=330 2x"
src="//www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-lherbace-940213.jpg?v=1673538526&width=165"
alt="Déodorant naturel l&"
width="165"
height="165"
loading="lazy"
/>
</lazy-image>
</a>
</div>
<div class="product-description">
<div class="product-content">
<div><a href="/products/deodorant-naturel-l-herbace" class="product-title">
<h3 class="product-title h4 t-title-product-price">Déodorant naturel l'herbacé</h3>
</a>
</div>
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893404127315'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.83' data-number-of-reviews='464' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.83' tabindex='0' aria-label='4.83 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 464 reviews </span> </div>
</div>
<input type="hidden" name="id" value="40388077912147" /></div><div class="price t-title-product-price"
>
<div class="price__regular">
<span class="price-item price-item--regular">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</div>
<div class="price__sale">
<span class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</span>
<span class="price-item price-item--sale">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</div>
<span class="badge price__badge-sold-out" aria-hidden="true">
Épuisé
</span>
</div>
</div></bundle-product><bundle-product data-block-id="1f2aff60-b5bc-44d8-aef9-c2d8168625ee" class="product-container">
<div class="product-image">
<a href="/products/deodorant-naturel-peau-sensible-mandarine" class="media-wrapper media-wrapper--small">
<lazy-image class="media media--adapt" style="--image-ratio-percent: 100.0%;">
<img srcset="//www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-peau-sensible-778069.jpg?v=1673538522&width=165 1x, //www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-peau-sensible-778069.jpg?v=1673538522&width=330 2x"
src="//www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-peau-sensible-778069.jpg?v=1673538522&width=165"
alt="Déodorant naturel peau sensible* - Clémence & Vivien"
width="165"
height="165"
loading="lazy"
/>
</lazy-image>
</a>
</div>
<div class="product-description">
<div class="product-content">
<div><a href="/products/deodorant-naturel-peau-sensible-mandarine" class="product-title">
<h3 class="product-title h4 t-title-product-price">Déodorant naturel peau sensible mandarine</h3>
</a>
</div>
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893404618835'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.78' data-number-of-reviews='295' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.78' tabindex='0' aria-label='4.78 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 295 reviews </span> </div>
</div>
<input type="hidden" name="id" value="40388078403667" /></div><div class="price t-title-product-price"
>
<div class="price__regular">
<span class="price-item price-item--regular">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</div>
<div class="price__sale">
<span class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</span>
<span class="price-item price-item--sale">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</div>
<span class="badge price__badge-sold-out" aria-hidden="true">
Épuisé
</span>
</div>
</div></bundle-product><bundle-product data-block-id="37a293e1-a886-4df3-bc1f-0643a1af0ff5" class="product-container">
<div class="product-image">
<a href="/products/deodorant-naturel-le-fleuri" class="media-wrapper media-wrapper--small">
<lazy-image class="media media--adapt" style="--image-ratio-percent: 100.0%;">
<img srcset="//www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-le-fleuri-818173.jpg?v=1673538524&width=165 1x, //www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-le-fleuri-818173.jpg?v=1673538524&width=330 2x"
src="//www.clemenceetvivien.com/cdn/shop/products/deodorant-naturel-le-fleuri-818173.jpg?v=1673538524&width=165"
alt="Déodorant naturel le fleuri* - Clémence & Vivien"
width="165"
height="165"
loading="lazy"
/>
</lazy-image>
</a>
</div>
<div class="product-description">
<div class="product-content">
<div><a href="/products/deodorant-naturel-le-fleuri" class="product-title">
<h3 class="product-title h4 t-title-product-price">Déodorant naturel le fleuri</h3>
</a>
</div>
<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6893404094547'
data-template='manual-installation'
data-auto-install='false'>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.82' data-number-of-reviews='460' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.82' tabindex='0' aria-label='4.82 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 460 reviews </span> </div>
</div>
<input type="hidden" name="id" value="40388077879379" /></div><div class="price t-title-product-price"
>
<div class="price__regular">
<span class="price-item price-item--regular">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</div>
<div class="price__sale">
<span class="price__compare">
<s class="price-item price-item--regular">
<price-money><bdi></bdi></price-money>
</s>
</span>
<span class="price-item price-item--sale">
<price-money><bdi>€8,50</bdi></price-money>
</span>
</div>
<span class="badge price__badge-sold-out" aria-hidden="true">
Épuisé
</span>
</div>
</div></bundle-product><div class="product-form__error-message-wrapper" role="alert" hidden>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewbox="0 0 13 13">
<circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/>
<circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"/>
<path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/>
<path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7">
</svg>
<span class="product-form__error-message"></span>
</div>
<button type="button" class="button button--outline">
Je découvre
</button></div>
</div>
</div>
</div>
</bundle-products>
</section><section id="shopify-section-template--20016253632861__insta-feed-header" class="shopify-section section"><style data-shopify>#shopify-section-template--20016253632861__insta-feed-header {
--logo-opacity: 0.0;
}
.section-template--20016253632861__insta-feed-header-padding {
padding-top: calc(px * 0.75);
padding-bottom: calc(px * 0.75);
}
@media screen and (min-width: 750px) {
.section-template--20016253632861__insta-feed-header-padding {
padding-top: px;
padding-bottom: px;
}
}</style><div class="instafeed-header page-width section-template--20016253632861__insta-feed-header-padding">
<div class="title-wrapper center">
<h2 class="title t-title4">Parce qu’on adore votre compagnie...</h2>
</div><lazy-image class="image-animate">
<img
src="//www.clemenceetvivien.com/cdn/shop/files/insta.png?v=1670532155&width=35"
alt=""
loading="lazy"
width="35"
height="35"
class="logo-insta"
/>
</lazy-image></div>
</section><section id="shopify-section-template--20016253632861__16624725474358b630" class="shopify-section section"><style data-shopify>.section-template--20016253632861__16624725474358b630-padding {
padding-top: calc(0px * 0.75);
padding-bottom: calc(36px * 0.75);
}
@media screen and (min-width: 750px) {
.section-template--20016253632861__16624725474358b630-padding {
padding-top: 0px;
padding-bottom: 36px;
}
}</style><div class="section-template--20016253632861__16624725474358b630-padding page-width"><div id="shopify-block-74af782f-2cd7-45ba-8bbe-c88ab1f004d1" class="shopify-block shopify-app-block">
<style>
body #insta-feed {
text-align: center;
}
#insta-feed h2 {
}
</style>
<div id="insta-feed"></div>
<script>
if (typeof instafeedLocalTitle === 'undefined') var instafeedLocalTitle = "";
</script>
</div>
</div>
</section><section id="shopify-section-template--20016253632861__3515ad9a-7f23-4eb0-9df4-a8e77798106d" class="shopify-section section"><style data-shopify>#shopify-section-template--20016253632861__3515ad9a-7f23-4eb0-9df4-a8e77798106d {
--image-position: center center;
}
.section-template--20016253632861__3515ad9a-7f23-4eb0-9df4-a8e77798106d-padding {
padding-top: calc(36px * 0.75);
padding-bottom: calc(36px * 0.75);
}
#shopify-section-template--20016253632861__3515ad9a-7f23-4eb0-9df4-a8e77798106d .article-card {
padding: 0 3rem 3rem;
background: linear-gradient(rgb(var(--color-achromatic_000)) 25%, rgb(var(--color-green_100)) 25%);
height: 100%;
}
#shopify-section-template--20016253632861__3515ad9a-7f23-4eb0-9df4-a8e77798106d .article-card__info {
padding: 3rem;
background: rgb(var(--color-achromatic_000));
}
#shopify-section-template--20016253632861__3515ad9a-7f23-4eb0-9df4-a8e77798106d .article-card__info h3 {
margin: 0;
}
#shopify-section-template--20016253632861__3515ad9a-7f23-4eb0-9df4-a8e77798106d .article-card__image {
padding-bottom: 50%;
}
@media screen and (min-width: 750px) {
.section-template--20016253632861__3515ad9a-7f23-4eb0-9df4-a8e77798106d-padding {
padding-top: 36px;
padding-bottom: 36px;
}
}</style><link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-slider.css?v=35733319676707799251698230865" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-card.css?v=35629809726525696711698230865" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-article-card.css?v=44979647582226044241698230865" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/section-featured-blog.css?v=68626175492844547921698230865" media="print" onload="this.media='all'">
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-slider.css?v=35733319676707799251698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-card.css?v=35629809726525696711698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-article-card.css?v=44979647582226044241698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/section-featured-blog.css?v=68626175492844547921698230865" rel="stylesheet" type="text/css" media="all" />
<div class="blog page-width section-template--20016253632861__3515ad9a-7f23-4eb0-9df4-a8e77798106d-padding"><div class="title-wrapper">
<h2 class="title t-title2 h2">On vous raconte de jolies choses...</h2><div class="view-all center">
<a href="/blogs/infos" class="button button--secondary">
Tous les articles
</a>
</div></div><slider-component class="slider-mobile-gutter">
<ul id="Slider-template--20016253632861__3515ad9a-7f23-4eb0-9df4-a8e77798106d"
class="blog__posts articles-wrapper grid grid--1-col grid--1-col-mobile grid--2-col-tablet blog__posts--2-items"
role="list"
><li id="Slide-template--20016253632861__3515ad9a-7f23-4eb0-9df4-a8e77798106d-1"
class="blog__post grid__item"
>
<style data-shopify>.article-card .article-card__footer .button--secondary {
margin: 3rem 0 0 auto;
}
@media screen and (max-width: 749px) {
.article-card .article-card__footer .button--secondary {
margin-top: 2rem;
}
}
.article-card .card{
overflow: visible;
height: 100%;
display: flex;
flex-direction: column;
}</style><article class="article-card" aria-labelledby="Article-733114859869">
<div class="card"><use-animate data-animate="zoom-fade-small" class="article-card__image-wrapper media-wrapper">
<lazy-image class="article-card__image image-animate media media--landscape media--hover-effect">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/articles/les-idees-cadeaux-green-2024-997624.jpg?v=1733243564&width=165 165w,//www.clemenceetvivien.com/cdn/shop/articles/les-idees-cadeaux-green-2024-997624.jpg?v=1733243564&width=375 375w,//www.clemenceetvivien.com/cdn/shop/articles/les-idees-cadeaux-green-2024-997624.jpg?v=1733243564&width=550 550w,//www.clemenceetvivien.com/cdn/shop/articles/les-idees-cadeaux-green-2024-997624.jpg?v=1733243564&width=750 750w,//www.clemenceetvivien.com/cdn/shop/articles/les-idees-cadeaux-green-2024-997624.jpg?v=1733243564&width=1100 1100w,//www.clemenceetvivien.com/cdn/shop/articles/les-idees-cadeaux-green-2024-997624.jpg?v=1733243564&width=1500 1500w, //www.clemenceetvivien.com/cdn/shop/articles/les-idees-cadeaux-green-2024-997624.jpg?v=1733243564 1627w"
src="//www.clemenceetvivien.com/cdn/shop/articles/les-idees-cadeaux-green-2024-997624.jpg?v=1733243564&width=550"
sizes="(min-width: 1440px) 670px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
alt="Les idées cadeaux green 2024 - Clémence & Vivien"
width="1627"
height="2048"
loading="lazy"
class="motion-reduce"
/>
</lazy-image>
</use-animate><div class="article-card__info"><header class="article-card__header" >
<a href="/blogs/infos/les-idees-cadeaux-green" class="card">
<h3 class="article-card__title t-title4" id="Article-733114859869">
Les idées cadeaux green 2024
</h3>
</a>
<div></div>
</header><p class="article-card__excerpt rte t-body2" >Les temps changent et avec eux, notre manière de consommer. Aujourd'hui, offrir un cadeau ne se résume plus à la seule idée de faire plaisir : c'est aussi un geste...</p></div>
<div class="article-card__footer" >
<a href="/blogs/infos/les-idees-cadeaux-green" class="button button--secondary">
<span aria-label="Lire la suite: Les idées cadeaux green 2024">Lire la suite</span>
</a>
</div>
</div>
</article>
</li><li id="Slide-template--20016253632861__3515ad9a-7f23-4eb0-9df4-a8e77798106d-2"
class="blog__post grid__item"
>
<style data-shopify>.article-card .article-card__footer .button--secondary {
margin: 3rem 0 0 auto;
}
@media screen and (max-width: 749px) {
.article-card .article-card__footer .button--secondary {
margin-top: 2rem;
}
}
.article-card .card{
overflow: visible;
height: 100%;
display: flex;
flex-direction: column;
}</style><article class="article-card" aria-labelledby="Article-733304127837">
<div class="card"><use-animate data-animate="zoom-fade-small" class="article-card__image-wrapper media-wrapper">
<lazy-image class="article-card__image image-animate media media--landscape media--hover-effect">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/articles/les-huiles-essentielles-efficaces-dans-une-routine-purifiante-520084.jpg?v=1732663369&width=165 165w,//www.clemenceetvivien.com/cdn/shop/articles/les-huiles-essentielles-efficaces-dans-une-routine-purifiante-520084.jpg?v=1732663369&width=375 375w,//www.clemenceetvivien.com/cdn/shop/articles/les-huiles-essentielles-efficaces-dans-une-routine-purifiante-520084.jpg?v=1732663369&width=550 550w,//www.clemenceetvivien.com/cdn/shop/articles/les-huiles-essentielles-efficaces-dans-une-routine-purifiante-520084.jpg?v=1732663369&width=750 750w,//www.clemenceetvivien.com/cdn/shop/articles/les-huiles-essentielles-efficaces-dans-une-routine-purifiante-520084.jpg?v=1732663369&width=1100 1100w,//www.clemenceetvivien.com/cdn/shop/articles/les-huiles-essentielles-efficaces-dans-une-routine-purifiante-520084.jpg?v=1732663369&width=1500 1500w, //www.clemenceetvivien.com/cdn/shop/articles/les-huiles-essentielles-efficaces-dans-une-routine-purifiante-520084.jpg?v=1732663369 1920w"
src="//www.clemenceetvivien.com/cdn/shop/articles/les-huiles-essentielles-efficaces-dans-une-routine-purifiante-520084.jpg?v=1732663369&width=550"
sizes="(min-width: 1440px) 670px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
alt="Les huiles essentielles efficaces dans une routine purifiante - Clémence & Vivien"
width="1920"
height="1080"
loading="lazy"
class="motion-reduce"
/>
</lazy-image>
</use-animate><div class="article-card__info"><header class="article-card__header" >
<a href="/blogs/infos/les-huiles-essentielles-efficaces-dans-une-routine-purifiante" class="card">
<h3 class="article-card__title t-title4" id="Article-733304127837">
Les huiles essentielles efficaces dans une routine purifiante
</h3>
</a>
<div></div>
</header><p class="article-card__excerpt rte t-body2" >Les huiles essentielles de tea tree et de lavande se sont imposées comme des alliées incontournables pour les peaux mixtes à grasses. Connue pour ses propriétés antibactériennes et anti-inflammatoires, l'huile...</p></div>
<div class="article-card__footer" >
<a href="/blogs/infos/les-huiles-essentielles-efficaces-dans-une-routine-purifiante" class="button button--secondary">
<span aria-label="Lire la suite: Les huiles essentielles efficaces dans une routine purifiante">Lire la suite</span>
</a>
</div>
</div>
</article>
</li></ul></slider-component></div>
</section>
</main>
<section id="shopify-section-newsletter" class="shopify-section section"><style data-shopify>#shopify-section-newsletter {
--color-background: 255, 255, 255;
--color-foreground: 13, 13, 13;
--color-border: 13, 13, 13;
--color-heading: var(--color-foreground);
--color-link: var(--color-foreground);
}
.section-newsletter-padding {
padding-top: calc(0px * 0.75);
padding-bottom: calc(0px * 0.75);
}
@media screen and (min-width: 750px) {
.section-newsletter-padding {
padding-top: 0px;
padding-bottom: 0px;
}
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/section-newsletter.css?v=141406626869796844091698230865" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-newsletter.css?v=3077043848876137811698230865" media="print" onload="this.media='all'">
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-newsletter.css?v=3077043848876137811698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<div class="section-newsletter-padding">
<div class="newsletter left mobile-left">
<div class="banner__media">
<div class="media-wrapper"><lazy-image class="media">
<img
srcset="//www.clemenceetvivien.com/cdn/shop/files/nous_3x_a2db8e86-64f7-4478-b395-2163b14fc003.png?v=1671459399&width=375 375w,//www.clemenceetvivien.com/cdn/shop/files/nous_3x_a2db8e86-64f7-4478-b395-2163b14fc003.png?v=1671459399&width=750 750w,//www.clemenceetvivien.com/cdn/shop/files/nous_3x_a2db8e86-64f7-4478-b395-2163b14fc003.png?v=1671459399&width=1100 1100w,//www.clemenceetvivien.com/cdn/shop/files/nous_3x_a2db8e86-64f7-4478-b395-2163b14fc003.png?v=1671459399&width=1500 1500w,//www.clemenceetvivien.com/cdn/shop/files/nous_3x_a2db8e86-64f7-4478-b395-2163b14fc003.png?v=1671459399&width=2200 2200w,//www.clemenceetvivien.com/cdn/shop/files/nous_3x_a2db8e86-64f7-4478-b395-2163b14fc003.png?v=1671459399&width=3000 3000w, //www.clemenceetvivien.com/cdn/shop/files/nous_3x_a2db8e86-64f7-4478-b395-2163b14fc003.png?v=1671459399 5760w"
src="//www.clemenceetvivien.com/cdn/shop/files/nous_3x_a2db8e86-64f7-4478-b395-2163b14fc003.png?v=1671459399&width=750"
sizes="100vw"
loading="lazy"
alt=""
width="5760"
height="3399"
class="image-fit"
/>
</lazy-image></div>
</div>
<div class="page-width">
<div class="grid grid--2-col grid--2-col-mobile grid--2-col-tablet grid--4-col-desktop">
<div class="grid__item">
<div class="newsletter__wrapper"><h2 class="t-title3" >Newsletter</h2><div class="newsletter__subheading rte t-body1" ><p>Reçevez tous les bons plans et les actualités Clémence & Vivien.</p></div><form-state >
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="contact[tags]" value="newsletter"/>
<div class="newsletter-form__field-wrapper">
<div class="field">
<input
id="NewsletterForm--newsletter"
type="email"
name="contact[email]"
class="t-body1 field__input required"
value=""
aria-required="true"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="Adresse email"
required
/>
<label class="visually-hidden" for="NewsletterForm--newsletter">Adresse email</label>
<button type="submit" class="button button--secondary" name="commit" aria-label="Je m’inscris">
<span class="hide-mobile t-body1">Je m’inscris</span>
</button>
</div></div></form>
</form-state></div>
</div>
</div>
</div>
</div>
</div>
</section>
<div id="shopify-section-footer" class="shopify-section"><style data-shopify>#shopify-section-footer {
--color-background: 255, 255, 255;
--color-foreground: 66, 71, 76;
--color-link: 13, 13, 13;
--color-border: 210, 213, 217;
--color-heading: 0, 0, 0;
}</style><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/section-footer.css?v=158266576771188348601698230865" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-newsletter.css?v=3077043848876137811698230865" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-accordion.css?v=31346940149137668411698230865" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-list-payment.css?v=90190534466538419181698230865" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-list-social.css?v=130487610689412181091698230865" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rte.css?v=11464243993145207301698230865" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/disclosure.css?v=159870235142291529641698230865" media="print" onload="this.media='all'">
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-newsletter.css?v=3077043848876137811698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-accordion.css?v=31346940149137668411698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-list-payment.css?v=90190534466538419181698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-list-social.css?v=130487610689412181091698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/component-rte.css?v=11464243993145207301698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/disclosure.css?v=159870235142291529641698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<script src="//www.clemenceetvivien.com/cdn/shop/t/43/assets/footer-accordion.js?v=158562398533116985351698230865" defer="defer"></script>
<footer class="footer footer--border-top"><div class="footer__content-top page-width">
<div class="grid"><div class="grid__item footer__content-left">
<div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet"><footer-accordion class="accordion footer-block grid__item footer-brand" >
<details open>
<summary tabindex="-1">
<h2 class="h4 accordion__title t-title5-bold-button"></h2>
<svg width="21" height="12" viewbox="0 0 21 12" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9899 11.9004C11.1448 11.8347 11.2849 11.7388 11.4023 11.6186L20.6317 2.19251C20.8687 1.95046 21 1.62438 21 1.28654C21 0.948686 20.8687 0.622606 20.6317 0.380563C20.3944 0.138162 20.0702 -2.975e-08 19.7299 0C19.3896 2.97498e-08 19.0654 0.138193 18.828 0.380594L10.5 8.88755L2.17195 0.380564C1.9346 0.138163 1.61043 1.58405e-06 1.27013 1.6138e-06C0.929827 1.64355e-06 0.605648 0.138163 0.368303 0.380564C0.131309 0.622608 -2.95358e-08 0.948688 0 1.28654C2.95356e-08 1.62438 0.13131 1.95046 0.368303 2.19251L9.59818 11.619C9.71548 11.739 9.85537 11.8348 10.0101 11.9004C10.1651 11.9661 10.3316 12 10.5 12C10.6684 12 10.8349 11.9661 10.9899 11.9004Z" fill="currentColor"/>
</svg>
</summary><div class="footer-block__details-content footer-block-image left"><img
srcset= "//www.clemenceetvivien.com/cdn/shop/files/logo_footer.png?v=1671537209&width=130, //www.clemenceetvivien.com/cdn/shop/files/logo_footer.png?v=1671537209&width=260 2x"
src="//www.clemenceetvivien.com/cdn/shop/files/logo_footer.png?v=1671537209&width=130"
alt=""
loading="lazy"
width="262"
height="274"
style="max-width: min(100%, 130px); width: 130px"
/><p class="caption-large"></p><ul class="footer__list-social list-unstyled list-social" role="list">
<li class="list-social__item">
<a target="_blank" rel="noopener" href="https://www.facebook.com/clemenceetvivien" class="list-social__link link link--text link-with-icon" aria-describedby="a11y-external-message">
<svg width="8" height="17" viewbox="0 0 8 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook">
<path d="M2.04221 17V9.02311H0V6.15104H2.04221V3.69793C2.04221 1.77024 3.24856 0 6.02823 0C7.15368 0 7.98589 0.111435 7.98589 0.111435L7.92032 2.79346C7.92032 2.79346 7.07159 2.78492 6.14543 2.78492C5.14303 2.78492 4.98244 3.26203 4.98244 4.05391V6.15104H8L7.8687 9.02311H4.98244V17H2.04221Z" fill="currentColor"/>
</svg>
<span class="visually-hidden">Facebook</span>
</a>
</li><li class="list-social__item">
<a target="_blank" rel="noopener" href="https://www.instagram.com/clemenceetvivien/" class="list-social__link link link--text link-with-icon" aria-describedby="a11y-external-message">
<svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" v>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.28955 0.054C6.24927 0.00981817 6.55527 0 9 0C11.4447 0 11.7507 0.0106364 12.7096 0.054C13.6685 0.0973636 14.3231 0.250364 14.8958 0.472091C15.4955 0.698727 16.0396 1.053 16.4896 1.51118C16.9478 1.96036 17.3013 2.50364 17.5271 3.10418C17.7496 3.67691 17.9018 4.33145 17.946 5.28873C17.9902 6.25009 18 6.55609 18 9C18 11.4447 17.9894 11.7507 17.946 12.7105C17.9026 13.6677 17.7496 14.3223 17.5271 14.895C17.3013 15.4956 16.9472 16.0398 16.4896 16.4896C16.0396 16.9478 15.4955 17.3013 14.8958 17.5271C14.3231 17.7496 13.6685 17.9018 12.7113 17.946C11.7507 17.9902 11.4447 18 9 18C6.55527 18 6.24927 17.9894 5.28955 17.946C4.33227 17.9026 3.67773 17.7496 3.105 17.5271C2.50439 17.3012 1.96022 16.9472 1.51036 16.4896C1.05249 16.0402 0.698167 15.4963 0.472091 14.8958C0.250364 14.3231 0.0981818 13.6685 0.054 12.7113C0.00981817 11.7499 0 11.4439 0 9C0 6.55527 0.0106364 6.24927 0.054 5.29036C0.0973636 4.33145 0.250364 3.67691 0.472091 3.10418C0.6985 2.5037 1.0531 1.9598 1.51118 1.51036C1.9604 1.05259 2.50402 0.698272 3.10418 0.472091C3.67691 0.250364 4.33227 0.0981818 5.28955 0.054ZM12.6368 1.674C11.6877 1.63064 11.403 1.62164 9 1.62164C6.597 1.62164 6.31227 1.63064 5.36318 1.674C4.48527 1.71409 4.00909 1.86055 3.69164 1.98409C3.27191 2.14773 2.97164 2.34164 2.65664 2.65664C2.35804 2.94713 2.12824 3.30078 1.98409 3.69164C1.86055 4.00909 1.71409 4.48527 1.674 5.36318C1.63064 6.31227 1.62164 6.597 1.62164 9C1.62164 11.403 1.63064 11.6877 1.674 12.6368C1.71409 13.5147 1.86055 13.9909 1.98409 14.3084C2.12809 14.6986 2.358 15.0529 2.65664 15.3434C2.94709 15.642 3.30136 15.8719 3.69164 16.0159C4.00909 16.1395 4.48527 16.2859 5.36318 16.326C6.31227 16.3694 6.59618 16.3784 9 16.3784C11.4038 16.3784 11.6877 16.3694 12.6368 16.326C13.5147 16.2859 13.9909 16.1395 14.3084 16.0159C14.7281 15.8523 15.0284 15.6584 15.3434 15.3434C15.642 15.0529 15.8719 14.6986 16.0159 14.3084C16.1395 13.9909 16.2859 13.5147 16.326 12.6368C16.3694 11.6877 16.3784 11.403 16.3784 9C16.3784 6.597 16.3694 6.31227 16.326 5.36318C16.2859 4.48527 16.1395 4.00909 16.0159 3.69164C15.8523 3.27191 15.6584 2.97164 15.3434 2.65664C15.0528 2.35806 14.6992 2.12826 14.3084 1.98409C13.9909 1.86055 13.5147 1.71409 12.6368 1.674ZM7.85045 11.7745C8.49245 12.0417 9.20731 12.0778 9.87294 11.8765C10.5386 11.6752 11.1137 11.2491 11.5 10.6709C11.8864 10.0927 12.06 9.39835 11.9913 8.70636C11.9226 8.01437 11.6157 7.3677 11.1232 6.87682C10.8092 6.56303 10.4295 6.32276 10.0115 6.1733C9.59355 6.02385 9.14762 5.96893 8.70586 6.0125C8.2641 6.05608 7.83749 6.19705 7.45675 6.42529C7.07601 6.65352 6.75061 6.96334 6.50397 7.33242C6.25734 7.70151 6.09561 8.12069 6.03042 8.55979C5.96524 8.99888 5.99821 9.44697 6.12699 9.87179C6.25576 10.2966 6.47712 10.6876 6.77514 11.0166C7.07315 11.3456 7.4404 11.6044 7.85045 11.7745ZM5.72891 5.72891C6.15847 5.29934 6.66844 4.95859 7.2297 4.72611C7.79095 4.49363 8.3925 4.37398 9 4.37398C9.6075 4.37398 10.209 4.49363 10.7703 4.72611C11.3316 4.95859 11.8415 5.29934 12.2711 5.72891C12.7007 6.15847 13.0414 6.66844 13.2739 7.2297C13.5064 7.79095 13.626 8.3925 13.626 9C13.626 9.6075 13.5064 10.209 13.2739 10.7703C13.0414 11.3316 12.7007 11.8415 12.2711 12.2711C11.4035 13.1386 10.2269 13.626 9 13.626C7.7731 13.626 6.59646 13.1386 5.72891 12.2711C4.86136 11.4035 4.37398 10.2269 4.37398 9C4.37398 7.7731 4.86136 6.59646 5.72891 5.72891ZM14.652 5.06291C14.7584 4.96249 14.8437 4.84174 14.9026 4.7078C14.9616 4.57385 14.993 4.42945 14.9952 4.28312C14.9973 4.1368 14.97 3.99154 14.915 3.85594C14.86 3.72033 14.7784 3.59715 14.6749 3.49367C14.5714 3.39019 14.4482 3.30853 14.3126 3.25351C14.177 3.1985 14.0317 3.17125 13.8854 3.17339C13.7391 3.17552 13.5947 3.20699 13.4607 3.26593C13.3268 3.32488 13.2061 3.4101 13.1056 3.51655C12.9103 3.72357 12.8034 3.99855 12.8076 4.28312C12.8117 4.5677 12.9266 4.83945 13.1279 5.04069C13.3291 5.24193 13.6008 5.35682 13.8854 5.36097C14.17 5.36512 14.445 5.2582 14.652 5.06291Z" fill="currentColor"/>
</svg>
<span class="visually-hidden">Instagram</span>
</a>
</li><li class="list-social__item">
<a target="_blank" rel="noopener" href="https://www.pinterest.fr/clemenceetvivien/_created/" class="list-social__link link link--text link-with-icon" aria-describedby="a11y-external-message">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest" width="13" height="17" viewbox="0 0 13 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.90654 0C3.43268 0 0 2.32961 0 6.10005C0 8.49778 1.34068 9.86013 2.15321 9.86013C2.48852 9.86013 2.68136 8.92011 2.68136 8.65472C2.68136 8.33811 1.87912 7.66348 1.87912 6.34527C1.87912 3.60695 3.95108 1.66533 6.63244 1.66533C8.93787 1.66533 10.6442 2.98354 10.6442 5.40525C10.6442 7.2139 9.92321 10.6062 7.5869 10.6062C6.74403 10.6062 6.0225 9.99309 6.0225 9.11465C6.0225 7.82696 6.91629 6.58069 6.91629 5.25212C6.91629 2.99771 3.73711 3.40641 3.73711 6.13111C3.73711 6.7033 3.80807 7.33652 4.06213 7.85802C3.59465 9.88138 2.64019 12.8954 2.64019 14.9798C2.64019 15.6234 2.73174 16.2572 2.79241 16.9007C2.90725 17.0304 2.84983 17.0168 3.02588 16.952C4.7322 14.6016 4.67153 14.1423 5.44343 11.0666C5.85999 11.8639 6.93633 12.2927 7.78949 12.2927C11.3847 12.2927 13 8.76753 13 5.58999C13 2.20809 10.0949 0.00108988 6.906 0.00108988L6.90654 0Z" fill="#C8735A"/>
</svg>
<span class="visually-hidden">Pinterest</span>
</a>
</li><li class="list-social__item">
<a target="_blank" rel="noopener" href="https://www.tiktok.com/@clemenceetvivien" class="list-social__link link link--text link-with-icon" aria-describedby="a11y-external-message">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-tiktok" width="16" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.02 0H11s-.17 3.82 4.13 4.1v2.95s-2.3.14-4.13-1.26l.03 6.1a5.52 5.52 0 11-5.51-5.52h.77V9.4a2.5 2.5 0 101.76 2.4L8.02 0z" fill="currentColor"/>
</svg>
<span class="visually-hidden">TikTok</span>
</a>
</li>
<li class="list-social__item--placeholder">Suivez-nous sur les médias sociaux!</li>
</ul></div></details>
</footer-accordion><footer-accordion class="accordion footer-block grid__item footer-block--menu" >
<details open>
<summary tabindex="-1">
<h2 class="h4 accordion__title t-title5-bold-button">Gammes produits</h2>
<svg width="21" height="12" viewbox="0 0 21 12" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9899 11.9004C11.1448 11.8347 11.2849 11.7388 11.4023 11.6186L20.6317 2.19251C20.8687 1.95046 21 1.62438 21 1.28654C21 0.948686 20.8687 0.622606 20.6317 0.380563C20.3944 0.138162 20.0702 -2.975e-08 19.7299 0C19.3896 2.97498e-08 19.0654 0.138193 18.828 0.380594L10.5 8.88755L2.17195 0.380564C1.9346 0.138163 1.61043 1.58405e-06 1.27013 1.6138e-06C0.929827 1.64355e-06 0.605648 0.138163 0.368303 0.380564C0.131309 0.622608 -2.95358e-08 0.948688 0 1.28654C2.95356e-08 1.62438 0.13131 1.95046 0.368303 2.19251L9.59818 11.619C9.71548 11.739 9.85537 11.8348 10.0101 11.9004C10.1651 11.9661 10.3316 12 10.5 12C10.6684 12 10.8349 11.9661 10.9899 11.9004Z" fill="currentColor"/>
</svg>
</summary><ul class="footer-block__details-content list-unstyled"><li>
<a href="/collections/soins-du-visage" class="t-body2 link list-menu__item list-menu__item--link">
Soins du visage
</a>
</li><li>
<a href="/collections/soins-du-corps" class="t-body2 link list-menu__item list-menu__item--link">
Soins du corps
</a>
</li><li>
<a href="/collections/soins-cheveux" class="t-body2 link list-menu__item list-menu__item--link">
Soins des cheveux
</a>
</li><li>
<a href="/collections/les-routines" class="t-body2 link list-menu__item list-menu__item--link">
Les routines
</a>
</li><li>
<a href="/collections/kits-cadeaux" class="t-body2 link list-menu__item list-menu__item--link">
Kits & Cadeaux
</a>
</li><li>
<a href="/collections/accessoires" class="t-body2 link list-menu__item list-menu__item--link">
Accessoires
</a>
</li></ul></details>
</footer-accordion><footer-accordion class="accordion footer-block grid__item footer-block--menu" >
<details open>
<summary tabindex="-1">
<h2 class="h4 accordion__title t-title5-bold-button">Clémence & Vivien</h2>
<svg width="21" height="12" viewbox="0 0 21 12" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9899 11.9004C11.1448 11.8347 11.2849 11.7388 11.4023 11.6186L20.6317 2.19251C20.8687 1.95046 21 1.62438 21 1.28654C21 0.948686 20.8687 0.622606 20.6317 0.380563C20.3944 0.138162 20.0702 -2.975e-08 19.7299 0C19.3896 2.97498e-08 19.0654 0.138193 18.828 0.380594L10.5 8.88755L2.17195 0.380564C1.9346 0.138163 1.61043 1.58405e-06 1.27013 1.6138e-06C0.929827 1.64355e-06 0.605648 0.138163 0.368303 0.380564C0.131309 0.622608 -2.95358e-08 0.948688 0 1.28654C2.95356e-08 1.62438 0.13131 1.95046 0.368303 2.19251L9.59818 11.619C9.71548 11.739 9.85537 11.8348 10.0101 11.9004C10.1651 11.9661 10.3316 12 10.5 12C10.6684 12 10.8349 11.9661 10.9899 11.9004Z" fill="currentColor"/>
</svg>
</summary><ul class="footer-block__details-content list-unstyled"><li>
<a href="/pages/clemence-vivien" class="t-body2 link list-menu__item list-menu__item--link">
A propos
</a>
</li><li>
<a href="/pages/programme-fidelite" class="t-body2 link list-menu__item list-menu__item--link">
Programme Fidélité
</a>
</li><li>
<a href="/pages/programme-parrainage" class="t-body2 link list-menu__item list-menu__item--link">
Programme Parrainage
</a>
</li><li>
<a href="/pages/questions-reponses" class="t-body2 link list-menu__item list-menu__item--link">
Questions/Réponses
</a>
</li><li>
<a href="https://www.clemenceetvivien.com/pages/triman" class="t-body2 link list-menu__item list-menu__item--link">
Consignes de tri
</a>
</li><li>
<a href="#smile-home" class="t-body2 link list-menu__item list-menu__item--link">
Vos points de fidélité
</a>
</li></ul></details>
</footer-accordion><footer-accordion class="accordion footer-block grid__item footer-block--menu" >
<details open>
<summary tabindex="-1">
<h2 class="h4 accordion__title t-title5-bold-button">Aide</h2>
<svg width="21" height="12" viewbox="0 0 21 12" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9899 11.9004C11.1448 11.8347 11.2849 11.7388 11.4023 11.6186L20.6317 2.19251C20.8687 1.95046 21 1.62438 21 1.28654C21 0.948686 20.8687 0.622606 20.6317 0.380563C20.3944 0.138162 20.0702 -2.975e-08 19.7299 0C19.3896 2.97498e-08 19.0654 0.138193 18.828 0.380594L10.5 8.88755L2.17195 0.380564C1.9346 0.138163 1.61043 1.58405e-06 1.27013 1.6138e-06C0.929827 1.64355e-06 0.605648 0.138163 0.368303 0.380564C0.131309 0.622608 -2.95358e-08 0.948688 0 1.28654C2.95356e-08 1.62438 0.13131 1.95046 0.368303 2.19251L9.59818 11.619C9.71548 11.739 9.85537 11.8348 10.0101 11.9004C10.1651 11.9661 10.3316 12 10.5 12C10.6684 12 10.8349 11.9661 10.9899 11.9004Z" fill="currentColor"/>
</svg>
</summary><ul class="footer-block__details-content list-unstyled"><li>
<a href="/pages/contact" class="t-body2 link list-menu__item list-menu__item--link">
Contactez-nous
</a>
</li><li>
<a href="/pages/cgv" class="t-body2 link list-menu__item list-menu__item--link">
CGV
</a>
</li><li>
<a href="/pages/mentions-legales" class="t-body2 link list-menu__item list-menu__item--link">
Mentions Légales
</a>
</li><li>
<a href="/pages/politique-de-confidentialite" class="t-body2 link list-menu__item list-menu__item--link">
Politique de confidentialité
</a>
</li><li>
<a href="/pages/livraison-frais-de-ports" class="t-body2 link list-menu__item list-menu__item--link">
Livraison & frais de ports
</a>
</li><li>
<a href="/pages/retour-remboursement" class="t-body2 link list-menu__item list-menu__item--link">
Retour et remboursement
</a>
</li></ul></details>
</footer-accordion></div>
</div></div>
</div><div class="footer__content-bottom">
<div class="footer__content-bottom-wrapper page-width">
<div class="footer__column footer__column--info">
<div class="footer__copyright">
<small class="copyright__content">© 2024, <a href="/" title="">Clémence & Vivien</a>. </small>
</div>
</div>
<div class="footer__column footer__column--extra">
<div class="footer__localization"><noscript><form method="post" action="/localization" id="FooterCountryFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
<h2 class="visually-hidden" id="FooterCountryLabelNoScript">Pays/région</h2>
<select class="localization-selector link" name="country_code" aria-labelledby="FooterCountryLabelNoScript"><option value="BE">
EUR €
</option><option value="FR" selected>
EUR €
</option><option value="LU">
EUR €
</option></select>
<svg width="21" height="12" viewbox="0 0 21 12" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9899 11.9004C11.1448 11.8347 11.2849 11.7388 11.4023 11.6186L20.6317 2.19251C20.8687 1.95046 21 1.62438 21 1.28654C21 0.948686 20.8687 0.622606 20.6317 0.380563C20.3944 0.138162 20.0702 -2.975e-08 19.7299 0C19.3896 2.97498e-08 19.0654 0.138193 18.828 0.380594L10.5 8.88755L2.17195 0.380564C1.9346 0.138163 1.61043 1.58405e-06 1.27013 1.6138e-06C0.929827 1.64355e-06 0.605648 0.138163 0.368303 0.380564C0.131309 0.622608 -2.95358e-08 0.948688 0 1.28654C2.95356e-08 1.62438 0.13131 1.95046 0.368303 2.19251L9.59818 11.619C9.71548 11.739 9.85537 11.8348 10.0101 11.9004C10.1651 11.9661 10.3316 12 10.5 12C10.6684 12 10.8349 11.9661 10.9899 11.9004Z" fill="currentColor"/>
</svg>
</div>
<button class="button button--tertiary">Mise à jours le pays/la région</button></form></noscript>
<localization-form><form method="post" action="/localization" id="FooterCountryForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="no-js-hidden">
<span class="visually-hidden" id="FooterCountryLabel">Pays/région</span>
<div class="disclosure">
<button type="button" class="disclosure__button localization-form__select localization-selector link link--text link-with-icon" aria-expanded="false" aria-controls="FooterCountryList" aria-describedby="FooterCountryLabel"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-localization" fill="none" viewbox="0 0 24 24">
<path d="M12 0c-.17 0-.34 0-.52.01C4.94.27 0 5.32 0 11.75 0 18.5 5.37 24 11.97 24 18.6 24 24 18.6 24 11.96 24 5.36 18.62 0 12 0zm9.21 5.98c.97 1.46 1.58 3.17 1.74 5h-5.48c-.05-1.71-.37-3.39-.97-5h4.71zm-13.72 5c.05-1.72.4-3.39 1.06-5h6.91c.66 1.61 1.01 3.29 1.06 5H7.49zm9.02 1c-.05 1.64-.38 3.31-.99 5H8.48c-.6-1.68-.93-3.36-.98-5h9.01zm3.96-7h-4.38c-.6-1.34-1.4-2.63-2.39-3.85 2.71.42 5.09 1.83 6.77 3.85zm-8.74-3.97C11.82 1 11.91 1 12 1h.28c1.14 1.26 2.05 2.59 2.73 3.98H9c.68-1.38 1.59-2.71 2.73-3.97zm-1.41.12c-1 1.22-1.8 2.51-2.4 3.85H3.37c1.66-2.04 4.1-3.46 6.95-3.85zM2.66 5.98h4.85c-.6 1.61-.92 3.29-.97 5H1.03c.12-1.84.69-3.54 1.63-5zm-1.66 6h5.54c.05 1.65.36 3.32.91 5H2.26c-.77-1.5-1.22-3.2-1.26-5zm1.85 6h4.96c.64 1.64 1.52 3.28 2.65 4.91-3.17-.45-5.91-2.29-7.61-4.91zM11.76 23c-1.23-1.67-2.2-3.35-2.89-5.02h6.27c-.7 1.67-1.67 3.35-2.9 5.02h-.48zm1.8-.12c1.12-1.62 1.99-3.26 2.63-4.9h5.01c-1.69 2.6-4.45 4.44-7.64 4.9zm8.22-5.9h-5.23c.56-1.68.87-3.35.92-5H23c0 1.8-.44 3.5-1.22 5z" fill="currentColor"/>
</svg>
<span class="label">France (EUR €)</span>
<svg width="21" height="12" viewbox="0 0 21 12" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9899 11.9004C11.1448 11.8347 11.2849 11.7388 11.4023 11.6186L20.6317 2.19251C20.8687 1.95046 21 1.62438 21 1.28654C21 0.948686 20.8687 0.622606 20.6317 0.380563C20.3944 0.138162 20.0702 -2.975e-08 19.7299 0C19.3896 2.97498e-08 19.0654 0.138193 18.828 0.380594L10.5 8.88755L2.17195 0.380564C1.9346 0.138163 1.61043 1.58405e-06 1.27013 1.6138e-06C0.929827 1.64355e-06 0.605648 0.138163 0.368303 0.380564C0.131309 0.622608 -2.95358e-08 0.948688 0 1.28654C2.95356e-08 1.62438 0.13131 1.95046 0.368303 2.19251L9.59818 11.619C9.71548 11.739 9.85537 11.8348 10.0101 11.9004C10.1651 11.9661 10.3316 12 10.5 12C10.6684 12 10.8349 11.9661 10.9899 11.9004Z" fill="currentColor"/>
</svg>
</button>
<ul id="FooterCountryList" role="list" class="disclosure__list list-unstyled" hidden>
<li class="disclosure__item" tabindex="-1">
<a class="disclosure__link link disclosure__link--active focus-inset" href="#" aria-current="true" data-value="FR">
France (EUR €)
</a>
</li><li class="disclosure__item" tabindex="-1">
<a class="disclosure__link link focus-inset" href="#" data-value="BE">
Belgique (EUR €)
</a>
</li><li class="disclosure__item" tabindex="-1">
<a class="disclosure__link link focus-inset" href="#" data-value="LU">
Luxembourg (EUR €)
</a>
</li></ul>
</div>
<input type="hidden" name="country_code" value="FR"/>
</div></form></localization-form></div><div class="footer__payment">
<span class="visually-hidden">Modes de paiement</span>
<ul class="list list-payment" role="list"></ul>
</div></div>
</div>
</div>
</footer>
</div>
</div>
</div>
<div id="shopify-section-popup" class="shopify-section"><style data-shopify>#shopify-section-popup .popup {
--popup-width: 600px;
--popup-padding: 40px;
--color-background: 255, 255, 255;
--color-foreground: 56, 95, 82;
--color-border: 56, 95, 82;
--color-shadow: 56, 95, 82;
--color-link: var(--color-foreground);
--color-heading: var(--color-foreground);
--color-button-text: var(--color-background);
--color-button-border: var(--color-foreground);
--color-button-background: var(--color-foreground);
}
#shopify-section-popup .button--tertiary {
--color-button-text: var(--color-foreground);
--color-button-border: var(--color-border);
--color-button-background: var(--color-background);
}</style><link rel="stylesheet" href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/section-popup.css?v=139908961332475651031698230865" media="print" onload="this.media='all'">
<noscript><link href="//www.clemenceetvivien.com/cdn/shop/t/43/assets/section-popup.css?v=139908961332475651031698230865" rel="stylesheet" type="text/css" media="all" /></noscript>
<promo-popup data-section-id="popup" class="hidden" data-delay="2" data-expiry="1" data-test-mode="false">
<div class="promo-popup" data-position="center"><div class="popup-overlay"></div><div class="popup-wrapper">
<button class="popup-close" type="button" aria-label="Fermer">
<span class="icon icon-plus-alt"></span>
</button>
<div class="popup center"><div class="popup__content-wrapper">
<div class="popup__content"><div class="popup__text typeset2 rte" ><p>Profitez de -10% sur votre première commande en vous inscrivant à notre newsletter. 🎁</p></div>
<form-state >
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="popup__newsletter"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="contact[tags]" value="newsletter"/><div class="field">
<input
id="NewsletterForm--popup"
type="email"
name="contact[email]"
class="field__input required"
value=""
aria-required="true"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="Adresse email"
required
/>
<label class="visually-hidden" for="NewsletterForm--popup">Adresse email</label>
<button type="submit" class="button button--tertiary button--small" name="commit">
Je m’inscris
</button>
</div>
<div class="field newsletter__text rte"></div></form>
</form-state>
</div>
</div>
</div>
</div>
</div><style data-shopify>#shopify-section-popup .popup-floating {
--color-foreground: 26, 27, 24;
--color-link: var(--color-foreground);
--color-heading: var(--color-foreground);
}</style><div class="popup-floating popup-floating--left small-hide"><div class="popup-open">
<h3 class="h5">Newsletter</h3>
</div></div></promo-popup><script src="//www.clemenceetvivien.com/cdn/shop/t/43/assets/popup.js?v=156867665925528253461698230865" defer="defer"></script>
</div>
<div id="shopify-section-cookie-banner" class="shopify-section">
</div>
<ul hidden>
<li id="a11y-refresh-page-message">Choisir une sélection entraîne une actualisation complète de la page.</li>
</ul>
<script>
window.routes = {
root_url: '/',
cart_url: '/cart',
cart_add_url: '/cart/add',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
predictive_search_url: '/search/suggest'
};
window.cartStrings = {
error: `Il y a une erreur lors de la mise à jour de votre panier. Veuillez réessayer.`,
quantityError: `Vous pouvez uniquement ajouter [quantity] de cet élément à votre panier.`
};
window.variantStrings = {
addToCart: `Ajouter`,
soldOut: `Épuisé`,
unavailable: `Indisponible`,
preOrder: `Pré-commande`
};
window.accessibilityStrings = {
imageAvailable: `Image [index] est maintenant disponible dans la vue galerie`
}
window.dateStrings = {
d: `J`,
day: `Jour`,
days: `Jours`,
hour: `Heure`,
hours: `Heures`,
minute: `Min`,
minutes: `Mins`,
second: `Sec`,
seconds: `Secs`
};
window.shopSettings = {
moneyFormat: "€{{amount_with_comma_separator}}",
isoCode: "EUR",
cartDrawer: true
};class LazyImage extends HTMLElement {
constructor() {
super();
this.image = this.querySelector('img');
if (this.image) {
this.handleLazy();
const observer = new MutationObserver((changes) => {
changes.forEach((change) => {
if (change.attributeName.includes('src') || change.attributeName.includes('srcset')){
this.handleLazy();
}
});
});
observer.observe(this.image, {attributes : true});
}
}
handleLazy () {
if (!this.image.complete) {
this.parentNode.classList.add('loading');
this.image.addEventListener('load', () => {
this.parentNode.classList.remove('loading');
}, false);
}
}
}
customElements.define('lazy-image', LazyImage);(function() {
// Fixed: Largest Contentful Paint image was lazily loaded
const first_image = document.querySelector('#MainContent .shopify-section .media img');
if (first_image) first_image.setAttribute('loading', 'auto');
})();
</script><script src="//www.clemenceetvivien.com/cdn/shop/t/43/assets/predictive-search.js?v=46354610081252171861698230865" defer="defer"></script><script type="text/javascript">
var SOCIAL_LOGIN_CUSTOMER_LOGGED_IN = false;
</script>
<script src="https://d1pzjdztdxpvck.cloudfront.net/resource/resource.js?shop=clemence-vivien.myshopify.com&cache_key=169539150834" type="text/javascript"></script>
<div class="smile-shopify-init"
data-channel-key="channel_XcGFS1VCBfKvZSW1yBERwp09"
></div>
<script>
window.addEventListener('load', event => {
document.querySelectorAll('.facet-checkbox input[type=checkbox]').forEach(item=>{
item.addEventListener('click', () => {
console.log(55)
setInterval(function() {
if (typeof jdgm != "undefined" && jdgm != null && typeof jdgm.customizeBadges != "undefined")
jdgm.customizeBadges();
}, 1000);
})
})
});
scrollLoad = function(){setTimeout( function(){
jdgm.customizeBadges()
}, 100);}
document.addEventListener("scroll", scrollLoad);
</script>
<script src="//www.clemenceetvivien.com/cdn/shop/t/43/assets/tiny-img-link-preloader.js?v=26403198945174473401698230865" type="text/javascript"></script>
<div id="shopify-block-6174324309569838175" class="shopify-block shopify-app-block">
<div class="smile-shopify-init"
data-channel-key="channel_XcGFS1VCBfKvZSW1yBERwp09"
></div>
</div></body>
</html>
