<!DOCTYPE html>
<html lang="fr-FR" data-website-id="1" data-oe-company-name="OLOR">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
<title>Home | Cosmic.tn</title>
<link type="image/x-icon" rel="shortcut icon" href="/web/image/website/1/favicon/"/>
<script type="text/javascript">
var odoo = {
csrf_token: "9a996c6de56adfd4ed53e6d3f84fecf8a1c9b0e0o",
};
</script>
<meta name="generator" content="Odoo"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="Home | Cosmic.tn"/>
<meta property="og:site_name" content="OLOR"/>
<meta property="og:url" content="https://cosmic.tn/"/>
<meta property="og:image" content="https://cosmic.tn/web/image/res.company/1/logo"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="Home | Cosmic.tn"/>
<meta name="twitter:image" content="https://cosmic.tn/web/image/res.company/1/logo"/>
<link rel="alternate" hreflang="fr" href="https://cosmic.tn/"/>
<script type="text/javascript">
odoo.session_info = {
is_admin: false,
is_system: false,
is_frontend: true,
translationURL: '/website/translations',
is_website_user: true,
user_id: 4
};
</script>
<link type="text/css" rel="stylesheet" href="/web/content/138546-64b831c/1/web.assets_common.0.css"/>
<link type="text/css" rel="stylesheet" href="/web/content/138547-bfb5505/1/web.assets_frontend.0.css"/>
<link type="text/css" rel="stylesheet" href="/web/content/138548-bfb5505/1/web.assets_frontend.1.css"/>
<link type="text/css" rel="stylesheet" href="/web/content/138549-bfb5505/1/web.assets_frontend.2.css"/>
<script type="text/javascript" src="/web/content/138550-64b831c/1/web.assets_common.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.4/raphael-min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/justgage/1.2.9/justgage.min.js"></script>
<script type="text/javascript" src="/web/content/138551-bfb5505/1/web.assets_frontend.js"></script>
</head>
<body>
<div id="wrapwrap" class="homepage">
<header class="">
<div class="top-header">
<div class="middle-header-bar">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-md-4 col-lg-3">
<div class="h-col h-search">
<i class="fa flaticon-magnifying-glass search_open"></i>
<div class="as-search">
<form action="/shop" method="get">
<input type="text" name="search" placeholder="Search" class="form-control"/>
<button class="btn btn-default oe_search_button">
<i class="fa fa-search"></i>
</button>
</form>
</div>
</div>
</div>
<div class="col-12 col-md-4 col-lg-6 order-first order-md-0 text-center">
<div class="logo display-inline-block">
<a href="/" class="navbar-brand">
<span alt="Logo of OLOR" title="OLOR"><img src="/web/image/res.company/1/logo?unique=71412e5" class="img img-fluid"/></span>
</a>
</div>
</div>
<div class="col-12 col-md-4 col-lg-3 text-md-right text-center">
<div class="ht-right">
<ul class="h-col nav navbar-nav ml-auto text-right" id="top_menu">
<li class="nav-item divider"></li>
<li class="nav-item">
<a class="nav-link fa fa-user" href="/web/login">
<b>Se connecter</b>
</a>
</li>
</ul>
<div id="my_wish" class="h-col h-wishlist">
<a class="hc-icon" href="/shop/wishlist">
<i class="ti-heart"></i>
<sup class="my_wish_quantity o_animate_blink badge badge-primary">
0
</sup>
</a>
</div>
<div id="my_cart" class="h-col h-cart">
<div class="my_cart_btn hc-icon">
<i class="ti-shopping-cart"></i>
<sup class="my_cart_quantity label badge-primary">0</sup>
</div>
</div>
<div class="mobile-toggle">
<button class="mobile_toggle_menu">
<span></span>
<span></span>
<span></span>
</button>
<button class="mobile_toggle_menu close-menu"><span></span></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cart_lines_popup"></div>
<nav class="navbar navbar-expand-md navbar-light bg-light">
<div class="container">
<a href="/" class="navbar-brand logo">
<span role="img" aria-label="Logo of OLOR" title="OLOR"><img src="/web/image/res.company/1/logo?unique=71412e5" class="img img-fluid"/></span>
</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#top_menu_collapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="top_menu_collapse">
<ul class="nav navbar-nav ml-auto text-right o_menu_loading" id="top_menu">
<li>
<a href="/">
<span>Accueil</span>
</a>
</li>
<li>
<a href="/shop">
<span>Boutique</span>
</a>
</li>
<li>
<a href="/slides">
<span>Catalogue</span>
</a>
</li>
<li class="nav-item divider d-none"></li> <li id="my_cart" class="nav-item d-none">
<a href="/shop/cart" class="nav-link">
<i class="fa fa-shopping-cart"></i>
Mon Panier <sup class="my_cart_quantity badge badge-primary" data-order-id=""></sup>
</a>
</li>
<li id="my_wish" class="nav-item" style="display:none;">
<a href="/shop/wishlist" class="nav-link">
<i class="fa fa-heart"></i>
Wishlist
<sup class="my_wish_quantity o_animate_blink badge badge-primary">
0
</sup>
</a>
</li>
<li id="join">
<a href="/web/signup" class="nav-link" style="color:red;">
Rejoignez-nous</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<div id="wrap" class="oe_structure oe_empty">
<section class="alan_note">
<section id="alan-main-slider-v12-15" class="carousel s_carousel s_carousel_alan slide s_carousel_default" data-ride="carousel" data-interval="3000">
<ol class="carousel-indicators">
<li data-target="#alan-main-slider-v12-15" data-slide-to="0" style="text-align: center; " class="active"></li>
<li data-target="#alan-main-slider-v12-15" data-slide-to="1" style="text-align: center; "></li>
<li data-target="#alan-main-slider-v12-15" data-slide-to="2"></li>
<li data-target="#alan-main-slider-v12-15" data-slide-to="3"></li>
<li data-target="#alan-main-slider-v12-15" data-slide-to="4"></li>
<li data-target="#alan-main-slider-v12-15" data-slide-to="5"></li>
<li data-target="#alan-main-slider-v12-15" data-slide-to="6"></li>
<li data-target="#alan-main-slider-v12-15" data-slide-to="7"></li>
<li data-target="#alan-main-slider-v12-15" data-slide-to="8"></li>
<li data-target="#alan-main-slider-v12-15" data-slide-to="9"></li>
<li data-target="#alan-main-slider-v12-15" data-slide-to="10"></li>
<li data-target="#alan-main-slider-v12-15" data-slide-to="11"></li>
<li data-target="#alan-main-slider-v12-15" data-slide-to="12"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active" style="">
<a href="/web/signup" data-original-title="" title="" aria-describedby="tooltip111905">
</a>
<a href="/shop/category/cremes-skin-care-17" data-original-title="" title="" aria-describedby="tooltip397875">
</a>
<a href="/shop/category/make-up-19" data-original-title="" title="" aria-describedby="tooltip142723">
</a>
<a href="https://cosmic.tn/shop/product/cr005-creme-bb-cosmic-beige-rose-02-510?category=17">
<img src="/web/image/108048/adaptation-couv-noir.jpg" title="" alt="" data-original-title="" aria-describedby="tooltip96593" class="d-block mx-auto" style="width: 100%;"/>
</a>
<a href="/shop/category/make-up-19">
</a>
<a href="/shop/category/cremes-skin-care-17">
</a>
<a href="/web/signup">
</a>
<br/>
</div>
<div class="carousel-item" style="">
<a href="/web/signup" data-original-title="" title="" aria-describedby="tooltip111905">
</a>
<a href="/shop/category/cremes-skin-care-17" data-original-title="" title="" aria-describedby="tooltip397875">
</a>
<a href="/shop/category/make-up-19">
<img src="/web/image/83501/adaptation-couv-noir.png" title="" alt="" data-original-title="" aria-describedby="tooltip96593" class="d-block mx-auto" style="width: 100%;"/>
</a>
<a href="/shop/category/cremes-skin-care-17">
</a>
<a href="/web/signup">
</a>
<br/>
</div>
<div class="carousel-item" style="">
<a href="/web/signup" data-original-title="" title="" aria-describedby="tooltip111905">
</a>
<a href="/shop/category/cremes-skin-care-17">
<img src="/web/image/66047/adaptation-couv-noir.jpg" title="" alt="" data-original-title="" aria-describedby="tooltip96593" class="d-block mx-auto" style="width: 100%;"/>
</a>
<a href="/web/signup">
</a>
<br/>
</div>
<div class="carousel-item" style="">
<a href="/web/signup" data-original-title="" title="" aria-describedby="tooltip616074">
</a>
<a href="https://cosmic.tn/shop/category/hygiene-et-proprete-16">
<img src="/web/image/69745/SHAMPOOsite%20banner.jpg" title="" alt="" data-original-title="" aria-describedby="tooltip96593" class="d-block mx-auto" style="width: 100%;"/>
</a>
<a href="/web/signup">
</a>
<br/>
</div>
<div class="carousel-item" style="">
<a href="/web/signup" data-original-title="" title="" aria-describedby="tooltip616074">
</a>
<a href="https://cosmic.tn/shop/category/hygiene-et-proprete-16" data-original-title="" title="" aria-describedby="tooltip492039">
</a>
<a href="https://cosmic.tn/shop/category/hygiene-et-proprete-16">
<img src="/web/image/74133/adaptation-couv-noir.jpg" title="" alt="" data-original-title="" aria-describedby="tooltip96593" class="d-block mx-auto" style="width: 100%;"/>
</a>
<a href="https://cosmic.tn/shop/category/hygiene-et-proprete-16">
</a>
<a href="/web/signup">
</a>
<br/>
</div>
<div class="carousel-item" style="">
<a href="/web/signup">
<img src="/web/image/134671/rejoignez%20nous%20COSMIC.jpg" title="" alt="" data-original-title="" aria-describedby="tooltip96593" class="d-block mx-auto" style="width: 100%;"/>
</a>
<br/>
</div>
<div class="carousel-item" style="">
<a href="/shop/category/cremes-11">
<img src="/web/image/40791/Cosmic-cr%C3%A8me-douceur-Mains.jpg" title="" alt="" data-original-title="" aria-describedby="tooltip96593" class="d-block mx-auto" style="width: 100%;"/>
</a>
<br/>
</div>
<div class="carousel-item" style="">
<a href="/shop/category/cremes-11">
<img src="/web/image/40793/Cosmic-cr%C3%A8me-douceur-Pieds.jpg" title="" alt="" data-original-title="" aria-describedby="tooltip96593" class="d-block mx-auto img-thumbnail" style="width: 100%;"/>
</a>
<br/>
</div>
<div class="carousel-item" style="">
<a href="/shop/product/pf012-magnolia-30?category=1">
<img src="/web/image/15823/magniola-2%20(2)%20(1).jpg" title="" alt="" data-original-title="" aria-describedby="tooltip96593" class="d-block mx-auto" style="width: 100%;"/>
</a>
<br/>
</div>
<div class="carousel-item" style="">
<a href="/shop/product/pf005-magic-garden-38?category=1">
<img class="img-fluid o_we_custom_image d-block mx-auto" src="/web/image/15825/magic-garden-parfum+lotion%20(1).jpg" data-original-title="" title="" aria-describedby="tooltip982343" style="width: 100%;"/>
</a>
</div>
<div class="carousel-item" style="">
<a href="/shop/product/pf009-pure-elixir-39?category=1">
<img class="img-fluid o_we_custom_image d-block mx-auto" src="/web/image/15827/parfum-elexir%20(2).jpg" data-original-title="" title="" aria-describedby="tooltip982343" style="width: 100%;"/>
</a>
</div>
<div class="carousel-item" style="">
<a href="/shop/product/bm001-brume-velvet-53?category=4">
<img class="img-fluid o_we_custom_image d-block mx-auto" src="/web/image/15829/mist-pink-2.jpg" data-original-title="" title="" aria-describedby="tooltip982343" style="width: 100%;"/>
</a>
</div>
<div class="carousel-item" style="">
<a href="/shop/category/gel-douche-2" data-original-title="" title="" aria-describedby="tooltip168430">
<img class="img-fluid o_we_custom_image d-block mx-auto" src="/web/image/15831/adaptation-gel-douche%20(1).jpg" data-original-title="" title="" aria-describedby="tooltip982343" style="width: 100%;"/>
</a>
</div>
</div>
<a class="carousel-control-prev" href="#alan-main-slider-v12-15" role="button" data-slide="prev" data-original-title="" title="" aria-describedby="tooltip132537">
<span class="carousel-control-prev-icon" data-original-title="" title="" aria-describedby="tooltip277622"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#alan-main-slider-v12-15" role="button" data-slide="next" data-original-title="" title="" aria-describedby="tooltip443704"> Ne</a>
</section>
</section>
<span class="fa fa-chevron-right" style=""></span>
<section class="alan_note">
<section id="alan-main-slider-v12-15" class="carousel s_carousel s_carousel_alan slide s_carousel_default" data-ride="carousel" data-interval="3000">
<a class="carousel-control-next" href="#alan-main-slider-v12-15" role="button" data-slide="next" data-original-title="" title="" aria-describedby="tooltip443704">xt </a>
</section>
</section>
<p> </p>
<section class="s_product_slider" data-snippet_type="single" data-slider_timer="5000" data-auto_slider="true" data-collection_id="3" data-collection_name="Fine Fragrances" data-snippet_layout="fw_slider">
<div class="container">
<div class="seaction-head">
<h2>Fine Fragrances</h2>
</div>
</div>
</section>
<section class="s_product_slider" data-snippet_type="single" data-slider_timer="5000" data-auto_slider="true" data-collection_id="4" data-collection_name="Fine Bodycare" data-snippet_layout="fw_slider">
<div class="container">
<div class="seaction-head">
<h2>Fine Bodycare</h2>
</div>
</div>
</section>
<section class="alan_note">
<section class="section pt0">
<div class="container">
<div class="row">
<div class="m-15px-tb col-lg-3">
<div class="alan-img-hover">
<a href="/les-maitres-parfumeurs-1">
<img src="/web/image/2562/artisan-parfumeur-22.jpg" title="" alt=""/>
</a>
</div>
<section class="p-30px box-shadow-large bg-500 oe_custom_bg pt40" style="">
<div class="color-white font-20 font-w-600 m-15px-b">Les Maitres Parfumeurs</div>
<a class="alan-btn-style-04" href="/les-maitres-parfumeurs-1" data-original-title="" title="" aria-describedby="tooltip454805">EN SAVOIR PLUS</a>
</section>
</div>
<div class="m-15px-tb col-lg-3">
<div class="alan-img-hover">
<a href="/les-univers-cosmic">
<img src="/web/image/2560/logo%20univers.jpg" title="" alt="" class="d-block mx-auto"/>
</a>
</div>
<section class="p-30px box-shadow-large pt40 bg-500 oe_custom_bg" style="">
<div class="color-white font-20 font-w-600 m-15px-b">Les Univers COSMIC</div>
<a class="alan-btn-style-04" href="/les-univers-cosmic" data-original-title="" title="" aria-describedby="tooltip454805">EN SAVOIR PLUS</a>
</section>
</div>
<div class="m-15px-tb col-lg-3">
<div class="alan-img-hover">
<a href="/plan-de-succes">
<img src="/web/image/57305?access_token=37de45a9-6642-42f6-aeab-5eb79bf6efa6" title="" alt="" class="d-block mx-auto" style="" data-aspect-ratio="0/0" data-x="-2.8616601152212494e-13" data-y="0" data-width="1920" data-height="1439.8057142857144" data-rotate="0" data-scale-x="1" data-scale-y="1"/>
</a>
</div>
<section class="p-30px box-shadow-large pt40 bg-500 oe_custom_bg" style="">
<div class="color-white font-20 font-w-600 m-15px-b">Le Plan de succès</div>
<a class="alan-btn-style-04" href="/plan-de-succes" data-original-title="" title="" aria-describedby="tooltip454805">EN SAVOIR PLUS</a>
</section>
</div>
<div class="m-15px-tb col-lg-3 pt0">
<div class="alan-img-hover">
<a href="/publications" data-original-title="" title="" aria-describedby="tooltip767357">
<img src="/web/image/57301?access_token=0db2d052-6f3a-45db-8816-6b17780e08d6" title="" alt="" class="d-block mx-auto" style="" data-aspect-ratio="0/0" data-x="0" data-y="114.8" data-width="980" data-height="739.1999999999999" data-rotate="0" data-scale-x="1" data-scale-y="1"/>
</a>
</div>
<section class="p-30px box-shadow-large pt40 bg-500 oe_custom_bg" style="">
<div class="color-white font-20 font-w-600 m-15px-b">
<font style="font-size: 14px;">Publications & Réglementation</font>
</div>
<a class="alan-btn-style-04" href="/publications" data-original-title="" title="" aria-describedby="tooltip454805">EN SAVOIR PLUS</a>
</section>
</div>
</div>
</div>
</section>
</section>
<section class="alan_note">
<section id="alan-main-slider-v12-15" class="carousel s_carousel s_carousel_alan slide s_carousel_default" data-ride="carousel">
<a class="carousel-control-next" href="#alan-main-slider-v12-15" role="button" data-slide="next" data-original-title="" title="" aria-describedby="tooltip443704">
<span class="carousel-control-next-icon" data-original-title="" title="" aria-describedby="tooltip878659"></span>
<span class="sr-only">Next</span>
</a>
</section>
</section>
<section class="o_gallery s_image_gallery o_nomode o_spc-medium" data-columns="3" style="overflow: hidden;">
<div class="container">
<div class="row"></div>
</div>
</section>
<p></p>
</div>
</main>
<footer class="bg-light o_footer">
<div id="footer">
<div class="middle-footer">
<div class="container">
<div class="row row-b4">
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<div class="fot-about">
<div class="fot-logo">
<a href="/" class="navbar-brand logo">
<span role="img" aria-label="Logo of OLOR" title="OLOR"><img src="/web/image/res.company/1/logo?unique=71412e5" class="img img-fluid"/></span>
</a>
</div>
<p></p>
<div class="link-follow">
<ul>
</ul>
</div>
</div>
</div>
<div class="col-12 col-sm-4 col-md-4 col-lg-2 fot-col">
<h3>A propos</h3>
<ul>
<li>
<a href="/la-societe-olor" data-original-title="" title="" aria-describedby="tooltip605022">La société et la marque </a>
</li>
</ul>
</div>
<div class="col-12 col-sm-4 col-md-4 col-lg-2 fot-col">
<h3>Nous contacter</h3>
<ul>
<li>
<a href="/contact" data-original-title="" title="" aria-describedby="tooltip631977">Coordonnées</a>
</li>
</ul>
<p>
<br/>
</p>
<div class="s_share">
<h4 class="s_share_title"> </h4>
<a href="https://www.facebook.com/cosmic.tn/" class="s_share_facebook" target="_blank">
<i class="fa fa-1x fa-facebook rounded shadow-sm" data-original-title="" title="" aria-describedby="tooltip570001"></i>
</a>
<a href="https://www.instagram.com/cosmic.tn/" class="s_share_twitter" target="_blank">
<span class="fa fa-1x rounded shadow-sm fa-instagram" style="" data-original-title="" title="" aria-describedby="tooltip320100"></span>
</a>
<a href="http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fcosmic.tn%2Fcontact%23&title=Contact%20%7C%20Cosmic.tn&" class="s_share_linkedin" target="_blank" data-original-title="" title="" aria-describedby="tooltip185246">
<i class="fa fa-1x fa-envelope rounded shadow-sm" data-original-title="" title="" aria-describedby="tooltip829413"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row row-b4 align-items-center">
<div class="col-12 col-md-6 text-center text-md-left md-m-15px-b">
<p class="copyright">Copyright © 2021 OLOR. Tous droits réservés.</p>
</div>
</div>
</div>
</div>
</div>
<div class="o_footer_copyright">
<div class="container">
<div class="row">
<div class="col-lg-6 text-muted text-center text-md-left">
<span>Copyright ©</span> <span itemprop="name">OLOR</span>
</div>
<div class="col-lg-6 text-right o_not_editable">
<div class="o_brand_promotion">
Fourni par <a target="_blank" class="badge badge-danger" href="http://www.odoo.com/page/website-builder?utm_source=db&utm_medium=website">Odoo</a>.
Try the <a target="_blank" href="http://www.odoo.com/page/website-builder?utm_source=db&utm_medium=website">créateur de site web open-source</a>.
</div>
</div>
</div>
</div>
</div>
</footer>
<a href="#0" class="cd-top cd-is-visible cd-fade-out">
<i class="fa fa-chevron-up"></i>
</a>
</div>
<script id="tracking_code">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', _.str.trim('UA-209707693-1'), 'auto');
ga('send','pageview');
</script>
</body>
</html>
