<!doctype html>
<!--[if lt IE 7 ]> <html class="ie ie6 ie-lt10 ie-lt9 ie-lt8 ie-lt7 no-js" lang="fr-FR" prefix="og: http://ogp.me/ns#"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ie7 ie-lt10 ie-lt9 ie-lt8 no-js" lang="fr-FR" prefix="og: http://ogp.me/ns#"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8 ie-lt10 ie-lt9 no-js" lang="fr-FR" prefix="og: http://ogp.me/ns#"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9 ie-lt10 no-js" lang="fr-FR" prefix="og: http://ogp.me/ns#"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="fr-FR" prefix="og: http://ogp.me/ns#"><!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=EDGE,chrome=1" />
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<title>Coslys : La marque française de soins et cosmétiques certifiés bio</title><link rel="stylesheet" id="siteground-optimizer-combined-css-51c6bbda4aac580eaf715b9a72940170" href="https://www.coslys.fr/wp-content/uploads/siteground-optimizer-assets/siteground-optimizer-combined-css-51c6bbda4aac580eaf715b9a72940170.css" media="all" />
<meta name="description" content="Découvrez Coslys, la référence de la beauté naturelle depuis 2003. Une large gamme de soins et cosmétiques certifiés biologiques s'offre à vous." />
<link rel="canonical" href="https://www.coslys.fr/" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Coslys : La marque française de soins et cosmétiques certifiés bio" />
<meta property="og:description" content="Découvrez Coslys, la référence de la beauté naturelle depuis 2003. Une large gamme de soins et cosmétiques certifiés biologiques s'offre à vous." />
<meta property="og:url" content="https://www.coslys.fr/" />
<meta property="og:site_name" content="Coslys" />
<meta property="article:modified_time" content="2021-06-29T13:09:32+00:00" />
<meta name="twitter:card" content="summary_large_image" />
<link rel='dns-prefetch' href='//maxcdn.bootstrapcdn.com' />
<style id='global-styles-inline-css' type='text/css'>
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;}:where(.is-layout-flex){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
</style>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css?v=2571612">
<script src="https://www.coslys.fr/wp-content/themes/coslys-2017/assets/js/vendor/jquery.min.js" id="jquery-js"></script>
<script type='text/javascript' id='yop-public-js-extra'>
/* <![CDATA[ */
var objectL10n = {"yopPollParams":{"urlParams":{"ajax":"https:\/\/www.coslys.fr\/wp-admin\/admin-ajax.php","wpLogin":"https:\/\/www.coslys.fr\/wp-login.php?redirect_to=https%3A%2F%2Fwww.coslys.fr%2Fwp-admin%2Fadmin-ajax.php%3Faction%3Dyop_poll_record_wordpress_vote"},"apiParams":{"reCaptcha":{"siteKey":""},"reCaptchaV2Invisible":{"siteKey":""},"reCaptchaV3":{"siteKey":""},"hCaptcha":{"siteKey":""}},"captchaParams":{"imgPath":"https:\/\/www.coslys.fr\/wp-content\/plugins\/yop-poll\/public\/assets\/img\/","url":"https:\/\/www.coslys.fr\/wp-content\/plugins\/yop-poll\/app.php","accessibilityAlt":"Sound icon","accessibilityTitle":"Accessibility option: listen to a question and answer it!","accessibilityDescription":"Type below the <strong>answer<\/strong> to what you hear. Numbers or words:","explanation":"Click or touch the <strong>ANSWER<\/strong>","refreshAlt":"Refresh\/reload icon","refreshTitle":"Refresh\/reload: get new images and accessibility option!"},"voteParams":{"invalidPoll":"Invalid Poll","noAnswersSelected":"No answer selected","minAnswersRequired":"At least {min_answers_allowed} answer(s) required","maxAnswersRequired":"A max of {max_answers_allowed} answer(s) accepted","noAnswerForOther":"No other answer entered","noValueForCustomField":"{custom_field_name} is required","consentNotChecked":"You must agree to our terms and conditions","noCaptchaSelected":"Captcha is required","thankYou":"Thank you for your vote"},"resultsParams":{"singleVote":"vote","multipleVotes":"votes","singleAnswer":"answer","multipleAnswers":"answers"}}};
/* ]]> */
</script>
<script defer src="https://www.coslys.fr/wp-content/plugins/yop-poll/public/assets/js/yop-poll-public-6.5.22.min.js" id="yop-public-js"></script>
<link rel="alternate" type="application/json+oembed" href="https://www.coslys.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.coslys.fr%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://www.coslys.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.coslys.fr%2F&format=xml" />
<script type="text/javascript">
var ajaxsearch = true,
blocksearch_type = "block",
search_url = "https://www.coslys.fr/boutique/recherche",
id_lang = 1;
</script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Pompiere&subset=latin,latin-ext" type="text/css" media="all" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,500,500i,600,600i,700,700i,900,900i&subset=latin,latin-ext" type="text/css" media="all" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:300,400,700&subset=latin,latin-ext" type="text/css" media="all" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext" type="text/css" media="all" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400&subset=latin,latin-ext" type="text/css" media="all" />
<link rel="icon" href="https://www.coslys.fr/wp-content/themes/coslys-2017/favicon.png" type="image/png" /><link rel="shortcut icon" href="https://www.coslys.fr/wp-content/themes/coslys-2017/favicon.png" type="image/png" /><link rel="icon" href="https://www.coslys.fr/wp-content/uploads/cropped-favicon-96x96-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.coslys.fr/wp-content/uploads/cropped-favicon-96x96-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.coslys.fr/wp-content/uploads/cropped-favicon-96x96-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.coslys.fr/wp-content/uploads/cropped-favicon-96x96-270x270.png" />
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-W6CV4XJ');</script>
<!-- End Google Tag Manager -->
</head>
<body data-rsssl=1 class="home page-template-default page single-page" role="document" itemscope itemtype="http://schema.org/WebPage">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W6CV4XJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="perspective" class="perspective effect-moveright">
<div class="main-container">
<div id="page">
<div class="main-wrapper">
<header class="header">
<div class="container-fluid">
<div class="container header-inner">
<div class="logo">
<div class="row">
<div class="col-xs-12">
<h1 class="title-h1">
<a href="https://www.coslys.fr/" title="Votre partenaire beauté bio au quotidien"><img src="https://www.coslys.fr/wp-content/themes/coslys-2017/assets/images/logo.png" alt="Coslys" /></a>
<div class="baseline">Votre partenaire beauté bio au quotidien</div>
</h1>
</div>
</div>
</div>
<div class="mobile-search-block item-tools-box search-block" id="blockSearchMobile">
<div>
<span class="icon icon-search"></span>
</div>
<div class="form-search-dropdown">
<button type="button" data-form="product" class="search-product active">Un produit</button>
<button type="button" data-form="advice" class="search-advice">Un conseil</button>
<div class="form-type form-type-product">
<div id="search_block_left" class="">
<form method="get" action="https://www.coslys.fr/boutique/recherche" id="searchbox">
<label>
<span class="screen-reader-text">Rechercher :</span>
<input type="hidden" name="orderby" value="position" />
<input type="hidden" name="controller" value="search" />
<input type="hidden" name="orderway" value="desc" />
<input type="search" placeholder="Rechercher" id="search_query_block" name="search_query" title="Rechercher :" autocomplete="off" value="" />
</label>
<input type="submit" value="OK" />
</form>
</div>
</div>
<div class="form-type form-type-advice hidden">
<form role="search" method="get" class="search-form" action="https://www.coslys.fr/">
<label>
<span class="screen-reader-text">Rechercher :</span>
<input type="search" class="search-field" placeholder="Rechercher" value="" name="s" title="Rechercher :" autocomplete="off" />
</label>
<input type="submit" class="search-submit" value="OK" />
</form> </div>
</div>
</div>
<div class="header-tools">
<div class="main-header clearfix">
<div class="tools-menu">
<ul class="menu menu-glue list-unstyled top-nav"><li class="menu-item menu-la-marque"><a href="https://www.coslys.fr/la-marque/">La marque</a></li>
<li class="menu-item menu-notre-expertise"><a href="https://www.coslys.fr/notre-expertise/">Notre expertise</a></li>
<li class="menu-item menu-conseils-tutos"><a href="https://www.coslys.fr/conseils-et-tutos/">Conseils & tutos</a></li>
<li class="menu-item menu-actu"><a href="https://www.coslys.fr/coslys-vous/">Actu</a></li>
<li class="menu-item menu-nous-contacter"><a href="https://www.coslys.fr/contact/">Nous contacter</a></li>
</ul> <span class="exportlink">
<a target="_blank" href="https://www.coslys.fr/eng/">
<img src="/wp-content/themes/coslys-2017/assets/images/etamine/icone-language-anglais.svg" alt="Coslys Export"/>
</a>
</span>
<div class="item-tools-box user-box">
<span class="icon icon-user"></span>
<a href="https://www.coslys.fr/boutique/mon-compte" class="signin not-logged">Se connecter</a>
</div>
</div>
</div>
</div>
<!-- #mobilenav -->
<button type="button" id="mobilenav-burger" class="hidden-md hidden-lg navbar-toggle clearfix" data-target="#mobilenav">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div id="mobilenav" class="collapse navbar-collapse hidden-md hidden-lg"></div>
<!-- /#mobilenav -->
</div>
<div class="visible-md visible-lg main-menu-bar"><div class="main-subnav">
<nav class="container">
<ul class="primary_menu menu-glue list-unstyled bottom-nav">
<!-- level 1 -->
<li class="menu-item turquoise">
<a href="https://www.coslys.fr/boutique/96-corps" class="turquoise">
Corps
</a>
<!-- mega menu -->
<!-- mega menu -->
<div class="mega-menu megamenu-wrapper megamenu-cat-96">
<div class="megamenu-inner">
<div class="megamenu-nav col-md-9 megamenu-same-height">
<div style="width:33%;float: left;">
</div>
<div style="width:33%;float: left;">
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category turquoise">
<a href="https://www.coslys.fr/boutique/98-mains"
class="turquoise">
Mains
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/83-gel-lavant-mains-pomme.html"
class="product">
Gel lavant mains pomme
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/84-gel-lavant-mains-lavande-citron.html"
class="product">
Gel lavant mains lavande citron
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/155-creme-mains-ongles-reparatrice-3538396527100.html"
class="product">
Crème mains et ongles réparatrice
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/175-creme-lavante-mains.html"
class="product">
Crème lavante mains consoude
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/253-creme-mains-hydratante.html"
class="product">
Crème mains hydratante
</a>
</li>
</ul>
</li>
</ul>
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category turquoise">
<a href="https://www.coslys.fr/boutique/103-hygiene-intime"
class="turquoise">
Hygiène intime
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/97-gel-fraicheur-toilette-intime.html"
class="product">
Gel fraîcheur toilette intime
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/98-gel-apaisant-ph8-toilette-intime-muqueuses-sensibles.html"
class="product">
Gel apaisant pH8 toilette intime
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/236-solide-fraicheur-toilette-intime-3538396601206.html"
class="product">
Solide fraîcheur Toilette intime
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/252-toilette-intime-extra-doux.html"
class="product">
Toilette intime extra-doux
</a>
</li>
</ul>
</li>
</ul>
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category turquoise">
<a href="https://www.coslys.fr/boutique/99-savon"
class="turquoise">
Savon
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/88-savon-liquide-de-marseille-mandarine.html"
class="product">
Savon liquide de Marseille mandarine
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/89-savon-liquide-de-marseille-fleur-d-oranger.html"
class="product">
Savon liquide de Marseille fleur d'oranger
</a>
</li>
</ul>
</li>
</ul>
</div>
<div style="width:33%;float: left;">
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category turquoise">
<a href="https://www.coslys.fr/boutique/105-soin-corps"
class="turquoise">
Soin corps
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/153-gommage-corps-3538396403404.html"
class="product">
Gommage corps
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/154-creme-corps-3538396402407.html"
class="product">
Crème corps
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/soin-corps/188-creme-de-soin-neutre.html"
class="product">
Crème de soin neutre
</a>
</li>
</ul>
</li>
</ul>
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category turquoise">
<a href="https://www.coslys.fr/boutique/100-gel-douche"
class="turquoise">
Gel douche
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/90-gel-douche-nourrissant-chevrefeuille.html"
class="product">
Gel douche nourrissant surgras
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/92-gel-douche-protecteur-olive.html"
class="product">
Gel douche protecteur nourrissant
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/gel-douche/162-gel-douche-verveine-citron-3538396120509.html"
class="product">
Gel douche verveine citron
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/gel-douche/161-creme-de-douche-douceur-d-avoine.html"
class="product">
Crème de douche douceur d'avoine
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/gel-douche/246-creme-de-douche-relaxante.html"
class="product">
Crème de douche relaxante
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/gel-douche/248-creme-de-douche-hydratante-peche-carotte-bio-francaise.html"
class="product">
Crème de douche hydratante
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/gel-douche/249-gelee-de-douche-fraise-bio-tomate-bio-francaise.html"
class="product">
Gelée de douche adoucissante
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/gel-douche/250-gel-douche-rafraichissant.html"
class="product">
Gel douche rafraîchissant
</a>
</li>
</ul>
</li>
</ul>
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category turquoise">
<a href="https://www.coslys.fr/boutique/101-shampooing-douche"
class="turquoise">
Shampooing douche
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/93-shampooing-douche-pamplemousse.html"
class="product">
Shampooing douche pamplemousse
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/94-shampooing-douche-cereales.html"
class="product">
Shampooing douche céréales
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/95-shampooing-douche-fruits-rouges.html"
class="product">
Shampooing douche fruits rouges
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/format-ecocoffrets/179-pompe-bidon-5l.html"
class="product">
Pompe bidon 5L
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/251-shampooing-douche-aloe-vera.html"
class="product">
Shampooing douche aloé vera
</a>
</li>
</ul>
</li>
</ul>
</div>
<div style="width:33%;float: left;">
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category turquoise">
<a href="https://www.coslys.fr/boutique/102-haute-tolerance"
class="turquoise">
Haute tolérance
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/96-gel-lavant-neutre.html"
class="product">
Gel lavant neutre
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/format-ecocoffrets/179-pompe-bidon-5l.html"
class="product">
Pompe bidon 5L
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/haute-tolerance/239-creme-lavante-dermatologique-3538396601305.html"
class="product">
Crème lavante dermatologique - pain
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/haute-tolerance/247-creme-lavante-dermatologique-soin-surgras.html"
class="product">
Crème lavante dermatologique - liquide
</a>
</li>
</ul>
</li>
</ul>
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category turquoise">
<a href="https://www.coslys.fr/boutique/104-deodorant"
class="turquoise">
Déodorant
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/deodorant/216-deodorant-soin-fraicheur.html"
class="product">
Déodorant soin fraîcheur
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/deodorant/217-deodorant-soin-energisant.html"
class="product">
Déodorant soin énergisant
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/deodorant/218-deodorant-soin-douceur.html"
class="product">
Déodorant soin douceur
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/deodorant/219-deodorant-soin-protecteur.html"
class="product">
Déodorant soin protecteur
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<!-- product block -->
<div class="products col-md-3 megamenu-same-height block-product">
<div class="front border-turquoise">
<div class="products-demo-img">
<a class="link-product" href="https://www.coslys.fr/boutique/corps/84-gel-lavant-mains-lavande-citron.html" title="Gel lavant mains lavande citron">
<img src="https://www.coslys.fr/boutique/1268-medium_default/gel-lavant-mains-lavande-citron.jpg" alt="Gel lavant mains lavande citron">
</a>
</div>
<div class="products-demo-desc">
<h2 class="product-title"><a class="link-product" href="https://www.coslys.fr/boutique/corps/84-gel-lavant-mains-lavande-citron.html" title="Gel lavant mains lavande citron">Gel lavant mains lavande citron</a></h2>
<p class="ingredient_distinctif"> Citron</p>
<p class="product-details">
300ml
</p>
</div>
<a class="product-add-to-cart bg-turquoise" href="https://www.coslys.fr/boutique/corps/84-gel-lavant-mains-lavande-citron.html">
<span class="label">Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
<!-- only products -->
</li>
<!-- level 1 -->
<li class="menu-item vert-clair">
<a href="https://www.coslys.fr/boutique/95-hygiene-bucco-dentaire" class="vert-clair">
Hygiène bucco-dentaire
</a>
<!-- mega menu -->
<!-- mega menu -->
<div class="mega-menu megamenu-wrapper megamenu-cat-95">
<div class="megamenu-inner">
<div class="megamenu-nav col-md-9 megamenu-same-height">
<div style="width:33%;float: left;">
</div>
<div style="width:33%;float: left;">
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category vert-clair">
<a href="https://www.coslys.fr/boutique/106-dentifrices"
class="vert-clair">
Dentifrices
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/hygiene-bucco-dentaire/104-dentifrice-eclat-3538394000186.html"
class="product">
Dentifrice blancheur
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/hygiene-bucco-dentaire/105-gel-dentifrice-dents-sensibles-3538394000179.html"
class="product">
Dentifrice dents sensibles
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/dentifrices/106-dentifrice-enfant-3538396860108.html"
class="product">
Dentifrice enfant fraise
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/hygiene-bucco-dentaire/159-dentifrice-au-charbon-vegetal-3538396704105.html"
class="product">
Dentifrice au charbon végétal
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/hygiene-bucco-dentaire/160-dentifrice-fraicheur-3538396705102.html"
class="product">
Dentifrice fraîcheur
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/dentifrices/189-dentifrice-enfant-peche-3538396870107.html"
class="product">
Dentifrice enfant pêche
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/dentifrices/221-denti-freeze.html"
class="product">
Denti'freeze
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/hygiene-bucco-dentaire/223-dentifrice-fraicheur-a-croquer-3538396707106.html"
class="product">
Dentifrice fraîcheur à croquer
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/hygiene-bucco-dentaire/229-dentifrice-protection-integrale-3538396708103.html"
class="product">
Dentifrice protection intégrale
</a>
</li>
</ul>
</li>
</ul>
</div>
<div style="width:33%;float: left;">
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category vert-clair">
<a href="https://www.coslys.fr/boutique/107-bain-de-bouche"
class="vert-clair">
Bain de bouche
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/hygiene-bucco-dentaire/107-bain-de-bouche-3538396701005.html"
class="product">
Bain de bouche
</a>
</li>
</ul>
</li>
</ul>
</div>
<div style="width:33%;float: left;">
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category vert-clair">
<a href="https://www.coslys.fr/boutique/108-spray-haleine"
class="vert-clair">
Spray haleine
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/hygiene-bucco-dentaire/108-spray-buccal-purifiant-3538396701005.html"
class="product">
Spray buccal purifiant
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<!-- product block -->
<div class="products col-md-3 megamenu-same-height block-product">
<div class="front border-vert-clair">
<div class="products-demo-img">
<a class="link-product" href="https://www.coslys.fr/boutique/hygiene-bucco-dentaire/105-gel-dentifrice-dents-sensibles-3538394000179.html" title="Dentifrice dents sensibles">
<img src="https://www.coslys.fr/boutique/1272-medium_default/gel-dentifrice-dents-sensibles.jpg" alt="Dentifrice dents sensibles">
</a>
</div>
<div class="products-demo-desc">
<h2 class="product-title"><a class="link-product" href="https://www.coslys.fr/boutique/hygiene-bucco-dentaire/105-gel-dentifrice-dents-sensibles-3538394000179.html" title="Dentifrice dents sensibles">Dentifrice dents sensibles</a></h2>
<p class="ingredient_distinctif"> Menthe</p>
<p class="product-details">
75ml
</p>
</div>
<a class="product-add-to-cart bg-vert-clair" href="https://www.coslys.fr/boutique/hygiene-bucco-dentaire/105-gel-dentifrice-dents-sensibles-3538394000179.html">
<span class="label">Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
<!-- only products -->
</li>
<!-- level 1 -->
<li class="menu-item mauve">
<a href="https://www.coslys.fr/boutique/109-cheveux" class="mauve">
Cheveux
</a>
<!-- mega menu -->
<!-- mega menu -->
<div class="mega-menu megamenu-wrapper megamenu-cat-109">
<div class="megamenu-inner">
<div class="megamenu-nav col-md-9 megamenu-same-height">
<div style="width:33%;float: left;">
</div>
<div style="width:33%;float: left;">
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category mauve">
<a href="https://www.coslys.fr/boutique/110-cheveux-normaux"
class="mauve">
Cheveux normaux
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux-normaux/109-shampooing-ultra-doux.html"
class="product">
Shampooing ultra-doux
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/format-ecocoffrets/179-pompe-bidon-5l.html"
class="product">
Pompe bidon 5L
</a>
</li>
</ul>
</li>
</ul>
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category mauve">
<a href="https://www.coslys.fr/boutique/113-cheveux-a-tendance-grasse"
class="mauve">
Cheveux à tendance grasse
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux-a-tendance-grasse/266-shampooing-detox-fraicheur-cheveux-gras-250ml-3538396117608.html"
class="product">
Shampooing détox fraîcheur cheveux à tendance gras 250ml
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux-a-tendance-grasse/268-shampooing-detox-fraicheur-cheveux-a-tendance-gras-500ml-3538394920231.html"
class="product">
Shampooing détox fraîcheur cheveux à tendance gras 500ml
</a>
</li>
</ul>
</li>
</ul>
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category mauve">
<a href="https://www.coslys.fr/boutique/114-cheveux-a-pellicules"
class="mauve">
Cheveux à pellicules
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux/115-shampooing-antipelliculaire-3538394611849.html"
class="product">
Shampooing antipelliculaire
</a>
</li>
</ul>
</li>
</ul>
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category mauve">
<a href="https://www.coslys.fr/boutique/115-cheveux-secs-ou-textures"
class="mauve">
Cheveux secs ou texturés
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux/254-shampooing-nourrissant-500ml-3538396164404.html"
class="product">
Shampooing nourrissant 500ml
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux/255-shampooing-nourrissant-250ml-3538396164305.html"
class="product">
Shampooing nourrissant 250ml
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux/256-apres-shampooing-nourrissant-200ml-3538396143300.html"
class="product">
Après-shampooing nourrissant 200ml
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux/257-masque-nourrissant-250ml-3538396187304.html"
class="product">
Masque nourrissant 250ml
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux/258-serum-nourrissant-30ml-3538396144901.html"
class="product">
Sérum nourrissant 30ml
</a>
</li>
</ul>
</li>
</ul>
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category mauve">
<a href="https://www.coslys.fr/boutique/116-cheveux-colores-et-meches"
class="mauve">
Cheveux colorés et méchés
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux-colores-et-meches/260-apres-shampooing-protecteur-de-couleur-200ml-3538396142303.html"
class="product">
Après shampooing protecteur de couleur 200ml
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux-colores-et-meches/261-shampooing-protecteur-de-couleur-250ml-3538396162301.html"
class="product">
Shampooing protecteur de couleur 250ml
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux-colores-et-meches/262-shampooing-protecteur-de-couleur-500ml-3538396162400.html"
class="product">
Shampooing protecteur de couleur 500ml
</a>
</li>
</ul>
</li>
</ul>
</div>
<div style="width:33%;float: left;">
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category mauve">
<a href="https://www.coslys.fr/boutique/117-cheveux-gris-blancs-et-blonds"
class="mauve">
Cheveux gris, blancs et blonds
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux-gris-blancs-et-blonds/121-shampooing-cheveux-anti-jaunissement-3538396112405.html"
class="product">
Shampooing anti-jaunissement
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux-gris-blancs-et-blonds/222-masque-cheveux-anti-jaunissement-3538396112108.html"
class="product">
Masque anti-jaunissement
</a>
</li>
</ul>
</li>
</ul>
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category mauve">
<a href="https://www.coslys.fr/boutique/131-cheveux-fins-et-plats"
class="mauve">
Cheveux fins et plats
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux/173-shampooing-volume-3538396116106.html"
class="product">
Shampooing volume
</a>
</li>
</ul>
</li>
</ul>
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category mauve">
<a href="https://www.coslys.fr/boutique/129-haute-tolerance"
class="mauve">
Haute tolérance
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux/157-apres-shampooing-haute-tolerance-3538396140101.html"
class="product">
Après-shampooing haute tolérance
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux/259-shampooing-dermatologique-500ml-3538396163407.html"
class="product">
Shampooing dermatologique 500ml
</a>
</li>
</ul>
</li>
</ul>
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category mauve">
<a href="https://www.coslys.fr/boutique/133-famille"
class="mauve">
Famille
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/famille/180-shampooing-pour-toute-la-famille.html"
class="product">
Shampooing pour toute la famille
</a>
</li>
</ul>
</li>
</ul>
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category mauve">
<a href="https://www.coslys.fr/boutique/112-soins-capillaires"
class="mauve">
Soins capillaires
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/soins-capillaires/112-gel-coiffant-structurant-3538396121100.html"
class="product">
Gel coiffant structurant
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/soins-capillaires/174-spray-demelant-sans-rincage-3538396121209.html"
class="product">
Spray démêlant sans rinçage
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux/256-apres-shampooing-nourrissant-200ml-3538396143300.html"
class="product">
Après-shampooing nourrissant 200ml
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux/257-masque-nourrissant-250ml-3538396187304.html"
class="product">
Masque nourrissant 250ml
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux/258-serum-nourrissant-30ml-3538396144901.html"
class="product">
Sérum nourrissant 30ml
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/soins-capillaires/263-creme-demelante-200ml-3538396186307.html"
class="product">
Crème démêlante 200ml
</a>
</li>
</ul>
</li>
</ul>
</div>
<div style="width:33%;float: left;">
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category mauve">
<a href="https://www.coslys.fr/boutique/118-cheveux-fragilises-et-indisciplines"
class="mauve">
Cheveux fragilisés et indisciplinés
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux/224-masque-keratine.html"
class="product">
Masque kératine
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux/264-apres-shampooing-sublime-keratine-200ml-3538396146301.html"
class="product">
Après shampooing Sublime kératine 200ml
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux-fragilises-et-indisciplines/265-shampooing-sublime-keratine-250ml-3538396160604.html"
class="product">
Shampooing Sublime kératine 250ml
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/cheveux-fragilises-et-indisciplines/267-shampooing-sublime-keratine-500ml-3538396160406.html"
class="product">
Shampooing Sublime kératine 500ml
</a>
</li>
</ul>
</li>
</ul>
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category mauve">
<a href="https://www.coslys.fr/boutique/135-livres"
class="mauve">
Livres
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/livres/220-soin-des-cheveux-et-coloration-au-naturel.html"
class="product">
Soin des cheveux et coloration au naturel
</a>
</li>
</ul>
</li>
</ul>
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category mauve">
<a href="https://www.coslys.fr/boutique/136-anti-poux"
class="mauve">
Anti-poux
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/anti-poux/225-spray-repulsif-anti-poux.html"
class="product">
Spray répulsif poux
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/anti-poux/226-lotion-traitante-anti-poux.html"
class="product">
Lotion traitante poux et lentes
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/anti-poux/227-shampooing-apres-traitement-anti-poux.html"
class="product">
Shampooing après traitement poux et lentes
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<!-- product block -->
<div class="products col-md-3 megamenu-same-height block-product">
<div class="front border-mauve">
<div class="products-demo-img">
<a class="link-product" href="https://www.coslys.fr/boutique/cheveux-colores-et-meches/262-shampooing-protecteur-de-couleur-500ml-3538396162400.html" title="Shampooing protecteur de couleur 500ml">
<img src="https://www.coslys.fr/boutique/1359-medium_default/shampooing-protecteur-de-couleur-500ml.jpg" alt="Shampooing protecteur de couleur 500ml">
</a>
</div>
<div class="products-demo-desc">
<h2 class="product-title"><a class="link-product" href="https://www.coslys.fr/boutique/cheveux-colores-et-meches/262-shampooing-protecteur-de-couleur-500ml-3538396162400.html" title="Shampooing protecteur de couleur 500ml">Shampooing protecteur de couleur 500ml</a></h2>
<p class="ingredient_distinctif"> Huile de cerise et vinaigre de framboise</p>
<p class="product-details">
500ml
</p>
</div>
<a class="product-add-to-cart bg-mauve" href="https://www.coslys.fr/boutique/cheveux-colores-et-meches/262-shampooing-protecteur-de-couleur-500ml-3538396162400.html">
<span class="label">Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
<!-- only products -->
</li>
<!-- level 1 -->
<li class="menu-item rose">
<a href="https://www.coslys.fr/boutique/119-visage" class="rose">
Visage
</a>
<!-- mega menu -->
<!-- mega menu -->
<div class="mega-menu megamenu-wrapper megamenu-cat-119">
<div class="megamenu-inner">
<div class="megamenu-nav col-md-9 megamenu-same-height">
<div style="width:33%;float: left;">
</div>
<div style="width:33%;float: left;">
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category rose">
<a href="https://www.coslys.fr/boutique/120-peaux-seches-et-sensibles"
class="rose">
Peaux sèches et sensibles
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/visage/125-delicat-nuage-mousse-peaux-seches-et-sensibles.html"
class="product">
Délicat nuage de mousse - Pur velours
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/visage/126-eau-micellaire-peaux-seches-et-sensibles-3538394000032.html"
class="product">
Eau micellaire visage et yeux - Pur velours
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/visage/127-soin-visage-nutrition-peaux-seches-et-sensibles-3538396212105.html"
class="product">
Soin visage nutrition - Pur velours
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/visage/128-tendre-gommage-creme-peaux-seches-et-sensibles-3538396242102.html"
class="product">
Tendre gommage crème - Pur velours
</a>
</li>
</ul>
</li>
</ul>
</div>
<div style="width:33%;float: left;">
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category rose">
<a href="https://www.coslys.fr/boutique/121-peaux-normales-a-mixtes"
class="rose">
Peaux normales à mixtes
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/visage/130-eau-demaquillante-yeux-peaux-normales-a-mixtes-3538394623026.html"
class="product">
Eau démaquillante yeux - Ressource éclat
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/visage/131-fluide-lacte-demaquillant-peaux-normales-a-mixtes-3538394920149.html"
class="product">
Fluide lacté démaquillant - Ressource éclat
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/visage/132-lotion-douce-tonifiante-peaux-normales-a-mixtes-3538394920132.html"
class="product">
Lotion douce tonifiante - Ressource éclat
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/visage/133-soin-visage-eclat-peaux-peaux-normales-a-mixtes-3538394920156.html"
class="product">
Soin visage éclat - Ressouce éclat
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/visage/134-creme-onctueuse-exfoliante-peaux-normales-a-mixtes-3538396240108.html"
class="product">
Crème onctueuse exfoliante - Ressource éclat
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/visage/135-masque-lumiere-peaux-normales-a-mixtes-3538396250107.html"
class="product">
Masque de lumière - Ressource éclat
</a>
</li>
</ul>
</li>
</ul>
</div>
<div style="width:33%;float: left;">
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category rose">
<a href="https://www.coslys.fr/boutique/122-peaux-a-tendance-grasse"
class="rose">
Peaux à tendance grasse
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/visage/137-soin-visage-purete-peaux-tendances-grasses-3538396212303.html"
class="product">
Soin visage pureté - Mat équilibre
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/visage/138-pure-mousse-nettoyante-peaux-tendances-grasses-3538396220407.html"
class="product">
Pure mousse nettoyante - Mat équilibre
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<!-- product block -->
<div class="products col-md-3 megamenu-same-height block-product">
<div class="front border-rose">
<div class="products-demo-img">
<a class="link-product" href="https://www.coslys.fr/boutique/visage/127-soin-visage-nutrition-peaux-seches-et-sensibles-3538396212105.html" title="Soin visage nutrition - Pur velours">
<img src="https://www.coslys.fr/boutique/806-medium_default/soin-visage-nutrition-peaux-seches-et-sensibles.jpg" alt="Soin visage nutrition - Pur velours">
</a>
</div>
<div class="products-demo-desc">
<h2 class="product-title"><a class="link-product" href="https://www.coslys.fr/boutique/visage/127-soin-visage-nutrition-peaux-seches-et-sensibles-3538396212105.html" title="Soin visage nutrition - Pur velours">Soin visage nutrition - Pur velours</a></h2>
<p class="ingredient_distinctif"> Rose</p>
<p class="product-details">
50ml
</p>
</div>
<a class="product-add-to-cart bg-rose" href="https://www.coslys.fr/boutique/visage/127-soin-visage-nutrition-peaux-seches-et-sensibles-3538396212105.html">
<span class="label">Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
<!-- only products -->
</li>
<!-- level 1 -->
<li class="menu-item bleu">
<a href="https://www.coslys.fr/boutique/92-homme" class="bleu">
Homme
</a>
<!-- mega menu -->
<!-- mega menu -->
<div class="mega-menu megamenu-wrapper megamenu-cat-92">
<div class="megamenu-inner">
<div class="megamenu-nav col-md-9 megamenu-same-height">
<div style="width:33%;float: left;">
</div>
<div style="width:33%;float: left;">
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category bleu">
<a href="https://www.coslys.fr/boutique/123-peaux-sensibles"
class="bleu">
Peaux sensibles
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/homme/139-soin-hydratant-triple-action-3538396260106.html"
class="product">
Soin hydratant triple action
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/homme/140-douche-tonique-3538396260205.html"
class="product">
Douche tonique
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/homme/141-creme-rasage-expert-3538396260304.html"
class="product">
Crème rasage expert
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<!-- product block -->
<div class="products col-md-3 megamenu-same-height block-product">
<div class="front border-bleu">
<div class="products-demo-img">
<a class="link-product" href="https://www.coslys.fr/boutique/homme/140-douche-tonique-3538396260205.html" title="Douche tonique">
<img src="https://www.coslys.fr/boutique/871-medium_default/douche-tonique.jpg" alt="Douche tonique">
</a>
</div>
<div class="products-demo-desc">
<h2 class="product-title"><a class="link-product" href="https://www.coslys.fr/boutique/homme/140-douche-tonique-3538396260205.html" title="Douche tonique">Douche tonique</a></h2>
<p class="ingredient_distinctif"> Hêtre</p>
<p class="product-details">
200ml
</p>
</div>
<a class="product-add-to-cart bg-bleu" href="https://www.coslys.fr/boutique/homme/140-douche-tonique-3538396260205.html">
<span class="label">Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
<!-- only products -->
</li>
<!-- level 1 -->
<li class="menu-item bleu-lavande">
<a href="https://www.coslys.fr/boutique/91-bebeenfant" class="bleu-lavande">
Bébé/Enfant
</a>
<!-- mega menu -->
<!-- mega menu -->
<div class="mega-menu megamenu-wrapper megamenu-cat-91">
<div class="megamenu-inner">
<div class="megamenu-nav col-md-9 megamenu-same-height">
<div style="width:33%;float: left;">
</div>
<div style="width:33%;float: left;">
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category bleu-lavande">
<a href="https://www.coslys.fr/boutique/124-bain"
class="bleu-lavande">
Bain
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/bebeenfant/143-gel-lavant-353839688403.html"
class="product">
Gel lavant surgras
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/bebeenfant/235-trousse-soins-essentiels-bebe-3538396885002.html"
class="product">
Trousse soins essentiels bébé
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/bebeenfant/237-trousse-soins-essentiels-bebe.html"
class="product">
Trousse de toilette
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/corps/96-gel-lavant-neutre.html"
class="product">
Gel lavant neutre
</a>
</li>
</ul>
</li>
</ul>
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category bleu-lavande">
<a href="https://www.coslys.fr/boutique/125-soin"
class="bleu-lavande">
Soin
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/soin-corps/188-creme-de-soin-neutre.html"
class="product">
Crème de soin neutre
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/bebeenfant/234-creme-hydratante-bebe-353839688107.html"
class="product">
Crème hydratante bébé
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/bebeenfant/235-trousse-soins-essentiels-bebe-3538396885002.html"
class="product">
Trousse soins essentiels bébé
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/bebeenfant/237-trousse-soins-essentiels-bebe.html"
class="product">
Trousse de toilette
</a>
</li>
</ul>
</li>
</ul>
</div>
<div style="width:33%;float: left;">
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category bleu-lavande">
<a href="https://www.coslys.fr/boutique/126-toilette"
class="bleu-lavande">
Toilette
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/bebeenfant/235-trousse-soins-essentiels-bebe-3538396885002.html"
class="product">
Trousse soins essentiels bébé
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/bebeenfant/232-eau-nettoyante-bebe-353839688407.html"
class="product">
Eau nettoyante bébé
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/bebeenfant/237-trousse-soins-essentiels-bebe.html"
class="product">
Trousse de toilette
</a>
</li>
</ul>
</li>
</ul>
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category bleu-lavande">
<a href="https://www.coslys.fr/boutique/127-soin-du-change"
class="bleu-lavande">
Soin du change
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/bebeenfant/231-bioliniment-353839688140.html"
class="product">
Bioliniment
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/bebeenfant/233-creme-de-change-353839688104.html"
class="product">
Crème de change
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/bebeenfant/235-trousse-soins-essentiels-bebe-3538396885002.html"
class="product">
Trousse soins essentiels bébé
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/bebeenfant/237-trousse-soins-essentiels-bebe.html"
class="product">
Trousse de toilette
</a>
</li>
</ul>
</li>
</ul>
</div>
<div style="width:33%;float: left;">
<ul class="menu-subcategory">
<li class="dontsplit menu-item-sub-category bleu-lavande">
<a href="https://www.coslys.fr/boutique/134-enfant"
class="bleu-lavande">
Enfant
</a>
<!-- products -->
<ul class="nav-products">
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/famille/180-shampooing-pour-toute-la-famille.html"
class="product">
Shampooing pour toute la famille
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/dentifrices/106-dentifrice-enfant-3538396860108.html"
class="product">
Dentifrice enfant fraise
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/soins-capillaires/174-spray-demelant-sans-rincage-3538396121209.html"
class="product">
Spray démêlant sans rinçage
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/soin-corps/188-creme-de-soin-neutre.html"
class="product">
Crème de soin neutre
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/dentifrices/189-dentifrice-enfant-peche-3538396870107.html"
class="product">
Dentifrice enfant pêche
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/anti-poux/225-spray-repulsif-anti-poux.html"
class="product">
Spray répulsif poux
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/anti-poux/226-lotion-traitante-anti-poux.html"
class="product">
Lotion traitante poux et lentes
</a>
</li>
<li class="menu-item-product product">
<a href="https://www.coslys.fr/boutique/anti-poux/227-shampooing-apres-traitement-anti-poux.html"
class="product">
Shampooing après traitement poux et lentes
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<!-- product block -->
<div class="products col-md-3 megamenu-same-height block-product">
<div class="front border-bleu-lavande">
<div class="products-demo-img">
<a class="link-product" href="https://www.coslys.fr/boutique/bebeenfant/231-bioliniment-353839688140.html" title="Bioliniment">
<img src="https://www.coslys.fr/boutique/1221-medium_default/bioliniment.jpg" alt="Bioliniment">
</a>
</div>
<div class="products-demo-desc">
<h2 class="product-title"><a class="link-product" href="https://www.coslys.fr/boutique/bebeenfant/231-bioliniment-353839688140.html" title="Bioliniment">Bioliniment</a></h2>
<p class="ingredient_distinctif"> Amande douce et pimprenelle</p>
<p class="product-details">
500ml
</p>
</div>
<a class="product-add-to-cart bg-bleu-lavande" href="https://www.coslys.fr/boutique/bebeenfant/231-bioliniment-353839688140.html">
<span class="label">Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
<!-- only products -->
</li>
<!-- level 1 -->
<li class="menu-item rose-pale">
<a href="https://www.coslys.fr/boutique/71-format-ecocoffrets" class="rose-pale">
Format éco/coffrets
</a>
<!-- mega menu -->
<!-- mega menu -->
</li>
</ul>
</nav>
</div>
<div class="tools-box">
<div class="item-tools-box search-block" id="blockSearchDesktop">
<div>
<span class="icon icon-search"></span>
</div>
<div class="form-search-dropdown" >
<button type="button" data-form="product" class="search-product active">Un produit</button>
<button type="button" data-form="advice" class="search-advice">Un conseil</button>
<div class="form-type form-type-product">
<div id="search_block_left" class="">
<form method="get" action="https://www.coslys.fr/boutique/recherche" id="searchbox">
<label>
<span class="screen-reader-text">Rechercher :</span>
<input type="hidden" name="orderby" value="position" />
<input type="hidden" name="controller" value="search" />
<input type="hidden" name="orderway" value="desc" />
<input type="search" placeholder="Rechercher..." id="search_query_block" name="search_query" title="Rechercher :" autocomplete="off" value="" />
</label>
<input type="submit" value="OK" />
</form>
</div>
</div>
<div class="form-type form-type-advice hidden">
<form role="search" method="get" class="search-form" action="https://www.coslys.fr/">
<label>
<span class="screen-reader-text">Rechercher :</span>
<input type="search" class="search-field" placeholder="Rechercher" value="" name="s" title="Rechercher :" autocomplete="off" />
</label>
<input type="submit" class="search-submit" value="OK" />
</form> </div>
</div>
</div>
</div>
</div>
<!-- pop up add to cart -->
<script>
// vars for add to cart
var baseUri = "https://www.coslys.fr/boutique/";
var static_token = "";
var contentOnly = 0;
</script>
<div id="layer_cart" style="display:none;">
<div class="clearfix">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<span class="close" title="Fermer la fenêtre"></span>
<h4 class="modal-title" id="myModalLabel">Produit ajouté au panier avec succès</h4>
</div>
<div class="modal-body clearfix">
<div class="cart-product">
<span class="quantity"> x <span id="layer_cart_product_quantity"></span> </span>
<div class="product-img product-image-container layer_cart_img">
</div>
<div class="product-description">
<p class="product-title" id="layer_cart_product_title"></p>
<span id="layer_cart_product_attributes" class="product-details"></span>
<p class="total-price">
Prix total :
<span id="layer_cart_product_price" class="product-price"></span>
</p>
</div>
</div>
</div>
<div class="modal-footer clearfix">
<p>
<!-- Plural Case [both cases are needed because page may be updated in Javascript] -->
Il y a <strong><span class="ajax_cart_quantity"></span> produits</strong> dans votre panier.
</p>
<p class="layer_cart_row">
Total:
<strong><span class="ajax_block_products_total"></span></strong>
</p>
<div class="layer_cart_row hidden">
<span class="unvisible">Frais de port </span>
<span class="ajax_cart_shipping_cost unvisible">Livraison gratuite ! </span>
</div>
<p class="layer_cart_row hidden">
Total : <span class="ajax_block_cart_total"></span>
</p>
<div class="button-container">
<span class="continue" title="Continuer mes achats">
<span>
<i class="icon-chevron-left left"></i>Continuer mes achats
</span>
</span>
<a class="checkout" href="/boutique/commande-rapide" title="Voir mon panier" rel="nofollow">
Voir mon panier
</a>
</div>
</div>
</div>
</div>
</div>
<div class="crossseling"></div>
</div>
<div class="layer_cart_overlay"></div> </div>
</header>
<div class="main-content">
<div class="container-fluid">
<!-- Content start -->
<div id="content-wrapper">
<section class="slide-top full-width">
<div class="container-fluid">
<div class="row">
<a href="https://www.coslys.fr/coslys-vous/aboneobio-eboutique-officielle-coslys/">
<div class="home-slider">
<div class="slider-container">
<div class="slider-visuel col-sm-12 no-margin" style="background-repeat:no-repeat;background-image:url(https://www.coslys.fr/wp-content/uploads/top10-coslys-1900x524-1.jpg);background-position: 50% 50% !important;">
</div>
<div class="slider-visuel slider-visuel-mobile col-sm-12 no-margin" style="background-repeat:no-repeat;background-image:url(https://www.coslys.fr/wp-content/uploads/top-10-coslys-mobile767x420.jpg);background-position: 50% 50% !important;">
</div>
<div class="slider-accroche col-sm-5 col-md-3 col-lg-4 no-margin">
<div class="inner-contents">
<article class="inner-content">
<div class="accroche turquoise">
<div class="border border-turquoise">
<h1 class="accroche-title color-turquoise">E-boutique officielle</h1>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
</section>
<section class="home-content block-large">
</section>
<section class="push-content block-large">
<div class="push-content-inner">
<!-- Nav tabs -->
<div class="product_home">
<ul class="nav nav-tabs tabs-3 clearfix" role="tablist">
<li class="nav-item top-sale-item active">
<a class="nav-link" data-toggle="tab" href="#best_sellers" role="tab">Nos meilleures ventes</a>
</li>
<li class="nav-item top-reviews-item">
<a class="nav-link" data-toggle="tab" href="#top_reviews" role="tab">Les mieux notés</a>
</li>
</ul>
<!-- Tab panels -->
<div class="tab-content">
<div class="tab-pane fade in active" id="best_sellers" role="tabpanel">
<!--<div class="col-xs-12 col-sm-4 col-md-3 push-same-height no-margin products-wrapper push-wrapper-1">-->
<div class="col-xs-12 col-sm-4 col-md-3 push-same-height no-margin products-wrapper push-wrapper-1" style="padding-top: 10px;">
<div class="products turquoise">
<div class="product-content border-turquoise">
<div class="products-demo-img">
<a class="product-link" href="https://www.coslys.fr/boutique/corps/96-gel-lavant-neutre.html" title="Gel lavant neutre">
<div class="product-metas">
</div>
<img src="https://www.coslys.fr/boutique/1328-medium_default/gel-lavant-neutre.jpg" alt="" style="z-index: 10; position: relative;" />
</a>
</div>
<div class="products-demo-desc">
<div class="products-demo-desc-inner">
<h2 class="product-title"><a class="product-link" href="https://www.coslys.fr/boutique/corps/96-gel-lavant-neutre.html" title="Gel lavant neutre">Gel lavant neutre</a></h2>
<p class="ingredient_distinctif"> Neutre</p>
<p class="product-details">1l</p>
</div>
</div>
<div class="product-add-to-cart bg-turquoise">
<!-- btn add to cart -->
<a class="button btn-default" href="https://www.coslys.fr/boutique/corps/96-gel-lavant-neutre.html" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="42" data-id-product="96" data-minimal_quantity="1">
<span class="label"> Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
<!--<div class="col-xs-12 col-sm-4 col-md-3 push-same-height no-margin products-wrapper push-wrapper-1">-->
<div class="col-xs-12 col-sm-4 col-md-3 push-same-height no-margin products-wrapper push-wrapper-1" style="padding-top: 10px;">
<div class="products mauve">
<div class="product-content border-mauve">
<div class="products-demo-img">
<a class="product-link" href="https://www.coslys.fr/boutique/cheveux-normaux/109-shampooing-ultra-doux.html" title="Shampooing ultra-doux">
<div class="product-metas">
</div>
<img src="https://www.coslys.fr/boutique/1000-medium_default/shampooing-ultra-doux.jpg" alt="" style="z-index: 10; position: relative;" />
</a>
</div>
<div class="products-demo-desc">
<div class="products-demo-desc-inner">
<h2 class="product-title"><a class="product-link" href="https://www.coslys.fr/boutique/cheveux-normaux/109-shampooing-ultra-doux.html" title="Shampooing ultra-doux">Shampooing ultra-doux</a></h2>
<p class="ingredient_distinctif"> Reine des prés</p>
<p class="product-details">500ml</p>
</div>
</div>
<div class="product-add-to-cart bg-mauve">
<!-- btn add to cart -->
<a class="button btn-default" href="https://www.coslys.fr/boutique/cheveux-normaux/109-shampooing-ultra-doux.html" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="57" data-id-product="109" data-minimal_quantity="1">
<span class="label"> Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
<!--<div class="col-xs-12 col-sm-4 col-md-3 push-same-height no-margin products-wrapper push-wrapper-1">-->
<div class="col-xs-12 col-sm-4 col-md-3 push-same-height no-margin products-wrapper push-wrapper-1" style="padding-top: 10px;">
<div class="products vert-clair">
<div class="product-content border-vert-clair">
<div class="products-demo-img">
<a class="product-link" href="https://www.coslys.fr/boutique/hygiene-bucco-dentaire/159-dentifrice-au-charbon-vegetal-3538396704105.html" title="Dentifrice au charbon végétal">
<div class="product-metas">
</div>
<img src="https://www.coslys.fr/boutique/1274-medium_default/dentifrice-au-charbon-vegetal.jpg" alt="" style="z-index: 10; position: relative;" />
</a>
</div>
<div class="products-demo-desc">
<div class="products-demo-desc-inner">
<h2 class="product-title"><a class="product-link" href="https://www.coslys.fr/boutique/hygiene-bucco-dentaire/159-dentifrice-au-charbon-vegetal-3538396704105.html" title="Dentifrice au charbon végétal">Dentifrice au charbon végétal</a></h2>
<p class="ingredient_distinctif"> Menthe et citron</p>
<p class="product-details">100g</p>
</div>
</div>
<div class="product-add-to-cart bg-vert-clair">
<!-- btn add to cart -->
<a class="button btn-default" href="https://www.coslys.fr/boutique/hygiene-bucco-dentaire/159-dentifrice-au-charbon-vegetal-3538396704105.html" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="126" data-id-product="159" data-minimal_quantity="1">
<span class="label"> Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
<!--<div class="col-xs-12 col-sm-4 col-md-3 push-same-height no-margin products-wrapper push-wrapper-1">-->
<div class="col-xs-12 col-sm-4 col-md-3 push-same-height no-margin products-wrapper push-wrapper-1" style="padding-top: 10px;">
<div class="products vert-clair">
<div class="product-content border-vert-clair">
<div class="products-demo-img">
<a class="product-link" href="https://www.coslys.fr/boutique/hygiene-bucco-dentaire/160-dentifrice-fraicheur-3538396705102.html" title="Dentifrice fraîcheur">
<div class="product-metas">
</div>
<img src="https://www.coslys.fr/boutique/1275-medium_default/dentifrice-fraicheur.jpg" alt="" style="z-index: 10; position: relative;" />
</a>
</div>
<div class="products-demo-desc">
<div class="products-demo-desc-inner">
<h2 class="product-title"><a class="product-link" href="https://www.coslys.fr/boutique/hygiene-bucco-dentaire/160-dentifrice-fraicheur-3538396705102.html" title="Dentifrice fraîcheur">Dentifrice fraîcheur</a></h2>
<p class="ingredient_distinctif"> Menthol</p>
<p class="product-details">100g</p>
</div>
</div>
<div class="product-add-to-cart bg-vert-clair">
<!-- btn add to cart -->
<a class="button btn-default" href="https://www.coslys.fr/boutique/hygiene-bucco-dentaire/160-dentifrice-fraicheur-3538396705102.html" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="127" data-id-product="160" data-minimal_quantity="1">
<span class="label"> Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="top_reviews" role="tabpanel">
<!--<div class="col-xs-12 col-sm-4 col-md-3 push-same-height no-margin products-wrapper push-wrapper-1">-->
<div class="col-xs-12 col-sm-4 col-md-3 push-same-height no-margin products-wrapper push-wrapper-1" style="padding-top: 10px;">
<div class="products turquoise">
<div class="product-content border-turquoise">
<div class="products-demo-img">
<a class="product-link" href="https://www.coslys.fr/boutique/haute-tolerance/239-creme-lavante-dermatologique-3538396601305.html" title="Crème lavante dermatologique - pain">
<div class="product-metas">
</div>
<img src="https://www.coslys.fr/boutique/1231-medium_default/creme-lavante-dermatologique.jpg" alt="" style="z-index: 10; position: relative;" />
</a>
</div>
<div class="products-demo-desc">
<div class="products-demo-desc-inner">
<div class='starrr' id='star-0'></div>
<input type='hidden' name='rating' value='5' id='star-0-input' />
<h2 class="product-title"><a class="product-link" href="https://www.coslys.fr/boutique/haute-tolerance/239-creme-lavante-dermatologique-3538396601305.html" title="Crème lavante dermatologique - pain">Crème lavante dermatologique - pain</a></h2>
<p class="ingredient_distinctif"> Pain surgras</p>
<p class="product-details">85 ml</p>
</div>
</div>
<div class="product-add-to-cart bg-turquoise">
<!-- btn add to cart -->
<a class="button btn-default" href="https://www.coslys.fr/boutique/haute-tolerance/239-creme-lavante-dermatologique-3538396601305.html" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="201" data-id-product="239" data-minimal_quantity="1">
<span class="label"> Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
<!--<div class="col-xs-12 col-sm-4 col-md-3 push-same-height no-margin products-wrapper push-wrapper-2">-->
<div class="col-xs-12 col-sm-4 col-md-3 push-same-height no-margin products-wrapper push-wrapper-2" style="padding-top: 10px;">
<div class="products turquoise">
<div class="product-content border-turquoise">
<div class="products-demo-img">
<a class="product-link" href="https://www.coslys.fr/boutique/gel-douche/161-creme-de-douche-douceur-d-avoine.html" title="Crème de douche douceur d'avoine">
<div class="product-metas">
</div>
<img src="https://www.coslys.fr/boutique/1291-medium_default/creme-de-douche-douceur-d-avoine.jpg" alt="" style="z-index: 10; position: relative;" />
</a>
</div>
<div class="products-demo-desc">
<div class="products-demo-desc-inner">
<div class='starrr' id='star-1'></div>
<input type='hidden' name='rating' value='5' id='star-1-input' />
<h2 class="product-title"><a class="product-link" href="https://www.coslys.fr/boutique/gel-douche/161-creme-de-douche-douceur-d-avoine.html" title="Crème de douche douceur d'avoine">Crème de douche douceur d'avoine</a></h2>
<p class="ingredient_distinctif"> Plaisir et réconfort</p>
<p class="product-details">1l</p>
</div>
</div>
<div class="product-add-to-cart bg-turquoise">
<!-- btn add to cart -->
<a class="button btn-default" href="https://www.coslys.fr/boutique/gel-douche/161-creme-de-douche-douceur-d-avoine.html" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="128" data-id-product="161" data-minimal_quantity="1">
<span class="label"> Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
<!--<div class="col-xs-12 col-sm-4 col-md-3 push-same-height no-margin products-wrapper push-wrapper-3">-->
<div class="col-xs-12 col-sm-4 col-md-3 push-same-height no-margin products-wrapper push-wrapper-3" style="padding-top: 10px;">
<div class="products mauve">
<div class="product-content border-mauve">
<div class="products-demo-img">
<a class="product-link" href="https://www.coslys.fr/boutique/cheveux-gris-blancs-et-blonds/222-masque-cheveux-anti-jaunissement-3538396112108.html" title="Masque anti-jaunissement">
<div class="product-metas">
</div>
<img src="https://www.coslys.fr/boutique/1217-medium_default/masque-cheveux-anti-jaunissement.jpg" alt="" style="z-index: 10; position: relative;" />
</a>
</div>
<div class="products-demo-desc">
<div class="products-demo-desc-inner">
<div class='starrr' id='star-2'></div>
<input type='hidden' name='rating' value='5' id='star-2-input' />
<h2 class="product-title"><a class="product-link" href="https://www.coslys.fr/boutique/cheveux-gris-blancs-et-blonds/222-masque-cheveux-anti-jaunissement-3538396112108.html" title="Masque anti-jaunissement">Masque anti-jaunissement</a></h2>
<p class="ingredient_distinctif"> Bleuet</p>
<p class="product-details">250ml</p>
</div>
</div>
<div class="product-add-to-cart bg-mauve">
<!-- btn add to cart -->
<a class="button btn-default" href="https://www.coslys.fr/boutique/cheveux-gris-blancs-et-blonds/222-masque-cheveux-anti-jaunissement-3538396112108.html" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="181" data-id-product="222" data-minimal_quantity="1">
<span class="label"> Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
<!--<div class="col-xs-12 col-sm-4 col-md-3 push-same-height no-margin products-wrapper push-wrapper-4">-->
<div class="col-xs-12 col-sm-4 col-md-3 push-same-height no-margin products-wrapper push-wrapper-4" style="padding-top: 10px;">
<div class="products turquoise">
<div class="product-content border-turquoise">
<div class="products-demo-img">
<a class="product-link" href="https://www.coslys.fr/boutique/corps/98-gel-apaisant-ph8-toilette-intime-muqueuses-sensibles.html" title="Gel apaisant pH8 toilette intime">
<div class="product-metas">
</div>
<img src="https://www.coslys.fr/boutique/1283-medium_default/gel-apaisant-ph8-toilette-intime-muqueuses-sensibles.jpg" alt="" style="z-index: 10; position: relative;" />
</a>
</div>
<div class="products-demo-desc">
<div class="products-demo-desc-inner">
<div class='starrr' id='star-3'></div>
<input type='hidden' name='rating' value='5' id='star-3-input' />
<h2 class="product-title"><a class="product-link" href="https://www.coslys.fr/boutique/corps/98-gel-apaisant-ph8-toilette-intime-muqueuses-sensibles.html" title="Gel apaisant pH8 toilette intime">Gel apaisant pH8 toilette intime</a></h2>
<p class="ingredient_distinctif"> Magnésium</p>
<p class="product-details">250ml</p>
</div>
</div>
<div class="product-add-to-cart bg-turquoise">
<!-- btn add to cart -->
<a class="button btn-default" href="https://www.coslys.fr/boutique/corps/98-gel-apaisant-ph8-toilette-intime-muqueuses-sensibles.html" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="46" data-id-product="98" data-minimal_quantity="1">
<span class="label"> Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="vous-guide block-large">
<div id="bloc-vous-guide" class="col-xs-12">
<div class="box-title">
<div class="wrap-img">
<img src="https://www.coslys.fr/wp-content/uploads/logo.jpg" alt="vous guide" />
</div>
<h2 class="bloc-title">Vous guide</h2>
</div>
<!-- Box sliders -->
<div class="box-sliders col-xs-12">
<!-- Bloc Guide -->
<div class="col-xs-12 col-md-4">
<div class="bloc-guide same-height border-fuschia">
<!-- Slide -->
<div class="slide">
<!-- Image -->
<a href="https://www.coslys.fr/notre-expertise/coslys-et-le-vrac/" class="link-visuel-tag">
<div class="silde-visuel-tag">
<a href="https://www.coslys.fr/notre-expertise/coslys-et-le-vrac/" <img src="https://www.coslys.fr/wp-content/uploads/vrac-305x274-305x274.jpg" alt="" />
<p class="tag bg-fuschia">
Le vrac </p>
</div>
</a>
<!-- Content -->
<div class="slide-content slide-content-height" style="position: relative;">
<div class="txt">
<h4 style="text-align: center;"><strong>Le vrac avec COSLYS</strong></h4>
<h6 style="text-align: center;">Quels sont les produits disponibles en vrac? Où recharger son flacon?<br />
<img decoding="async" width="300" height="270" class="aligncenter size-medium wp-image-5275" src="https://www.coslys.fr/wp-content/uploads/vrac-305x274-300x270.jpg" alt="vrac coslys" /></h6>
</div>
<div class="wrap-btn-fuschia">
<a href="https://www.coslys.fr/notre-expertise/coslys-et-le-vrac/" class="slide-link bg-fuschia">Lire la suite</a>
</div>
</div>
</div>
<!-- Slide End -->
</div>
</div>
<!-- Bloc Guide -->
<!-- Bloc Guide -->
<div class="col-xs-12 col-md-4">
<div class="bloc-guide same-height border-orange">
<!-- Slide -->
<div class="slide">
<!-- Image -->
<a href="/guide-au-choix" class="link-visuel-tag">
<div class="silde-visuel-tag">
<a href="/guide-au-choix" <img src="https://www.coslys.fr/wp-content/uploads/le-bon-choix-300x127.jpg" alt="" />
<p class="tag bg-orange">
Le bon choix </p>
</div>
</a>
<!-- Content -->
<div class="slide-content slide-content-height" style="position: relative;">
<div class="txt">
<p>Soin des mains, gel lavant neutre, déodorant ou shampooing bio?</p>
<p><strong>Vous cherchez un produit, nous vous aidons.</strong></p>
<p><img decoding="async" width="300" height="127" class="aligncenter size-medium wp-image-5257" src="https://www.coslys.fr/wp-content/uploads/le-bon-choix-300x127-300x127.jpg" alt="le bon choix" /></p>
</div>
<div class="wrap-btn-orange">
<a href="/guide-au-choix" class="slide-link bg-orange">Je trouve ma solution bio</a>
</div>
</div>
</div>
<!-- Slide End -->
</div>
</div>
<!-- Bloc Guide -->
<!-- Bloc Guide -->
<div class="col-xs-12 col-md-4">
<div class="bloc-guide same-height border-vert">
<!-- Slide -->
<div class="slide">
<!-- Image -->
<a href="https://www.coslys.fr/coslys-vous/devenez-ambassadeur-coslys/" class="link-visuel-tag">
<div class="silde-visuel-tag">
<a href="https://www.coslys.fr/coslys-vous/devenez-ambassadeur-coslys/" <img src="https://www.coslys.fr/wp-content/uploads/soins-ph-neutre-coslys-940x788-366x274.jpg" alt="" />
<p class="tag bg-vert">
Ambassadeur </p>
</div>
</a>
<!-- Content -->
<div class="slide-content slide-content-height" style="position: relative;">
<div class="txt">
<p style="text-align: center;"><strong>Testez les produits</strong> Coslys et donnez nous votre avis en rejoignant notre <strong>programme Ambassadeur</strong> !</p>
<p><img decoding="async" width="300" height="251" class="aligncenter size-medium wp-image-5825" src="https://www.coslys.fr/wp-content/uploads/soins-ph-neutre-coslys-940x788-300x251.jpg" alt="coslys soins ph neutre" /></p>
</div>
<div class="wrap-btn-vert">
<a href="https://www.coslys.fr/coslys-vous/devenez-ambassadeur-coslys/" class="slide-link bg-vert">Je participe</a>
</div>
</div>
</div>
<!-- Slide End -->
</div>
</div>
<!-- Bloc Guide -->
</div>
<!-- Box sliders -->
</div>
</section>
<section class="ingredients full-width">
<div class="ingredients-box">
<div class="ingredients-conainer">
<ul class="ingredients-nav">
<li> <a href="javascript:;" class="index-0 active"> Reine des prés</a></li>
<li> <a href="javascript:;" class="index-1"> Lys</a></li>
<li> <a href="javascript:;" class="index-2"> Mirabelle</a></li>
<li> <a href="javascript:;" class="index-3"> Rose</a></li>
<li> <a href="javascript:;" class="index-4"> Amarante</a></li>
</ul>
<div class="owl-carousel ingredients-slider">
<div class="ingredient-slide" style="background-image: url(https://www.coslys.fr/wp-content/uploads/fond-ingredient-vert-clair-2.jpg); background-repeat: no-repeat; background-size: cover; min-height: 250px;">
<div class="block-large">
<div class="left ingredient-content col-sx-12 col-md-6">
<div class="visuel">
<img src="https://www.coslys.fr/wp-content/uploads/reine-des-pres-3-366x274.png" alt="" />
</div>
<div class="txt">
<h4 class="ingredient-name"> Reine des prés</h4>
<div class="desc"> <p>L’eau florale de reine des prés est appréciée pour ses propriétés anti-inflammatoires et apaisantes.</p>
</div>
</div>
<style>.hover-color:hover { background-color: transparent !important; border: 2px solid white; padding: 8px 38px !important; transition: 0.2s;}</style>
<div class="box-btn"><a href=" /boutique/128-ingredient-distinctif?ingredient=Reine+des+pr%C3%A8s" class="hover-color" style="background-color: #487a0c;"> Découvrir les produits</a></div>
</div>
<div class="right ingredient-products col-sx-12 col-md-6">
<div class="col-md-6 push-same-height no-margin products-wrapper push-wrapper-1">
<div class="products mauve">
<div class="product-content border-mauve" style="border: 3px solid #487a0c!important;">
<div class="products-demo-img">
<a class="product-link" href="https://www.coslys.fr/boutique/cheveux-normaux/109-shampooing-ultra-doux.html" title="Shampooing ultra-doux">
<div class="product-metas">
</div>
<img src="https://www.coslys.fr/boutique/1000-medium_default/shampooing-ultra-doux.jpg" alt="" />
</a>
</div>
<div class="products-demo-desc">
<div class="products-demo-desc-inner">
<h2 class="product-title"><a class="product-link" href="https://www.coslys.fr/boutique/cheveux-normaux/109-shampooing-ultra-doux.html" title="Shampooing ultra-doux">Shampooing ultra-doux</a></h2>
<p class="ingredient_distinctif"> Reine des prés</p>
<p class="product-details">500ml</p>
</div>
</div>
<div class="product-add-to-cart bg-mauve" style="background-color: #487a0c!important;">
<!-- btn add to cart -->
<a class="button ajax_add_to_cart_button_no btn-default" href="https://www.coslys.fr/boutique/cheveux-normaux/109-shampooing-ultra-doux.html" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="57" data-id-product="109" data-minimal_quantity="1">
<span class="label"> Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ingredient-slide" style="background-image: url(https://www.coslys.fr/wp-content/uploads/fond-ingredient-vert-clair-2.jpg); background-repeat: no-repeat; background-size: cover; min-height: 250px;">
<div class="block-large">
<div class="left ingredient-content col-sx-12 col-md-6">
<div class="visuel">
<img src="https://www.coslys.fr/wp-content/uploads/lys-3-366x274.png" alt="" />
</div>
<div class="txt">
<h4 class="ingredient-name"> Lys</h4>
<div class="desc"> <p>Riche en flavonoïdes, le lys possède des vertus protectrice pour la fibre capillaire.</p>
</div>
</div>
<style>.hover-color:hover { background-color: transparent !important; border: 2px solid white; padding: 8px 38px !important; transition: 0.2s;}</style>
<div class="box-btn"><a href=" /boutique/128-ingredient-distinctif?ingredient=Lys" class="hover-color" style="background-color: #e44b9b ;"> Découvrir les produits</a></div>
</div>
<div class="right ingredient-products col-sx-12 col-md-6">
<div class="col-md-6 push-same-height no-margin products-wrapper push-wrapper-1">
<div class="products rose">
<div class="product-content border-rose" style="border: 3px solid #e44b9b !important;">
<div class="products-demo-img">
<a class="product-link" href="https://www.coslys.fr/boutique/visage/134-creme-onctueuse-exfoliante-peaux-normales-a-mixtes-3538396240108.html" title="Crème onctueuse exfoliante - Ressource éclat">
<div class="product-metas">
</div>
<img src="https://www.coslys.fr/boutique/758-medium_default/creme-onctueuse-exfoliante-peaux-normales-a-mixtes.jpg" alt="" />
</a>
</div>
<div class="products-demo-desc">
<div class="products-demo-desc-inner">
<h2 class="product-title"><a class="product-link" href="https://www.coslys.fr/boutique/visage/134-creme-onctueuse-exfoliante-peaux-normales-a-mixtes-3538396240108.html" title="Crème onctueuse exfoliante - Ressource éclat">Crème onctueuse exfoliante - Ressource éclat</a></h2>
<p class="ingredient_distinctif"> Lys</p>
<p class="product-details">75ml</p>
</div>
</div>
<div class="product-add-to-cart bg-rose" style="background-color: #e44b9b !important;">
<!-- btn add to cart -->
<a class="button ajax_add_to_cart_button_no btn-default" href="https://www.coslys.fr/boutique/visage/134-creme-onctueuse-exfoliante-peaux-normales-a-mixtes-3538396240108.html" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="100" data-id-product="134" data-minimal_quantity="1">
<span class="label"> Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 push-same-height no-margin products-wrapper push-wrapper-2">
<div class="products rose">
<div class="product-content border-rose" style="border: 3px solid #e44b9b !important;">
<div class="products-demo-img">
<a class="product-link" href="https://www.coslys.fr/boutique/visage/133-soin-visage-eclat-peaux-peaux-normales-a-mixtes-3538394920156.html" title="Soin visage éclat - Ressouce éclat">
<div class="product-metas">
</div>
<img src="https://www.coslys.fr/boutique/899-medium_default/soin-visage-eclat-peaux-peaux-normales-a-mixtes.jpg" alt="" />
</a>
</div>
<div class="products-demo-desc">
<div class="products-demo-desc-inner">
<h2 class="product-title"><a class="product-link" href="https://www.coslys.fr/boutique/visage/133-soin-visage-eclat-peaux-peaux-normales-a-mixtes-3538394920156.html" title="Soin visage éclat - Ressouce éclat">Soin visage éclat - Ressouce éclat</a></h2>
<p class="ingredient_distinctif"> Lys</p>
<p class="product-details">50ml</p>
</div>
</div>
<div class="product-add-to-cart bg-rose" style="background-color: #e44b9b !important;">
<!-- btn add to cart -->
<a class="button ajax_add_to_cart_button_no btn-default" href="https://www.coslys.fr/boutique/visage/133-soin-visage-eclat-peaux-peaux-normales-a-mixtes-3538394920156.html" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="99" data-id-product="133" data-minimal_quantity="1">
<span class="label"> Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ingredient-slide" style="background-image: url(https://www.coslys.fr/wp-content/uploads/fond-ingredient-vert-clair-2.jpg); background-repeat: no-repeat; background-size: cover; min-height: 250px;">
<div class="block-large">
<div class="left ingredient-content col-sx-12 col-md-6">
<div class="visuel">
<img src="https://www.coslys.fr/wp-content/uploads/mirabelle-3-366x274.png" alt="" />
</div>
<div class="txt">
<h4 class="ingredient-name"> Mirabelle</h4>
<div class="desc"> <p>Riche en acides gras insaturés (oméga-9 & oméga-6), stérols et tocophérols, elle adoucit, protège et répare les cheveux abîmés.</p>
</div>
</div>
<style>.hover-color:hover { background-color: transparent !important; border: 2px solid white; padding: 8px 38px !important; transition: 0.2s;}</style>
<div class="box-btn"><a href=" /boutique/128-ingredient-distinctif?ingredient=Mirabelle" class="hover-color" style="background-color: #ea6344;"> Découvrir les produits</a></div>
</div>
<div class="right ingredient-products col-sx-12 col-md-6">
<div class="col-md-6 push-same-height no-margin products-wrapper push-wrapper-1">
<div class="products mauve">
<div class="product-content border-mauve" style="border: 3px solid #ea6344!important;">
<div class="products-demo-img">
<a class="product-link" href="https://www.coslys.fr/boutique/cheveux-secs-ou-textures/118-masque-cheveux-tres-secs-et-abimes.html" title="Masque nutrition intense">
<div class="product-metas">
</div>
<img src="https://www.coslys.fr/boutique/1188-medium_default/masque-cheveux-tres-secs-et-abimes.jpg" alt="" />
</a>
</div>
<div class="products-demo-desc">
<div class="products-demo-desc-inner">
<h2 class="product-title"><a class="product-link" href="https://www.coslys.fr/boutique/cheveux-secs-ou-textures/118-masque-cheveux-tres-secs-et-abimes.html" title="Masque nutrition intense">Masque nutrition intense</a></h2>
<p class="ingredient_distinctif"> Mirabelle</p>
<p class="product-details">250ml</p>
</div>
</div>
<div class="product-add-to-cart bg-mauve" style="background-color: #ea6344!important;">
<!-- btn add to cart -->
<a class="button ajax_add_to_cart_button_no btn-default" href="https://www.coslys.fr/boutique/cheveux-secs-ou-textures/118-masque-cheveux-tres-secs-et-abimes.html" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="183" data-id-product="118" data-minimal_quantity="1">
<span class="label"> Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 push-same-height no-margin products-wrapper push-wrapper-2">
<div class="products mauve">
<div class="product-content border-mauve" style="border: 3px solid #ea6344!important;">
<div class="products-demo-img">
<a class="product-link" href="https://www.coslys.fr/boutique/cheveux/117-apres-shampooing-nutrition-intense-3538396145106.html" title="Après-shampooing nutrition intense">
<div class="product-metas">
</div>
<img src="https://www.coslys.fr/boutique/1305-medium_default/apres-shampooing-nutrition-intense.jpg" alt="" />
</a>
</div>
<div class="products-demo-desc">
<div class="products-demo-desc-inner">
<h2 class="product-title"><a class="product-link" href="https://www.coslys.fr/boutique/cheveux/117-apres-shampooing-nutrition-intense-3538396145106.html" title="Après-shampooing nutrition intense">Après-shampooing nutrition intense</a></h2>
<p class="ingredient_distinctif"> Mirabelle</p>
<p class="product-details">250ml</p>
</div>
</div>
<div class="product-add-to-cart bg-mauve" style="background-color: #ea6344!important;">
<!-- btn add to cart -->
<a class="button ajax_add_to_cart_button_no btn-default" href="https://www.coslys.fr/boutique/cheveux/117-apres-shampooing-nutrition-intense-3538396145106.html" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="87" data-id-product="117" data-minimal_quantity="1">
<span class="label"> Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ingredient-slide" style="background-image: url(https://www.coslys.fr/wp-content/uploads/fond-ingredient-vert-clair-2.jpg); background-repeat: no-repeat; background-size: cover; min-height: 250px;">
<div class="block-large">
<div class="left ingredient-content col-sx-12 col-md-6">
<div class="visuel">
<img src="https://www.coslys.fr/wp-content/uploads/rose-5-366x274.png" alt="" />
</div>
<div class="txt">
<h4 class="ingredient-name"> Rose</h4>
<div class="desc"> <p>Rafraîchissante, apaisante et tonifiante, elle procure une sensation de bien-être.</p>
</div>
</div>
<style>.hover-color:hover { background-color: transparent !important; border: 2px solid white; padding: 8px 38px !important; transition: 0.2s;}</style>
<div class="box-btn"><a href=" /boutique/128-ingredient-distinctif?ingredient=Rose" class="hover-color" style="background-color: #b1c91f;"> Découvrir les produits</a></div>
</div>
<div class="right ingredient-products col-sx-12 col-md-6">
<div class="col-md-6 push-same-height no-margin products-wrapper push-wrapper-1">
<div class="products turquoise">
<div class="product-content border-turquoise" style="border: 3px solid #b1c91f!important;">
<div class="products-demo-img">
<a class="product-link" href="https://www.coslys.fr/boutique/corps/236-solide-fraicheur-toilette-intime-3538396601206.html" title="Solide fraîcheur Toilette intime">
<div class="product-metas">
</div>
<img src="https://www.coslys.fr/boutique/1327-medium_default/solide-fraicheur-toilette-intime.jpg" alt="" />
</a>
</div>
<div class="products-demo-desc">
<div class="products-demo-desc-inner">
<h2 class="product-title"><a class="product-link" href="https://www.coslys.fr/boutique/corps/236-solide-fraicheur-toilette-intime-3538396601206.html" title="Solide fraîcheur Toilette intime">Solide fraîcheur Toilette intime</a></h2>
<p class="ingredient_distinctif"> Rose</p>
<p class="product-details">85 gr</p>
</div>
</div>
<div class="product-add-to-cart bg-turquoise" style="background-color: #b1c91f!important;">
<!-- btn add to cart -->
<a class="button ajax_add_to_cart_button_no btn-default" href="https://www.coslys.fr/boutique/corps/236-solide-fraicheur-toilette-intime-3538396601206.html" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="197" data-id-product="236" data-minimal_quantity="1">
<span class="label"> Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 push-same-height no-margin products-wrapper push-wrapper-2">
<div class="products rose">
<div class="product-content border-rose" style="border: 3px solid #b1c91f!important;">
<div class="products-demo-img">
<a class="product-link" href="https://www.coslys.fr/boutique/visage/125-delicat-nuage-mousse-peaux-seches-et-sensibles.html" title="Délicat nuage de mousse - Pur velours">
<div class="product-metas">
</div>
<img src="https://www.coslys.fr/boutique/740-medium_default/delicat-nuage-mousse-peaux-seches-et-sensibles.jpg" alt="" />
</a>
</div>
<div class="products-demo-desc">
<div class="products-demo-desc-inner">
<h2 class="product-title"><a class="product-link" href="https://www.coslys.fr/boutique/visage/125-delicat-nuage-mousse-peaux-seches-et-sensibles.html" title="Délicat nuage de mousse - Pur velours">Délicat nuage de mousse - Pur velours</a></h2>
<p class="ingredient_distinctif"> Rose</p>
<p class="product-details">150ml</p>
</div>
</div>
<div class="product-add-to-cart bg-rose" style="background-color: #b1c91f!important;">
<!-- btn add to cart -->
<a class="button ajax_add_to_cart_button_no btn-default" href="https://www.coslys.fr/boutique/visage/125-delicat-nuage-mousse-peaux-seches-et-sensibles.html" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="68" data-id-product="125" data-minimal_quantity="1">
<span class="label"> Découvrir ce produit</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ingredient-slide" style="background-image: url(https://www.coslys.fr/wp-content/uploads/fond-ingredient-rose-clair-1.jpg); background-repeat: no-repeat; background-size: cover; min-height: 250px;">
<div class="block-large">
<div class="left ingredient-content col-sx-12 col-md-6">
<div class="visuel">
<img src="https://www.coslys.fr/wp-content/uploads/amarante.png" alt="" />
</div>
<div class="txt">
<h4 class="ingredient-name"> Amarante</h4>
<div class="desc"> <p>Elle est riche en protéines et contient 8 acides aminés essentiels dont la phénylalanine et l’histidine : ils pénètrent dans le cheveu et se lient à leur structure. Cet actif apporte de la douceur à la fibre capillaire. </p>
</div>
</div>
</div>
<div class="right ingredient-products col-sx-12 col-md-6">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="autour-bio full-width">
<div id="bloc-autourbio">
<div class="box-title">
<div class="wrap-img">
<img src="https://www.coslys.fr/wp-content/uploads/logo.jpg" alt="vous guide" />
</div>
<h2 class="bloc-title">Autour du bio</h2>
</div>
<div class="block-large widgets-blocks row clearfix">
<div class="box-poll block-autourbio same-height col-xs-12 col-md-4">
<div class="border-vert">
<h5 class="bg-vert">Votre opinion</h5>
<div class="boll-wrapper">
<div class='bootstrap-yop yop-poll-mc'>
<div class="basic-yop-poll-container" style="background-color:#ffffff; border:0px; border-style:solid; border-color:#ffffff; border-radius:0px; padding:0px 0px;" data-id="8" data-temp="basic" data-skin="minimal" data-cscheme="black" data-cap="0" data-access="guest,wordpress" data-tid="" data-uid="be021ab3751a327df9814b589c8a9f5b" data-pid="4" data-resdet="percentages" data-show-results-to="guest,registered" data-show-results-moment="after-vote" data-show-results-only="false" data-show-message="true" data-show-results-as="bar" data-sort-results-by="as-defined" data-sort-results-rule="asc"><div class="row"><div class="col-md-12"><div class="basic-inner"><div class="basic-message hide" style="border-left: 10px solid #008000; padding: 0px 10px;" data-error="#ff0000" data-success="#008000"><p class="basic-message-text" style="color:#ff0000; font-size:14px; font-weight:normal;"></p></div><div class="basic-overlay hide"><div class="basic-vote-options"><div class="basic-anonymous"><button type="button" class="btn btn-default">Anonymous Vote</button></div><div class="basic-wordpress"><button type="button" class="btn btn-default basic-wordpress-button">Sign in with Wordpress</button></div></div><div class="basic-preloader"><div class="basic-windows8"><div class="basic-wBall basic-wBall_1"><div class="basic-wInnerBall"></div></div><div class="basic-wBall basic-wBall_2"><div class="basic-wInnerBall"></div></div><div class="basic-wBall basic-wBall_3"><div class="basic-wInnerBall"></div></div><div class="basic-wBall basic-wBall_4"><div class="basic-wInnerBall"></div></div><div class="basic-wBall basic-wBall_5"><div class="basic-wInnerBall"></div></div></div></div></div><form class="basic-form"><input type="hidden" name="_token" value="070877dcce" autocomplete="off"><div class="basic-elements"><div class="basic-element basic-question basic-question-text-vertical" data-id="8" data-uid="f372a183577099d5a775fa3ea3a6a883" data-type="question" data-question-type="text" data-allow-multiple="no" data-min="1" data-max="3" data-display="vertical" data-colnum="2" data-display-others="no" data-others-color="" data-others=""><div class="basic-question-title"><h5 style="color:#000000; font-size:14px; font-weight:normal; text-align:left;">Quel est le critère n°1 lorsque vous choisissez un produit pour votre bébé </h5></div><ul class="basic-answers"><li class="basic-answer" style="padding:0px 0px;" data-id="29" data-type="text" data-vn="30" data-color="" data-make-link="no" data-link=""><div class="basic-answer-content basic-text-vertical"><label for="answer[29]" class="basic-answer-label"><input type="radio" id="answer[29]" name="answer[8]" value="29" autocomplete="off"><span class="basic-text" style="color: #000000; font-size: 14px; font-weight: normal;">Efficacité</span></label></div></li><li class="basic-answer" style="padding:0px 0px;" data-id="30" data-type="text" data-vn="35" data-color="" data-make-link="no" data-link=""><div class="basic-answer-content basic-text-vertical"><label for="answer[30]" class="basic-answer-label"><input type="radio" id="answer[30]" name="answer[8]" value="30" autocomplete="off"><span class="basic-text" style="color: #000000; font-size: 14px; font-weight: normal;">Produits hypoallergéniques</span></label></div></li><li class="basic-answer" style="padding:0px 0px;" data-id="31" data-type="text" data-vn="27" data-color="" data-make-link="no" data-link=""><div class="basic-answer-content basic-text-vertical"><label for="answer[31]" class="basic-answer-label"><input type="radio" id="answer[31]" name="answer[8]" value="31" autocomplete="off"><span class="basic-text" style="color: #000000; font-size: 14px; font-weight: normal;">Sans parfum</span></label></div></li><li class="basic-answer" style="padding:0px 0px;" data-id="32" data-type="text" data-vn="179" data-color="" data-make-link="no" data-link=""><div class="basic-answer-content basic-text-vertical"><label for="answer[32]" class="basic-answer-label"><input type="radio" id="answer[32]" name="answer[8]" value="32" autocomplete="off"><span class="basic-text" style="color: #000000; font-size: 14px; font-weight: normal;">Sans ingrédients controversés</span></label></div></li><li class="basic-answer" style="padding:0px 0px;" data-id="33" data-type="text" data-vn="38" data-color="" data-make-link="no" data-link=""><div class="basic-answer-content basic-text-vertical"><label for="answer[33]" class="basic-answer-label"><input type="radio" id="answer[33]" name="answer[8]" value="33" autocomplete="off"><span class="basic-text" style="color: #000000; font-size: 14px; font-weight: normal;">Convient au bébé et à la maman </span></label></div></li></ul></div><div class="clearfix"></div></div><div class="basic-vote"><a href="#" class="button basic-vote-button" style="background:#ffffff; border:2px; border-style: solid; border-color:#000000; border-radius:2px; padding:5px 10px; color:#333333; font-size:14px; font-weight:normal;">Je vote</a></div></form><div class="yop-poll-modal"><div class="yop-poll-modal-content"><div class="yop-poll-modal-header"><span class="yop-poll-modal-close">×</span></div><div class="yop-poll-modal-body"><div class="yop-poll-form-group"><label class="yop-poll-user-or-email-label">Username or Email Address</label><input type="text" class="yop-poll-user-or-email-input" autocomplete="off"></div><div class="yop-poll-form-group"><label class="yop-poll-password-label">Password</label><input type="password" class="yop-poll-password-input" autocomplete="off"></div><div class="yop-poll-form-group submit"><button class="button button-primary button-large yop-poll-login-button">Log In</button></div></div></div></div></div></div></div></div>
</div> </div>
<div class="hidden">
<a id="btnSeePageResultPollOrig" href="https://www.coslys.fr/nos-valeurs" class="btn-see-page bg-vert">Voir la page</a>
</div>
</div>
</div>
<div class="box-post-fb block-autourbio same-height col-xs-12 col-md-4">
<div class="border-bleu-fonce">
<h5 class="bg-bleu-fonce">Coslys & vous</h5>
<div class="boll-wrapper">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.9";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/coslys/" data-tabs="timeline" data-height="350" data-small-header="true" data-adapt-container-width="false" data-hide-cover="true" data-show-facepile="false"><blockquote cite="https://www.facebook.com/coslys/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/coslys/">Coslys</a></blockquote></div>
</div>
</div>
</div>
<div class="box-review box-post block-autourbio same-height col-xs-12 col-md-4">
<div class="border-mauve">
<h5 class="bg-mauve">
Coslys & vous </h5>
<div class="boll-wrapper">
<div class="txt">
</div>
</div>
</div>
</div>
</div>
<div class="articles-blocks block-large row masonry">
<div class="home-article-wrapper block-home-article-1 without-visuel">
<article class="border-rose-fonce">
<div class="article-desc">
<p class="tag bg-rose-fonce">Les valeurs</p>
<h3 class="article-title">L’emballage, aussi important que la formule</h3>
<div class="article-summary">
<p>En fabriquant des produits bio, la marque Coslys est soucieuse de la formule mais aussi de l’emballage. Coslys a d’ailleurs été une des toutes premières marques à proposer des grandes contenances en 1L et 5L dans un souci de réduction des déchets et cela dès 2003.<br />
Vrac en magasin, écorecharges Coslys vous accompagne dans la réduction de vos déchets.</p>
</div>
</div>
<div class="post-read-more-rose-fonce">
<a href="https://www.coslys.fr/?p=3896" class="read-more bg-rose-fonce">Lire la suite</a>
</div>
</article>
</div>
<div class="home-article-wrapper block-home-article-2 with-visuel">
<article class="border-vert">
<div class="article-img">
<a href="https://www.coslys.fr/programme-ambassadeur/">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.coslys.fr/wp-content/uploads/soins-ph-neutre-coslys-940x788-366x274.jpg" class="attachment-home-thumb size-home-thumb wp-post-image lazyload" alt="coslys soins ph neutre" decoding="async" loading="lazy"><noscript><img src="https://www.coslys.fr/wp-content/uploads/soins-ph-neutre-coslys-940x788-366x274.jpg" class="attachment-home-thumb size-home-thumb wp-post-image lazyload" alt="coslys soins ph neutre" decoding="async" loading="lazy"></noscript> </a>
</div>
<div class="article-desc">
<p class="tag bg-vert">PROGRAMME AMBASSADEUR</p>
<h3 class="article-title">Devenez Ambassadeur COSLYS</h3>
<div class="article-summary">
<p>Vous souhaitez tester et découvrir les produits Coslys ? Inscrivez-vous !</p>
</div>
</div>
<div class="post-read-more-vert">
<a href="https://www.coslys.fr/programme-ambassadeur/" class="read-more bg-vert">Lire la suite</a>
</div>
</article>
</div>
<div class="home-article-wrapper block-home-article-3 with-visuel">
<article class="border-rose-fonce">
<div class="article-img">
<a href="https://www.coslys.fr/engagements-certifications-bio-ethique/">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.coslys.fr/wp-content/uploads/chien-chats-305x274-305x274.jpg" class="attachment-home-thumb size-home-thumb wp-post-image lazyload" alt="bio et éthique" decoding="async" loading="lazy"><noscript><img src="https://www.coslys.fr/wp-content/uploads/chien-chats-305x274-305x274.jpg" class="attachment-home-thumb size-home-thumb wp-post-image lazyload" alt="bio et éthique" decoding="async" loading="lazy"></noscript> </a>
</div>
<div class="article-desc">
<p class="tag bg-rose-fonce">Certifications</p>
<h3 class="article-title">Coslys, votre partenaire beauté bio et éthique</h3>
<div class="article-summary">
<p>Le saviez-vous ? Coslys est depuis toujours engagée dans une démarche visant à préserver notre environnement et à améliorer sans cesse nos comportements à travers des engagements citoyens. </p>
</div>
</div>
<div class="post-read-more-rose-fonce">
<a href="https://www.coslys.fr/engagements-certifications-bio-ethique/" class="read-more bg-rose-fonce">Lire la suite</a>
</div>
</article>
</div>
<div class="home-article-wrapper block-home-article-4 with-visuel">
<article class="border-rose-fonce">
<div class="article-img">
<a href="https://www.coslys.fr/sport-perinee-prevention/">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.coslys.fr/wp-content/uploads/sport-sf-336x274.jpg" class="attachment-home-thumb size-home-thumb wp-post-image lazyload" alt="Sport et périnée" decoding="async" loading="lazy"><noscript><img src="https://www.coslys.fr/wp-content/uploads/sport-sf-336x274.jpg" class="attachment-home-thumb size-home-thumb wp-post-image lazyload" alt="Sport et périnée" decoding="async" loading="lazy"></noscript> </a>
</div>
<div class="article-desc">
<p class="tag bg-rose-fonce">Sport et santé</p>
<h3 class="article-title">Sport et périnée : place à la prévention</h3>
<div class="article-summary">
<p>Nous sommes de plus en plus nombreuses à prendre conscience que la pratique d’un sport est bon pour la santé. Bravo! Mais le sport au féminin nécessite aussi quelques recommandations et bonnes pratiques. Et cela dès le plus jeune âge. </p>
</div>
</div>
<div class="post-read-more-rose-fonce">
<a href="https://www.coslys.fr/sport-perinee-prevention/" class="read-more bg-rose-fonce">Lire la suite</a>
</div>
</article>
</div>
</div>
</div>
</section>
<section class="marque block-large">
<div id="bloc-vous-marque" class="col-xs-12">
<div class="box-title">
<div class="wrap-img">
<img src="https://www.coslys.fr/wp-content/uploads/logo.jpg" alt="vous guide" />
</div>
<h2 class="bloc-title">UNE MARQUE <small>des engagements</small></h2>
</div>
<div class="box-sliders col-xs-12">
<div class="col-sm-4 col-md-4 col-xs-12">
<div class="same-height bloc-marque border-fuschia">
<div class="slide">
<a href="/notre-histoire" class="link-visuel-tag">
<div class="silde-visuel-tag">
<img src="https://www.coslys.fr/wp-content/uploads/fabrique-en-france-366x274.jpg" alt="" />
<p class="tag bg-fuschia">
Fabriqué en France </p>
</div>
</a>
<div class="slide-content">
<div class="txt">
<p>L’histoire des produits Coslys prend naissance en 2003 à Somloire, Pays de Loire, berceau actif de la recherche sur les plantes médicinales. Les produits sont conçus et fabriqués dans notre propre usine de fabrication au cœur de la campagne française.</p>
</div>
<div class="wrap-btn">
<a href="/notre-histoire" class="slide-link bg-fuschia">Lire la suite</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-md-4 col-xs-12">
<div class="same-height bloc-marque border-fuschia">
<div class="slide">
<a href="/expertise-scientifique-industrielle" class="link-visuel-tag">
<div class="silde-visuel-tag">
<img src="https://www.coslys.fr/wp-content/uploads/manufacturer-guarantee-1.jpg" alt="" />
<p class="tag bg-fuschia">
Laboratoire certifié </p>
</div>
</a>
<div class="slide-content">
<div class="txt">
<p>Conforme aux normes des Bonnes Pratiques de Fabrication et certifié selon la norme ISO 22716, notre site de fabrication est soumis aux règles strictes de l’industrie cosmétique. Ainsi nous vous garantissons des produits de haute qualité garantissant votre sécurité.</p>
</div>
<div class="wrap-btn">
<a href="/expertise-scientifique-industrielle" class="slide-link bg-fuschia">Lire la suite</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-md-4 col-xs-12">
<div class="same-height bloc-marque border-fuschia">
<div class="slide">
<a href="https://www.coslys.fr/notre-expertise/parole-d-experts/" class="link-visuel-tag">
<div class="silde-visuel-tag">
<img src="https://www.coslys.fr/wp-content/uploads/parole-expert2-366x274.jpg" alt="" />
<p class="tag bg-fuschia">
Parole d'experts </p>
</div>
</a>
<div class="slide-content">
<div class="txt">
<p>Derrière les produits Coslys, se cache toute une équipe d’experts qui travaillent ensemble pour vous fournir des produits au plus près de vos exigences. Retrouvez les témoignages de nos experts et acteurs engagés autour de la marque Coslys.</p>
</div>
<div class="wrap-btn">
<a href="https://www.coslys.fr/notre-expertise/parole-d-experts/" class="slide-link bg-fuschia">Lire la suite</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Content end -->
<section class="prefooter prefooter-top">
<div class="container">
<div class="row col-xs-12 col-sm-offset-2 col-sm-9 col-md-8 col-md-offset-3">
<div class="col-xs-6 col-sm-4 col-md-3">
<span class="icon-fab-france"></span>
<p><strong>Fabriqué en France</strong></p>
</div>
<div class="col-xs-6 col-sm-4 col-md-3">
<span class="icon-cosmebio"></span>
<p><strong>Membre Cosmebio</strong></p>
</div>
<div class="col-xs-6 col-sm-4 col-md-3">
<span class="icon-approuved-peta"></span>
<p><strong>Approuvé par la PETA</strong></p>
</div>
</div>
</div>
</section>
<section class="prefooter prefooter-bottom">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4 col-sm-offset-1 col-md-3">
<div class="bottom-menu">
<ul class="menu list-unstyled"><li class="menu-item menu-la-marque"><a href="https://www.coslys.fr/la-marque/">La marque</a></li>
<li class="menu-item menu-notre-expertise"><a href="https://www.coslys.fr/notre-expertise/">Notre expertise</a></li>
<li class="menu-item menu-conseils-tutos"><a href="https://www.coslys.fr/conseils-et-tutos/">Conseils & tutos</a></li>
<li class="menu-item menu-actu"><a href="https://www.coslys.fr/coslys-vous/">Actu</a></li>
<li class="menu-item menu-nous-contacter"><a href="https://www.coslys.fr/contact/">Nous contacter</a></li>
<li class="menu-item menu-mentions-legales"><a href="https://www.coslys.fr/mentions-legales/">Mentions légales</a></li>
</ul> </div>
<div class="newsletter-subscribe-wrapper hidden-xs hidden-sm col-sm-4" id="wrapNewsletterSubscribe">
<p>Inscrivez-vous à notre newsletter :</p>
<form method="post" name="newslettersubscribe" class="newsletter-form-ajax" action="/boutique/ws/subscribeNewsletter.php">
<p class="ajax-response"></p>
<input type="text" name="nemail" class="nemail" value="" placeholder="E-mail"/>
<input type="submit" name="nsubmit" value="OK"/>
</form>
</div>
</div>
<div class="col-xs-12 col-sm-7 col-md-5 prestashop-categories-wrapper">
<div class="prestashop-categories">
<ul class="list-unstyled">
<li>
<a href="https://www.coslys.fr/boutique/96-corps">Corps</a>
</li>
<li>
<a href="https://www.coslys.fr/boutique/95-hygiene-bucco-dentaire">Hygiène bucco-dentaire</a>
</li>
<li>
<a href="https://www.coslys.fr/boutique/109-cheveux">Cheveux</a>
</li>
<li>
<a href="https://www.coslys.fr/boutique/119-visage">Visage</a>
</li>
<li>
<a href="https://www.coslys.fr/boutique/92-homme">Homme</a>
</li>
<li>
<a href="https://www.coslys.fr/boutique/91-bebe">Bébé</a>
</li>
<li>
<a href="https://www.coslys.fr/boutique/71-format-eco">Format éco</a>
</li>
<li>
<a href="https://www.coslys.fr/boutique/72-promo">Promo</a>
</li>
</ul>
</div>
<div class="newsletter-subscribe-wrapper hidden-md hidden-lg" id="wrapNewsletterSubscribe">
<p>Inscrivez-vous à notre newsletter :</p>
<form method="post" name="newslettersubscribe" class="newsletter-form-ajax" action="/boutique/ws/subscribeNewsletter.php">
<p class="ajax-response"></p>
<input type="text" name="nemail" class="nemail" value="" placeholder="E-mail"/>
<input type="submit" name="nsubmit" value="OK"/>
</form>
</div>
</div>
<div class="col-xs-12 col-sm-11 col-sm-offset-1 col-md-2 prefooter-tools row">
<div class="user-box col-xs-12 col-sm-4">
<span class="icon icon-user"></span>
<a href="https://www.coslys.fr/boutique/mon-compte" class="signin not-logged">Mon compte</a>
</div>
<div class="facebook-block col-xs-12 col-sm-4">
<span class="icon icon-fb"></span>
<a target="_blank" href="https://www.facebook.com/coslys/">Rejoignez-nous</a>
</div>
<div class="facebook-block col-xs-12 col-sm-4" style="margin-top:25px">
<span class="icon icon-insta"></span>
<a target="_blank" href="https://www.instagram.com/coslys.fr/">Suivez-nous</a>
</div>
<div class="facebook-block col-xs-12 col-sm-4 hidden">
<a target="_blank" href="https://www.facebook.com/coslys/"><span class="icon icon-fb"></span><span class="icon icon-fb"></span></a>
Rejoignez-nous </div>
</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
<a href="http://www.nature-et-strategie.com/fra" class="nat-strat-link" target="_blank">
<span class="ct-text">Une marque du groupe</span>
<span class="img">
<img src="/wp-content/themes/coslys-2017/assets/images/nature-strat.png" alt="nature et stratégie">
</span>
</a>
</div>
</div>
</div>
</section>
<div id="content-mask"></div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row">
</div>
</div>
</footer>
</div>
</div>
</div>
</div>
<!-- Pop up newsletter -->
<div id="modalNewsletter" class="modal fade" role="dialog" style="z-index:2000">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body"></div>
</div>
</div>
</div>
<!-- Pop up comparateur -->
<div id="modalComparison" class="modal fade" role="dialog" style="z-index:2000">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body"></div>
</div>
</div>
</div>
<!-- Custom Facebook Feed JS -->
<script type="text/javascript">var cffajaxurl = "https://www.coslys.fr/wp-admin/admin-ajax.php";
var cfflinkhashtags = "true";
</script>
<script defer src="https://www.coslys.fr/wp-includes/js/jquery/ui/core.min.js" id="jquery-ui-core-js"></script>
<script defer src="https://www.coslys.fr/wp-includes/js/jquery/ui/accordion.min.js" id="jquery-ui-accordion-js"></script>
<script defer src="https://www.coslys.fr/wp-content/uploads/siteground-optimizer-assets/wp-faq-schema-frontend.min.js" id="wp-faq-schema-frontend-js"></script>
<script defer src="https://www.coslys.fr/wp-content/plugins/sg-cachepress/assets/js/lazysizes.min.js" id="siteground-optimizer-lazy-sizes-js-js"></script>
<script type='text/javascript' id='custom-guide-au-choix-script-js-extra'>
/* <![CDATA[ */
var guideauchoix = {"ajaxurl":"https:\/\/www.coslys.fr\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script defer src="https://www.coslys.fr/wp-content/uploads/siteground-optimizer-assets/custom-guide-au-choix-script.min.js" id="custom-guide-au-choix-script-js"></script>
<script src="https://www.coslys.fr/wp-content/themes/coslys-2017/assets/js/vendor/jquery-migrate.min.js" async="async" id="jquery-migrate-js"></script>
<script defer src="https://www.coslys.fr/wp-content/themes/coslys-2017/assets/js/vendor/jquery-ui.min.js" id="jquery-ui-custom-js"></script>
<script defer src="https://www.coslys.fr/wp-content/themes/coslys-2017/assets/js/vendor/bootstrap.min.js" id="bootstrap-js"></script>
<script defer src="https://www.coslys.fr/wp-content/uploads/siteground-optimizer-assets/modernizr.min.js" id="modernizr-js"></script>
<script defer src="https://www.coslys.fr/wp-content/themes/coslys-2017/assets/js/classie.js" id="classie-js"></script>
<script defer src="https://www.coslys.fr/wp-content/themes/coslys-2017/assets/js/ios-orientationchange-fix.js" id="ios-orientationchange-js"></script>
<script defer src="https://www.coslys.fr/wp-content/uploads/siteground-optimizer-assets/jquery-matchHeight.min.js" id="jquery-matchHeight-js"></script>
<script defer src="https://www.coslys.fr/wp-content/themes/coslys-2017/assets/js/slick.min.js" id="slick-js"></script>
<script defer src="https://www.coslys.fr/wp-content/themes/coslys-2017/assets/js/plugins/jquery-autocomplete.min.js" id="jquery-autocomplete-js"></script>
<script defer src="https://www.coslys.fr/wp-content/uploads/siteground-optimizer-assets/columnizer.min.js" id="columnizer-js"></script>
<script defer src="https://www.coslys.fr/wp-content/uploads/siteground-optimizer-assets/main-script.min.js" id="main-script-js"></script>
<script defer src="https://www.coslys.fr/wp-content/themes/coslys-2017/assets/js/subscribe-newsletter.js" id="newsletter-script-js"></script>
<script defer src="https://www.coslys.fr/wp-content/themes/coslys-2017/assets/owlcarousel/owl.carousel.min.js" id="owlcarousel-script-js"></script>
<script defer src="https://www.coslys.fr/wp-content/uploads/siteground-optimizer-assets/prestaphop-tools-script.min.js" id="prestaphop-tools-script-js"></script>
<script defer src="https://www.coslys.fr/wp-content/uploads/siteground-optimizer-assets/prestaphop-add-to-cart-script.min.js" id="prestaphop-add-to-cart-script-js"></script>
<script defer src="https://www.coslys.fr/boutique/themes/coslys/js/modules/blocksearch/blocksearch.js" id="prestashop-search-js"></script>
<script defer src="https://www.coslys.fr/wp-content/themes/coslys-2017/assets/js/pure.js" id="pure-script-js"></script>
<script defer src="https://www.coslys.fr/wp-content/uploads/siteground-optimizer-assets/starrr-script.min.js" id="starrr-script-js"></script>
<script defer src="https://www.coslys.fr/wp-content/uploads/siteground-optimizer-assets/axeptio-gm.min.js" id="axeptio-gm-js"></script>
<script defer src="https://www.coslys.fr/wp-content/plugins/custom-facebook-feed/assets/js/cff-scripts.min.js" id="cffscripts-js"></script>
</body>
</html>
