Outiref

Code source de l'URL : https://www.celio.com


















<!-- Include Page Designer Campaign Banner JavaScript and Styles only once here rather than at component level. -->
<!-- There should only be one Campagin Banner added on a PD page. Multiple Banners is unsupported at the moment. -->


<!DOCTYPE html>
<html lang="fr">
<head>
<!--[if gt IE 9]><!-->

    <script defer type="text/javascript" src="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/js/main.js"></script>



    <script defer
 type="text/javascript"
        
        
        src="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/js/experience/components/commerceAssets/bannerSlider.js"
        
    >
    </script>

    <script defer
 type="text/javascript"
        
        
        src="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/js/campaignBanner.js"
        
    >
    </script>

<!--<![endif]-->
<script>
    
      const gtmEnvs = "\u007b\"env\u005ftemplate\"\u003a\"homepage\"\u002c\"env\u005fcountry\"\u003a\"celio\u002dfr\"\u002c\"env\u005flanguage\"\u003a\"fr\"\u002c\"env\u005fwork\"\u003a\"PROD\"\u002c\"env\u005funiverse\"\u003a\"men\"\u002c\"nav\u005fcategory\u005f1\"\u003a\"celio\u0020\u002d\u0020Vêtements\u0020homme\u0020\u002d\u0020\u0020Prêt\u0020À\u0020Porter\u0020Homme\"\u007d";
    

    

const profileMetaData = "\u007b\"user\u005flogin\u005fstatus\"\u003a\"not\u0020logged\"\u002c\"last\u005fvisited\u005funiverse\"\u003a\"men\"\u002c\"enabledPrivateSales\"\u003afalse\u002c\"user\u005fid\"\u003anull\u002c\"user\u005foptin\u005fmail\"\u003anull\u002c\"user\u005foptin\u005fmobile\"\u003anull\u002c\"user\u005funiverse\u005fpreference\"\u003a\"\"\u002c\"user\u005femail\u005fsha256\"\u003anull\u002c\"user\u005femail\u005fAES\"\u003anull\u002c\"user\u005fphone\u005fAES\"\u003anull\u002c\"user\u005fphone\u005fsha256\"\u003anull\u002c\"user\u005femail\u005fmd5\"\u003anull\u002c\"user\u005fphone\u005fmd5\"\u003anull\u002c\"user\u005fstatus\"\u003a\"\"\u007d";
try {
const dataSet = {
...JSON.parse(profileMetaData),
...JSON.parse(gtmEnvs),
deviceType: window.matchMedia('(max-width: 575px)').matches
? 'mobile'
: (window.matchMedia('(min-width: 576px) and (max-width: 1023px)').matches ? 'tablet' : 'desktop')
}
dataLayer = [dataSet];
} catch (error) {
if (false) {
console.error(error);
}
}
window.productAnalyticUrl = 'https://www.celio.com/on/demandware.store/Sites-celio-Site/fr_FR/Tile-Analytic';

</script>
<meta charset=UTF-8 />

<meta http-equiv="x-ua-compatible" content="ie=edge"/>

<meta name="viewport" content="width=device-width, initial-scale=1"/>





<title>
    celio - V&ecirc;tements homme -  Pr&ecirc;t &Agrave; Porter Homme | celio
</title>

<meta name="description" content="➽ D&eacute;couvrez notre collection de v&ecirc;tements pour hommes ✔️ Paiement s&eacute;curis&eacute; ✔️ Retrait gratuit en magasin ✔️ celio be normal*"/>
<meta name="keywords" content="celio - v&ecirc;tement homme" />
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/>









<link rel="icon" type="image/png" href="/on/demandware.static/Sites-celio-Site/-/default/dw416c2c5c/images/favicons/favicon-196_196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="/on/demandware.static/Sites-celio-Site/-/default/dwe873c59d/images/favicons/favicon-96_96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="/on/demandware.static/Sites-celio-Site/-/default/dwa7f7d931/images/favicons/favicon-32_32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/on/demandware.static/Sites-celio-Site/-/default/dwe876cfcb/images/favicons/favicon-16_16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="/on/demandware.static/Sites-celio-Site/-/default/dw57c9f5f5/images/favicons/favicon-120_120.png" sizes="120x120" />
<link rel="shortcut icon" type="image/x-icon" href="/on/demandware.static/Sites-celio-Site/-/default/dw4d9ef151/images/favicons/favicon.ico?v=4" />

<link rel="stylesheet" href="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/css/global.css" />

    <link rel="stylesheet" href="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/css/experience/pages/storePage.css"  />

    <link rel="stylesheet" href="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/css/storeLocator.css"  />

    <link rel="stylesheet" href="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/css/experience/components/commerceLayouts/layout.css"  />

    <link rel="stylesheet" href="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/css/experience/components/commerceAssets/bannerSlider.css"  />

    <link rel="stylesheet" href="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/css/experience/components/commerceAssets/imageBanner.css"  />

    <link rel="stylesheet" href="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/css/experience/components/commerceAssets/bannerWithLinks.css"  />

    <link rel="stylesheet" href="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/css/experience/components/commerceAssets/textBanner.css"  />

    <link rel="stylesheet" href="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/css/experience/components/commerceAssets/CTAButton.css"  />

    <link rel="stylesheet" href="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/css/experience/components/commerceAssets/link.css"  />

    <link rel="stylesheet" href="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/css/experience/components/commerceLayouts/carousel.css"  />

    <link rel="stylesheet" href="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/css/experience/components/commerceAssets/productTile.css"  />

    <link rel="stylesheet" href="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/css/experience/components/commerceAssets/slideComponent.css"  />

    <link rel="stylesheet" href="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/css/experience/components/commerceAssets/campaignBanner.css"  />





<script type="text/javascript">
  (function(){(function(e,r){var t=document.createElement("link");t.rel="preconnect";t.as="script";var n=document.createElement("link");n.rel="dns-prefetch";n.as="script";var i=document.createElement("script");i.id="spcloader";i.type="text/javascript";i["async"]=true;i.charset="utf-8";var o="https://sdk.privacy-center.org/"+e+"/loader.js?target_type=notice&target="+r;if(window.didomiConfig&&window.didomiConfig.user){var a=window.didomiConfig.user;var c=a.country;var d=a.region;if(c){o=o+"&country="+c;if(d){o=o+"&region="+d}}}t.href="https://sdk.privacy-center.org/";n.href="https://sdk.privacy-center.org/";i.src=o;var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s);s.parentNode.insertBefore(n,s);s.parentNode.insertBefore(i,s)})("51dad452-7803-4e1a-971f-420d5603ac0d","rhrMGNX4")})();
</script><!-- 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-PSSL5WH8');

    window.gtmID = 'GTM-PSSL5WH8';
</script>
<!-- End Google Tag Manager --><!-- Ab Tasty -->
    <script type="text/javascript" src="https://try.abtasty.com/63c1b126a8177fa4870e0522a2df1dd8.js"></script>


    <script src="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/js/lib/algolia/instantsearch.production.min.js"></script>

    <script>
        var algoliaSearchReady = new CustomEvent('algoliaSearchReady');
        var algoliaData = {"version":"26.4.0","enable":true,"enableInsights":true,"applicationID":"UAZBKQT71F","searchApiKey":"b3da9fded8a943f332fc3f21331d903b","enableContentSearch":false,"enableRecommend":false,"EnablePricingLazyLoad":"","locale":"fr_FR","currencyCode":"EUR","currencySymbol":"€","productsIndex":{"CAMAIEU":"production__products__camaieu__fr_FR","CELIO":"production__products__fr_FR"},"categoriesIndex":{"CAMAIEU":"production__categories__camaieu__fr_FR","CELIO":"production__categories__fr_FR"},"contentsIndex":{"CAMAIEU":"production__contents__camaieu__fr_FR","CELIO":"production__contents__fr_FR"},"recordModel":"master-level","priceEndpoint":"/on/demandware.store/Sites-celio-Site/fr_FR/Algolia-Price","quickViewUrlBase":"/on/demandware.store/Sites-celio-Site/fr_FR/Product-ShowQuickView","strings":{"placeholder":"Rechercher un article, une catégorie...","moreResults":"Plus","noResults":"Aucun résultat","result":"produit","results":"produits","bestMatches":"Meilleurs résultats","priceAsc":"Prix : croissant","priceDesc":"Prix : décroissant","reset":"Réinitialiser","brandPanelTitle":"Marque","sizePanelTitle":"Taille","colorPanelTitle":"Couleur","pricePanelTitle":"Prix","categoryPanelTitle":"Catégorie","products":"Produits","categories":"Catégories","content":"Contenus","trending":"Produits populaires","relatedContent":"Contenu associé","relatedProducts":"Produits associés","articles":"Articles","priceFilter":{"separator":"à","submit":"Aller"},"newArrivals":"Nouveautés","from":"label.from","storePanelTitle":"En stock dans le magasin","showMore":"Afficher plus","showLess":"Afficher moins","addToCart":"Ajouter au panier","ratePanelTitle":"Avis","materialPanelTitle":"Matière","fitPanelTitle":"Coupe","uniqueSize":"Taille unique","stockOut":"Epuisé","isComingSoon":"Bientôt disponible","storeOnly":"En magasin uniquement","searchIcon":"Icône de recherche","inputLabel":"Barre de recherche, entrez un mot-clé","sorting":"Trier par","filter":"Filtrer","filterPanelTitle":"Filtrer par","sortTabLabel":"Trier par","apply":"Appliquer","filterVal":"Masquer les filtres","filterShow":"Afficher les filtres","showProduct":"Afficher le produit","showProducts":"Afficher les {0} produits","closeButton":"Fermer","nbResults":"<strong>{0}</strong> produit(s)","sliderPrevious":"Vignette précédente","sliderNext":"Vignette suivante","attributes":{"color":"couleur:"},"errors":{"notFoundSuggestionsText":"Vérifiez l’orthographe ou élargissez votre recherche avec des termes plus généraux","notFoundText":"Nous n’avons pas trouvé de résultat pour votre recherche.","notFoundFilterText":"Nous sommes désolés, nous avons aucun produit correspondant à votre recherche. Vous pouvez supprimer vos critères de recherche en cliquant sur le bouton “Réinitialiser”.","crossBrandNoResults":"Aucun résultat trouvé pour {2} dans la collection {0}. Nous vous proposons à la place nos articles pour {1}"},"titles":{"trending":"Les plus recherchés","notFound":"Oups!","noResultInspiration":"Nos inspirations","suggestions":"Suggestions"},"pagination":{"prev":"Page précédente","next":"Page suivante","firstpage":"Première page","lastpage":"Dernière page","pages":"Page 0 sur 0"},"gridHeader":{"view":"Vue","large":{"labelMobile":"Affichage 1 colonne","labelDesktop":"Affichage mosaïque 3 colonnes"},"slim":{"labelMobile":"Affichage mosaïque 2 colonnes","labelDesktop":"Affichage mosaïque 4 colonnes"}},"refinements":{"bestMatches":"Meilleures ventes","priceAsc":"Du - cher au + cher","priceDesc":"Du + cher au - cher","rate":"Les mieux notés","placeholderMin":"Prix min","placeholderMax":"Prix max","priceSymbol":"€"}},"noImages":{"large":"/on/demandware.static/Sites-celio-Site/-/default/dw1e1e6064/images/noimagelarge.png","medium":"/on/demandware.static/Sites-celio-Site/-/default/dwe1bf6b20/images/noimagemedium.png","small":"/on/demandware.static/Sites-celio-Site/-/default/dw7a874e6c/images/noimagesmall.png"},"devicesConfig":{"desktop":{"scaleWidth":358,"scaleHeight":461},"desktopLarge":{"scaleWidth":548,"scaleHeight":705},"preTablet":{"scaleWidth":383,"scaleHeight":492},"preTabletLarge":{"scaleWidth":768,"scaleHeight":987},"tablet":{"scaleWidth":304,"scaleHeight":391},"tabletLarge":{"scaleWidth":468,"scaleHeight":602},"mobile":{"scaleWidth":430,"scaleHeight":553},"mobileLarge":{"scaleWidth":862,"scaleHeight":1108},"retina":{"scaleWidth":862,"scaleHeight":1108,"quality":85}},"staticResources":{"noImages":{"large":"/on/demandware.static/Sites-celio-Site/-/default/dw1e1e6064/images/noimagelarge.png","medium":"/on/demandware.static/Sites-celio-Site/-/default/dwe1bf6b20/images/noimagemedium.png","small":"/on/demandware.static/Sites-celio-Site/-/default/dw7a874e6c/images/noimagesmall.png","svgPlaceholder":"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMzM0IiBoZWlnaHQ9IjMwMDAiPgogICAgICAgIDxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiNmNmY1ZjUiLz4KICAgIDwvc3ZnPg=="}},"customPreferences":{"maxSwatches":3,"minSearchQuerylength":1,"pageSize":"32","isMultiVisualTile":true},"actions":{"addVariation":"/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection","addToCart":"/on/demandware.store/Sites-celio-Site/fr_FR/Cart-AddProduct","getPromotionsMsgs":"/on/demandware.store/Sites-celio-Site/fr_FR/Tile-GetPromotions"},"brands":[{"id":"CELIO","searchUrl":"https://www.celio.com/fr-fr/search","name":"Homme"},{"id":"CAMAIEU","searchUrl":"https://www.celio.com/fr-fr/femme/search","name":"Femme"}],"defaultBrand":"CELIO"};
    </script>

    
    <script src="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/js/lib/algolia/browser.js"></script>
    <script>
        window.algoliasearch = window['algoliasearch/lite'].liteClient;
        
        document.addEventListener('DOMContentLoaded', function () {
            document.dispatchEvent(algoliaSearchReady);
        });
    </script>

    
    <link rel="stylesheet" href="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/css/algolia/instantsearch-reset-min.css" />
    <script src="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/js/algolia/search-config.js"></script>

    


    <link rel="stylesheet" href="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/css/algolia/index.css" />
    <script src="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/js/algolia/index.js"></script>

    
    
        <script>
            var ALGOLIA_INSIGHTS_SRC = `/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/js/lib/algolia/search-insights.min.js`;

            !function(e,a,t,n,s,i,c){e.AlgoliaAnalyticsObject=s,e[s]=e[s]||function(){
                (e[s].queue=e[s].queue||[]).push(arguments)},e[s].version=(n.match(/@([^\/]+)\/?/) || [])[1],i=a.createElement(t),c=a.getElementsByTagName(t)[0],
                i.async=1,i.src=n,c.parentNode.insertBefore(i,c)
            }(window,document,"script",ALGOLIA_INSIGHTS_SRC,"aa");
        </script>
        <script src="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/js/algolia/insights-config.js"></script>
    
    <template id="algolia-product-skeleton">
        <div class="js-tracking-parent product product--algolia js-product--algolia skeleton-product-tile js-skeleton-product-tile">
    <div class="product-tile skeleton-content">
        <div class="product-tile__header">
            <div class="image-container product-tile__image-container">
                <div class="skeleton-image"></div>
            </div>
        </div>
        <div class="tile-body">
            <div class="tile-body__title-swatch">
                <div class="skeleton-swatches"></div>
                <div class="skeleton-text skeleton-model"></div>
                <div class="skeleton-text skeleton-title"></div>
                <div class="skeleton-text skeleton-title skeleton-title--secondary"></div>
            </div>
            <div class="tile-body__price-promotion">
                <div class="skeleton-text skeleton-price"></div>
            </div>
        </div>
    </div>
</div>

    </template><script>
        window.ddjskey = "5391B65AAEBAA04C9EB61DBD8CD973";
        window.ddoptions = 
        { ajaxListenerPath: true, allowHtmlContentTypeOnCaptcha: true }
      ;
        
    </script>
    <script src="https://js.celio.com/tags.js" async></script>




    <script type="application/ld+json">
    {"context":"https://schema.org","type":"Organization","url":"https://www.celio.com/fr-fr","logo":"/on/demandware.static/Sites-celio-Site/-/default/dw3e50c8ad/images/favicons/favicon-196x196.png"}
</script>  


<link rel="canonical" href="https://www.celio.com/fr-fr"/>

<script type="text/javascript">//<!--
/* <![CDATA[ (head-active_data.js) */
var dw = (window.dw || {});
dw.ac = {
    _analytics: null,
    _events: [],
    _category: "",
    _searchData: "",
    _anact: "",
    _anact_nohit_tag: "",
    _analytics_enabled: "true",
    _timeZone: "Europe/Paris",
    _capture: function(configs) {
        if (Object.prototype.toString.call(configs) === "[object Array]") {
            configs.forEach(captureObject);
            return;
        }
        dw.ac._events.push(configs);
    },
	capture: function() { 
		dw.ac._capture(arguments);
		// send to CQ as well:
		if (window.CQuotient) {
			window.CQuotient.trackEventsFromAC(arguments);
		}
	},
    EV_PRD_SEARCHHIT: "searchhit",
    EV_PRD_DETAIL: "detail",
    EV_PRD_RECOMMENDATION: "recommendation",
    EV_PRD_SETPRODUCT: "setproduct",
    applyContext: function(context) {
        if (typeof context === "object" && context.hasOwnProperty("category")) {
        	dw.ac._category = context.category;
        }
        if (typeof context === "object" && context.hasOwnProperty("searchData")) {
        	dw.ac._searchData = context.searchData;
        }
    },
    setDWAnalytics: function(analytics) {
        dw.ac._analytics = analytics;
    },
    eventsIsEmpty: function() {
        return 0 == dw.ac._events.length;
    }
};
/* ]]> */
// -->
</script>
<script type="text/javascript">//<!--
/* <![CDATA[ (head-cquotient.js) */
var CQuotient = window.CQuotient = {};
CQuotient.clientId = 'bgbr-celio';
CQuotient.realm = 'BGBR';
CQuotient.siteId = 'celio';
CQuotient.instanceType = 'prd';
CQuotient.locale = 'fr_FR';
CQuotient.fbPixelId = '__UNKNOWN__';
CQuotient.activities = [];
CQuotient.cqcid='';
CQuotient.cquid='';
CQuotient.cqeid='';
CQuotient.cqlid='';
CQuotient.apiHost='api.cquotient.com';
/* Turn this on to test against Staging Einstein */
/* CQuotient.useTest= true; */
CQuotient.useTest = ('true' === 'false');
CQuotient.initFromCookies = function () {
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
	  var c = ca[i];
	  while (c.charAt(0)==' ') c = c.substring(1,c.length);
	  if (c.indexOf('cqcid=') == 0) {
		CQuotient.cqcid=c.substring('cqcid='.length,c.length);
	  } else if (c.indexOf('cquid=') == 0) {
		  var value = c.substring('cquid='.length,c.length);
		  if (value) {
		  	var split_value = value.split("|", 3);
		  	if (split_value.length > 0) {
			  CQuotient.cquid=split_value[0];
		  	}
		  	if (split_value.length > 1) {
			  CQuotient.cqeid=split_value[1];
		  	}
		  	if (split_value.length > 2) {
			  CQuotient.cqlid=split_value[2];
		  	}
		  }
	  }
	}
}
CQuotient.getCQCookieId = function () {
	if(window.CQuotient.cqcid == '')
		window.CQuotient.initFromCookies();
	return window.CQuotient.cqcid;
};
CQuotient.getCQUserId = function () {
	if(window.CQuotient.cquid == '')
		window.CQuotient.initFromCookies();
	return window.CQuotient.cquid;
};
CQuotient.getCQHashedEmail = function () {
	if(window.CQuotient.cqeid == '')
		window.CQuotient.initFromCookies();
	return window.CQuotient.cqeid;
};
CQuotient.getCQHashedLogin = function () {
	if(window.CQuotient.cqlid == '')
		window.CQuotient.initFromCookies();
	return window.CQuotient.cqlid;
};
CQuotient.trackEventsFromAC = function (/* Object or Array */ events) {
try {
	if (Object.prototype.toString.call(events) === "[object Array]") {
		events.forEach(_trackASingleCQEvent);
	} else {
		CQuotient._trackASingleCQEvent(events);
	}
} catch(err) {}
};
CQuotient._trackASingleCQEvent = function ( /* Object */ event) {
	if (event && event.id) {
		if (event.type === dw.ac.EV_PRD_DETAIL) {
			CQuotient.trackViewProduct( {id:'', alt_id: event.id, type: 'raw_sku'} );
		} // not handling the other dw.ac.* events currently
	}
};
CQuotient.trackViewProduct = function(/* Object */ cqParamData){
	var cq_params = {};
	cq_params.cookieId = CQuotient.getCQCookieId();
	cq_params.userId = CQuotient.getCQUserId();
	cq_params.emailId = CQuotient.getCQHashedEmail();
	cq_params.loginId = CQuotient.getCQHashedLogin();
	cq_params.product = cqParamData.product;
	cq_params.realm = cqParamData.realm;
	cq_params.siteId = cqParamData.siteId;
	cq_params.instanceType = cqParamData.instanceType;
	cq_params.locale = CQuotient.locale;
	
	if(CQuotient.sendActivity) {
		CQuotient.sendActivity(CQuotient.clientId, 'viewProduct', cq_params);
	} else {
		CQuotient.activities.push({activityType: 'viewProduct', parameters: cq_params});
	}
};
/* ]]> */
// -->
</script>





<link rel="alternate" hreflang="fr-FR" href="https://www.celio.com/fr-fr"/>

<link rel="alternate" hreflang="en-fr" href="https://www.celio.com/en-fr"/>

<link rel="alternate" hreflang="es" href="https://www.celio.com/es-es"/>

<link rel="alternate" hreflang="nl" href="https://www.celio.com/nl-be"/>

<link rel="alternate" hreflang="fr-BE" href="https://www.celio.com/fr-be"/>

<link rel="alternate" hreflang="pt" href="https://www.celio.com/pt-pt"/>

<link rel="alternate" hreflang="x-default" href="https://www.celio.com/fr-fr"/>


</head>
<body class="brand--celio">
<span id="algolia-insights"
        data-usertoken="abRqVQnOdWrOfkocHnA9IhPcCK"
        data-userauthenticated="false"
        data-trackingallowed="true"

        
        
    ></span>
<div class="page js-page m-homepage" data-brand="CELIO"

data-pagedesigner-notifications="/on/demandware.store/Sites-celio-Site/fr_FR/Page-IncludeAssetPage?cid=notifications"

data-action="Home-Show" data-querystring="" data-session-update-url="/on/demandware.store/Sites-celio-Site/fr_FR/Page-SetSession">



<a href="#maincontent" class="skip js-skip" aria-label="Aller au contenu principal">Aller au contenu principal</a>


<header class="js-header m-black-color m-transparent">

    
	 


	


 
	

    <nav class="js-navigation header__nav is-homepage">
        


<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" viewbox="0 0 81 12" fill="none">
    <defs>
        <lineargradient id="linear" x1="73.6412" y1="2.67887" x2="79.4334" y2="6.49608" gradientunits="userSpaceOnUse">
            <stop stop-color="#70F0C4"/>
            <stop offset="0.34375" stop-color="#6BB1F1"/>
            <stop offset="0.692708" stop-color="#FA4CA5"/>
            <stop offset="1" stop-color="#FF615C"/>
        </lineargradient>
    </defs>
</svg>

<div class="header container js-header-content">
    <div class="header-container row js-header-container">
        <div class="header__logo header-container__logo-block">
            <button
                class="header__menu-btn js-header-menu-button"
                type="button"
                aria-label="Le menu de navigation"
                aria-expanded="false"
                aria-haspopup="true"
                aria-controls="mobile_menu_navigation"
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
                    <path d="M0 5.4002C0 4.73745 0.537258 4.2002 1.2 4.2002H22.8C23.4627 4.2002 24 4.73745 24 5.4002C24 6.06294 23.4627 6.60019 22.8 6.60019H1.2C0.537258 6.60019 0 6.06294 0 5.4002Z" fill="currentColor"/>
                    <path d="M0 12.5999C0 11.9372 0.537258 11.3999 1.2 11.3999H22.8C23.4627 11.3999 24 11.9372 24 12.5999C24 13.2626 23.4627 13.7999 22.8 13.7999H1.2C0.537258 13.7999 0 13.2626 0 12.5999Z" fill="currentColor"/>
                    <path d="M0 19.8001C0 19.1374 0.537258 18.6001 1.2 18.6001H22.8C23.4627 18.6001 24 19.1374 24 19.8001C24 20.4628 23.4627 21.0001 22.8 21.0001H1.2C0.537258 21.0001 0 20.4628 0 19.8001Z" fill="currentColor"/>
                </svg>
            </button>

            

<div class="header__main-logo">
    <a
        href="/fr-fr"
        class="header__main-logo__link"
        aria-label="Page d&rsquo;accueil"
        data-header-analytics-label="global.analytics.site.celio"
    >
        <svg xmlns="http://www.w3.org/2000/svg" width="92" height="29" viewbox="0 0 92 29" fill="none">
            <path fill="currentColor" d="M0 18.0879C0 12.1219 4.91671 7.23373 11.0431 7.23373C14.7113 7.23373 18.0279 9.04274 20.0571 11.814L16.194 14.3543C15.0233 12.8531 13.1113 11.891 11.0433 11.891C7.49236 11.891 4.72185 14.6622 4.72185 18.0877C4.72185 21.5518 7.49236 24.3231 11.0433 24.3231C13.1893 24.3231 15.1404 23.2839 16.3111 21.6289L20.1352 24.1692C18.1841 27.0944 14.7893 28.9804 11.0433 28.9804C4.91699 28.9804 0.000135436 24.0922 0.000135436 18.0877L0 18.0879ZM23.1641 18.0879C23.1641 12.1219 28.0418 7.23373 34.0901 7.23373C40.2945 7.23373 45.0162 12.1219 45.0162 18.0879C45.0162 18.6267 44.9381 19.4351 44.8993 20.0509H28.159C28.7444 22.7066 31.3587 24.7081 34.5975 24.7081C37.0948 24.7081 38.8898 23.8228 40.1775 22.3988L43.8846 24.7081C41.8554 27.3254 38.1873 28.9805 34.5975 28.9805C28.0028 28.9805 23.1642 24.0923 23.1642 18.0879H23.1641ZM40.2164 16.3559C39.9432 13.7386 37.563 11.5062 34.1292 11.5062C30.8513 11.5062 28.4319 13.7386 28.1589 16.3559H40.2164ZM49.7 28.6726V0H54.3434V28.6727H49.7V28.6726ZM60.3921 28.6726V7.5032H65.0355V28.6726H60.3921ZM69.9529 18.0879C69.9529 12.1219 74.8696 7.23373 80.996 7.23373C87.0444 7.23373 92 12.1219 92 18.0879C92 24.0923 87.0444 28.9805 80.996 28.9805C74.8698 28.9805 69.9529 24.0923 69.9529 18.0879ZM87.2783 18.0879C87.2783 14.6622 84.4689 11.8911 80.9959 11.8911C77.445 11.8911 74.6745 14.6623 74.6745 18.0879C74.6745 21.5519 77.445 24.3233 80.9959 24.3233C84.4689 24.3233 87.2783 21.552 87.2783 18.0879ZM65.0412 0H60.3794V4.59829H65.0412V0Z"/>
        </svg>
    </a>
</div>


            <div class="header__logo-wrapper js-header-brandswitch-wrapper" role="menubar">
                












    

    <div
        class="header-brand-switch__item js-header-brand-switch__item"
        data-is-current-brand="true"
    >
        <a
            class="header-brand-switch__item__link js-brand-switch-item"
            href="/fr-fr"
            data-header-analytics-label="Homme - be celio"
            aria-current=&quot;page&quot;            aria-label="Homme celio be normal"
            data-brand="celio"
        >
            <h1  class="d-flex flex-column m-0">
                
    
    <div class="content-asset"><!-- dwMarker="content" dwContentID="f543ae6d245dd42f32e35f29fd" -->
        <div class="header-brand-switch__item__title">
	<span class="header-brand-switch__text">men</span>
</div>
    </div> <!-- End content-asset -->



            </h1>
        </a>
    </div>

    

    <div
        class="header-brand-switch__item js-header-brand-switch__item"
        data-is-current-brand="false"
    >
        <a
            class="header-brand-switch__item__link js-brand-switch-item"
            href="/fr-fr/femme"
            data-header-analytics-label="Femme - be camaieu"
            
            aria-label="Femme celio women"
            data-brand="camaieu"
        >
            <div  class="d-flex flex-column m-0">
                
    
    <div class="content-asset"><!-- dwMarker="content" dwContentID="87df92873594c3bdbc7a15af3a" -->
        <div class="header-brand-switch__item__title">
	<span class="header-brand-switch__text">women</span>
</div>
    </div> <!-- End content-asset -->



            </div>
        </a>
    </div>

            </div>
        </div>

    <div class="header__search-menu js-header__search-menu">
            <div class="header__search js-header__search col">
                
                    



    <div class="site-search js-site-search">
        <div id="suggestions-wrapper"
            data-category="null"
            data-q="" 
            data-search-page-root="https://www.celio.com/fr-fr/search"
        ></div>

        <div id="algolia-searchbox-placeholder" class="search-input">
            <div id="searchbox" class="search-input__autocomplete">
                <form class="search-input__form js-search-input__form" role="search" aria-label="Rechercher un article, une cat&eacute;gorie...">
                    <div class="search-input__prefix"><label
                            class="search-input__label js-algolia-search-label" for="autocomplete-0-input">
                            <button
                                class="search-input__btn js-algolia-search-btn"
                                type="submit"
                                title="Rechercher un article, une cat&eacute;gorie..."
                                tabindex="-1">
                                <svg 
                                    class="search-input__icon"
                                    viewbox="0 0 24 24"
                                    width="20"
                                    height="20"
                                    fill="currentColor"
                                    aria-hidden="true"
                                    tabindex="-1">
                                    <path
                                        d="M16.041 15.856c-0.034 0.026-0.067 0.055-0.099 0.087s-0.060 0.064-0.087 0.099c-1.258 1.213-2.969 1.958-4.855 1.958-1.933 0-3.682-0.782-4.95-2.050s-2.050-3.017-2.050-4.95 0.782-3.682 2.050-4.95 3.017-2.050 4.95-2.050 3.682 0.782 4.95 2.050 2.050 3.017 2.050 4.95c0 1.886-0.745 3.597-1.959 4.856zM21.707 20.293l-3.675-3.675c1.231-1.54 1.968-3.493 1.968-5.618 0-2.485-1.008-4.736-2.636-6.364s-3.879-2.636-6.364-2.636-4.736 1.008-6.364 2.636-2.636 3.879-2.636 6.364 1.008 4.736 2.636 6.364 3.879 2.636 6.364 2.636c2.125 0 4.078-0.737 5.618-1.968l3.675 3.675c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414z">
                                    </path>
                                </svg>
                            </button>
                        </label>
                    </div>
                    <div class="search-input__wrapper">
                        <input
                            class="js-algolia-search-input algolia-search-input"
                            placeholder="Rechercher un article, une cat&eacute;gorie..."
                            maxlength="40"
                            value=""
                            data-inspirations-url="/on/demandware.store/Sites-celio-Site/fr_FR/Page-IncludeAssetPage?cid=algolia-inspirations-celio"
                            data-no-result-url="/on/demandware.store/Sites-celio-Site/fr_FR/Page-IncludeAssetPage?cid=algolia-no-result-celio"
                            data-no-result-recommendations-url="/on/demandware.store/Sites-celio-Site/fr_FR/Search-NoResultRecommendations"
                            data-no-close-search="true"
                            aria-label="Barre de recherche, entrez un mot-cl&eacute;"
                        >
                    </div>
                    <div class="search-input__suffix">
                        <button
                            class="search-input__btn--clear js-algolia-search-clear-btn d-none"
                            type="reset"
                            title="Effacer"
                            data-no-close-search="true"
                        ></button>
                    </div>
                </form>
            </div>
        </div>
    </div>

                    
                        <button class="header__search-close js-header__dynamic-close"
                            aria-label="Effacer"
                            type="button">
                            <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                                <path d="M0.56543 14.7078L14.7076 0.565676M14.7076 14.7076L0.565512 0.56543" stroke="currentColor" stroke-width="1.6" stroke-miterlimit="10"/>
                            </svg>
                        </button>
                    
                
            </div>
        </div>

        <div class="header__controls header-container__side-block header-controls js-header-user-data" data-action="https://www.celio.com/fr-fr/account/user-data">
            
                <div class="header-controls__inner search is-hidden js-search-icon">
                    <div class="header-controls__btn js-header-search-btn">
    <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
        <path d="M12.1295 12.1295L16.8001 16.8M14.1176 7.45882C14.1176 11.1364 11.1364 14.1176 7.45882 14.1176C3.78128 14.1176 0.800049 11.1364 0.800049 7.45882C0.800049 3.78128 3.78128 0.800049 7.45882 0.800049C11.1364 0.800049 14.1176 3.78128 14.1176 7.45882Z" stroke="#16191D" stroke-width="1.6" stroke-miterlimit="10"/>
    </svg>
</div>

                </div>
            

            <div class="header-controls__inner store-locator">
                



<a href="/fr-fr/stores"
    class="js-store-locator-header header-controls__btn store-locator"
    data-header-analytics-label="Magasin"
    data-update-url="/on/demandware.store/Sites-celio-Site/fr_FR/Stores-Header"
    data-store-url="/fr-fr/store"
    aria-label="Magasin de v&ecirc;tement homme"
>
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="store-locator-img">
        <title>Magasin de v&ecirc;tement homme</title>
        <path d="M12 21C10.7369 19.9229 9.56616 18.742 8.49998 17.4697C6.89999 15.5591 5 12.7137 5 10.0023C4.99858 7.1704 6.70424 4.61677 9.32105 3.533C11.9379 2.44923 14.95 3.04894 16.9519 5.05229C18.2684 6.36263 19.0058 8.14504 19 10.0023C19 12.7137 17.0999 15.5591 15.4999 17.4697C14.4338 18.742 13.263 19.9229 12 21Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="square"/>
        <path d="M14 10C14 11.1046 13.1046 12 12 12C10.8954 12 10 11.1046 10 10C10 8.89543 10.8954 8 12 8C13.1046 8 14 8.89543 14 10Z" fill="currentColor"/>
    </svg>
</a>

            </div>

            <div class="header-controls__inner account js-navbar-header">
                
<div
    data-obf=""
    class="menu-navigation__block--account account--link js-account-link"
    aria-label=""
    data-login-offcanvas="#login-overlay"
    data-login-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Login-RenderOverlay?context=overlay"
    data-header-analytics-label="Compte"
    tabindex="0"
>
    
    <span class="account-login__icon d-none js-account-login-icon">
        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="18" viewbox="0 0 15 18" fill="none" class="account-img">
            <title>Mon compte</title>
            <path d="M7.50062 8.18484C9.48466 8.18484 11.093 6.57646 11.093 4.59242C11.093 2.60838 9.48466 1 7.50062 1C5.51659 1 3.9082 2.60838 3.9082 4.59242C3.9082 6.57646 5.51659 8.18484 7.50062 8.18484Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="round"/>
            <path d="M1.20117 17C1.20117 13.5211 4.02133 10.701 7.50019 10.701C10.979 10.701 13.7992 13.5211 13.7992 17" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="round"/>
        </svg>
    </span>

    
    <span class="account-login__loyalty__icon d-none js-account-login-loyalty-icon"></span>

    
    <span class="account-login__text d-none js-account-login-text">se connecter</span>
</div>

            </div>

            <div class="header-controls__inner minicart">
                

<div class="minicart-total">
    <a
        class="js-minicart-link minicart-link header-controls__btn"
        href="https://www.celio.com/fr-fr/cart"
        data-quantity="null"
        data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Cart-MiniCartShow"
        title=""
        aria-label=""
        data-action="Cart-MiniCartShow"
        data-header-analytics-label="Panier"
        data-no-close-search="true"
    >
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="header__cart-img">
            <title>Mon panier</title>
            <g id="cart-icon">
                <path id="Vector" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="round"/>
            </g>
        </svg>
        <span class="js-minicart-quantity minicart-quantity d-none"></span>
    </a>
</div>

            </div>
        </div>
    </div>

    <div class="menu-navigation js-menu-navigation is-homepage" id="menuNav" inert>
    <div class="menu-navigation__block">
        
<div class="assetPage" id="celio-menu">
    <div class="container">
        <div class="experience-region experience-main"><div class="experience-component experience-commerce_layouts-headerMenu"><nav class="navigation js-navigation-menu d-none" data-brand="celio">
    <div class="navigation__logo js-navigation-logo">
        












    

    <div
        class="header-brand-switch__item js-header-brand-switch__item"
        data-is-current-brand="false"
    >
        <a
            class="header-brand-switch__item__link js-brand-switch-item"
            href="/fr-fr"
            data-header-analytics-label="Homme - be celio"
            
            aria-label="Homme celio be normal"
            data-brand="celio"
        >
            <div  class="d-flex flex-column m-0">
                
    
    <div class="content-asset"><!-- dwMarker="content" dwContentID="f543ae6d245dd42f32e35f29fd" -->
        <div class="header-brand-switch__item__title">
	<span class="header-brand-switch__text">men</span>
</div>
    </div> <!-- End content-asset -->



            </div>
        </a>
    </div>

    

    <div
        class="header-brand-switch__item js-header-brand-switch__item"
        data-is-current-brand="false"
    >
        <a
            class="header-brand-switch__item__link js-brand-switch-item"
            href="/fr-fr/femme"
            data-header-analytics-label="Femme - be camaieu"
            
            aria-label="Femme celio women"
            data-brand="camaieu"
        >
            <div  class="d-flex flex-column m-0">
                
    
    <div class="content-asset"><!-- dwMarker="content" dwContentID="87df92873594c3bdbc7a15af3a" -->
        <div class="header-brand-switch__item__title">
	<span class="header-brand-switch__text">women</span>
</div>
    </div> <!-- End content-asset -->



            </div>
        </a>
    </div>

    </div>

    <div class="navigation__search site-search js-navigation-search">
        <button type="button" class="algolia-overlay__btn--search js-navigation-search-btn">
            <div class="algolia-overlay__placeholder">Rechercher un article, une cat&eacute;gorie...</div>
            <div class="algolia-overlay__icon"><svg class="aa-SubmitIcon" viewbox="0 0 24 24" width="20" height="20" fill="currentColor">
                <path d="M16.041 15.856c-0.034 0.026-0.067 0.055-0.099 0.087s-0.060 0.064-0.087 0.099c-1.258 1.213-2.969 1.958-4.855 1.958-1.933 0-3.682-0.782-4.95-2.050s-2.050-3.017-2.050-4.95 0.782-3.682 2.050-4.95 3.017-2.050 4.95-2.050 3.682 0.782 4.95 2.050 2.050 3.017 2.050 4.95c0 1.886-0.745 3.597-1.959 4.856zM21.707 20.293l-3.675-3.675c1.231-1.54 1.968-3.493 1.968-5.618 0-2.485-1.008-4.736-2.636-6.364s-3.879-2.636-6.364-2.636-4.736 1.008-6.364 2.636-2.636 3.879-2.636 6.364 1.008 4.736 2.636 6.364 3.879 2.636 6.364 2.636c2.125 0 4.078-0.737 5.618-1.968l3.675 3.675c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414z"></path></svg>
            </div>
        </button>
    </div>

    <ul class="navigation__list"><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <button
            class="navigation__item-title js-main-navigation-item main-navigation-item navigation__item-title-target js-menu-item js-dropdown-head-title"
            tabindex="0"
            data-head-title="Collection"
        >
            <span class="navigation__item-title--text js-main-navigation-item-text">Collection</span>

            
        </button>
    

    
        <div
            class="navigation__dropdown js-navigation-dropdown js-menu-item-dropdown"
            role="menu"
            data-menu-analytics="Menu Collection"
        >
            <div class="dropdown__header">
                <div class="dropdown__title">
                    <button
                        class="dropdown__title--close js-close-dropdown"
                        data-head-title="Collection">
                        <span class="navigation__item-icon">
                            <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
                                <path d="M6.76225 10.525L4 7.76275L6.76225 5M4.4989 7.76274H12" stroke="currentColor"
                                    stroke-width="1.2" stroke-linecap="square" />
                            </svg>
                        </span>
                        <span class="dropdown__title-text">
                            Collection
                        </span>
                        <span class="dropdown__title-brand js-dropdown__title-brand"></span>
                    </button>
                </div>
            </div>
            <div class="js-menu-scrollable dropdown__container"><div class="dropdown__list"><div class="row" style="--last-column-background-color:inherit;">
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/toute-la-collection"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Toute la collection"
        >
            <span class="dropdown__item-link--text">
                Toute la collection
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/blousons-et-manteaux-vestes"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Vestes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Vestes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pulls-gilets-et-cardigans"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Gilets et cardigans"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Gilets et cardigans
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pulls"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pulls"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pulls
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/chemises"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chemises"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chemises
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/jeans"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pantalons"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/costumes"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Costumes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Costumes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-ensemble"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Les ensembles"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Les ensembles
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/t-shirts"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="T-shirts"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        T-shirts
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/polos"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Polos"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Polos
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/sweats"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Sweats"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Sweats
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-jogness"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jogness"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jogness
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/blousons-et-manteaux"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Manteaux et doudounes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Manteaux et doudounes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/bermudas"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Shorts et bermudas"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Shorts et bermudas
    </p>
</a>

</li></ul>
        </div>
    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/sous-vetements"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Sous-v&ecirc;tements"
        >
            <span class="dropdown__item-link--text">
                Sous-vêtements
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/sous-vetements-calecons"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Cale&ccedil;ons"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Cale&ccedil;ons
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/sous-vetements-boxers"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Boxers"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Boxers
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/sous-vetements-chaussettes"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chaussettes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chaussettes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/sous-vetements-pyjamas"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pyjamas"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pyjamas
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/accessoires"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Accessoires"
        >
            <span class="dropdown__item-link--text">
                Accessoires
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/accessoires-chaussures-et-chaussons"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chaussures"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chaussures
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/accessoires-chapeaux-et-casquettes"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Casquettes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Casquettes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/accessoires-cravates-et-noeuds-papillons"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Cravates"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Cravates
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/accessoires-noeuds-papillon"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="N&oelig;uds papillon"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        N&oelig;uds papillon
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/accessoires-ceintures-et-bretelles"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Ceintures"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Ceintures
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/accessoires-maillots-de-bain"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Maillots de bain"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Maillots de bain
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/cosmetiques-homme-parfum-homme"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Parfums"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Parfums
    </p>
</a>

</li></ul>
        </div>
    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <button
            class="dropdown__item-link js-navigation-open-dropdown js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            role="button"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
        >
            <span class="dropdown__item-link--text">
                Le fit parfait
            </span>
        </button>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/p/t-shirt-regular-col-rond-100-coton-long---blanc/1125262.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="T-shirts +/- 4cm"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        T-shirts +/- 4cm
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/jeans-jeans-3-longueurs"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans 3 longueurs"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans 3 longueurs
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pantalons-pantalons-3-longueurs"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons 3 longueurs"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons 3 longueurs
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-vetements-petites-tailles"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="S&eacute;lection 2XS"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        S&eacute;lection 2XS
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-vetements-grande-taille"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="S&eacute;lection 3XL"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        S&eacute;lection 3XL
    </p>
</a>

</li></ul>
        </div>
    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwddeea6eb/images/content/Homepage/Septembre2026/Essentiels/MEGA_MENU_MOB_L_gout_essentiels_FR.jpg"
                alt="Le go&ucirc;t des essentiels"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">d&eacute;couvrir</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/c/collection-les-essentiels"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="d&eacute;couvrir"
        ></a>
    
</div>
</div><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
    
        <p class="img-menu-header__text" style="color: inherit"></p>
    

    
</div>
</div></div>
</div>
</div></div>
        </div>
    
</div>
</li><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <button
            class="navigation__item-title js-main-navigation-item main-navigation-item navigation__item-title-target js-menu-item js-dropdown-head-title"
            tabindex="0"
            data-head-title="Basic &amp; essential"
        >
            <span class="navigation__item-title--text js-main-navigation-item-text">Basic &amp; essential</span>

            
        </button>
    

    
        <div
            class="navigation__dropdown js-navigation-dropdown js-menu-item-dropdown"
            role="menu"
            data-menu-analytics="Menu Basic &amp; essential"
        >
            <div class="dropdown__header">
                <div class="dropdown__title">
                    <button
                        class="dropdown__title--close js-close-dropdown"
                        data-head-title="Basic &amp; essential">
                        <span class="navigation__item-icon">
                            <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
                                <path d="M6.76225 10.525L4 7.76275L6.76225 5M4.4989 7.76274H12" stroke="currentColor"
                                    stroke-width="1.2" stroke-linecap="square" />
                            </svg>
                        </span>
                        <span class="dropdown__title-text">
                            Basic &amp; essential
                        </span>
                        <span class="dropdown__title-brand js-dropdown__title-brand"></span>
                    </button>
                </div>
            </div>
            <div class="js-menu-scrollable dropdown__container"><div class="dropdown__list"><div class="row" style="--last-column-background-color:inherit;">
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/collection-les-essentiels"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Les essentiels pour hier, pour aujourd'hui et pour demain"
        >
            <span class="dropdown__item-link--text">
                Les essentiels pour hier, pour aujourd'hui et pour demain
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collection-be-basic-and-essential?cgid=030601-BE%20BASIC%20AND%20ESSENTIAL&amp;prefn1=department&amp;prefv1=T-shirts&amp;page=1"
    role=menuitem    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="t-shirts"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        t-shirts
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collection-be-basic-and-essential?cgid=030601-BE%20BASIC%20AND%20ESSENTIAL&amp;prefn1=department&amp;prefv1=Polos&amp;page=1"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="polos"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        polos
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collection-be-basic-and-essential?cgid=030601-BE%20BASIC%20AND%20ESSENTIAL&amp;prefn1=department&amp;prefv1=Sweatshirts&amp;page=1"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="sweats"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        sweats
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collection-be-basic-and-essential?cgid=030601-BE%20BASIC%20AND%20ESSENTIAL&amp;prefn1=department&amp;prefv1=Chemises&amp;page=1"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="chemises"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        chemises
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collection-be-basic-and-essential?cgid=030601-BE%20BASIC%20AND%20ESSENTIAL&amp;prefn1=department&amp;prefv1=Pulls&amp;page=1"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="pulls"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        pulls
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collection-be-basic-and-essential?cgid=030601-BE%20BASIC%20AND%20ESSENTIAL&amp;prefn1=department&amp;prefv1=Jeans&amp;page=1"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="jeans"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        jeans
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collection-be-basic-and-essential?cgid=030601-BE%20BASIC%20AND%20ESSENTIAL&amp;prefn1=department&amp;prefv1=Pantalons&amp;page=1"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="pantalons"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        pantalons
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collection-be-basic-and-essential?cgid=030601-BE%20BASIC%20AND%20ESSENTIAL&amp;prefn1=department&amp;prefv1=Costumes&amp;page=1"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="costumes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        costumes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collection-be-basic-and-essential?cgid=030601-BE%20BASIC%20AND%20ESSENTIAL&amp;prefn1=department&amp;prefv1=Vestes%20et%20blousons&amp;page=1"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="manteaux et doudounes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        manteaux et doudounes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collection-les-essentiels"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Voir tout"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Voir tout
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/secret-de-nos-essentiels.html"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="false"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="Le secret de nos essentiels par St&eacute;phane Bern"
        >
            <span class="dropdown__item-link--text">
                Le secret de nos essentiels par Stéphane Bern
            </span>
        </a>
    

    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw2b873572/images/content/Menu/chemisesbe.jpg"
                alt="D&eacute;couvrir les chemises"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">D&eacute;couvrir les chemises</p>
    

    
        <a
            href="/fr-fr/c/collection-be-basic-and-essential?cgid=030601-BE%20BASIC%20AND%20ESSENTIAL&amp;prefn1=department&amp;prefv1=Chemises&amp;page=1"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="D&eacute;couvrir les chemises"
        ></a>
    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw01bfe30f/images/content/Menu/pullsbe.jpg"
                alt="D&eacute;couvrir les pulls"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">D&eacute;couvrir les pulls</p>
    

    
        <a
            href="/fr-fr/c/collection-be-basic-and-essential?cgid=030601-BE%20BASIC%20AND%20ESSENTIAL&amp;prefn1=department&amp;prefv1=Pulls&amp;page=1"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="D&eacute;couvrir les pulls"
        ></a>
    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw27ad67bc/images/content/Menu/costumesbe.jpg"
                alt="D&eacute;couvrir les costumes"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">D&eacute;couvrir les costumes</p>
    

    
        <a
            href="/fr-fr/c/collection-be-basic-and-essential?cgid=030601-BE%20BASIC%20AND%20ESSENTIAL&amp;prefn1=department&amp;prefv1=Costumes&amp;page=1"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="D&eacute;couvrir les costumes"
        ></a>
    
</div>
</div></div>
</div>
</div></div>
        </div>
    
</div>
</li><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <button
            class="navigation__item-title js-main-navigation-item main-navigation-item navigation__item-title-target js-menu-item js-dropdown-head-title"
            tabindex="0"
            data-head-title="Jeans et pantalons"
        >
            <span class="navigation__item-title--text js-main-navigation-item-text">Jeans et pantalons</span>

            
        </button>
    

    
        <div
            class="navigation__dropdown js-navigation-dropdown js-menu-item-dropdown"
            role="menu"
            data-menu-analytics="Menu Jeans et pantalons"
        >
            <div class="dropdown__header">
                <div class="dropdown__title">
                    <button
                        class="dropdown__title--close js-close-dropdown"
                        data-head-title="Jeans et pantalons">
                        <span class="navigation__item-icon">
                            <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
                                <path d="M6.76225 10.525L4 7.76275L6.76225 5M4.4989 7.76274H12" stroke="currentColor"
                                    stroke-width="1.2" stroke-linecap="square" />
                            </svg>
                        </span>
                        <span class="dropdown__title-text">
                            Jeans et pantalons
                        </span>
                        <span class="dropdown__title-brand js-dropdown__title-brand"></span>
                    </button>
                </div>
            </div>
            <div class="js-menu-scrollable dropdown__container"><div class="dropdown__list"><div class="row" style="--last-column-background-color:inherit;">
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/jeans"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Jeans"
        >
            <span class="dropdown__item-link--text">
                Jeans
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/jeans-jeans-barrel"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans Barrel"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans Barrel
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/jeans-jeans-baggy"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans Baggy"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans Baggy
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/jeans-jeans-loose"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans Loose"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans Loose
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/jeans-jeans-regular"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans Regular"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans Regular
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/jeans-jeans-straight"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans Straight"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans Straight
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/jeans-jeans-slim"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans Slim"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans Slim
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/jeans-jeans-straight-maille"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans Straight Maille"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans Straight Maille
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/jeans-jeans-c85-relax"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans Relax"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans Relax
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/jeans-jeans-3-longueurs"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans 4 longueurs"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans 4 longueurs
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/jeans"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Tous les jeans"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Tous les jeans
    </p>
</a>

</li></ul>
        </div>
    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/pantalons"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Pantalons"
        >
            <span class="dropdown__item-link--text">
                Pantalons
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pantalons-pantalons-barrel"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons barrel"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons barrel
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pantalons-pantalons-chinos"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons chinos"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons chinos
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pantalons-pantalons-24h"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons 24h"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons 24h
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pantalons-pantalons-amples"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons loose"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons loose
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pantalons-pantalons-cargos"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons cargos"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons cargos
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/costumes-pantalons-de-costume"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons de costumes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons de costumes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pantalons-pantalons-joggings"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons de jogging"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons de jogging
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pantalons-pantalons-3-longueurs"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons 3 longueurs"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons 3 longueurs
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pantalons"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Tous les pantalons"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Tous les pantalons
    </p>
</a>

</li></ul>
        </div>
    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw1c0386f8/images/content/Homepage/Septembre2026/JeansPants/MEGA_MENU_DESK_L_BARREL_FIT_FR.jpg"
                alt="le guide denim celio"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: inherit">d&eacute;couvrir</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/mode-homme/guide-jeans.html"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="d&eacute;couvrir"
        ></a>
    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw37ae7e2a/images/content/Homepage/Septembre2026/4L/MEGMENU-tableur-4-longueurs-desk-FR.jpg"
                alt="4 longueurs jeans celio"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: inherit">d&eacute;couvrir</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/c/jeans-jeans-3-longueurs"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="d&eacute;couvrir"
        ></a>
    
</div>
</div></div>
</div>
</div></div>
        </div>
    
</div>
</li><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <button
            class="navigation__item-title js-main-navigation-item main-navigation-item navigation__item-title-target js-menu-item js-dropdown-head-title"
            tabindex="0"
            data-head-title="Nouveaut&eacute;s"
        >
            <span class="navigation__item-title--text js-main-navigation-item-text">Nouveaut&eacute;s</span>

            
        </button>
    

    
        <div
            class="navigation__dropdown js-navigation-dropdown js-menu-item-dropdown"
            role="menu"
            data-menu-analytics="Menu Nouveaut&eacute;s"
        >
            <div class="dropdown__header">
                <div class="dropdown__title">
                    <button
                        class="dropdown__title--close js-close-dropdown"
                        data-head-title="Nouveaut&eacute;s">
                        <span class="navigation__item-icon">
                            <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
                                <path d="M6.76225 10.525L4 7.76275L6.76225 5M4.4989 7.76274H12" stroke="currentColor"
                                    stroke-width="1.2" stroke-linecap="square" />
                            </svg>
                        </span>
                        <span class="dropdown__title-text">
                            Nouveaut&eacute;s
                        </span>
                        <span class="dropdown__title-brand js-dropdown__title-brand"></span>
                    </button>
                </div>
            </div>
            <div class="js-menu-scrollable dropdown__container"><div class="dropdown__list"><div class="row" style="--last-column-background-color:inherit;">
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/collection-nouveautes"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Nouveaut&eacute;s"
        >
            <span class="dropdown__item-link--text">
                Nouveautés
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collection-nouveautes"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="New in"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        New in
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-jogness"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jogness"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jogness
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collection-ete-selection-lin"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="La Collection Lin"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        La Collection Lin
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-ensemble"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Les Ensembles"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Les Ensembles
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/p/jean-baggy-100-coton---bleu-clair/1184255.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Le Nouveau Baggy"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Le Nouveau Baggy
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-vu-sur-les-reseaux"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Vu sur les r&eacute;seaux"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Vu sur les r&eacute;seaux
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <button
            class="dropdown__item-link js-navigation-open-dropdown js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            role="button"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
        >
            <span class="dropdown__item-link--text">
                Lifestyle
            </span>
        </button>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-jai-un-entretien-dembauche"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="J'ai un entretien d'embauche"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        J'ai un entretien d'embauche
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-je-suis-invite-a-un-mariage"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Je suis invit&eacute; &agrave; un mariage"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Je suis invit&eacute; &agrave; un mariage
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-jai-une-soiree-habillee"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="J'ai une soir&eacute;e habill&eacute;e"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        J'ai une soir&eacute;e habill&eacute;e
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-je-cherche-une-tenue-de-bureau-decontractee"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Je cherche une tenue de bureau d&eacute;contract&eacute;e"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Je cherche une tenue de bureau d&eacute;contract&eacute;e
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-jai-un-cours-de-sport"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="J'ai un cours de sport"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        J'ai un cours de sport
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-jai-un-date"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="J'ai un date"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        J'ai un date
    </p>
</a>

</li></ul>
        </div>
    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw7e89bb76/images/content/Homepage/Octobre2026/MEGA_MENU_DESK_PERFUMES.jpg"
                alt="Parfums celio"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">D&eacute;couvrir les parfums</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/c/cosmetiques-homme-parfum-homme"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="D&eacute;couvrir les parfums"
        ></a>
    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwf27f6320/images/content/Menu/tshirtoversize.jpg"
                alt="Le t-shirt oversize"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">Le t-shirt oversize</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/p/t-shirt-oversize-col-rond---noir/1142236.html"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="Le t-shirt oversize"
        ></a>
    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw4fc54160/images/content/Menu/lesnouveauxpolos.jpg"
                alt="Les nouveaux polos"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">Les nouveaux polos</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/c/polos"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="Les nouveaux polos"
        ></a>
    
</div>
</div></div>
</div>
</div></div>
        </div>
    
</div>
</li><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <button
            class="navigation__item-title js-main-navigation-item main-navigation-item navigation__item-title-target js-menu-item js-dropdown-head-title"
            tabindex="0"
            data-head-title="C&eacute;r&eacute;monie"
        >
            <span class="navigation__item-title--text js-main-navigation-item-text">C&eacute;r&eacute;monie</span>

            
        </button>
    

    
        <div
            class="navigation__dropdown js-navigation-dropdown js-menu-item-dropdown"
            role="menu"
            data-menu-analytics="Menu C&eacute;r&eacute;monie"
        >
            <div class="dropdown__header">
                <div class="dropdown__title">
                    <button
                        class="dropdown__title--close js-close-dropdown"
                        data-head-title="C&eacute;r&eacute;monie">
                        <span class="navigation__item-icon">
                            <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
                                <path d="M6.76225 10.525L4 7.76275L6.76225 5M4.4989 7.76274H12" stroke="currentColor"
                                    stroke-width="1.2" stroke-linecap="square" />
                            </svg>
                        </span>
                        <span class="dropdown__title-text">
                            C&eacute;r&eacute;monie
                        </span>
                        <span class="dropdown__title-brand js-dropdown__title-brand"></span>
                    </button>
                </div>
            </div>
            <div class="js-menu-scrollable dropdown__container"><div class="dropdown__list"><div class="row" style="--last-column-background-color:inherit;">
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/costumes"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Costumes"
        >
            <span class="dropdown__item-link--text">
                Costumes
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/costumes-costumes-a---de-100e"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="SU.01 | Costumes &agrave; - de 100&euro;"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        SU.01 | Costumes &agrave; - de 100&euro;
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/costumes-costumes-lin"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="SU.02 | Costumes en lin"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        SU.02 | Costumes en lin
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/costumes-costumes-extra-slim"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="SU.03 | Costumes extra slim"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        SU.03 | Costumes extra slim
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/costumes-vestes-de-costume"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Vestes de costumes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Vestes de costumes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/costumes-pantalons-de-costume"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons de costumes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons de costumes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/costumes-gilets-de-costume"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Gilets de costumes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Gilets de costumes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-ensembles-casual"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Ensembles casual"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Ensembles casual
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/ceremonie-accessoire-de-mariage"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Accessoires"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Accessoires
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/costumes-occasions.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Trouvez le bon costume par occasions"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Trouvez le bon costume par occasions
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/mode-homme/guide-costume.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide du costume"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide du costume
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/chemises"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Chemises"
        >
            <span class="dropdown__item-link--text">
                Chemises
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/chemises-chemises-blanches"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chemises blanches"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chemises blanches
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/chemises-chemises-repassage-facile"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chemises facile &agrave; repasser"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chemises facile &agrave; repasser
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/chemises-chemises-habillees"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chemises habill&eacute;es"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chemises habill&eacute;es
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/chemises-chemises-a-25e99"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chemises &agrave; 25&euro;99"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chemises &agrave; 25&euro;99
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/mode-homme/guide-chemise-matiere.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide de la chemise"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide de la chemise
    </p>
</a>

</li></ul>
        </div>
    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw82b73045/images/content/Homepage/Men'sWeek/costumegrismoinsdecent.jpg"
                alt="Le costume &agrave; moins de 100&euro;"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">Le costume &agrave; - de 100&euro;</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/c/costumes-costumes-a---de-100e"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="Le costume &agrave; - de 100&euro;"
        ></a>
    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwb79bf1a8/images/content/Homepage/Men'sWeek/costumelinv2.jpg"
                alt="Le costume en lin"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">Le costume en lin</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/c/costumes-costumes-lin"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="Le costume en lin"
        ></a>
    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw01d74f8e/images/content/Homepage/Men'sWeek/formulaire.jpg"
                alt="Trouvez le bon costume au premier regard"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">Trouvez le bon costume au premier regard</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/questionnaire-costume-website.html"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="Trouvez le bon costume au premier regard"
        ></a>
    
</div>
</div></div>
</div>
</div></div>
        </div>
    
</div>
</li><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <p
            class="navigation__item-title"
            style="color: #16191d;"
        >
            <a
                href="https://www.celio.com/fr-fr/c/cosmetiques-homme-parfum-homme"
                class="navigation__item-title--text js-main-navigation-item js-main-navigation-item-text js-dropdown-head-title"
                data-header-analytics-label="Menu Parfums"
                data-head-title="Parfums">
                Parfums
            </a>

            
        </p>
    

    
</div>
</li><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <button
            class="navigation__item-title js-main-navigation-item main-navigation-item navigation__item-title-target js-menu-item js-dropdown-head-title"
            tabindex="0"
            data-head-title="Collabs"
        >
            <span class="navigation__item-title--text js-main-navigation-item-text">Collabs</span>

            
        </button>
    

    
        <div
            class="navigation__dropdown js-navigation-dropdown js-menu-item-dropdown"
            role="menu"
            data-menu-analytics="Menu Collabs"
        >
            <div class="dropdown__header">
                <div class="dropdown__title">
                    <button
                        class="dropdown__title--close js-close-dropdown"
                        data-head-title="Collabs">
                        <span class="navigation__item-icon">
                            <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
                                <path d="M6.76225 10.525L4 7.76275L6.76225 5M4.4989 7.76274H12" stroke="currentColor"
                                    stroke-width="1.2" stroke-linecap="square" />
                            </svg>
                        </span>
                        <span class="dropdown__title-text">
                            Collabs
                        </span>
                        <span class="dropdown__title-brand js-dropdown__title-brand"></span>
                    </button>
                </div>
            </div>
            <div class="js-menu-scrollable dropdown__container"><div class="dropdown__list"><div class="row" style="--last-column-background-color:inherit;">
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <button
            class="dropdown__item-link js-navigation-open-dropdown js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            role="button"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
        >
            <span class="dropdown__item-link--text">
                Jeux vidéos
            </span>
        </button>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-elden-ring"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Elden Ring"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Elden Ring
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <button
            class="dropdown__item-link js-navigation-open-dropdown js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            role="button"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
        >
            <span class="dropdown__item-link--text">
                Manga
            </span>
        </button>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-death-note"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Death Note"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Death Note
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-pokemon"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pok&eacute;mon"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pok&eacute;mon
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-naruto-shippuden"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Naruto Shipp&ucirc;den"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Naruto Shipp&ucirc;den
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-bleach"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Bleach"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Bleach
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-japan-expo"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Japan expo"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Japan expo
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-dragon-ball"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Dragon Ball"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Dragon Ball
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-saint-seiya"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Saint Seiya"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Saint Seiya
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <button
            class="dropdown__item-link js-navigation-open-dropdown js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            role="button"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
        >
            <span class="dropdown__item-link--text">
                Sport
            </span>
        </button>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-mls"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="MLS"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        MLS
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-ford"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Ford"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Ford
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-nascar"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Nascar"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Nascar
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-wwe"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="WWE"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        WWE
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-mclaren"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="McLaren Racing"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        McLaren Racing
    </p>
</a>

</li></ul>
        </div>
    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <button
            class="dropdown__item-link js-navigation-open-dropdown js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            role="button"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
        >
            <span class="dropdown__item-link--text">
                Ambassadeurs
            </span>
        </button>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-instinct-by-inoxtag"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Follow your Instinct by Inoxtag"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Follow your Instinct by Inoxtag
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <button
            class="dropdown__item-link js-navigation-open-dropdown js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            role="button"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
        >
            <span class="dropdown__item-link--text">
                Marques invitées
            </span>
        </button>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-karmine-corp"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Karmine Corp"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Karmine Corp
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-saint-tropez"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Saint-Tropez"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Saint-Tropez
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <button
            class="dropdown__item-link js-navigation-open-dropdown js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            role="button"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
        >
            <span class="dropdown__item-link--text">
                Drop du mois
            </span>
        </button>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-wsop"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="WSOP"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        WSOP
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-normal-licences"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Normal Licences"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Normal Licences
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/collabs"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="false"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="Toutes les collabs"
        >
            <span class="dropdown__item-link--text">
                Toutes les collabs
            </span>
        </a>
    

    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwbcc5ad79/images/content/Homepage/Septembre2026/DeathNote/MEGA_MENU_L.jpg"
                alt="Death Note"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">Death Note</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/c/collabs-death-note"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="Death Note"
        ></a>
    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwfb7ee37c/images/content/Homepage/Septembre2026/MEGA_MENU_DESK_ELDEN-RING-1.jpg"
                alt="Elden Ring"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">Elden Ring</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/c/collabs-elden-ring"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="Elden Ring"
        ></a>
    
</div>
</div></div>
</div>
</div></div>
        </div>
    
</div>
</li><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <button
            class="navigation__item-title js-main-navigation-item main-navigation-item navigation__item-title-target js-menu-item js-dropdown-head-title"
            tabindex="0"
            data-head-title="Les offres"
        >
            <span class="navigation__item-title--text js-main-navigation-item-text">Les offres</span>

            
        </button>
    

    
        <div
            class="navigation__dropdown js-navigation-dropdown js-menu-item-dropdown"
            role="menu"
            data-menu-analytics="Menu Les offres"
        >
            <div class="dropdown__header">
                <div class="dropdown__title">
                    <button
                        class="dropdown__title--close js-close-dropdown"
                        data-head-title="Les offres">
                        <span class="navigation__item-icon">
                            <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
                                <path d="M6.76225 10.525L4 7.76275L6.76225 5M4.4989 7.76274H12" stroke="currentColor"
                                    stroke-width="1.2" stroke-linecap="square" />
                            </svg>
                        </span>
                        <span class="dropdown__title-text">
                            Les offres
                        </span>
                        <span class="dropdown__title-brand js-dropdown__title-brand"></span>
                    </button>
                </div>
            </div>
            <div class="js-menu-scrollable dropdown__container"><div class="dropdown__list"><div class="row" style="--last-column-background-color:inherit;">
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/bons-plans.html"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Les offres"
        >
            <span class="dropdown__item-link--text">
                Les offres
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/sous-vetements-boxers-et-calecons"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="3 cale&ccedil;ons ou boxers pour 19&euro;99"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        3 cale&ccedil;ons ou boxers pour 19&euro;99
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/sous-vetements-3-paires-de-chaussettes-pour-9e99"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="3 paires de chaussettes pour 9&euro;99 ou 5 paires pour 14&euro;99"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        3 paires de chaussettes pour 9&euro;99 ou 5 paires pour 14&euro;99
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="/fr-fr/c/t-shirts-3-t-shirts-pour-24e99"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="3 t-shirts pour 24&euro;99"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        3 t-shirts pour 24&euro;99
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/sous-vetements-underwear-par-lot"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Lots de sous-v&ecirc;tements"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Lots de sous-v&ecirc;tements
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/t-shirts-t-shirt-et-debardeur-par-lot"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Lots de t-shirts"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Lots de t-shirts
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href=""
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label=""
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href=""
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label=""
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href=""
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label=""
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href=""
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label=""
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        
    </p>
</a>

</li></ul>
        </div>
    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw5d92f989/images/content/Mars2026/lotboxer.jpg"
                alt="3 cale&ccedil;ons ou boxers pour 19&euro;99"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">3 cale&ccedil;ons ou boxers pour 19&euro;99</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/c/sous-vetements-boxers-et-calecons"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="3 cale&ccedil;ons ou boxers pour 19&euro;99"
        ></a>
    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw83da5a73/images/content/Mars2026/tshirtpartrois.jpg"
                alt="3 t-shirts pour 24&euro;99"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">3 t-shirts pour 24&euro;99</p>
    

    
        <a
            href="/fr-fr/c/t-shirts-3-t-shirts-pour-24e99"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="3 t-shirts pour 24&euro;99"
        ></a>
    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwbab660a7/images/content/Mars2026/sockslot.jpg"
                alt="3 chaussettes pour 9&euro;99"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">3 chaussettes pour 9&euro;99</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/c/sous-vetements-3-paires-de-chaussettes-pour-9e99"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="3 chaussettes pour 9&euro;99"
        ></a>
    
</div>
</div></div>
</div>
</div></div>
        </div>
    
</div>
</li><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <button
            class="navigation__item-title js-main-navigation-item main-navigation-item navigation__item-title-target js-menu-item js-dropdown-head-title"
            tabindex="0"
            data-head-title="A propos"
        >
            <span class="navigation__item-title--text js-main-navigation-item-text">A propos</span>

            
        </button>
    

    
        <div
            class="navigation__dropdown js-navigation-dropdown js-menu-item-dropdown"
            role="menu"
            data-menu-analytics="Menu A propos"
        >
            <div class="dropdown__header">
                <div class="dropdown__title">
                    <button
                        class="dropdown__title--close js-close-dropdown"
                        data-head-title="A propos">
                        <span class="navigation__item-icon">
                            <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
                                <path d="M6.76225 10.525L4 7.76275L6.76225 5M4.4989 7.76274H12" stroke="currentColor"
                                    stroke-width="1.2" stroke-linecap="square" />
                            </svg>
                        </span>
                        <span class="dropdown__title-text">
                            A propos
                        </span>
                        <span class="dropdown__title-brand js-dropdown__title-brand"></span>
                    </button>
                </div>
            </div>
            <div class="js-menu-scrollable dropdown__container"><div class="dropdown__list"><div class="row" style="--last-column-background-color:inherit;">
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <button
            class="dropdown__item-link js-navigation-open-dropdown js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            role="button"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="false"
        >
            <span class="dropdown__item-link--text">
                Les guides
            </span>
        </button>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/collection-be-basic-essential.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide les essentiels"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide les essentiels
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/mode-homme/guide-jeans.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide denim"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide denim
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/mode-homme/guide-chemise-matiere.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide chemises"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide chemises
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/guide-sweatshirt.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide sweatshirts"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide sweatshirts
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/mode-homme/guide-costume.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide costumes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide costumes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/mode-homme/guide-pantalons.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide pantalons"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide pantalons
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/mode-homme/guide-polo.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide polos"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide polos
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/mode-homme/guide-tshirt.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide t-shirts"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide t-shirts
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <button
            class="dropdown__item-link js-navigation-open-dropdown js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            role="button"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="false"
        >
            <span class="dropdown__item-link--text">
                Taille
            </span>
        </button>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/guide-taille/guide-des-tailles-jeans.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide des tailles"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide des tailles
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/programme-de-fidelite.html"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="false"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="Programme de fid&eacute;lit&eacute; be+"
        >
            <span class="dropdown__item-link--text">
                Programme de fidélité be+
            </span>
        </a>
    

    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <button
            class="dropdown__item-link js-navigation-open-dropdown js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            role="button"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="false"
        >
            <span class="dropdown__item-link--text">
                Les actus
            </span>
        </button>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/editos.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Nos collaborations"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Nos collaborations
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/brand.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Qui sommes-nous ? "
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Qui sommes-nous ? 
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <button
            class="dropdown__item-link js-navigation-open-dropdown js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            role="button"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
        >
            <span class="dropdown__item-link--text">
                Nos engagements
            </span>
        </button>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/mode-homme/rse.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="D&eacute;veloppement durable / RSE"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        D&eacute;veloppement durable / RSE
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/guide-entretien.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide d'entretien"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide d'entretien
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/store-locator.html"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Nos magasins"
        >
            <span class="dropdown__item-link--text">
                Nos magasins
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="/fr-fr/stores"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Trouvez le magasin le plus proche"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Trouvez le magasin le plus proche
    </p>
</a>

</li></ul>
        </div>
    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw650db818/images/content/Menu/guideentretienmenu.jpg"
                alt="Le guide d'entretien"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">Le guide d'entretien</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/guide-entretien.html"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="Le guide d'entretien"
        ></a>
    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwd0059dc8/images/content/Mars2026/programmefid.jpg"
                alt="Le programme de fid&eacute;lit&eacute; des plus fid&egrave;les"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: inherit">Le programme de fid&eacute;lit&eacute; des plus fid&egrave;les</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/programme-de-fidelite.html"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="Le programme de fid&eacute;lit&eacute; des plus fid&egrave;les"
        ></a>
    
</div>
</div></div>
</div>
</div></div>
        </div>
    
</div>
</li><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <p
            class="navigation__item-title"
            style="color: #16191d;"
        >
            <a
                href="https://www.celio.com/fr-fr/c/collection-e-cartes-cadeaux"
                class="navigation__item-title--text js-main-navigation-item js-main-navigation-item-text js-dropdown-head-title"
                data-header-analytics-label="Menu La e-carte cadeau"
                data-head-title="La e-carte cadeau">
                La e-carte cadeau
            </a>

            
        </p>
    

    
</div>
</li><li class="js-navigation__item navigation__item">

<div class="inspirations visual-component container">
    

    <ul class="inspirations__list row"><li class="inspirations__list-element desktop-large mobile-large"><div class="inspirations-element" style="--title-color:#000000">
    









<picture class="visual-component__picture">
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwe41a293a/images/content/Homepage/Septembre2026/Essentiels/inspi_banner_desk_gout_des_essentiels_fr-4.jpg?q=90" media="(min-width: 1920px)" width="2560" height="1600" />
    
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwe41a293a/images/content/Homepage/Septembre2026/Essentiels/inspi_banner_desk_gout_des_essentiels_fr-4.jpg?sw=1920&amp;q=90" media="(min-width: 1366px)" width="1920" height="1200" />
    
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwe41a293a/images/content/Homepage/Septembre2026/Essentiels/inspi_banner_desk_gout_des_essentiels_fr-4.jpg?sw=1440&amp;q=90" media="(min-width: 960px)" width="1440" height="900"/>
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwe41a293a/images/content/Homepage/Septembre2026/Essentiels/inspi_banner_desk_gout_des_essentiels_fr-4.jpg?sw=1440&amp;q=90" width="414" height="687"/>
    
    
    <img
        class="ITC-image image-fluid common-image-component visual-component__image"
        style="            --focal-point-x-mob:50%;            --focal-point-y-mob:50%;            --focal-point-x:50%;            --focal-point-y:50%;        "
        alt="les essentiels celio"
        title="les essentiels celio"
    />
</picture>

    
        <a
            href="https://www.celio.com/fr-fr/c/collection-les-essentiels"
            class="stretched-link"
            tabindex="0"
            aria-label="les essentiels celio"
            title="les essentiels celio"
        ></a>
    
    
        <div
            class="inspirations-element__title outside"
            style="                --title-horizontal-orientation: center;                --title-horizontal-alignment: center;                --title-vertical-orientation: center;        ">
            <span 
                class="inspirations-element__title-layer size1"
                style="--layer-color: null;            ">
                découvrir
            </span>
        </div>
    
</div></li><li class="inspirations__list-element desktop-large mobile-large"><div class="inspirations-element" style="--title-color:#000000">
    









<picture class="visual-component__picture">
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw4074b9fb/images/content/Homepage/Septembre2026/inspi_banner_desk_ELDEN_RING-2.jpg?q=90" media="(min-width: 1920px)" width="2560" height="1600" />
    
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw4074b9fb/images/content/Homepage/Septembre2026/inspi_banner_desk_ELDEN_RING-2.jpg?sw=1920&amp;q=90" media="(min-width: 1366px)" width="1920" height="1200" />
    
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw4074b9fb/images/content/Homepage/Septembre2026/inspi_banner_desk_ELDEN_RING-2.jpg?sw=1440&amp;q=90" media="(min-width: 960px)" width="1440" height="900"/>
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw4074b9fb/images/content/Homepage/Septembre2026/inspi_banner_desk_ELDEN_RING-2.jpg?sw=1440&amp;q=90" width="414" height="687"/>
    
    
    <img
        class="ITC-image image-fluid common-image-component visual-component__image"
        style="            --focal-point-x-mob:50%;            --focal-point-y-mob:50%;            --focal-point-x:50%;            --focal-point-y:50%;        "
        alt="Elden ring"
        title="Elden ring"
    />
</picture>

    
        <a
            href="https://www.celio.com/fr-fr/c/collabs-elden-ring"
            class="stretched-link"
            tabindex="0"
            aria-label="Elden ring"
            title="Elden ring"
        ></a>
    
    
        <div
            class="inspirations-element__title outside"
            style="                --title-horizontal-orientation: center;                --title-horizontal-alignment: center;                --title-vertical-orientation: center;        ">
            <span 
                class="inspirations-element__title-layer size1"
                style="--layer-color: null;            ">
                découvrir
            </span>
        </div>
    
</div></li></ul>
</div>
</li></ul>
</nav></div></div>
    </div>
</div>

        
<div class="assetPage" id="camaieu-menu">
    <div class="container">
        <div class="experience-region experience-main"><div class="experience-component experience-commerce_layouts-headerMenu"><nav class="navigation js-navigation-menu d-none" data-brand="camaieu">
    <div class="navigation__logo js-navigation-logo">
        












    

    <div
        class="header-brand-switch__item js-header-brand-switch__item"
        data-is-current-brand="false"
    >
        <a
            class="header-brand-switch__item__link js-brand-switch-item"
            href="/fr-fr"
            data-header-analytics-label="Homme - be celio"
            
            aria-label="Homme celio be normal"
            data-brand="celio"
        >
            <div  class="d-flex flex-column m-0">
                
    
    <div class="content-asset"><!-- dwMarker="content" dwContentID="f543ae6d245dd42f32e35f29fd" -->
        <div class="header-brand-switch__item__title">
	<span class="header-brand-switch__text">men</span>
</div>
    </div> <!-- End content-asset -->



            </div>
        </a>
    </div>

    

    <div
        class="header-brand-switch__item js-header-brand-switch__item"
        data-is-current-brand="false"
    >
        <a
            class="header-brand-switch__item__link js-brand-switch-item"
            href="/fr-fr/femme"
            data-header-analytics-label="Femme - be camaieu"
            
            aria-label="Femme celio women"
            data-brand="camaieu"
        >
            <div  class="d-flex flex-column m-0">
                
    
    <div class="content-asset"><!-- dwMarker="content" dwContentID="87df92873594c3bdbc7a15af3a" -->
        <div class="header-brand-switch__item__title">
	<span class="header-brand-switch__text">women</span>
</div>
    </div> <!-- End content-asset -->



            </div>
        </a>
    </div>

    </div>

    <div class="navigation__search site-search js-navigation-search">
        <button type="button" class="algolia-overlay__btn--search js-navigation-search-btn">
            <div class="algolia-overlay__placeholder">Rechercher un article, une cat&eacute;gorie...</div>
            <div class="algolia-overlay__icon"><svg class="aa-SubmitIcon" viewbox="0 0 24 24" width="20" height="20" fill="currentColor">
                <path d="M16.041 15.856c-0.034 0.026-0.067 0.055-0.099 0.087s-0.060 0.064-0.087 0.099c-1.258 1.213-2.969 1.958-4.855 1.958-1.933 0-3.682-0.782-4.95-2.050s-2.050-3.017-2.050-4.95 0.782-3.682 2.050-4.95 3.017-2.050 4.95-2.050 3.682 0.782 4.95 2.050 2.050 3.017 2.050 4.95c0 1.886-0.745 3.597-1.959 4.856zM21.707 20.293l-3.675-3.675c1.231-1.54 1.968-3.493 1.968-5.618 0-2.485-1.008-4.736-2.636-6.364s-3.879-2.636-6.364-2.636-4.736 1.008-6.364 2.636-2.636 3.879-2.636 6.364 1.008 4.736 2.636 6.364 3.879 2.636 6.364 2.636c2.125 0 4.078-0.737 5.618-1.968l3.675 3.675c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414z"></path></svg>
            </div>
        </button>
    </div>

    <ul class="navigation__list"><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <button
            class="navigation__item-title js-main-navigation-item main-navigation-item navigation__item-title-target js-menu-item js-dropdown-head-title"
            tabindex="0"
            data-head-title="Collection femme"
        >
            <span class="navigation__item-title--text js-main-navigation-item-text">Collection femme</span>

            
        </button>
    

    
        <div
            class="navigation__dropdown js-navigation-dropdown js-menu-item-dropdown"
            role="menu"
            data-menu-analytics="Menu Collection femme"
        >
            <div class="dropdown__header">
                <div class="dropdown__title">
                    <button
                        class="dropdown__title--close js-close-dropdown"
                        data-head-title="Collection femme">
                        <span class="navigation__item-icon">
                            <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
                                <path d="M6.76225 10.525L4 7.76275L6.76225 5M4.4989 7.76274H12" stroke="currentColor"
                                    stroke-width="1.2" stroke-linecap="square" />
                            </svg>
                        </span>
                        <span class="dropdown__title-text">
                            Collection femme
                        </span>
                        <span class="dropdown__title-brand js-dropdown__title-brand"></span>
                    </button>
                </div>
            </div>
            <div class="js-menu-scrollable dropdown__container"><div class="dropdown__list"><div class="row" style="--last-column-background-color:inherit;">
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/femme/c/toute-la-collection"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Toute la collection"
        >
            <span class="dropdown__item-link--text">
                Toute la collection
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
                    <a href="https://www.celio.com/fr-fr/femme/c/toute-la-collection" class="dropdown__item-list-link-url">
                        Voir toute la collection
                    </a>
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/pulls"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pulls &amp; gilets"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pulls &amp; gilets
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/grosse-piece-veste"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Vestes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Vestes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/grosse-piece"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Manteaux &amp; doudounes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Manteaux &amp; doudounes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/t-shirts-et-tops"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="T-shirts &amp; Tops"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        T-shirts &amp; Tops
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/blouses-chemises"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chemises &amp; Blouses"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chemises &amp; Blouses
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/sweats"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Sweats"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Sweats
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/robes"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: #000000;"
    data-menu-item-analytics-label="Robes"
>
    <p class="dropdown__item-list-title" style="--color: #000000;">
        Robes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/saisonniers-ensembles"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Les ensembles "
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Les ensembles 
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/joggings"
    role=menuitem    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jogness"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jogness
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/tailleurs"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Tailleurs"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Tailleurs
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/pantalons"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/jeans"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans "
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans 
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/joggings-et-leggings"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jogging &amp; leggings "
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jogging &amp; leggings 
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/jupes-et-shorts"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jupes &amp; Shorts "
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jupes &amp; Shorts 
    </p>
</a>

</li></ul>
        </div>
    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/femme/c/accessoires"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Accessoires"
        >
            <span class="dropdown__item-link--text">
                Accessoires
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
                    <a href="https://www.celio.com/fr-fr/femme/c/accessoires" class="dropdown__item-list-link-url">
                        Voir tous les accessoires
                    </a>
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/accessoires-ceintures"
    role=menuitem    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Ceintures"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Ceintures
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/accessoires-echarpes-foulards"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Foulards &amp; &eacute;charpes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Foulards &amp; &eacute;charpes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/accessoires-bonnets"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Cagoules &amp; bonnets"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Cagoules &amp; bonnets
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/accessoires-gants"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Gants &amp; Mitaines"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Gants &amp; Mitaines
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/femme/c/chaussures"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="false"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="Chaussures"
        >
            <span class="dropdown__item-link--text">
                Chaussures
            </span>
        </a>
    

    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/femme/c/sous-vetement"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Sous-v&ecirc;tements"
        >
            <span class="dropdown__item-link--text">
                Sous-vêtements
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
                    <a href="https://www.celio.com/fr-fr/femme/c/sous-vetement" class="dropdown__item-list-link-url">
                        Voir tous les sous-v&ecirc;tements
                    </a>
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/sous-vetement-pyjamas"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pyjamas"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pyjamas
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/sous-vetement-chaussettes"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chaussettes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chaussettes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="/fr-fr/c/permanents-3-paires-de-chaussettes-pour-9e99"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: #D10011;"
    data-menu-item-analytics-label="3 paires de chaussettes pour 9&euro;99 ou 5 paires pour 14&euro;99"
>
    <p class="dropdown__item-list-title" style="--color: #D10011;">
        3 paires de chaussettes pour 9&euro;99 ou 5 paires pour 14&euro;99
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/bain"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Maillots de bain"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Maillots de bain
    </p>
</a>

</li></ul>
        </div>
    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw5ec6d9e2/images/content/Camaieu_Homepage/2026/Septembre/MEGA_MENU_DESK_L_gout_essentiels_FR.jpg"
                alt="Le go&ucirc;t des essentiels"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000000">voir tous les essentiels</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/femme/c/permanents-les-basics"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="voir tous les essentiels"
        ></a>
    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw37ec1433/images/content/Camaieu_Homepage/2026/Septembre/MEGA_MENU_DESK_L_CHAUSSETTES_FR.jpg"
                alt="Offre chaussettes"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000000">profiter de l'offre</p>
    

    
        <a
            href="/fr-fr/femme/c/permanents-3-paires-de-chaussettes-pour-9e99"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="profiter de l'offre"
        ></a>
    
</div>
</div></div>
</div>
</div></div>
        </div>
    
</div>
</li><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <button
            class="navigation__item-title js-main-navigation-item main-navigation-item navigation__item-title-target js-menu-item js-dropdown-head-title"
            tabindex="0"
            data-head-title="Nouveaut&eacute;s femme"
        >
            <span class="navigation__item-title--text js-main-navigation-item-text">Nouveaut&eacute;s femme</span>

            
        </button>
    

    
        <div
            class="navigation__dropdown js-navigation-dropdown js-menu-item-dropdown"
            role="menu"
            data-menu-analytics="Menu Nouveaut&eacute;s femme"
        >
            <div class="dropdown__header">
                <div class="dropdown__title">
                    <button
                        class="dropdown__title--close js-close-dropdown"
                        data-head-title="Nouveaut&eacute;s femme">
                        <span class="navigation__item-icon">
                            <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
                                <path d="M6.76225 10.525L4 7.76275L6.76225 5M4.4989 7.76274H12" stroke="currentColor"
                                    stroke-width="1.2" stroke-linecap="square" />
                            </svg>
                        </span>
                        <span class="dropdown__title-text">
                            Nouveaut&eacute;s femme
                        </span>
                        <span class="dropdown__title-brand js-dropdown__title-brand"></span>
                    </button>
                </div>
            </div>
            <div class="js-menu-scrollable dropdown__container"><div class="dropdown__list"><div class="row" style="--last-column-background-color:inherit;">
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/femme/c/permanents-les-nouveautes"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Toutes les nouveaut&eacute;s"
        >
            <span class="dropdown__item-link--text">
                Toutes les nouveautés
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
                    <a href="https://www.celio.com/fr-fr/femme/c/permanents-les-nouveautes" class="dropdown__item-list-link-url">
                        Voir toutes les nouveaut&eacute;s
                    </a>
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/permanents-les-basics"
    role=menuitem    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Le go&ucirc;t des essentiels"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Le go&ucirc;t des essentiels
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/essentiel.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="L'essentiel vu par Mayadorable"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        L'essentiel vu par Mayadorable
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/saisonniers-capsule-made-in-france"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Capsule faite en France"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Capsule faite en France
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/saisonniers-vestiaire"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Les essentiels de l'automne"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Les essentiels de l'automne
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/saisonniers-print-shop-femme"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Nouveaux imprim&eacute;s"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Nouveaux imprim&eacute;s
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/saisonniers-vu-sur-les-reseaux"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Vu sur les r&eacute;seaux"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Vu sur les r&eacute;seaux
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/permanents-meilleurs-ventes-femme"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Meilleures ventes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Meilleures ventes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/ugc.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="#womenlooks : inspir&eacute;s par vous"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        #womenlooks : inspir&eacute;s par vous
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <button
            class="dropdown__item-link js-navigation-open-dropdown js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            role="button"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
        >
            <span class="dropdown__item-link--text">
                Innovations produits
            </span>
        </button>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/saisonniers-freewear-femme"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Freewear"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Freewear
    </p>
</a>

</li></ul>
        </div>
    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <button
            class="dropdown__item-link js-navigation-open-dropdown js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            role="button"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
        >
            <span class="dropdown__item-link--text">
                Le style en toute occasion
            </span>
        </button>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/saisonniers-jai-un-entretien-dembauche"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="J'ai un entretien d'embauche"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        J'ai un entretien d'embauche
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/saisonniers-jai-un-cours-de-sport"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="J'ai un cours de sport"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        J'ai un cours de sport
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/saisonniers-jai-un-date"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="J'ai un date"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        J'ai un date
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/saisonniers-jai-une-soiree-habillee"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="J'ai une soir&eacute;e habill&eacute;e"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        J'ai une soir&eacute;e habill&eacute;e
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-je-pars-en-vacances-au-soleil"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Je pars en vacances au soleil"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Je pars en vacances au soleil
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/saisonniers-je-suis-invitee-a-un-mariage"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Je suis invit&eacute;e &agrave; un mariage"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Je suis invit&eacute;e &agrave; un mariage
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/saisonniers-jai-un-festival"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="J'ai un festival"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        J'ai un festival
    </p>
</a>

</li></ul>
        </div>
    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwc84438af/images/content/Camaieu_Homepage/2026/Septembre/MEGA_MENU_DESK_L_FR.jpg"
                alt="l'essentiel vu par Mayadorable"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000000">l'essentiel vu par Mayadorable</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/femme/essentiel.html"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="l'essentiel vu par Mayadorable"
        ></a>
    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw81074bed/images/content/Camaieu_Homepage/2026/Aout/MEGA_MENU_DESK_L_AUTOMNE_FR.jpg"
                alt="les essentiels de l'automne"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000000">les essentiels de l'automne</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/femme/c/saisonniers-vestiaire"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="les essentiels de l'automne"
        ></a>
    
</div>
</div></div>
</div>
</div></div>
        </div>
    
</div>
</li><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <button
            class="navigation__item-title js-main-navigation-item main-navigation-item navigation__item-title-target js-menu-item js-dropdown-head-title"
            tabindex="0"
            data-head-title="Jeans et pantalons"
        >
            <span class="navigation__item-title--text js-main-navigation-item-text">Jeans et pantalons</span>

            
        </button>
    

    
        <div
            class="navigation__dropdown js-navigation-dropdown js-menu-item-dropdown"
            role="menu"
            data-menu-analytics="Menu Jeans et pantalons"
        >
            <div class="dropdown__header">
                <div class="dropdown__title">
                    <button
                        class="dropdown__title--close js-close-dropdown"
                        data-head-title="Jeans et pantalons">
                        <span class="navigation__item-icon">
                            <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
                                <path d="M6.76225 10.525L4 7.76275L6.76225 5M4.4989 7.76274H12" stroke="currentColor"
                                    stroke-width="1.2" stroke-linecap="square" />
                            </svg>
                        </span>
                        <span class="dropdown__title-text">
                            Jeans et pantalons
                        </span>
                        <span class="dropdown__title-brand js-dropdown__title-brand"></span>
                    </button>
                </div>
            </div>
            <div class="js-menu-scrollable dropdown__container"><div class="dropdown__list"><div class="row" style="--last-column-background-color:inherit;">
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/femme/c/jeans"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Tous les jeans"
        >
            <span class="dropdown__item-link--text">
                Tous les jeans
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
                    <a href="https://www.celio.com/fr-fr/femme/c/jeans" class="dropdown__item-list-link-url">
                        Voir tous les jeans
                    </a>
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/jeans-jeans-larges"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans larges"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans larges
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/jeans-jeans-barrel"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans barrel"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans barrel
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/jeans-jeans-mom"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans mom"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans mom
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/jeans-jeans-flare"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans flare"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans flare
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/jeans-jeans-droits"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans droits"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans droits
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/jeans-jeans-slim"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Jeans slim"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Jeans slim
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/femme/wm-guide-jeans.html"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="false"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="Le guide denim"
        >
            <span class="dropdown__item-link--text">
                Le guide denim
            </span>
        </a>
    

    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/femme/c/pantalons"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Tous les pantalons"
        >
            <span class="dropdown__item-link--text">
                Tous les pantalons
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
                    <a href="https://www.celio.com/fr-fr/femme/c/pantalons" class="dropdown__item-list-link-url">
                        Voir tous les pantalons
                    </a>
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/pantalons-pantalons-larges"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons larges"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons larges
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/pantalons-pantalons-barrel"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons barrel"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons barrel
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/pantalons-pantalons-flare"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons flare"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons flare
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/pantalons-pantalons-droits"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons droits"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons droits
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/pantalons-pantalons-slim"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons slim"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons slim
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/femme/wm-guide-pants.html"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="false"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="Le guide pants"
        >
            <span class="dropdown__item-link--text">
                Le guide pants
            </span>
        </a>
    

    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw9edc02e1/images/content/Camaieu_Homepage/2026/Septembre/MEGA_MENU_JEANS1.jpg"
                alt="le jean barrel fit"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000000">le jean barrel fit</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/femme/p/jean-barrel---bleu/1200868.html"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="le jean barrel fit"
        ></a>
    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw051e2a6f/images/content/Camaieu_Homepage/2026/Septembre/MEGA_MENU_PANTS1.jpg"
                alt="le pantalon barrel fit"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000000">le pantalon barrel fit
</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/femme/p/pantalon-barrel---marron/1200881.html"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="le pantalon barrel fit"
        ></a>
    
</div>
</div></div>
</div>
</div></div>
        </div>
    
</div>
</li><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <button
            class="navigation__item-title js-main-navigation-item main-navigation-item navigation__item-title-target js-menu-item js-dropdown-head-title"
            tabindex="0"
            data-head-title="Collabs"
        >
            <span class="navigation__item-title--text js-main-navigation-item-text">Collabs</span>

            
        </button>
    

    
        <div
            class="navigation__dropdown js-navigation-dropdown js-menu-item-dropdown"
            role="menu"
            data-menu-analytics="Menu Collabs"
        >
            <div class="dropdown__header">
                <div class="dropdown__title">
                    <button
                        class="dropdown__title--close js-close-dropdown"
                        data-head-title="Collabs">
                        <span class="navigation__item-icon">
                            <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
                                <path d="M6.76225 10.525L4 7.76275L6.76225 5M4.4989 7.76274H12" stroke="currentColor"
                                    stroke-width="1.2" stroke-linecap="square" />
                            </svg>
                        </span>
                        <span class="dropdown__title-text">
                            Collabs
                        </span>
                        <span class="dropdown__title-brand js-dropdown__title-brand"></span>
                    </button>
                </div>
            </div>
            <div class="js-menu-scrollable dropdown__container"><div class="dropdown__list"><div class="row" style="--last-column-background-color:inherit;">
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/femme/c/collabs"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
            data-menu-item-analytics-label="Toutes les collabs"
        >
            <span class="dropdown__item-link--text">
                Toutes les collabs
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
                    <a href="https://www.celio.com/fr-fr/femme/c/collabs" class="dropdown__item-list-link-url">
                        Voir toutes les collabs
                    </a>
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/collabs-diddl"
    role=menuitem    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Diddl"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Diddl
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/collabs-celine-dion"
    role=menuitem    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="C&eacute;line Dion"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        C&eacute;line Dion
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/collabs-miffy"
    role=menuitem    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Miffy"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Miffy
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/collabs-spa"
    role=menuitem    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="SPA"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        SPA
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/collabs-matisse"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Matisse"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Matisse
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-pokemon"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pok&eacute;mon"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pok&eacute;mon
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-friends"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Friends"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Friends
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-japan-expo"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Japan Expo"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Japan Expo
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/c/collabs-junji-ito"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Junji Ito"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Junji Ito
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/collabs-saint-tropez"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Saint-Tropez"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Saint-Tropez
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/femme/essentiel.html"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="false"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="L'essentiel vu par Mayadorable"
        >
            <span class="dropdown__item-link--text">
                L'essentiel vu par Mayadorable
            </span>
        </a>
    

    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwd788d539/images/content/Camaieu_Homepage/2026/Septembre/MEGA_MENU_DESK_DIDDL.jpg"
                alt="Diddl"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">Diddl is back !</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/femme/c/collabs-diddl"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="Diddl is back !"
        ></a>
    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw2030519e/images/content/Camaieu_Homepage/2026/Septembre/MEGA_MENU_DESK_L-CELINE.jpg"
                alt="C&eacute;line Dion"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">C&eacute;line Dion</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/femme/c/collabs-celine-dion"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="C&eacute;line Dion"
        ></a>
    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwf8880b37/images/content/Camaieu_Homepage/2026/Septembre/MEGA_MENU_DESK_L_MIFFY.jpg"
                alt="Miffy"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: #000">Miffy</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/femme/c/collabs-miffy"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="Miffy"
        ></a>
    
</div>
</div></div>
</div>
</div></div>
        </div>
    
</div>
</li><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <p
            class="navigation__item-title"
            style="color: #16191d;"
        >
            <a
                href="https://www.celio.com/fr-fr/femme/c/pulls"
                class="navigation__item-title--text js-main-navigation-item js-main-navigation-item-text js-dropdown-head-title"
                data-header-analytics-label="Menu Pulls &amp; gilets"
                data-head-title="Pulls &amp; gilets">
                Pulls &amp; gilets
            </a>

            
        </p>
    

    
</div>
</li><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <p
            class="navigation__item-title"
            style="color: #16191d;"
        >
            <a
                href="https://www.celio.com/fr-fr/femme/c/grosse-piece-veste"
                class="navigation__item-title--text js-main-navigation-item js-main-navigation-item-text js-dropdown-head-title"
                data-header-analytics-label="Menu Vestes"
                data-head-title="Vestes">
                Vestes
            </a>

            
        </p>
    

    
</div>
</li><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <button
            class="navigation__item-title js-main-navigation-item main-navigation-item navigation__item-title-target js-menu-item js-dropdown-head-title"
            tabindex="0"
            data-head-title="A propos"
        >
            <span class="navigation__item-title--text js-main-navigation-item-text">A propos</span>

            
        </button>
    

    
        <div
            class="navigation__dropdown js-navigation-dropdown js-menu-item-dropdown"
            role="menu"
            data-menu-analytics="Menu A propos"
        >
            <div class="dropdown__header">
                <div class="dropdown__title">
                    <button
                        class="dropdown__title--close js-close-dropdown"
                        data-head-title="A propos">
                        <span class="navigation__item-icon">
                            <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
                                <path d="M6.76225 10.525L4 7.76275L6.76225 5M4.4989 7.76274H12" stroke="currentColor"
                                    stroke-width="1.2" stroke-linecap="square" />
                            </svg>
                        </span>
                        <span class="dropdown__title-text">
                            A propos
                        </span>
                        <span class="dropdown__title-brand js-dropdown__title-brand"></span>
                    </button>
                </div>
            </div>
            <div class="js-menu-scrollable dropdown__container"><div class="dropdown__list"><div class="row" style="--last-column-background-color:inherit;">
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <button
            class="dropdown__item-link js-navigation-open-dropdown js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            role="button"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
        >
            <span class="dropdown__item-link--text">
                A propos
            </span>
        </button>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/programme-de-fidelite.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: #000000;"
    data-menu-item-analytics-label="Programme de fid&eacute;lit&eacute;"
>
    <p class="dropdown__item-list-title" style="--color: #000000;">
        Programme de fid&eacute;lit&eacute;
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/mode-homme/rse.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Nos engagements RSE"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Nos engagements RSE
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/faqs.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="FAQ"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        FAQ
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/ugc.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="#womenlooks : inspir&eacute;s par vous"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        #womenlooks : inspir&eacute;s par vous
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/octobre-rose.html"
    role=menuitem    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="celio se mobilise pour ruban rose"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        celio se mobilise pour ruban rose
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="/fr-fr/femme/stores"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="false"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="Nos magasins"
        >
            <span class="dropdown__item-link--text">
                Nos magasins
            </span>
        </a>
    

    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <button
            class="dropdown__item-link js-navigation-open-dropdown js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            role="button"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="true"
        >
            <span class="dropdown__item-link--text">
                Les guides
            </span>
        </button>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/wm-guide-jeans.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide denim"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide denim
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/wm-guide-pants.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide pants"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide pants
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/wn-guide-chemises.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide chemises"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide chemises
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/wn-guide-t-shirt.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide t-shirts"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide t-shirts
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/freewear.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Freewear"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Freewear
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/femme/guide-taille/guide-des-tailles-tshirts-femme.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide des tailles"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide des tailles
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/guide-entretien.html"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="false"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="Guide d'entretien"
        >
            <span class="dropdown__item-link--text">
                Guide d'entretien
            </span>
        </a>
    

    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwa543b535/images/content/Camaieu_Homepage/2026/Avril/MEGA_MENU_DESK_L_FID-1.jpg"
                alt="le programme de fid&eacute;lit&eacute; des + fid&egrave;les"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: inherit">le programme de fid&eacute;lit&eacute; des + fid&egrave;les</p>
    

    
        <a
            href="https://www.celio.com/fr-fr/programme-de-fidelite.html"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="le programme de fid&eacute;lit&eacute; des + fid&egrave;les"
        ></a>
    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-imageMenuHeader"><div class="img-menu-header">
    
        
            <img
                class="img-menu-header__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw70090579/images/content/Camaieu_Homepage/2026/Avril/MEGA_MENU_DESK_L_IG_INSTA.jpg"
                alt="rejoins-nous sur Instagram"
                loading="lazy"
            />
    
    
        <p class="img-menu-header__text outside" style="color: inherit">rejoins-nous sur Instagram</p>
    

    
        <a
            href="https://www.instagram.com/celiowomen/?hl=fr"
            class="stretched-link img-menu-header-link"
            data-menu-item-analytics-label="rejoins-nous sur Instagram"
        ></a>
    
</div>
</div></div>
</div>
</div></div>
        </div>
    
</div>
</li><li class="js-navigation__item navigation__item">


<div class="navigation__item-wrapper js-menu-item-wrapper js-main-navigation-item-wrapper" style="--wrapperBackgroundColor: transparent;--wrapperColor: #16191d;">
    
        <p
            class="navigation__item-title"
            style="color: #16191d;"
        >
            <a
                href="https://www.celio.com/fr-fr/p/la-e-carte-cadeau/40000060.html"
                class="navigation__item-title--text js-main-navigation-item js-main-navigation-item-text js-dropdown-head-title"
                data-header-analytics-label="Menu La e-carte cadeau"
                data-head-title="La e-carte cadeau">
                La e-carte cadeau
            </a>

            
        </p>
    

    
</div>
</li><li class="js-navigation__item navigation__item">

<div class="inspirations visual-component container">
    

    <ul class="inspirations__list row"><li class="inspirations__list-element desktop-large mobile-large"><div class="inspirations-element" style="--title-color:#000000">
    









<picture class="visual-component__picture">
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw5ed7c228/images/content/Camaieu_Homepage/2026/Octobre/MEGA-MENU_MOB_L_FR.jpg?q=90" media="(min-width: 1920px)" width="2560" height="1600" />
    
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw5ed7c228/images/content/Camaieu_Homepage/2026/Octobre/MEGA-MENU_MOB_L_FR.jpg?q=90" media="(min-width: 1366px)" width="1920" height="1200" />
    
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw5ed7c228/images/content/Camaieu_Homepage/2026/Octobre/MEGA-MENU_MOB_L_FR.jpg?q=90" media="(min-width: 960px)" width="1440" height="900"/>
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw5ed7c228/images/content/Camaieu_Homepage/2026/Octobre/MEGA-MENU_MOB_L_FR.jpg?q=90" width="414" height="687"/>
    
    
    <img
        class="ITC-image image-fluid common-image-component visual-component__image"
        style="            --focal-point-x-mob:50%;            --focal-point-y-mob:50%;            --focal-point-x:50%;            --focal-point-y:50%;        "
        alt="l'essentiel vu par Mayadorable"
        title="l'essentiel vu par Mayadorable"
    />
</picture>

    
        <a
            href="https://www.celio.com/fr-fr/femme/essentiel.html"
            class="stretched-link"
            tabindex="0"
            aria-label="l'essentiel vu par Mayadorable"
            title="l'essentiel vu par Mayadorable"
        ></a>
    
    
        <div
            class="inspirations-element__title outside"
            style="                --title-horizontal-orientation: center;                --title-horizontal-alignment: center;                --title-vertical-orientation: center;        ">
            <span 
                class="inspirations-element__title-layer size1"
                style="--layer-color: null;            ">
                l&#x27;essentiel vu par Mayadorable
            </span>
        </div>
    
</div></li><li class="inspirations__list-element desktop-small mobile-small"><div class="inspirations-element" style="--title-color:#000000">
    









<picture class="visual-component__picture">
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw7db788e7/images/content/Camaieu_Homepage/2026/Septembre/MEGA-MENU_MOB_DIDLL.jpg?q=90" media="(min-width: 1920px)" width="2560" height="1600" />
    
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw7db788e7/images/content/Camaieu_Homepage/2026/Septembre/MEGA-MENU_MOB_DIDLL.jpg?q=90" media="(min-width: 1366px)" width="1920" height="1200" />
    
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw7db788e7/images/content/Camaieu_Homepage/2026/Septembre/MEGA-MENU_MOB_DIDLL.jpg?q=90" media="(min-width: 960px)" width="1440" height="900"/>
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw7db788e7/images/content/Camaieu_Homepage/2026/Septembre/MEGA-MENU_MOB_DIDLL.jpg?q=90" width="414" height="687"/>
    
    
    <img
        class="ITC-image image-fluid common-image-component visual-component__image"
        style="            --focal-point-x-mob:50%;            --focal-point-y-mob:50%;            --focal-point-x:50%;            --focal-point-y:50%;        "
        alt="Diddl is back !"
        title="Diddl is back !"
    />
</picture>

    
        <a
            href="https://www.celio.com/fr-fr/femme/c/collabs-diddl"
            class="stretched-link"
            tabindex="0"
            aria-label="Diddl is back !"
            title="Diddl is back !"
        ></a>
    
    
        <div
            class="inspirations-element__title outside"
            style="                --title-horizontal-orientation: center;                --title-horizontal-alignment: center;                --title-vertical-orientation: center;        ">
            <span 
                class="inspirations-element__title-layer size1"
                style="--layer-color: null;            ">
                Diddl is back !
            </span>
        </div>
    
</div></li><li class="inspirations__list-element desktop-large mobile-large"><div class="inspirations-element" style="--title-color:#000000">
    









<picture class="visual-component__picture">
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw7a8425f2/images/content/Camaieu_Homepage/2026/Septembre/MEGA_MENU_MOB_L_gout_essentiels_FR1.jpg?q=90" media="(min-width: 1920px)" width="2560" height="1600" />
    
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw7a8425f2/images/content/Camaieu_Homepage/2026/Septembre/MEGA_MENU_MOB_L_gout_essentiels_FR1.jpg?q=90" media="(min-width: 1366px)" width="1920" height="1200" />
    
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw7a8425f2/images/content/Camaieu_Homepage/2026/Septembre/MEGA_MENU_MOB_L_gout_essentiels_FR1.jpg?q=90" media="(min-width: 960px)" width="1440" height="900"/>
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw7a8425f2/images/content/Camaieu_Homepage/2026/Septembre/MEGA_MENU_MOB_L_gout_essentiels_FR1.jpg?q=90" width="414" height="687"/>
    
    
    <img
        class="ITC-image image-fluid common-image-component visual-component__image"
        style="            --focal-point-x-mob:50%;            --focal-point-y-mob:50%;            --focal-point-x:50%;            --focal-point-y:50%;        "
        alt="le goût des essentiels"
        title="le goût des essentiels"
    />
</picture>

    
        <a
            href="https://www.celio.com/fr-fr/femme/c/permanents-les-basics"
            class="stretched-link"
            tabindex="0"
            aria-label="le goût des essentiels"
            title="le goût des essentiels"
        ></a>
    
    
        <div
            class="inspirations-element__title outside"
            style="                --title-horizontal-orientation: center;                --title-horizontal-alignment: center;                --title-vertical-orientation: center;        ">
            <span 
                class="inspirations-element__title-layer size1"
                style="--layer-color: null;            ">
                voir tous les essentiels
            </span>
        </div>
    
</div></li><li class="inspirations__list-element desktop-small mobile-small"><div class="inspirations-element" style="--title-color:#000000">
    









<picture class="visual-component__picture">
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw0cf58866/images/content/Camaieu_Homepage/2026/Septembre/MEGA-MENU_MOB-S_MIFFY.jpg?q=90" media="(min-width: 1920px)" width="2560" height="1600" />
    
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw0cf58866/images/content/Camaieu_Homepage/2026/Septembre/MEGA-MENU_MOB-S_MIFFY.jpg?q=90" media="(min-width: 1366px)" width="1920" height="1200" />
    
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw0cf58866/images/content/Camaieu_Homepage/2026/Septembre/MEGA-MENU_MOB-S_MIFFY.jpg?q=90" media="(min-width: 960px)" width="1440" height="900"/>
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw0cf58866/images/content/Camaieu_Homepage/2026/Septembre/MEGA-MENU_MOB-S_MIFFY.jpg?q=90" width="414" height="687"/>
    
    
    <img
        class="ITC-image image-fluid common-image-component visual-component__image"
        style="            --focal-point-x-mob:50%;            --focal-point-y-mob:50%;            --focal-point-x:50%;            --focal-point-y:50%;        "
        alt="Miffy"
        title="Miffy"
    />
</picture>

    
        <a
            href="https://www.celio.com/fr-fr/femme/c/collabs-miffy"
            class="stretched-link"
            tabindex="0"
            aria-label="Miffy"
            title="Miffy"
        ></a>
    
    
        <div
            class="inspirations-element__title outside"
            style="                --title-horizontal-orientation: center;                --title-horizontal-alignment: center;                --title-vertical-orientation: center;        ">
            <span 
                class="inspirations-element__title-layer size1"
                style="--layer-color: null;            ">
                Miffy
            </span>
        </div>
    
</div></li></ul>
</div>
</li></ul>
</nav></div></div>
    </div>
</div>

        <div class="menu-navigation__footer js-navigation-footer">
            <div class="menu-navigation__controls">
                <div class="menu-navigation__controls--account">
                    
<div
    data-obf=""
    class="menu-navigation__block--account account--link js-account-link"
    aria-label=""
    data-login-offcanvas="#login-overlay"
    data-login-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Login-RenderOverlay?context=overlay"
    data-header-analytics-label="Compte"
    tabindex="0"
>
    
    <span class="account-login__icon d-none js-account-login-icon">
        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="18" viewbox="0 0 15 18" fill="none" class="account-img">
            <title>Mon compte</title>
            <path d="M7.50062 8.18484C9.48466 8.18484 11.093 6.57646 11.093 4.59242C11.093 2.60838 9.48466 1 7.50062 1C5.51659 1 3.9082 2.60838 3.9082 4.59242C3.9082 6.57646 5.51659 8.18484 7.50062 8.18484Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="round"/>
            <path d="M1.20117 17C1.20117 13.5211 4.02133 10.701 7.50019 10.701C10.979 10.701 13.7992 13.5211 13.7992 17" stroke="currentColor" stroke-width="1.6" stroke-linecap="square" stroke-linejoin="round"/>
        </svg>
    </span>

    
    <span class="account-login__loyalty__icon d-none js-account-login-loyalty-icon"></span>

    
    <span class="account-login__text d-none js-account-login-text">se connecter</span>
</div>

                </div>
                <a 
                    class="menu-navigation__controls--faq"
                    href="/fr-fr/faqs.html"
                    title="FAQ"
                    target="_blank">
                    <svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M11 1.75C5.89137 1.75 1.75 5.89137 1.75 11C1.75 16.1086 5.89137 20.25 11 20.25C16.1086 20.25 20.25 16.1086 20.25 11C20.25 5.89137 16.1086 1.75 11 1.75ZM0.25 11C0.25 5.06294 5.06294 0.25 11 0.25C16.9371 0.25 21.75 5.06294 21.75 11C21.75 16.9371 16.9371 21.75 11 21.75C5.06294 21.75 0.25 16.9371 0.25 11ZM11.3002 6.778C10.7765 6.68817 10.2379 6.78658 9.77981 7.05581C9.32171 7.32504 8.97367 7.74771 8.79734 8.24896C8.65989 8.63971 8.2317 8.84504 7.84096 8.70758C7.45022 8.57013 7.24489 8.14194 7.38234 7.7512C7.67622 6.91578 8.25628 6.21133 9.01979 5.76261C9.78329 5.3139 10.681 5.14987 11.5538 5.29959C12.4267 5.44931 13.2184 5.9031 13.7887 6.58061C14.3589 7.25795 14.671 8.11518 14.6698 9.00054C14.6696 10.3984 13.6311 11.344 12.8359 11.8741C12.4154 12.1544 12.0003 12.3615 11.6932 12.4979C11.5386 12.5666 11.4087 12.6187 11.3157 12.6541C11.2692 12.6718 11.2317 12.6855 11.2048 12.695L11.1725 12.7063L11.1626 12.7097L11.1592 12.7108L11.158 12.7113L11.1575 12.7114C11.1572 12.7115 11.157 12.7116 10.9198 12.0001L11.157 12.7116C10.7641 12.8426 10.3393 12.6302 10.2083 12.2373C10.0775 11.8447 10.2893 11.4204 10.6815 11.289L10.6821 11.2888L10.6823 11.2887L10.6844 11.288L10.7023 11.2817C10.7193 11.2756 10.7463 11.2659 10.7818 11.2523C10.8528 11.2253 10.9573 11.1835 11.084 11.1272C11.3394 11.0137 11.6743 10.8457 12.0038 10.626C12.7085 10.1562 13.1698 9.60193 13.1698 9.00008L13.1698 8.99896C13.1706 8.46761 12.9833 7.95311 12.6412 7.54661C12.299 7.14011 11.8239 6.86783 11.3002 6.778ZM14.6698 9.00054V9.00008H13.9198L14.6698 9.0012L14.6698 9.00054ZM11 15.25C10.5858 15.25 10.25 15.5858 10.25 16C10.25 16.4142 10.5858 16.75 11 16.75H11.01C11.4242 16.75 11.76 16.4142 11.76 16C11.76 15.5858 11.4242 15.25 11.01 15.25H11Z" fill="black"/>
                    </svg>
                </a>
                



<a href="/fr-fr/stores"
    class="js-store-locator-header header-controls__btn store-locator"
    data-header-analytics-label="Magasin"
    data-update-url="/on/demandware.store/Sites-celio-Site/fr_FR/Stores-Header"
    data-store-url="/fr-fr/store"
    aria-label="Magasin de v&ecirc;tement homme"
>
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="store-locator-img">
        <title>Magasin de v&ecirc;tement homme</title>
        <path d="M12 21C10.7369 19.9229 9.56616 18.742 8.49998 17.4697C6.89999 15.5591 5 12.7137 5 10.0023C4.99858 7.1704 6.70424 4.61677 9.32105 3.533C11.9379 2.44923 14.95 3.04894 16.9519 5.05229C18.2684 6.36263 19.0058 8.14504 19 10.0023C19 12.7137 17.0999 15.5591 15.4999 17.4697C14.4338 18.742 13.263 19.9229 12 21Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="square"/>
        <path d="M14 10C14 11.1046 13.1046 12 12 12C10.8954 12 10 11.1046 10 10C10 8.89543 10.8954 8 12 8C13.1046 8 14 8.89543 14 10Z" fill="currentColor"/>
    </svg>
</a>

                



    <div class="js-dropdown-header js-localization header-settings__localization"
        data-url="/on/demandware.store/Sites-celio-Site/fr_FR/Page-SetLocale"
        role="button"
        aria-haspopup="listbox"
        aria-expanded="false"
        aria-controls="localization-listbox"
        tabindex="0">
        <p class="header-localization__action-title">Choix de langue</p>
        <div class='header-localization'>
            <span class="header-localization__text">FR - fran&ccedil;ais</span>
            <img
                src="/on/demandware.static/Sites-celio-Site/-/default/dw2cac533c/images/header/flag_FR.svg"
                alt="flag-fr-button"
                loading="lazy"
                class="header-localization__img"
            />
        </div>
        <span class="header-localization__icon icon--chevron-down-small"></span>
    </div>
    <div class="js-dropdown-menu js-dropdown-menu-arrow-control localization-dropdown-menu" tabindex="0">
        <div class="localization-selector">
            <ul class="js-localization-list localization-selector__list" role="listbox" id="localization-listbox">
                
                    
                        <li
                            role="option"
                            class="js-locale localization-selector__item localization-selector__list-element active localization-selector__item--current"
                            data-locale="fr_FR"
                            data-currencycode="EUR"
                            tabindex="0"
                        >
                            <div class="localization__icon localization__icon--fr"></div>
                            <span class="localization__text localization__text--underline">
                                France - fran&ccedil;ais
                            </span>
                        </li>
                    
                
                    
                        <li
                            role="option"
                            class="js-locale localization-selector__item localization-selector__list-element"
                            data-locale="en_FR"
                            data-currencycode="EUR"
                            tabindex="0"
                        >
                            <div class="localization__icon localization__icon--fr"></div>
                            <span class="localization__text localization__text--underline">
                                France - English
                            </span>
                        </li>
                    
                
                    
                        <li
                            role="option"
                            class="js-locale localization-selector__item localization-selector__list-element"
                            data-locale="es_ES"
                            data-currencycode="EUR"
                            tabindex="0"
                        >
                            <div class="localization__icon localization__icon--es"></div>
                            <span class="localization__text localization__text--underline">
                                Espa&ntilde;a - Espa&ntilde;ol
                            </span>
                        </li>
                    
                
                    
                        <li
                            role="option"
                            class="js-locale localization-selector__item localization-selector__list-element"
                            data-locale="nl_BE"
                            data-currencycode="EUR"
                            tabindex="0"
                        >
                            <div class="localization__icon localization__icon--be"></div>
                            <span class="localization__text localization__text--underline">
                                Belgi&euml; - Nederlands
                            </span>
                        </li>
                    
                
                    
                        <li
                            role="option"
                            class="js-locale localization-selector__item localization-selector__list-element"
                            data-locale="fr_BE"
                            data-currencycode="EUR"
                            tabindex="0"
                        >
                            <div class="localization__icon localization__icon--be"></div>
                            <span class="localization__text localization__text--underline">
                                Belgique - fran&ccedil;ais
                            </span>
                        </li>
                    
                
                    
                        <li
                            role="option"
                            class="js-locale localization-selector__item localization-selector__list-element"
                            data-locale="pt_PT"
                            data-currencycode="EUR"
                            tabindex="0"
                        >
                            <div class="localization__icon localization__icon--pt"></div>
                            <span class="localization__text localization__text--underline">
                                Portugal - Portugu&ecirc;s
                            </span>
                        </li>
                    
                
                    
                        <li role="option" class="localization-selector__item localization-selector__list-element" tabindex="0">
                            <a
                                href="https://celio.in/"
                                rel="nofollow noopener"
                                class="localization-selector__external-link"
                                aria-label="Inde - anglais"
                            >
                                <div class="localization__icon localization__icon--in"></div>
                                <span class="localization__text localization__text--underline">
                                    Inde - anglais
                                </span>
                            </a>
                        </li>
                    
                
            </ul>
        </div>
    </div>


            </div>
        </div>
    </div>
    <button class="menu-navigation__close js-navigation-close" aria-label="close" type="button">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
            <path d="M0.706956 0.707107C1.09748 0.316582 1.73065 0.316583 2.12117 0.707107L14.8491 13.435C15.2396 13.8256 15.2396 14.4587 14.8491 14.8492C14.4586 15.2398 13.8254 15.2398 13.4349 14.8492L0.706956 2.12132C0.316432 1.7308 0.316431 1.09763 0.706956 0.707107Z" fill="#000"/>
            <path d="M14.8497 0.707107C14.4592 0.316582 13.826 0.316583 13.4355 0.707107L0.70755 13.435C0.317026 13.8256 0.317025 14.4587 0.70755 14.8492C1.09807 15.2398 1.73124 15.2398 2.12176 14.8492L14.8497 2.12132C15.2402 1.7308 15.2402 1.09763 14.8497 0.707107Z" fill="#000"/>
        </svg>
    </button>
</div>

</div>

    </nav>
</header>

<div
    id="csrf-token-element"
    data-token-name="csrf_token"
    data-token-value="Xz6c6QZrJOUQ-6sIKYAuENfnAu0Rj9BcbjrNJ0R95JNqZoxrAJhOY7yseWS5dTwh2MUo-H_t41lnmReE5dcMc3ACzizzCJlejEqZpSnU0bUgrow0j3qmaG7tx5QMAv4Oaz6jcU1bMy5wBh3EhmqYBWE5v2-vRebT3ODKQdengFILfIWOii4="
    hidden="hidden"
></div>

<div role="main" id="maincontent">




<div
    id="storeSelector"
    class="store-overlay js-store-overlay js-offcanvas offcanvas"
    data-offcanvas="storeSelector"
    tabindex="0"
>
    <div class="store-overlay__header">
        <div class="offcanvas__header">
            <div class="offcanvas__heading">
                Rechercher un magasin
            </div>
            <button
                class="offcanvas__close btn__no-styling js-offcanvas-close"
                tabindex="0"
                type="button"
            >
                <span class="icon--close"></span>
            </button>
        </div>
    </div>

    <div class="store-overlay__body">
        

        



<div
    class="store-locator__container js-store-locator-container js-store-locator-overlay-container"
    data-store-locator-map-config="null"
    data-store-locator-default-latitude="37.09024"
    data-store-locator-default-longitude="-95.712891"
>
    
    <input type="hidden" class="js-google-api-script" data-href="https://maps.googleapis.com/maps/api/js?libraries=places&amp;loading=async&amp;callback=initMap&amp;key=AIzaSyBRFGPj7IDwi9rJIj9245pFz1LOCJ9DD94">
</div>

    </div>
</div>

<div class="storepage" id="celio-homepage">
<div class="container">
<div class="experience-region experience-main"><div class="experience-component experience-commerce_layouts-desktopGrid1r1c">

<section
    class="mobile-1r-1c m-full-width"
    style="background-color: ;"
>
    <div class="region"><div class="experience-component experience-commerce_assets-htmlComponent">
    <style>
        .video-wrapper video {
        width: 100%;
        height: 108svh;
        object-fit: cover;
    }

    .video-mob { display: none; }

@media(max-width:768px){
    .video-mob { display: block; }

    .video-desk { display: none; }

.video-wrapper video {
        height: 100svh;
    }
}
    </style>


<!--
  BLOC VIDÉO — coller tout le fichier dans le composant HTML (Page Designer).

  À modifier :
  1. Le lien de destination (href)
  2. Les 2 vidéos (desktop + mobile)
  3. Les 2 images de secours (desktop + mobile) — même fichier que le poster
  4. Le texte du bouton

  Ne pas toucher au <style> ni au <script>.
-->

<!-- S1 — VIDÉO -->

<section class="section section-video" id="s-video">

    <!-- 1. Lien de destination (où on arrive au clic) -->
    <a href="/fr-fr/c/collection-les-essentiels" class="video-link" aria-label="video anyme">
      <div class="video-wrapper">
  
        <!-- 2. DESKTOP — vidéo + image de secours (si la vidéo ne charge pas) -->
        <video class="video-desk" autoplay muted loop playsinline
 poster="/on/demandware.static/-/Library-Sites-celio-shared-library/default/v15e1d50009ca38cd33cea814cc9ebcca896c0b6a/images/content/Homepage/Septembre2026/Essentiels/ESSENTIELFRDESK.jpg">
          <source src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/v15e1d50009ca38cd33cea814cc9ebcca896c0b6a/images/content/Homepage/Septembre2026/Essentiels/LGDE_HOMME_16-9FR.mp4" type="video/mp4">
        </video>
        <img class="video-fallback video-fallback-desk"
             src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/v15e1d50009ca38cd33cea814cc9ebcca896c0b6a/images/content/Homepage/Septembre2026/Essentiels/ESSENTIELFRDESK.jpg"
             alt="poster video essentiels">
  
        <!-- 3. MOBILE — même logique, fichiers différents -->
        <video class="video-mob" autoplay muted loop playsinline
 poster="/on/demandware.static/-/Library-Sites-celio-shared-library/default/v15e1d50009ca38cd33cea814cc9ebcca896c0b6a/images/content/Homepage/Septembre2026/Essentiels/ESSENTIELFRMOB.jpg">
          <source src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/v15e1d50009ca38cd33cea814cc9ebcca896c0b6a/images/content/Homepage/Septembre2026/Essentiels/LGDE_HOMME_9-16FR.mp4" type="video/mp4">
        </video>
        <img class="video-fallback video-fallback-mob"
             src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/v15e1d50009ca38cd33cea814cc9ebcca896c0b6a/images/content/Homepage/Septembre2026/Essentiels/ESSENTIELFRMOB.jpg"
             alt="poster video essentiels">
  
      </div>
      <div class="overlay video-overlay"></div>

      <!-- 4. Texte du bouton -->
      <span class="video-cta">découvrir la sélection</span>
    </a>
  </section>
  
  
  <style>
  #s-video .video-link {
    display: block;
    position: relative;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
  }
  
  #s-video .video-cta {
    position: absolute;
    bottom: 12%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 40px;
    background: #000000;
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    border-radius: 36px;
    text-transform: none;
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;
    transition: background 0.2s ease, color 0.2s ease;
  }
  
  #s-video .video-link:hover .video-cta,
  #s-video .video-link:focus-visible .video-cta {
    background: #000000;
    color: #fff;
  }
  
  .video-fallback {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  video.is-hidden {
    display: none;
  }
  video.is-hidden + .video-fallback {
    display: block;
  }
  
  /* Reprendre les mêmes breakpoints que vos vidéos */
  .video-fallback-mob,
  .video-mob {
    display: none !important;
  }
  
  @media (max-width: 768px) {
    .video-desk,
    .video-fallback-desk {
      display: none !important;
    }
    .video-mob {
      display: block !important;
    }
    /* Le fallback mob ne s'affiche que si la vidéo mob échoue */
    video.is-hidden + .video-fallback-mob {
      display: block;
    }
  
    #s-video .video-cta {
      bottom: 10%;
      padding: 14px 28px;
      font-size: 14px;
    }

/*.video-wrapper video{
    object-fit: contain;
}*/
  }
  .experience-commerce_assets-bannerSlider .banner-slider {
  display: none;
  }
  
  .experience-main > .experience-commerce_layouts-desktopGrid1r1c:first-child {
              margin-bottom: 0px;
  }
  
  
  </style>
  
  <script>
    document.querySelectorAll('#s-video video').forEach(function(video) {
      video.addEventListener('error', function() {
        video.classList.add('is-hidden');
      });
  
      var source = video.querySelector('source');
      if (source) {
        source.addEventListener('error', function() {
          video.classList.add('is-hidden');
        });
      }
  
      setTimeout(function() {
        if (video.readyState < 2 || video.paused) {
          video.classList.add('is-hidden');
        }
      }, 4000);
    });
  </script>

</div></div>
</section>
</div><div class="experience-component experience-commerce_assets-bannerSlider">

<div class="banner-slider__wrapper m-full-width">
    <div
        class="banner-slider"
        data-autoplay="true"
        data-autoplay-duration="3"
        data-infinite="true"
    >
        
            <div class="experience-region experience-slides"><div class="experience-component experience-commerce_assets-bannerWithLinksComponent">

<div class="banner-with-links m-full-width" style="--links-bg-color: ;">
    <div class="banner-with-links__image-banner">
        
            <a
                href="https://www.celio.com/fr-fr/c/collabs-elden-ring"
                class="stretched-link"
                tabindex="0"
                aria-label="Elden Ring celio"
                title="Elden Ring celio"
            >
            </a>
        

        
            
    









<picture class="visual-component__picture">
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw356b6bb3/images/content/Homepage/Septembre2026/component_banner_desk_ELDEN_RING-2.jpg?sw=2560&amp;q=90" media="(min-width: 1920px)" width="2560" height="1600" />
    
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw356b6bb3/images/content/Homepage/Septembre2026/component_banner_desk_ELDEN_RING-2.jpg?sw=1920&amp;q=90" media="(min-width: 1366px)" width="1920" height="1200" />
    
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw356b6bb3/images/content/Homepage/Septembre2026/component_banner_desk_ELDEN_RING-2.jpg?sw=1440&amp;q=90" media="(min-width: 960px)" width="1440" height="900"/>
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw4c6c7d85/images/content/Homepage/Septembre2026/component_banner_mob_ELDEN_RING-3.jpg?q=90" width="414" height="687"/>
    
    
    <img
        class="ITC-image image-fluid common-image-component visual-component__image"
        style="            --focal-point-x-mob:50%;            --focal-point-y-mob:50%;            --focal-point-x:50%;            --focal-point-y:50%;        "
        alt="Elden Ring celio"
        title="Elden Ring celio"
    />
</picture>


        

        <div class="banner-with-links__image-banner--text">
            <div class="banner-with-links__region-text"><div class="experience-component experience-commerce_assets-textBanner">



<section
    class="text-banner"
    style="--heading-text-color:null;--subheading-text-color:null;--text-color:null;--text-banner-background:transparent;--text-orientation:center;--text-horizontal-orientation:center;--text-vertical-orientation:end;"
>
    <div class="text-banner__inner">
        
        
        
        

        <hr class="text-banner__space-over" style="height: 0px" />

        

        
            <div class="text-banner__btns"><div class="experience-component experience-commerce_assets-CTAButton">

<div class="CTAButton__wrapper justify-content-center">
    <a
        href="https://www.celio.com/fr-fr/c/collabs-elden-ring"
        class="btn CTAButton js-cta-navigation"
        style="            --color: #000;            --backgroundColor: #fff;            --borderColor: #fff;        "
        aria-label="d&eacute;couvrir"
    >
        découvrir
    </a>
</div></div></div>
        
    </div>
</section>
</div></div>
        </div>
    </div>

    
</div>
</div></div>
        
    </div>

    <div class="banner-with-links__links">
        <div class="banner-with-links__region-link"><div class="banner-with-links__link">

<a
    href="https://www.celio.com/fr-fr/c/collection-les-essentiels"
    class="btn js-cta-navigation"
    
    aria-label="Les essentiels"
>
    Les essentiels
</a></div><div class="banner-with-links__link">

<a
    href="https://www.celio.com/fr-fr/c/collabs-karmine-corp"
    class="btn js-cta-navigation"
    
    aria-label="Karmine Corp"
>
    Karmine Corp
</a></div><div class="banner-with-links__link">

<a
    href="https://www.celio.com/fr-fr/c/collabs-elden-ring"
    class="btn js-cta-navigation"
    
    aria-label="Elden Ring"
>
    Elden Ring
</a></div><div class="banner-with-links__link">

<a
    href="https://www.celio.com/fr-fr/c/pantalons"
    class="btn js-cta-navigation"
    
    aria-label="Pantalons"
>
    Pantalons
</a></div><div class="banner-with-links__link">

<a
    href="https://www.celio.com/fr-fr/c/jeans"
    class="btn js-cta-navigation"
    
    aria-label="Jeans"
>
    Jeans
</a></div><div class="banner-with-links__link">

<a
    href="https://www.celio.com/fr-fr/c/blousons-et-manteaux-vestes"
    class="btn js-cta-navigation"
    
    aria-label="Vestes"
>
    Vestes
</a></div><div class="banner-with-links__link">

<a
    href="https://www.celio.com/fr-fr/c/chemises"
    class="btn js-cta-navigation"
    
    aria-label="Chemises"
>
    Chemises
</a></div><div class="banner-with-links__link">

<a
    href="https://www.celio.com/fr-fr/c/costumes"
    class="btn js-cta-navigation"
    
    aria-label="Costumes"
>
    Costumes
</a></div><div class="banner-with-links__link">

<a
    href="https://www.celio.com/fr-fr/c/saisonniers-ensemble"
    class="btn js-cta-navigation"
    
    aria-label="Les ensembles"
>
    Les ensembles
</a></div><div class="banner-with-links__link">

<a
    href="https://www.celio.com/fr-fr/c/t-shirts"
    class="btn js-cta-navigation"
    
    aria-label="T-shirts"
>
    T-shirts
</a></div><div class="banner-with-links__link">

<a
    href="https://www.celio.com/fr-fr/c/collabs-pokemon"
    class="btn js-cta-navigation"
    
    aria-label="Pok&eacute;mon"
>
    Pokémon
</a></div><div class="banner-with-links__link">

<a
    href="https://www.celio.com/fr-fr/c/saisonniers-vetements-grande-taille"
    class="btn js-cta-navigation"
    
    aria-label="S&eacute;lection 3XL"
>
    Sélection 3XL
</a></div><div class="banner-with-links__link">

<a
    href="https://www.celio.com/fr-fr/c/saisonniers-jogness"
    class="btn js-cta-navigation"
    
    aria-label="Jogness"
>
    Jogness
</a></div></div>
    </div>
</div>
</div><div class="experience-component experience-commerce_layouts-desktopGrid1r1c">

<section
    class="mobile-1r-1c m-full-width"
    style="background-color: ;"
>
    <div class="region title-space"><div class="experience-component experience-commerce_layouts-carousel">

<style>
    @media screen and (max-width: 575px) {
        #Carousel1791226731861.carousel.m-indented .carousel__slides {
            
            padding-right:  var(--mob-right-indent, 25%);
        }
    }
</style>

<div
    id="Carousel1791226731861"
    data-container-tracking-id="HP_men_ProductTile_Carousel"
    data-quickbuy-validated-atc="Valid&eacute;"
    class="carousel__body        carousel        js-tracking-carousel                carousel__allow-items-slide                m-indented        m-full-width        carousel__general-wrapper"
    
        style="--slide-border-width:undefinedpx;--slide-border-color:transparent;--slide-border-radius:0;--slide-overflow: hidden;--badge-border-radius: 0 0 3px 3px;"
    
>
    
        <h2 class="carousel__title">
            &agrave; porter sans mod&eacute;ration.
        </h2>
    

    <div class="carousel__slides">
        

        
            <div data-json-config="{&quot;infinite&quot;:true,&quot;dots&quot;:false,&quot;arrows&quot;:true,&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:5,&quot;draggable&quot;:false,&quot;swipe&quot;:false,&quot;touch&quot;:false,&quot;touchMove&quot;:false,&quot;responsive&quot;:[{&quot;breakpoint&quot;:1025,&quot;settings&quot;:{&quot;infinite&quot;:true,&quot;dots&quot;:false,&quot;arrows&quot;:false,&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:2,&quot;draggable&quot;:true,&quot;swipe&quot;:true,&quot;touch&quot;:true,&quot;touchMove&quot;:true}},{&quot;breakpoint&quot;:576,&quot;settings&quot;:{&quot;infinite&quot;:true,&quot;dots&quot;:false,&quot;arrows&quot;:false,&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:1,&quot;draggable&quot;:true,&quot;swipe&quot;:true,&quot;touch&quot;:true,&quot;touchMove&quot;:true}}]}" class="carousel__category carousel__general js-carousel js-carousel--general"><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1196590">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1196590&quot;,&quot;item_id&quot;:&quot;1196590&quot;,&quot;item_name&quot;:&quot;Pantalon barrel en serg&eacute; - beige&quot;,&quot;product_mctd_name&quot;:&quot;Pantalon barrel en serg&eacute; - beige&quot;,&quot;product_family&quot;:&quot;03043&quot;,&quot;product_department&quot;:&quot;0304&quot;,&quot;original_price&quot;:&quot;39.99&quot;,&quot;price&quot;:&quot;39.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;BEIGE MIDDLE&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="d262803082741041dfcdebbfaa" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    <div class="global-badge"
        
            style="background:#000000;color:#FFFFFF;"
        
    >
        
            new
        
    </div>

    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97977b98/hi-res/193178-2654-POSY7_BEIGEMIDDLE-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw8b7db7c3/hi-res/193178-2654-POSY7_BEIGEMIDDLE-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw9da9e9e3/hi-res/193178-2654-POSY7_BEIGEMIDDLE-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvcGFudGFsb24tYmFycmVsLWVuLXNlcmdlLS0tYmVpZ2UvMTE5NjU5MC5odG1s"
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Pantalon barrel en serg&eacute; - beige"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97977b98/hi-res/193178-2654-POSY7_BEIGEMIDDLE-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97977b98/hi-res/193178-2654-POSY7_BEIGEMIDDLE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97977b98/hi-res/193178-2654-POSY7_BEIGEMIDDLE-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97977b98/hi-res/193178-2654-POSY7_BEIGEMIDDLE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97977b98/hi-res/193178-2654-POSY7_BEIGEMIDDLE-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97977b98/hi-res/193178-2654-POSY7_BEIGEMIDDLE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97977b98/hi-res/193178-2654-POSY7_BEIGEMIDDLE-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97977b98/hi-res/193178-2654-POSY7_BEIGEMIDDLE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Pantalon barrel en serg&eacute; - beige"
                title="Pantalon barrel en serg&eacute; - beige"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1196590"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1196590                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-2654" title="beige middle" style="background-color: #e9dccc;"></li>
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
                <li class="swatches__item swatches-item-id-2538" title="blue navy" style="background-color: #222e46;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/pantalon-barrel-en-serge---beige/1196590.html"
        aria-label="Pantalon barrel en serg&eacute; - beige"
        tabindex="0"
    >
        Pantalon barrel en serg&eacute; - beige
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="39.99">

39,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1104658">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1104658&quot;,&quot;item_id&quot;:&quot;1104658&quot;,&quot;item_name&quot;:&quot;Pull col rond 100% coton - gris moyen&quot;,&quot;product_mctd_name&quot;:&quot;Pull col rond 100% coton - gris moyen&quot;,&quot;product_family&quot;:&quot;03092&quot;,&quot;product_department&quot;:&quot;0309&quot;,&quot;original_price&quot;:&quot;29.99&quot;,&quot;price&quot;:&quot;29.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;GRIS CHINE&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="cba1e282bd06bb03728a870ca2" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    <div class="global-badge"
        
            style="background:#000000;color:#FFFFFF;"
        
    >
        
            100% coton
        
    </div>

    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf508701a/hi-res/44611-2216-BEPIC_GREYMEL-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw33cb554f/hi-res/44611-2216-BEPIC_GREYMEL-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw1ca0546d/hi-res/44611-2216-BEPIC_GREYMEL-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvcHVsbC1jb2wtcm9uZC0xMDAtY290b24tLS1ncmlzLW1veWVuLzExMDQ2NTguaHRtbA=="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Pull col rond 100% coton - gris moyen"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf508701a/hi-res/44611-2216-BEPIC_GREYMEL-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf508701a/hi-res/44611-2216-BEPIC_GREYMEL-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf508701a/hi-res/44611-2216-BEPIC_GREYMEL-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf508701a/hi-res/44611-2216-BEPIC_GREYMEL-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf508701a/hi-res/44611-2216-BEPIC_GREYMEL-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf508701a/hi-res/44611-2216-BEPIC_GREYMEL-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf508701a/hi-res/44611-2216-BEPIC_GREYMEL-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf508701a/hi-res/44611-2216-BEPIC_GREYMEL-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Pull col rond 100% coton - gris moyen"
                title="Pull col rond 100% coton - gris moyen"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1104658"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1104658                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-2216" title="gris chine" style="background-color: #808080;"></li>
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
                <li class="swatches__item swatches-item-id-250" title="bleu marine" style="background-color: #022d63;"></li>
            
        </ul>
        
            <span class="color-swatches__hidden-colors">+10</span>
        
    </div>


    

    




    
        <span class="product-tile__model-name">
            <span class="product-tile__model-name--left">K.01 </span>
            <span class="product-tile__model-name--right"> pull col rond</span>
        </span>
    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/pull-col-rond-100-coton---gris-moyen/1104658.html"
        aria-label="Pull col rond 100% coton - gris moyen"
        tabindex="0"
    >
        Pull col rond 100% coton - gris moyen
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="29.99">

29,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1196890">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1196890&quot;,&quot;item_id&quot;:&quot;1196890&quot;,&quot;item_name&quot;:&quot;Jean C.15 straight coton stretch 4 longueurs - bleu fonc&eacute;&quot;,&quot;product_mctd_name&quot;:&quot;Jean C.15 straight coton stretch 4 longueurs - bleu fonc&eacute;&quot;,&quot;product_family&quot;:&quot;03031&quot;,&quot;product_department&quot;:&quot;0303&quot;,&quot;original_price&quot;:&quot;49.99&quot;,&quot;price&quot;:&quot;49.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;BLUE DARK&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="7f873669b303d47fe61569e802" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    <div class="global-badge"
        
            style="background:#000000;color:#FFFFFF;"
        
    >
        
            new
        
    </div>

    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5b5b756/hi-res/166236-2548-STRAIGHT3L_BLUEDARK-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw479b1eca/hi-res/166236-2548-STRAIGHT3L_BLUEDARK-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw8bfb2a81/hi-res/166236-2548-STRAIGHT3L_BLUEDARK-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvamVhbi1jLjE1LXN0cmFpZ2h0LWNvdG9uLXN0cmV0Y2gtNC1sb25ndWV1cnMtLS1ibGV1LWZvbmNlLzExOTY4OTAuaHRtbA=="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Jean C.15 straight coton stretch 4 longueurs - bleu fonc&eacute;"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5b5b756/hi-res/166236-2548-STRAIGHT3L_BLUEDARK-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5b5b756/hi-res/166236-2548-STRAIGHT3L_BLUEDARK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5b5b756/hi-res/166236-2548-STRAIGHT3L_BLUEDARK-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5b5b756/hi-res/166236-2548-STRAIGHT3L_BLUEDARK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5b5b756/hi-res/166236-2548-STRAIGHT3L_BLUEDARK-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5b5b756/hi-res/166236-2548-STRAIGHT3L_BLUEDARK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5b5b756/hi-res/166236-2548-STRAIGHT3L_BLUEDARK-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5b5b756/hi-res/166236-2548-STRAIGHT3L_BLUEDARK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Jean C.15 straight coton stretch 4 longueurs - bleu fonc&eacute;"
                title="Jean C.15 straight coton stretch 4 longueurs - bleu fonc&eacute;"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1196890"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1196890                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-2548" title="blue dark" style="background-color: #058cd4;"></li>
            
                <li class="swatches__item swatches-item-id-2" title="noir" style="background-color: #000000;"></li>
            
                <li class="swatches__item swatches-item-id-2081" title="gris" style="background-color: #808080;"></li>
            
        </ul>
        
            <span class="color-swatches__hidden-colors">+2</span>
        
    </div>


    

    




    
        <span class="product-tile__model-name">
            <span class="product-tile__model-name--left">C.15 </span>
            <span class="product-tile__model-name--right"> straight fit</span>
        </span>
    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/jean-c.15-straight-coton-stretch-4-longueurs---bleu-fonce/1196890.html"
        aria-label="Jean C.15 straight coton stretch 4 longueurs - bleu fonc&eacute;"
        tabindex="0"
    >
        Jean C.15 straight coton stretch 4 longueurs - bleu fonc&eacute;
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="49.99">

49,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1092775">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1092775&quot;,&quot;item_id&quot;:&quot;1092775&quot;,&quot;item_name&quot;:&quot;Polo piqu&eacute; regular 100% coton - blanc&quot;,&quot;product_mctd_name&quot;:&quot;Polo piqu&eacute; regular 100% coton - blanc&quot;,&quot;product_family&quot;:&quot;03072&quot;,&quot;product_department&quot;:&quot;0307&quot;,&quot;original_price&quot;:&quot;15.99&quot;,&quot;price&quot;:&quot;15.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;BLANC&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="83cac6316922c2657784148385" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw57e76485/hi-res/143108-700-TEONE_OPTICALWHITE-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw53aa7d65/hi-res/143108-700-TEONE_OPTICALWHITE-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw978ed848/hi-res/143108-700-TEONE_OPTICALWHITE-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvcG9sby1waXF1ZS1yZWd1bGFyLTEwMC1jb3Rvbi0tLWJsYW5jLzEwOTI3NzUuaHRtbA=="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Polo piqu&eacute; regular 100% coton - blanc"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw57e76485/hi-res/143108-700-TEONE_OPTICALWHITE-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw57e76485/hi-res/143108-700-TEONE_OPTICALWHITE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw57e76485/hi-res/143108-700-TEONE_OPTICALWHITE-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw57e76485/hi-res/143108-700-TEONE_OPTICALWHITE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw57e76485/hi-res/143108-700-TEONE_OPTICALWHITE-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw57e76485/hi-res/143108-700-TEONE_OPTICALWHITE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw57e76485/hi-res/143108-700-TEONE_OPTICALWHITE-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw57e76485/hi-res/143108-700-TEONE_OPTICALWHITE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Polo piqu&eacute; regular 100% coton - blanc"
                title="Polo piqu&eacute; regular 100% coton - blanc"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1092775"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1092775                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-700" title="blanc" style="background-color: #FFFFFF;"></li>
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
                <li class="swatches__item swatches-item-id-2535" title="beige light" style="background-color: #e9dccc;"></li>
            
        </ul>
        
            <span class="color-swatches__hidden-colors">+13</span>
        
    </div>


    

    




    
        <span class="product-tile__model-name">
            <span class="product-tile__model-name--left">PO.01 </span>
            <span class="product-tile__model-name--right"> polo regular fit</span>
        </span>
    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/polo-pique-regular-100-coton---blanc/1092775.html"
        aria-label="Polo piqu&eacute; regular 100% coton - blanc"
        tabindex="0"
    >
        Polo piqu&eacute; regular 100% coton - blanc
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="15.99">

15,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1183283">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1183283&quot;,&quot;item_id&quot;:&quot;1183283&quot;,&quot;item_name&quot;:&quot;Pantalon smart slim stretch 7/8e - beige clair&quot;,&quot;product_mctd_name&quot;:&quot;Pantalon smart slim stretch 7/8e - beige clair&quot;,&quot;product_family&quot;:&quot;03044&quot;,&quot;product_department&quot;:&quot;0304&quot;,&quot;original_price&quot;:&quot;39.99&quot;,&quot;price&quot;:&quot;39.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;BEIGE LIGHT&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="23c1b4c9bb17fc60c62cdc4f91" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwd9677d9b/hi-res/154210-2535-COSMART_BEIGELIGHT-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw33d16f09/hi-res/154210-2535-COSMART_BEIGELIGHT-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwe22d36b7/hi-res/154210-2535-COSMART_BEIGELIGHT-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvcGFudGFsb24tc21hcnQtc2xpbS1zdHJldGNoLTclMkY4ZS0tLWJlaWdlLWNsYWlyLzExODMyODMuaHRtbA=="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Pantalon smart slim stretch 7/8e - beige clair"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwd9677d9b/hi-res/154210-2535-COSMART_BEIGELIGHT-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwd9677d9b/hi-res/154210-2535-COSMART_BEIGELIGHT-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwd9677d9b/hi-res/154210-2535-COSMART_BEIGELIGHT-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwd9677d9b/hi-res/154210-2535-COSMART_BEIGELIGHT-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwd9677d9b/hi-res/154210-2535-COSMART_BEIGELIGHT-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwd9677d9b/hi-res/154210-2535-COSMART_BEIGELIGHT-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwd9677d9b/hi-res/154210-2535-COSMART_BEIGELIGHT-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwd9677d9b/hi-res/154210-2535-COSMART_BEIGELIGHT-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Pantalon smart slim stretch 7/8e - beige clair"
                title="Pantalon smart slim stretch 7/8e - beige clair"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1183283"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1183283                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-2535" title="beige light" style="background-color: #e9dccc;"></li>
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
                <li class="swatches__item swatches-item-id-207" title="marine" style="background-color: #022d63;"></li>
            
        </ul>
        
            <span class="color-swatches__hidden-colors">+6</span>
        
    </div>


    

    




    
        <span class="product-tile__model-name">
            <span class="product-tile__model-name--left">P.03 </span>
            <span class="product-tile__model-name--right"> smart slim fit</span>
        </span>
    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/pantalon-smart-slim-stretch-7%2F8e---beige-clair/1183283.html"
        aria-label="Pantalon smart slim stretch 7/8e - beige clair"
        tabindex="0"
    >
        Pantalon smart slim stretch 7/8e - beige clair
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="39.99">

39,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1131316">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1131316&quot;,&quot;item_id&quot;:&quot;1131316&quot;,&quot;item_name&quot;:&quot;Sweat regular &agrave; capuche 100% coton - noir&quot;,&quot;product_mctd_name&quot;:&quot;Sweat regular &agrave; capuche 100% coton - noir&quot;,&quot;product_family&quot;:&quot;03081&quot;,&quot;product_department&quot;:&quot;0308&quot;,&quot;original_price&quot;:&quot;25.99&quot;,&quot;price&quot;:&quot;25.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;NOIR&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="254231758d0131dcbef6e49e42" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwefe9f9dd/hi-res/161968-956-FESIX_BLACK-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw52fc5440/hi-res/161968-956-FESIX_BLACK-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3f033ba3/hi-res/161968-956-FESIX_BLACK-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3Avc3dlYXQtcmVndWxhci1hLWNhcHVjaGUtMTAwLWNvdG9uLS0tbm9pci8xMTMxMzE2Lmh0bWw="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Sweat regular &agrave; capuche 100% coton - noir"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwefe9f9dd/hi-res/161968-956-FESIX_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwefe9f9dd/hi-res/161968-956-FESIX_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwefe9f9dd/hi-res/161968-956-FESIX_BLACK-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwefe9f9dd/hi-res/161968-956-FESIX_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwefe9f9dd/hi-res/161968-956-FESIX_BLACK-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwefe9f9dd/hi-res/161968-956-FESIX_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwefe9f9dd/hi-res/161968-956-FESIX_BLACK-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwefe9f9dd/hi-res/161968-956-FESIX_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Sweat regular &agrave; capuche 100% coton - noir"
                title="Sweat regular &agrave; capuche 100% coton - noir"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1131316"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1131316                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
                <li class="swatches__item swatches-item-id-6006" title="gris" style="background-color: #808080;"></li>
            
                <li class="swatches__item swatches-item-id-250" title="bleu marine" style="background-color: #022d63;"></li>
            
        </ul>
        
            <span class="color-swatches__hidden-colors">+3</span>
        
    </div>


    

    




    
        <span class="product-tile__model-name">
            <span class="product-tile__model-name--left">SW.01 </span>
            <span class="product-tile__model-name--right"> sweat &agrave; capuche</span>
        </span>
    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/sweat-regular-a-capuche-100-coton---noir/1131316.html"
        aria-label="Sweat regular &agrave; capuche 100% coton - noir"
        tabindex="0"
    >
        Sweat regular &agrave; capuche 100% coton - noir
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="25.99">

25,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1067751">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1067751&quot;,&quot;item_id&quot;:&quot;1067751&quot;,&quot;item_name&quot;:&quot;Chemise slim en coton stretch - bleu clair&quot;,&quot;product_mctd_name&quot;:&quot;Chemise slim en coton stretch - bleu clair&quot;,&quot;product_family&quot;:&quot;03101&quot;,&quot;product_department&quot;:&quot;0310&quot;,&quot;original_price&quot;:&quot;25.99&quot;,&quot;price&quot;:&quot;25.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;BLEU CLAIR&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="1a96a01d65fe647163a78f7f57" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw83db5f91/hi-res/116650-1703-MASANTAL1_LIGHTBLUE01-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwc3f6e229/hi-res/116650-1703-MASANTAL1_LIGHTBLUE01-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw095f24b6/hi-res/116650-1703-MASANTAL1_LIGHTBLUE01-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvY2hlbWlzZS1zbGltLWVuLWNvdG9uLXN0cmV0Y2gtLS1ibGV1LWNsYWlyLzEwNjc3NTEuaHRtbA=="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Chemise slim en coton stretch - bleu clair"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw83db5f91/hi-res/116650-1703-MASANTAL1_LIGHTBLUE01-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw83db5f91/hi-res/116650-1703-MASANTAL1_LIGHTBLUE01-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw83db5f91/hi-res/116650-1703-MASANTAL1_LIGHTBLUE01-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw83db5f91/hi-res/116650-1703-MASANTAL1_LIGHTBLUE01-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw83db5f91/hi-res/116650-1703-MASANTAL1_LIGHTBLUE01-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw83db5f91/hi-res/116650-1703-MASANTAL1_LIGHTBLUE01-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw83db5f91/hi-res/116650-1703-MASANTAL1_LIGHTBLUE01-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw83db5f91/hi-res/116650-1703-MASANTAL1_LIGHTBLUE01-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Chemise slim en coton stretch - bleu clair"
                title="Chemise slim en coton stretch - bleu clair"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1067751"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1067751                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-1703" title="bleu clair" style="background-color: #87CEFA;"></li>
            
                <li class="swatches__item swatches-item-id-250" title="bleu marine" style="background-color: #022d63;"></li>
            
                <li class="swatches__item swatches-item-id-587" title="sauge" style="background-color: #bdbca8;"></li>
            
        </ul>
        
            <span class="color-swatches__hidden-colors">+4</span>
        
    </div>


    

    




    
        <span class="product-tile__model-name">
            <span class="product-tile__model-name--left">S.01 </span>
            <span class="product-tile__model-name--right"> chemise slim fit coton stretch</span>
        </span>
    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/chemise-slim-en-coton-stretch---bleu-clair/1067751.html"
        aria-label="Chemise slim en coton stretch - bleu clair"
        tabindex="0"
    >
        Chemise slim en coton stretch - bleu clair
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="25.99">

25,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1176155">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1176155&quot;,&quot;item_id&quot;:&quot;1176155&quot;,&quot;item_name&quot;:&quot;Veste de costume slim bi-stretch - noir&quot;,&quot;product_mctd_name&quot;:&quot;Veste de costume slim bi-stretch - noir&quot;,&quot;product_family&quot;:&quot;03011&quot;,&quot;product_department&quot;:&quot;0301&quot;,&quot;original_price&quot;:&quot;59.99&quot;,&quot;price&quot;:&quot;59.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;NOIR&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="a2c06cca70d42081203568fa4d" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw10b3a9c9/hi-res/182269-956-MUAMAURY_BLACK-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw1be886b2/hi-res/182269-956-MUAMAURY_BLACK-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw2c34d2b5/hi-res/182269-956-MUAMAURY_BLACK-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvdmVzdGUtZGUtY29zdHVtZS1zbGltLWJpLXN0cmV0Y2gtLS1ub2lyLzExNzYxNTUuaHRtbA=="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Veste de costume slim bi-stretch - noir"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw10b3a9c9/hi-res/182269-956-MUAMAURY_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw10b3a9c9/hi-res/182269-956-MUAMAURY_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw10b3a9c9/hi-res/182269-956-MUAMAURY_BLACK-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw10b3a9c9/hi-res/182269-956-MUAMAURY_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw10b3a9c9/hi-res/182269-956-MUAMAURY_BLACK-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw10b3a9c9/hi-res/182269-956-MUAMAURY_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw10b3a9c9/hi-res/182269-956-MUAMAURY_BLACK-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw10b3a9c9/hi-res/182269-956-MUAMAURY_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Veste de costume slim bi-stretch - noir"
                title="Veste de costume slim bi-stretch - noir"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1176155"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1176155                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
                <li class="swatches__item swatches-item-id-603" title="beige" style="background-color: #dccfbc;"></li>
            
                <li class="swatches__item swatches-item-id-2083" title="brown" style="background-color: #936840;"></li>
            
        </ul>
        
            <span class="color-swatches__hidden-colors">+9</span>
        
    </div>


    

    




    
        <span class="product-tile__model-name">
            <span class="product-tile__model-name--left">SU.01 </span>
            <span class="product-tile__model-name--right"> slim fit</span>
        </span>
    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/veste-de-costume-slim-bi-stretch---noir/1176155.html"
        aria-label="Veste de costume slim bi-stretch - noir"
        tabindex="0"
    >
        Veste de costume slim bi-stretch - noir
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="59.99">

59,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1176190">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1176190&quot;,&quot;item_id&quot;:&quot;1176190&quot;,&quot;item_name&quot;:&quot;Pantalon de costume slim bi-stretch - noir&quot;,&quot;product_mctd_name&quot;:&quot;Pantalon de costume slim bi-stretch - noir&quot;,&quot;product_family&quot;:&quot;03012&quot;,&quot;product_department&quot;:&quot;0301&quot;,&quot;original_price&quot;:&quot;39.99&quot;,&quot;price&quot;:&quot;39.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;NOIR&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="fe4ec1194bee34a0cd11c988b5" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw71525b47/hi-res/182272-956-MOAMAURY_BLACK-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw2bb75fee/hi-res/182272-956-MOAMAURY_BLACK-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw38f4b048/hi-res/182272-956-MOAMAURY_BLACK-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvcGFudGFsb24tZGUtY29zdHVtZS1zbGltLWJpLXN0cmV0Y2gtLS1ub2lyLzExNzYxOTAuaHRtbA=="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Pantalon de costume slim bi-stretch - noir"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw71525b47/hi-res/182272-956-MOAMAURY_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw71525b47/hi-res/182272-956-MOAMAURY_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw71525b47/hi-res/182272-956-MOAMAURY_BLACK-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw71525b47/hi-res/182272-956-MOAMAURY_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw71525b47/hi-res/182272-956-MOAMAURY_BLACK-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw71525b47/hi-res/182272-956-MOAMAURY_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw71525b47/hi-res/182272-956-MOAMAURY_BLACK-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw71525b47/hi-res/182272-956-MOAMAURY_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Pantalon de costume slim bi-stretch - noir"
                title="Pantalon de costume slim bi-stretch - noir"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1176190"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1176190                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
                <li class="swatches__item swatches-item-id-603" title="beige" style="background-color: #dccfbc;"></li>
            
                <li class="swatches__item swatches-item-id-2083" title="brown" style="background-color: #936840;"></li>
            
        </ul>
        
            <span class="color-swatches__hidden-colors">+9</span>
        
    </div>


    

    




    
        <span class="product-tile__model-name">
            <span class="product-tile__model-name--left">SU.01 </span>
            <span class="product-tile__model-name--right"> slim fit</span>
        </span>
    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/pantalon-de-costume-slim-bi-stretch---noir/1176190.html"
        aria-label="Pantalon de costume slim bi-stretch - noir"
        tabindex="0"
    >
        Pantalon de costume slim bi-stretch - noir
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="39.99">

39,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1179172">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1179172&quot;,&quot;item_id&quot;:&quot;1179172&quot;,&quot;item_name&quot;:&quot;Ceinture cuir - marron&quot;,&quot;product_mctd_name&quot;:&quot;Ceinture cuir - marron&quot;,&quot;product_family&quot;:&quot;03121&quot;,&quot;product_department&quot;:&quot;0312&quot;,&quot;original_price&quot;:&quot;29.99&quot;,&quot;price&quot;:&quot;29.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;BROWN&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="dfcf03919a9f5039de6fa7cb9e" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5f7ef3a/hi-res/184372-2083-SICILIAN2_BROWN-WEB3-1.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvY2VpbnR1cmUtY3Vpci0tLW1hcnJvbi8xMTc5MTcyLmh0bWw="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Ceinture cuir - marron"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5f7ef3a/hi-res/184372-2083-SICILIAN2_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5f7ef3a/hi-res/184372-2083-SICILIAN2_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5f7ef3a/hi-res/184372-2083-SICILIAN2_BROWN-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5f7ef3a/hi-res/184372-2083-SICILIAN2_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5f7ef3a/hi-res/184372-2083-SICILIAN2_BROWN-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5f7ef3a/hi-res/184372-2083-SICILIAN2_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5f7ef3a/hi-res/184372-2083-SICILIAN2_BROWN-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa5f7ef3a/hi-res/184372-2083-SICILIAN2_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Ceinture cuir - marron"
                title="Ceinture cuir - marron"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
            </div>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1179172"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1179172                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-2083" title="brown" style="background-color: #936840;"></li>
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/ceinture-cuir---marron/1179172.html"
        aria-label="Ceinture cuir - marron"
        tabindex="0"
    >
        Ceinture cuir - marron
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="29.99">

29,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1175768">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1175768&quot;,&quot;item_id&quot;:&quot;1175768&quot;,&quot;item_name&quot;:&quot;T-shirt manches longues oversize en jersey glac&eacute; - blanc&quot;,&quot;product_mctd_name&quot;:&quot;T-shirt manches longues oversize en jersey glac&eacute; - blanc&quot;,&quot;product_family&quot;:&quot;03061&quot;,&quot;product_department&quot;:&quot;0306&quot;,&quot;original_price&quot;:&quot;19.99&quot;,&quot;price&quot;:&quot;19.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;BLANC&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="637979e0ce58c976c1e4e6eff8" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw23bb0275/hi-res/174883-700-LEHEML_OPTICALWHITE-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw178cbf22/hi-res/174883-700-LEHEML_OPTICALWHITE-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw31b62feb/hi-res/174883-700-LEHEML_OPTICALWHITE-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvdC1zaGlydC1tYW5jaGVzLWxvbmd1ZXMtb3ZlcnNpemUtZW4tamVyc2V5LWdsYWNlLS0tYmxhbmMvMTE3NTc2OC5odG1s"
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="T-shirt manches longues oversize en jersey glac&eacute; - blanc"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw23bb0275/hi-res/174883-700-LEHEML_OPTICALWHITE-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw23bb0275/hi-res/174883-700-LEHEML_OPTICALWHITE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw23bb0275/hi-res/174883-700-LEHEML_OPTICALWHITE-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw23bb0275/hi-res/174883-700-LEHEML_OPTICALWHITE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw23bb0275/hi-res/174883-700-LEHEML_OPTICALWHITE-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw23bb0275/hi-res/174883-700-LEHEML_OPTICALWHITE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw23bb0275/hi-res/174883-700-LEHEML_OPTICALWHITE-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw23bb0275/hi-res/174883-700-LEHEML_OPTICALWHITE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="T-shirt manches longues oversize en jersey glac&eacute; - blanc"
                title="T-shirt manches longues oversize en jersey glac&eacute; - blanc"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1175768"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1175768                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-700" title="blanc" style="background-color: #FFFFFF;"></li>
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
                <li class="swatches__item swatches-item-id-250" title="bleu marine" style="background-color: #022d63;"></li>
            
        </ul>
        
            <span class="color-swatches__hidden-colors">+3</span>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/t-shirt-manches-longues-oversize-en-jersey-glace---blanc/1175768.html"
        aria-label="T-shirt manches longues oversize en jersey glac&eacute; - blanc"
        tabindex="0"
    >
        T-shirt manches longues oversize en jersey glac&eacute; - blanc
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="19.99">

19,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1195814">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1195814&quot;,&quot;item_id&quot;:&quot;1195814&quot;,&quot;item_name&quot;:&quot;Pantalon barrel en serg&eacute; - bleu marine&quot;,&quot;product_mctd_name&quot;:&quot;Pantalon barrel en serg&eacute; - bleu marine&quot;,&quot;product_family&quot;:&quot;03043&quot;,&quot;product_department&quot;:&quot;0304&quot;,&quot;original_price&quot;:&quot;39.99&quot;,&quot;price&quot;:&quot;39.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;BLUE NAVY&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="2b54a8f97087544388afb9adaa" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    <div class="global-badge"
        
            style="background:#000000;color:#FFFFFF;"
        
    >
        
            new
        
    </div>

    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7f52ee7b/hi-res/193178-2538-POSY7_BLUENAVY-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw0138ebfa/hi-res/193178-2538-POSY7_BLUENAVY-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwd8779320/hi-res/193178-2538-POSY7_BLUENAVY-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvcGFudGFsb24tYmFycmVsLWVuLXNlcmdlLS0tYmxldS1tYXJpbmUvMTE5NTgxNC5odG1s"
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Pantalon barrel en serg&eacute; - bleu marine"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7f52ee7b/hi-res/193178-2538-POSY7_BLUENAVY-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7f52ee7b/hi-res/193178-2538-POSY7_BLUENAVY-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7f52ee7b/hi-res/193178-2538-POSY7_BLUENAVY-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7f52ee7b/hi-res/193178-2538-POSY7_BLUENAVY-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7f52ee7b/hi-res/193178-2538-POSY7_BLUENAVY-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7f52ee7b/hi-res/193178-2538-POSY7_BLUENAVY-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7f52ee7b/hi-res/193178-2538-POSY7_BLUENAVY-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7f52ee7b/hi-res/193178-2538-POSY7_BLUENAVY-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Pantalon barrel en serg&eacute; - bleu marine"
                title="Pantalon barrel en serg&eacute; - bleu marine"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1195814"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1195814                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-2538" title="blue navy" style="background-color: #222e46;"></li>
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
                <li class="swatches__item swatches-item-id-2654" title="beige middle" style="background-color: #e9dccc;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/pantalon-barrel-en-serge---bleu-marine/1195814.html"
        aria-label="Pantalon barrel en serg&eacute; - bleu marine"
        tabindex="0"
    >
        Pantalon barrel en serg&eacute; - bleu marine
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="39.99">

39,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div></div>
        
    </div>

    
        <div class="carousel__button-link"><div class="experience-component experience-commerce_assets-CTAButton">

<div class="CTAButton__wrapper justify-content-center">
    <a
        href="https://www.celio.com/fr-fr/c/collection-les-essentiels"
        class="btn CTAButton js-cta-navigation"
        style="            --color: #FFF;            --backgroundColor: #000;            --borderColor: #000;        "
        aria-label="d&eacute;couvrir"
    >
        découvrir
    </a>
</div></div></div>
    
</div>
</div></div>
</section>
</div><div class="experience-component experience-commerce_layouts-desktopGrid1r1c">

<section
    class="mobile-1r-1c m-full-width Title-smaller"
    style="background-color: ;"
>
    <div class="region"></div>
</section>
</div><div class="experience-component experience-commerce_layouts-desktopGrid1r1c">

<section
    class="mobile-1r-1c m-full-width"
    style="background-color: ;"
>
    <div class="region"><div class="experience-component experience-commerce_assets-htmlComponent">

<div class="container-HTML">
    <div class="container-HTML-in">

        <!-------------------------------- Premier bloc -------------------------------->
<a href="/fr-fr/c/manteaux" class="block">
          <img src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/images/content/Homepage/Septembre2026/VFR29.jpg" alt="les vestes pour homme celio">
        </a>

  <a href="/fr-fr/c/pulls" class="block">
            <img src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/images/content/Homepage/Septembre2026/PFR29.jpg" alt="pulls homme celio">
          </a>




        <!-------------------------------- Deuxième bloc -------------------------------->

     
     <a href="/fr-fr/c/pantalons" class="block">
          <img src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/images/content/Homepage/Septembre2026/PAFR29.jpg" alt="pantalons homme celio">         
        </a>
<a href="/fr-fr/c/sweats" class="block">
          <img src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/images/content/Homepage/Septembre2026/SFR29.jpg" alt="les sweats pour homme celio">
        </a>


           

        <!-------------------------------- Troisième bloc -------------------------------->
        


   <a href="/fr-fr/c/chemises" class="block">
            <img src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/images/content/Homepage/Septembre2026/CFR29.jpg" alt="les chemises celio">
          </a>
 

   <a href="/fr-fr/c/jeans" class="block">
          <img src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/images/content/Homepage/Septembre2026/JFR29.jpg" alt="jeans celio">
        </a>

        
    </div>
      </div>
    
    <style>
    
    /* Container */
    
    
    .container-HTML{
        display: flex;
        justify-content: center;
    }
    
    .container-HTML-in {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 32px;
      max-width: 1200px;
      width: 100%;
    }
    
    /* Block styles */
    .block {
      width: 100%;
      border-radius: 0px;
      overflow: hidden;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease;
    }
    
    .block img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    
    /* Media queries */
    @media (min-width: 1024px) {
      .container-HTML-in {
        max-width: 1160px;
      }
    }
    
    @media (max-width: 768px) {
      .container-HTML-in {
        grid-template-columns: 1fr;
        gap: 15px;
      }
    }
    
    </style>
</div></div>
</section>
</div><div class="experience-component experience-commerce_layouts-carousel">

<style>
    @media screen and (max-width: 575px) {
        #Carousel1791226731870.carousel.m-indented .carousel__slides {
            
            padding-right:  var(--mob-right-indent, 25%);
        }
    }
</style>

<div
    id="Carousel1791226731870"
    data-container-tracking-id="HP_men_ProductTile_Carousel"
    data-quickbuy-validated-atc="Valid&eacute;"
    class="carousel__body        carousel        js-tracking-carousel                carousel__allow-items-slide                m-indented        m-full-width        carousel__general-wrapper"
    
        style="--slide-border-width:undefinedpx;--slide-border-color:transparent;--slide-border-radius:0;--slide-overflow: hidden;--badge-border-radius: 0 0 3px 3px;"
    
>
    
        <h2 class="carousel__title">
            les essentiels des matins frais.
        </h2>
    

    <div class="carousel__slides">
        

        
            <div data-json-config="{&quot;infinite&quot;:true,&quot;dots&quot;:false,&quot;arrows&quot;:true,&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:5,&quot;draggable&quot;:false,&quot;swipe&quot;:false,&quot;touch&quot;:false,&quot;touchMove&quot;:false,&quot;responsive&quot;:[{&quot;breakpoint&quot;:1025,&quot;settings&quot;:{&quot;infinite&quot;:true,&quot;dots&quot;:false,&quot;arrows&quot;:false,&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:2,&quot;draggable&quot;:true,&quot;swipe&quot;:true,&quot;touch&quot;:true,&quot;touchMove&quot;:true}},{&quot;breakpoint&quot;:576,&quot;settings&quot;:{&quot;infinite&quot;:true,&quot;dots&quot;:false,&quot;arrows&quot;:false,&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:1,&quot;draggable&quot;:true,&quot;swipe&quot;:true,&quot;touch&quot;:true,&quot;touchMove&quot;:true}}]}" class="carousel__category carousel__general js-carousel js-carousel--general"><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1200433">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1200433&quot;,&quot;item_id&quot;:&quot;1200433&quot;,&quot;item_name&quot;:&quot;Gilet zipp&eacute; col montant c&ocirc;tel&eacute; - noir&quot;,&quot;product_mctd_name&quot;:&quot;Gilet zipp&eacute; col montant c&ocirc;tel&eacute; - noir&quot;,&quot;product_family&quot;:&quot;03091&quot;,&quot;product_department&quot;:&quot;0309&quot;,&quot;original_price&quot;:&quot;39.99&quot;,&quot;price&quot;:&quot;39.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;NOIR&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="08b4a61e0183f33399d97254dc" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7b83daae/hi-res/193316-956-PECOTTO_BLACK-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw86521e8b/hi-res/193316-956-PECOTTO_BLACK-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwe3607f50/hi-res/193316-956-PECOTTO_BLACK-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvZ2lsZXQtemlwcGUtY29sLW1vbnRhbnQtY290ZWxlLS0tbm9pci8xMjAwNDMzLmh0bWw="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Gilet zipp&eacute; col montant c&ocirc;tel&eacute; - noir"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7b83daae/hi-res/193316-956-PECOTTO_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7b83daae/hi-res/193316-956-PECOTTO_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7b83daae/hi-res/193316-956-PECOTTO_BLACK-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7b83daae/hi-res/193316-956-PECOTTO_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7b83daae/hi-res/193316-956-PECOTTO_BLACK-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7b83daae/hi-res/193316-956-PECOTTO_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7b83daae/hi-res/193316-956-PECOTTO_BLACK-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw7b83daae/hi-res/193316-956-PECOTTO_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Gilet zipp&eacute; col montant c&ocirc;tel&eacute; - noir"
                title="Gilet zipp&eacute; col montant c&ocirc;tel&eacute; - noir"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1200433"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1200433                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
                <li class="swatches__item swatches-item-id-2698" title="brown ice" style="background-color: #503c32;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/gilet-zippe-col-montant-cotele---noir/1200433.html"
        aria-label="Gilet zipp&eacute; col montant c&ocirc;tel&eacute; - noir"
        tabindex="0"
    >
        Gilet zipp&eacute; col montant c&ocirc;tel&eacute; - noir
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="39.99">

39,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1197803">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1197803&quot;,&quot;item_id&quot;:&quot;1197803&quot;,&quot;item_name&quot;:&quot;Veste col chemise - beige&quot;,&quot;product_mctd_name&quot;:&quot;Veste col chemise - beige&quot;,&quot;product_family&quot;:&quot;03021&quot;,&quot;product_department&quot;:&quot;0302&quot;,&quot;original_price&quot;:&quot;49.99&quot;,&quot;price&quot;:&quot;49.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;BEIGE&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="2c1a1983051184dad9eecf0ada" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwee332466/hi-res/127488-603-PUDEAN_BEIGE-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw11dd427f/hi-res/127488-603-PUDEAN_BEIGE-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw0920cd65/hi-res/127488-603-PUDEAN_BEIGE-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvdmVzdGUtY29sLWNoZW1pc2UtLS1iZWlnZS8xMTk3ODAzLmh0bWw="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Veste col chemise - beige"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwee332466/hi-res/127488-603-PUDEAN_BEIGE-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwee332466/hi-res/127488-603-PUDEAN_BEIGE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwee332466/hi-res/127488-603-PUDEAN_BEIGE-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwee332466/hi-res/127488-603-PUDEAN_BEIGE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwee332466/hi-res/127488-603-PUDEAN_BEIGE-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwee332466/hi-res/127488-603-PUDEAN_BEIGE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwee332466/hi-res/127488-603-PUDEAN_BEIGE-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwee332466/hi-res/127488-603-PUDEAN_BEIGE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Veste col chemise - beige"
                title="Veste col chemise - beige"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1197803"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1197803                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-603" title="beige" style="background-color: #dccfbc;"></li>
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/veste-col-chemise---beige/1197803.html"
        aria-label="Veste col chemise - beige"
        tabindex="0"
    >
        Veste col chemise - beige
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="49.99">

49,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1190527">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1190527&quot;,&quot;item_id&quot;:&quot;1190527&quot;,&quot;item_name&quot;:&quot;Veste en jean 100% coton - marine&quot;,&quot;product_mctd_name&quot;:&quot;Veste en jean 100% coton - marine&quot;,&quot;product_family&quot;:&quot;03021&quot;,&quot;product_department&quot;:&quot;0302&quot;,&quot;original_price&quot;:&quot;45.99&quot;,&quot;price&quot;:&quot;45.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;BRUT&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="b3e57f3d68460ce375d2a75a79" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf1800b6a/hi-res/190252-212-PUJADENIM_BRUT-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwb5a4b79c/hi-res/190252-212-PUJADENIM_BRUT-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf3b48e57/hi-res/190252-212-PUJADENIM_BRUT-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvdmVzdGUtZW4tamVhbi0xMDAtY290b24tLS1tYXJpbmUvMTE5MDUyNy5odG1s"
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Veste en jean 100% coton - marine"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf1800b6a/hi-res/190252-212-PUJADENIM_BRUT-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf1800b6a/hi-res/190252-212-PUJADENIM_BRUT-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf1800b6a/hi-res/190252-212-PUJADENIM_BRUT-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf1800b6a/hi-res/190252-212-PUJADENIM_BRUT-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf1800b6a/hi-res/190252-212-PUJADENIM_BRUT-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf1800b6a/hi-res/190252-212-PUJADENIM_BRUT-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf1800b6a/hi-res/190252-212-PUJADENIM_BRUT-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwf1800b6a/hi-res/190252-212-PUJADENIM_BRUT-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Veste en jean 100% coton - marine"
                title="Veste en jean 100% coton - marine"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1190527"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1190527                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-212" title="brut" style="background-color: #1a224a;"></li>
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/veste-en-jean-100-coton---marine/1190527.html"
        aria-label="Veste en jean 100% coton - marine"
        tabindex="0"
    >
        Veste en jean 100% coton - marine
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="45.99">

45,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1196633">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1196633&quot;,&quot;item_id&quot;:&quot;1196633&quot;,&quot;item_name&quot;:&quot;Veste boutonn&eacute;e unie - marron fonc&eacute;&quot;,&quot;product_mctd_name&quot;:&quot;Veste boutonn&eacute;e unie - marron fonc&eacute;&quot;,&quot;product_family&quot;:&quot;03021&quot;,&quot;product_department&quot;:&quot;0302&quot;,&quot;original_price&quot;:&quot;59.99&quot;,&quot;price&quot;:&quot;59.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;BROWN&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="3649bfe3a1495875eadff3d6a9" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw01d6e106/hi-res/193583-2083-PUPINZA7_BROWN-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw91919818/hi-res/193583-2083-PUPINZA7_BROWN-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwdb693e67/hi-res/193583-2083-PUPINZA7_BROWN-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvdmVzdGUtYm91dG9ubmVlLXVuaWUtLS1tYXJyb24tZm9uY2UvMTE5NjYzMy5odG1s"
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Veste boutonn&eacute;e unie - marron fonc&eacute;"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw01d6e106/hi-res/193583-2083-PUPINZA7_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw01d6e106/hi-res/193583-2083-PUPINZA7_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw01d6e106/hi-res/193583-2083-PUPINZA7_BROWN-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw01d6e106/hi-res/193583-2083-PUPINZA7_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw01d6e106/hi-res/193583-2083-PUPINZA7_BROWN-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw01d6e106/hi-res/193583-2083-PUPINZA7_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw01d6e106/hi-res/193583-2083-PUPINZA7_BROWN-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw01d6e106/hi-res/193583-2083-PUPINZA7_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Veste boutonn&eacute;e unie - marron fonc&eacute;"
                title="Veste boutonn&eacute;e unie - marron fonc&eacute;"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1196633"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1196633                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-2083" title="brown" style="background-color: #936840;"></li>
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/veste-boutonnee-unie---marron-fonce/1196633.html"
        aria-label="Veste boutonn&eacute;e unie - marron fonc&eacute;"
        tabindex="0"
    >
        Veste boutonn&eacute;e unie - marron fonc&eacute;
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="59.99">

59,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1197800">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1197800&quot;,&quot;item_id&quot;:&quot;1197800&quot;,&quot;item_name&quot;:&quot;Veste col chemise - noir&quot;,&quot;product_mctd_name&quot;:&quot;Veste col chemise - noir&quot;,&quot;product_family&quot;:&quot;03021&quot;,&quot;product_department&quot;:&quot;0302&quot;,&quot;original_price&quot;:&quot;49.99&quot;,&quot;price&quot;:&quot;49.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;NOIR&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="f15675add77e2063d99bc18ef4" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw55a24fac/hi-res/127488-956-PUDEAN_BLACK-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwcc134bd6/hi-res/127488-956-PUDEAN_BLACK-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw03ae9112/hi-res/127488-956-PUDEAN_BLACK-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvdmVzdGUtY29sLWNoZW1pc2UtLS1ub2lyLzExOTc4MDAuaHRtbA=="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Veste col chemise - noir"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw55a24fac/hi-res/127488-956-PUDEAN_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw55a24fac/hi-res/127488-956-PUDEAN_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw55a24fac/hi-res/127488-956-PUDEAN_BLACK-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw55a24fac/hi-res/127488-956-PUDEAN_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw55a24fac/hi-res/127488-956-PUDEAN_BLACK-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw55a24fac/hi-res/127488-956-PUDEAN_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw55a24fac/hi-res/127488-956-PUDEAN_BLACK-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw55a24fac/hi-res/127488-956-PUDEAN_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Veste col chemise - noir"
                title="Veste col chemise - noir"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1197800"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1197800                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
                <li class="swatches__item swatches-item-id-603" title="beige" style="background-color: #dccfbc;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/veste-col-chemise---noir/1197800.html"
        aria-label="Veste col chemise - noir"
        tabindex="0"
    >
        Veste col chemise - noir
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="49.99">

49,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1196083">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1196083&quot;,&quot;item_id&quot;:&quot;1196083&quot;,&quot;item_name&quot;:&quot;Veste col chemise en velours 100% coton - marron&quot;,&quot;product_mctd_name&quot;:&quot;Veste col chemise en velours 100% coton - marron&quot;,&quot;product_family&quot;:&quot;03021&quot;,&quot;product_department&quot;:&quot;0302&quot;,&quot;original_price&quot;:&quot;69.99&quot;,&quot;price&quot;:&quot;69.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;BROWN&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="e72d6f5527ed60aa96696bd8ce" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97ca6d5e/hi-res/193363-2083-PUJAHUNT_BROWN-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw58abdeac/hi-res/193363-2083-PUJAHUNT_BROWN-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwedd532aa/hi-res/193363-2083-PUJAHUNT_BROWN-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvdmVzdGUtY29sLWNoZW1pc2UtZW4tdmVsb3Vycy0xMDAtY290b24tLS1tYXJyb24vMTE5NjA4My5odG1s"
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Veste col chemise en velours 100% coton - marron"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97ca6d5e/hi-res/193363-2083-PUJAHUNT_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97ca6d5e/hi-res/193363-2083-PUJAHUNT_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97ca6d5e/hi-res/193363-2083-PUJAHUNT_BROWN-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97ca6d5e/hi-res/193363-2083-PUJAHUNT_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97ca6d5e/hi-res/193363-2083-PUJAHUNT_BROWN-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97ca6d5e/hi-res/193363-2083-PUJAHUNT_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97ca6d5e/hi-res/193363-2083-PUJAHUNT_BROWN-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw97ca6d5e/hi-res/193363-2083-PUJAHUNT_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Veste col chemise en velours 100% coton - marron"
                title="Veste col chemise en velours 100% coton - marron"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1196083"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1196083                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-2083" title="brown" style="background-color: #936840;"></li>
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
                <li class="swatches__item swatches-item-id-506" title="vert kaki" style="background-color: #747355;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/veste-col-chemise-en-velours-100-coton---marron/1196083.html"
        aria-label="Veste col chemise en velours 100% coton - marron"
        tabindex="0"
    >
        Veste col chemise en velours 100% coton - marron
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="69.99">

69,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1192339">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1192339&quot;,&quot;item_id&quot;:&quot;1192339&quot;,&quot;item_name&quot;:&quot;Cardigan en maille fine - bleu marine&quot;,&quot;product_mctd_name&quot;:&quot;Cardigan en maille fine - bleu marine&quot;,&quot;product_family&quot;:&quot;03091&quot;,&quot;product_department&quot;:&quot;0309&quot;,&quot;original_price&quot;:&quot;29.99&quot;,&quot;price&quot;:&quot;29.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;BLUE NAVY&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="4171adcde98745075f53d6417e" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwb96cdf75/hi-res/191053-2538-PEFINY_BLUENAVY-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw761af490/hi-res/191053-2538-PEFINY_BLUENAVY-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwfe18f446/hi-res/191053-2538-PEFINY_BLUENAVY-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvY2FyZGlnYW4tZW4tbWFpbGxlLWZpbmUtLS1ibGV1LW1hcmluZS8xMTkyMzM5Lmh0bWw="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Cardigan en maille fine - bleu marine"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwb96cdf75/hi-res/191053-2538-PEFINY_BLUENAVY-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwb96cdf75/hi-res/191053-2538-PEFINY_BLUENAVY-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwb96cdf75/hi-res/191053-2538-PEFINY_BLUENAVY-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwb96cdf75/hi-res/191053-2538-PEFINY_BLUENAVY-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwb96cdf75/hi-res/191053-2538-PEFINY_BLUENAVY-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwb96cdf75/hi-res/191053-2538-PEFINY_BLUENAVY-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwb96cdf75/hi-res/191053-2538-PEFINY_BLUENAVY-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwb96cdf75/hi-res/191053-2538-PEFINY_BLUENAVY-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Cardigan en maille fine - bleu marine"
                title="Cardigan en maille fine - bleu marine"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1192339"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1192339                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-2538" title="blue navy" style="background-color: #222e46;"></li>
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/cardigan-en-maille-fine---bleu-marine/1192339.html"
        aria-label="Cardigan en maille fine - bleu marine"
        tabindex="0"
    >
        Cardigan en maille fine - bleu marine
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="29.99">

29,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div></div>
        
    </div>

    
        <div class="carousel__button-link"><div class="experience-component experience-commerce_assets-CTAButton">

<div class="CTAButton__wrapper justify-content-center">
    <a
        href="https://www.celio.com/fr-fr/c/toute-la-collection?cgid=030605&amp;prefn1=department&amp;prefv1=Vestes%20et%20blousons%7cPulls&amp;page=1"
        class="btn CTAButton js-cta-navigation"
        style="            --color: #fff;            --backgroundColor: #000;            --borderColor: #000;        "
        aria-label="d&eacute;couvrir"
    >
        découvrir
    </a>
</div></div></div>
    
</div>
</div><div class="experience-component experience-commerce_assets-imageBanner">

<div class="image-banner visual-component  m-full-width"
    style="">
    <div class="image-banner__inner visual-component__inner">
        

        <div class="image-banner__inner-content js-image-banner__inner-content">
            
    









<picture class="visual-component__picture">
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw7a850ab6/images/content/Homepage/Septembre2026/NAUTIC_DESK-ELDEN_RING-2.jpg?sw=2560&amp;q=90" media="(min-width: 1920px)" width="2560" height="1600" />
    
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw7a850ab6/images/content/Homepage/Septembre2026/NAUTIC_DESK-ELDEN_RING-2.jpg?sw=1920&amp;q=90" media="(min-width: 1366px)" width="1920" height="1200" />
    
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw7a850ab6/images/content/Homepage/Septembre2026/NAUTIC_DESK-ELDEN_RING-2.jpg?sw=1440&amp;q=90" media="(min-width: 960px)" width="1440" height="900"/>
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwc5effd3a/images/content/Homepage/Septembre2026/nautic_mob_ELDEN_RING-2.jpg?q=90" width="414" height="687"/>
    
    
    <img
        class="ITC-image image-fluid common-image-component visual-component__image"
        style="            --focal-point-x-mob:50%;            --focal-point-y-mob:50%;            --focal-point-x:50%;            --focal-point-y:50%;        "
        alt="Elden Ring celio"
        title="Elden Ring celio"
    />
</picture>



            
                <div class="image-banner__includes"><div class="experience-component experience-commerce_assets-textBanner">



<section
    class="text-banner"
    style="--heading-text-color:null;--subheading-text-color:null;--text-color:null;--text-banner-background:transparent;--text-orientation:center;--text-horizontal-orientation:center;--text-vertical-orientation:end;"
>
    <div class="text-banner__inner">
        
        
            <h2 class="text-banner__heading" >
                   
            </h2>
        
        
            <div class="text-banner__sub-heading">
                    
            </div>
        
        
            <div class="text-banner__text">
                    
            </div>
        

        <hr class="text-banner__space-over" style="height: 0px" />

        

        
            <div class="text-banner__btns"><div class="experience-component experience-commerce_assets-CTAButton">

<div class="CTAButton__wrapper justify-content-center">
    <a
        href="https://www.celio.com/fr-fr/c/collabs-elden-ring"
        class="btn CTAButton js-cta-navigation"
        style="            --color: #fff;            --backgroundColor: #000;            --borderColor: #000;        "
        aria-label="d&eacute;couvrir"
    >
        découvrir
    </a>
</div></div></div>
        
    </div>
</section>
</div></div>
            

            
                
                <a class="stretched-link" href="https://www.celio.com/fr-fr/c/collabs-elden-ring" title="Elden Ring celio" aria-label="Elden Ring celio"></a>
            
        </div>
    </div>
</div>
</div><div class="experience-component experience-commerce_layouts-desktopGrid1r1c">

<section
    class="mobile-1r-1c m-full-width Title-smaller"
    style="background-color: ;"
>
    <div class="region"><div class="experience-component experience-commerce_assets-textBanner">



<section
    class="text-banner"
    style="--heading-text-color:#000000;--subheading-text-color:null;--text-color:#000000;--text-banner-background:transparent;--text-orientation:center;--text-horizontal-orientation:center;--text-vertical-orientation:center;"
>
    <div class="text-banner__inner">
        
        
            <h2 class="text-banner__heading" >
                les collabs du moment.
            </h2>
        
        
        

        <hr class="text-banner__space-over" style="height: 0px" />

        

        
            <div class="text-banner__btns"></div>
        
    </div>
</section>
</div></div>
</section>
</div><div class="experience-component experience-commerce_layouts-carousel">

<style>
    @media screen and (max-width: 575px) {
        #Carousel1791226731879.carousel.m-indented .carousel__slides {
            
            padding-right:  var(--mob-right-indent, 25%);
        }
    }
</style>

<div
    id="Carousel1791226731879"
    data-container-tracking-id="HP_Carousel_ProductTile"
    data-quickbuy-validated-atc="Valid&eacute;"
    class="carousel__body        carousel        js-tracking-carousel                                m-indented        m-full-width        carousel__general-wrapper"
    
        style="--slide-border-width:20px;--slide-border-color:transparent;--slide-border-radius:0;--slide-overflow: hidden;--badge-border-radius: 0 0 3px 3px;"
    
>
    

    <div class="carousel__slides">
        

        
            <div data-json-config="{&quot;infinite&quot;:false,&quot;dots&quot;:false,&quot;arrows&quot;:false,&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:5,&quot;responsive&quot;:[{&quot;breakpoint&quot;:1025,&quot;settings&quot;:{&quot;infinite&quot;:false,&quot;dots&quot;:false,&quot;arrows&quot;:false,&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:4}},{&quot;breakpoint&quot;:576,&quot;settings&quot;:{&quot;infinite&quot;:false,&quot;dots&quot;:false,&quot;arrows&quot;:false,&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:1}}]}" class="carousel__category carousel__general js-carousel js-carousel--general"><div class="carousel__slide">

<div class="slide-component slide-component--content-after visual-component"
    
        style="--slide-content-orientation:center;--slide-content-text-align:center;"
    
>
    
        <div class="slide-component__badge"></div>
    

    <div class="slide-component__inner visual-component__inner">
        
            <a
                href="https://www.celio.com/fr-fr/c/collabs-karmine-corp"
                class="slide-component__visual visual-component__visual stretched-link"
            >
        

            
    









<picture class="visual-component__picture">
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw9c2a7673/images/content/Homepage/Septembre2026/slide_component_KARMINE.jpg?q=90" media="(min-width: 1920px)" width="2560" height="1600" />
    
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw9c2a7673/images/content/Homepage/Septembre2026/slide_component_KARMINE.jpg?q=90" media="(min-width: 1366px)" width="1920" height="1200" />
    
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw9c2a7673/images/content/Homepage/Septembre2026/slide_component_KARMINE.jpg?sw=1440&amp;q=90" media="(min-width: 960px)" width="1440" height="900"/>
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw9c2a7673/images/content/Homepage/Septembre2026/slide_component_KARMINE.jpg?sw=1440&amp;q=90" width="414" height="687"/>
    
    
    <img
        class="ITC-image image-fluid common-image-component visual-component__image"
        style="            --focal-point-x-mob:50%;            --focal-point-y-mob:50%;            --focal-point-x:50%;            --focal-point-y:50%;        "
        alt="Karmine Corp celio"
        title="Karmine Corp celio"
    />
</picture>



            
                <div class="slide-component__price"></div>
            

        
            </a>
        
    </div>

    

    
        <div class="slide-component__btns"></div>
    
</div>
</div><div class="carousel__slide">

<div class="slide-component slide-component--content-after visual-component"
    
        style="--slide-content-orientation:center;--slide-content-text-align:center;"
    
>
    
        <div class="slide-component__badge"></div>
    

    <div class="slide-component__inner visual-component__inner">
        
            <a
                href="https://www.celio.com/fr-fr/c/collabs-death-note"
                class="slide-component__visual visual-component__visual stretched-link"
            >
        

            
    









<picture class="visual-component__picture">
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwe955c195/images/content/Homepage/Septembre2026/DeathNote/SLIDE_COMPONENT_V2.jpg?q=90" media="(min-width: 1920px)" width="2560" height="1600" />
    
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwe955c195/images/content/Homepage/Septembre2026/DeathNote/SLIDE_COMPONENT_V2.jpg?q=90" media="(min-width: 1366px)" width="1920" height="1200" />
    
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwe955c195/images/content/Homepage/Septembre2026/DeathNote/SLIDE_COMPONENT_V2.jpg?q=90" media="(min-width: 960px)" width="1440" height="900"/>
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwe955c195/images/content/Homepage/Septembre2026/DeathNote/SLIDE_COMPONENT_V2.jpg?q=90" width="414" height="687"/>
    
    
    <img
        class="ITC-image image-fluid common-image-component visual-component__image"
        style="            --focal-point-x-mob:50%;            --focal-point-y-mob:50%;            --focal-point-x:50%;            --focal-point-y:50%;        "
        alt="death note celio"
        title="death note celio"
    />
</picture>



            
                <div class="slide-component__price"></div>
            

        
            </a>
        
    </div>

    

    
        <div class="slide-component__btns"></div>
    
</div>
</div><div class="carousel__slide">

<div class="slide-component slide-component--content-after visual-component"
    
        style="--slide-content-orientation:center;--slide-content-text-align:center;"
    
>
    
        <div class="slide-component__badge"></div>
    

    <div class="slide-component__inner visual-component__inner">
        
            <a
                href="https://www.celio.com/fr-fr/c/collabs-elden-ring"
                class="slide-component__visual visual-component__visual stretched-link"
            >
        

            
    









<picture class="visual-component__picture">
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwb90ade8d/images/content/Homepage/Septembre2026/slide_component_Ering2.jpg?q=90" media="(min-width: 1920px)" width="2560" height="1600" />
    
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwb90ade8d/images/content/Homepage/Septembre2026/slide_component_Ering2.jpg?q=90" media="(min-width: 1366px)" width="1920" height="1200" />
    
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwb90ade8d/images/content/Homepage/Septembre2026/slide_component_Ering2.jpg?sw=1440&amp;q=90" media="(min-width: 960px)" width="1440" height="900"/>
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwb90ade8d/images/content/Homepage/Septembre2026/slide_component_Ering2.jpg?sw=1440&amp;q=90" width="414" height="687"/>
    
    
    <img
        class="ITC-image image-fluid common-image-component visual-component__image"
        style="            --focal-point-x-mob:50%;            --focal-point-y-mob:50%;            --focal-point-x:50%;            --focal-point-y:50%;        "
        alt="Elden Ring celio"
        title="Elden Ring celio"
    />
</picture>



            
                <div class="slide-component__price"></div>
            

        
            </a>
        
    </div>

    

    
        <div class="slide-component__btns"></div>
    
</div>
</div><div class="carousel__slide">

<div class="slide-component slide-component--content-after visual-component"
    
        style="--slide-content-orientation:center;--slide-content-text-align:center;"
    
>
    
        <div class="slide-component__badge"></div>
    

    <div class="slide-component__inner visual-component__inner">
        
            <a
                href="https://www.celio.com/fr-fr/c/collabs-pokemon"
                class="slide-component__visual visual-component__visual stretched-link"
            >
        

            
    









<picture class="visual-component__picture">
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw236aeeee/images/content/Homepage/Aout2026/SHOP-THE-LOOK_V2.jpg?q=90" media="(min-width: 1920px)" width="2560" height="1600" />
    
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw236aeeee/images/content/Homepage/Aout2026/SHOP-THE-LOOK_V2.jpg?q=90" media="(min-width: 1366px)" width="1920" height="1200" />
    
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw236aeeee/images/content/Homepage/Aout2026/SHOP-THE-LOOK_V2.jpg?sw=1440&amp;q=90" media="(min-width: 960px)" width="1440" height="900"/>
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw236aeeee/images/content/Homepage/Aout2026/SHOP-THE-LOOK_V2.jpg?sw=1440&amp;q=90" width="414" height="687"/>
    
    
    <img
        class="ITC-image image-fluid common-image-component visual-component__image"
        style="            --focal-point-x-mob:50%;            --focal-point-y-mob:50%;            --focal-point-x:50%;            --focal-point-y:50%;        "
        alt="Pokémon celio"
        title="Pokémon celio"
    />
</picture>



            
                <div class="slide-component__price"></div>
            

        
            </a>
        
    </div>

    

    
        <div class="slide-component__btns"></div>
    
</div>
</div><div class="carousel__slide">

<div class="slide-component slide-component--content-after visual-component"
    
        style="--slide-content-orientation:center;--slide-content-text-align:center;"
    
>
    
        <div class="slide-component__badge"></div>
    

    <div class="slide-component__inner visual-component__inner">
        
            <a
                href="https://www.celio.com/fr-fr/c/collabs-naruto-shippuden"
                class="slide-component__visual visual-component__visual stretched-link"
            >
        

            
    









<picture class="visual-component__picture">
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw11a863ee/images/content/Homepage/Juillet2026/SLIDE_COMPONENT-narutoo.jpg?q=90" media="(min-width: 1920px)" width="2560" height="1600" />
    
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw11a863ee/images/content/Homepage/Juillet2026/SLIDE_COMPONENT-narutoo.jpg?q=90" media="(min-width: 1366px)" width="1920" height="1200" />
    
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw11a863ee/images/content/Homepage/Juillet2026/SLIDE_COMPONENT-narutoo.jpg?q=90" media="(min-width: 960px)" width="1440" height="900"/>
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw11a863ee/images/content/Homepage/Juillet2026/SLIDE_COMPONENT-narutoo.jpg?q=90" width="414" height="687"/>
    
    
    <img
        class="ITC-image image-fluid common-image-component visual-component__image"
        style="            --focal-point-x-mob:50%;            --focal-point-y-mob:50%;            --focal-point-x:50%;            --focal-point-y:50%;        "
        alt="Naruto celio"
        title="Naruto celio"
    />
</picture>



            
                <div class="slide-component__price"></div>
            

        
            </a>
        
    </div>

    

    
        <div class="slide-component__btns"></div>
    
</div>
</div></div>
        
    </div>

    
        <div class="carousel__button-link"></div>
    
</div>
</div><div class="experience-component experience-commerce_layouts-carousel">

<style>
    @media screen and (max-width: 575px) {
        #Carousel1791226731889.carousel.m-indented .carousel__slides {
            
            padding-right:  var(--mob-right-indent, 25%);
        }
    }
</style>

<div
    id="Carousel1791226731889"
    data-container-tracking-id="HP_men_ProductTile_Carousel"
    data-quickbuy-validated-atc="Valid&eacute;"
    class="carousel__body        carousel        js-tracking-carousel                carousel__allow-items-slide                m-indented        m-full-width        carousel__general-wrapper"
    
        style="--slide-border-width:undefinedpx;--slide-border-color:transparent;--slide-border-radius:0;--slide-overflow: hidden;--badge-border-radius: 0 0 3px 3px;"
    
>
    

    <div class="carousel__slides">
        

        
            <div data-json-config="{&quot;infinite&quot;:true,&quot;dots&quot;:false,&quot;arrows&quot;:true,&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:5,&quot;draggable&quot;:false,&quot;swipe&quot;:false,&quot;touch&quot;:false,&quot;touchMove&quot;:false,&quot;responsive&quot;:[{&quot;breakpoint&quot;:1025,&quot;settings&quot;:{&quot;infinite&quot;:true,&quot;dots&quot;:false,&quot;arrows&quot;:false,&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:2,&quot;draggable&quot;:true,&quot;swipe&quot;:true,&quot;touch&quot;:true,&quot;touchMove&quot;:true}},{&quot;breakpoint&quot;:576,&quot;settings&quot;:{&quot;infinite&quot;:true,&quot;dots&quot;:false,&quot;arrows&quot;:false,&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:1,&quot;draggable&quot;:true,&quot;swipe&quot;:true,&quot;touch&quot;:true,&quot;touchMove&quot;:true}}]}" class="carousel__category carousel__general js-carousel js-carousel--general"><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1202494">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1202494&quot;,&quot;item_id&quot;:&quot;1202494&quot;,&quot;item_name&quot;:&quot;Elden Ring - T-shirt noir&quot;,&quot;product_mctd_name&quot;:&quot;Elden Ring - T-shirt noir&quot;,&quot;product_family&quot;:&quot;0318E&quot;,&quot;product_department&quot;:&quot;0318&quot;,&quot;original_price&quot;:&quot;19.99&quot;,&quot;price&quot;:&quot;19.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;NOIR&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="29cf5162d365e6b2d990f57af4" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw9e625d8c/hi-res/196717-956-LPEELD2_BLACK-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw59bedbaa/hi-res/196717-956-LPEELD2_BLACK-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwc6281da7/hi-res/196717-956-LPEELD2_BLACK-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvZWxkZW4tcmluZy0tLXQtc2hpcnQtbm9pci8xMjAyNDk0Lmh0bWw="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Elden Ring - T-shirt noir"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw9e625d8c/hi-res/196717-956-LPEELD2_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw9e625d8c/hi-res/196717-956-LPEELD2_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw9e625d8c/hi-res/196717-956-LPEELD2_BLACK-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw9e625d8c/hi-res/196717-956-LPEELD2_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw9e625d8c/hi-res/196717-956-LPEELD2_BLACK-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw9e625d8c/hi-res/196717-956-LPEELD2_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw9e625d8c/hi-res/196717-956-LPEELD2_BLACK-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw9e625d8c/hi-res/196717-956-LPEELD2_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Elden Ring - T-shirt noir"
                title="Elden Ring - T-shirt noir"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1202494"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1202494                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/elden-ring---t-shirt-noir/1202494.html"
        aria-label="Elden Ring - T-shirt noir"
        tabindex="0"
    >
        Elden Ring - T-shirt noir
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="19.99">

19,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1202392">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1202392&quot;,&quot;item_id&quot;:&quot;1202392&quot;,&quot;item_name&quot;:&quot;Elden Ring - Veste en jean sable&quot;,&quot;product_mctd_name&quot;:&quot;Elden Ring - Veste en jean sable&quot;,&quot;product_family&quot;:&quot;0318A&quot;,&quot;product_department&quot;:&quot;0318&quot;,&quot;original_price&quot;:&quot;79.99&quot;,&quot;price&quot;:&quot;79.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;BROWN&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="d4e4300ee017aa1209e1f9d914" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw29bf2467/hi-res/196627-2083-LPUELD1_BROWN-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw32bfc5c4/hi-res/196627-2083-LPUELD1_BROWN-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwb44f2d34/hi-res/196627-2083-LPUELD1_BROWN-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvZWxkZW4tcmluZy0tLXZlc3RlLWVuLWplYW4tc2FibGUvMTIwMjM5Mi5odG1s"
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Elden Ring - Veste en jean sable"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw29bf2467/hi-res/196627-2083-LPUELD1_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw29bf2467/hi-res/196627-2083-LPUELD1_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw29bf2467/hi-res/196627-2083-LPUELD1_BROWN-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw29bf2467/hi-res/196627-2083-LPUELD1_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw29bf2467/hi-res/196627-2083-LPUELD1_BROWN-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw29bf2467/hi-res/196627-2083-LPUELD1_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw29bf2467/hi-res/196627-2083-LPUELD1_BROWN-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw29bf2467/hi-res/196627-2083-LPUELD1_BROWN-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Elden Ring - Veste en jean sable"
                title="Elden Ring - Veste en jean sable"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1202392"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1202392                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-2083" title="brown" style="background-color: #936840;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/elden-ring---veste-en-jean-sable/1202392.html"
        aria-label="Elden Ring - Veste en jean sable"
        tabindex="0"
    >
        Elden Ring - Veste en jean sable
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="79.99">

79,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1207256">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1207256&quot;,&quot;item_id&quot;:&quot;1207256&quot;,&quot;item_name&quot;:&quot;Death Note - T-shirt noir&quot;,&quot;product_mctd_name&quot;:&quot;Death Note - T-shirt noir&quot;,&quot;product_family&quot;:&quot;0318E&quot;,&quot;product_department&quot;:&quot;0318&quot;,&quot;original_price&quot;:&quot;19.99&quot;,&quot;price&quot;:&quot;19.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;NOIR&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="9cb6ce53baab6d318480b89128" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3717d5f6/hi-res/199799-956-LPENOTE_BLACK-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw8adc898d/hi-res/199799-956-LPENOTE_BLACK-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw2d3300e9/hi-res/199799-956-LPENOTE_BLACK-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvZGVhdGgtbm90ZS0tLXQtc2hpcnQtbm9pci8xMjA3MjU2Lmh0bWw="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Death Note - T-shirt noir"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3717d5f6/hi-res/199799-956-LPENOTE_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3717d5f6/hi-res/199799-956-LPENOTE_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3717d5f6/hi-res/199799-956-LPENOTE_BLACK-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3717d5f6/hi-res/199799-956-LPENOTE_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3717d5f6/hi-res/199799-956-LPENOTE_BLACK-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3717d5f6/hi-res/199799-956-LPENOTE_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3717d5f6/hi-res/199799-956-LPENOTE_BLACK-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3717d5f6/hi-res/199799-956-LPENOTE_BLACK-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Death Note - T-shirt noir"
                title="Death Note - T-shirt noir"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1207256"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1207256                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
                <li class="swatches__item swatches-item-id-148" title="blanc" style="background-color: #FFFFFF;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/death-note---t-shirt-noir/1207256.html"
        aria-label="Death Note - T-shirt noir"
        tabindex="0"
    >
        Death Note - T-shirt noir
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="19.99">

19,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1202489">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1202489&quot;,&quot;item_id&quot;:&quot;1202489&quot;,&quot;item_name&quot;:&quot;Elden Ring - T-shirt blanc&quot;,&quot;product_mctd_name&quot;:&quot;Elden Ring - T-shirt blanc&quot;,&quot;product_family&quot;:&quot;0318E&quot;,&quot;product_department&quot;:&quot;0318&quot;,&quot;original_price&quot;:&quot;19.99&quot;,&quot;price&quot;:&quot;19.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;BLANC&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="cf8a4dda8c8e28be591af00b4c" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwe01fda70/hi-res/196715-148-LPEELD1_WHITE-WEB3-7.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw76241732/hi-res/196715-148-LPEELD1_WHITE-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw89f0d83a/hi-res/196715-148-LPEELD1_WHITE-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvZWxkZW4tcmluZy0tLXQtc2hpcnQtYmxhbmMvMTIwMjQ4OS5odG1s"
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Elden Ring - T-shirt blanc"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwe01fda70/hi-res/196715-148-LPEELD1_WHITE-WEB3-7.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwe01fda70/hi-res/196715-148-LPEELD1_WHITE-WEB3-7.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwe01fda70/hi-res/196715-148-LPEELD1_WHITE-WEB3-7.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwe01fda70/hi-res/196715-148-LPEELD1_WHITE-WEB3-7.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwe01fda70/hi-res/196715-148-LPEELD1_WHITE-WEB3-7.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwe01fda70/hi-res/196715-148-LPEELD1_WHITE-WEB3-7.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwe01fda70/hi-res/196715-148-LPEELD1_WHITE-WEB3-7.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwe01fda70/hi-res/196715-148-LPEELD1_WHITE-WEB3-7.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Elden Ring - T-shirt blanc"
                title="Elden Ring - T-shirt blanc"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1202489"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1202489                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-148" title="blanc" style="background-color: #FFFFFF;"></li>
            
                <li class="swatches__item swatches-item-id-2083" title="brown" style="background-color: #936840;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/elden-ring---t-shirt-blanc/1202489.html"
        aria-label="Elden Ring - T-shirt blanc"
        tabindex="0"
    >
        Elden Ring - T-shirt blanc
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="19.99">

19,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1202275">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1202275&quot;,&quot;item_id&quot;:&quot;1202275&quot;,&quot;item_name&quot;:&quot;Pok&eacute;mon - Veste en jean M&eacute;ga-Lucario marine&quot;,&quot;product_mctd_name&quot;:&quot;Pok&eacute;mon - Veste en jean M&eacute;ga-Lucario marine&quot;,&quot;product_family&quot;:&quot;0318A&quot;,&quot;product_department&quot;:&quot;0318&quot;,&quot;original_price&quot;:&quot;79.99&quot;,&quot;price&quot;:&quot;79.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;NAVY 1&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="7231af245100aad50e7458f68c" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa4de73d3/hi-res/196562-2370-LPUMEGA_NAVY1-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwc24f9274/hi-res/196562-2370-LPUMEGA_NAVY1-WEB3-2.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw61fb02fa/hi-res/196562-2370-LPUMEGA_NAVY1-WEB3-4.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvcG9rZW1vbi0tLXZlc3RlLWVuLWplYW4tbWVnYS1sdWNhcmlvLW1hcmluZS8xMjAyMjc1Lmh0bWw="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Pok&eacute;mon - Veste en jean M&eacute;ga-Lucario marine"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa4de73d3/hi-res/196562-2370-LPUMEGA_NAVY1-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa4de73d3/hi-res/196562-2370-LPUMEGA_NAVY1-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa4de73d3/hi-res/196562-2370-LPUMEGA_NAVY1-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa4de73d3/hi-res/196562-2370-LPUMEGA_NAVY1-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa4de73d3/hi-res/196562-2370-LPUMEGA_NAVY1-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa4de73d3/hi-res/196562-2370-LPUMEGA_NAVY1-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa4de73d3/hi-res/196562-2370-LPUMEGA_NAVY1-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwa4de73d3/hi-res/196562-2370-LPUMEGA_NAVY1-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Pok&eacute;mon - Veste en jean M&eacute;ga-Lucario marine"
                title="Pok&eacute;mon - Veste en jean M&eacute;ga-Lucario marine"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1202275"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1202275                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-2370" title="navy 1" style="background-color: #022d63;"></li>
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/pokemon---veste-en-jean-mega-lucario-marine/1202275.html"
        aria-label="Pok&eacute;mon - Veste en jean M&eacute;ga-Lucario marine"
        tabindex="0"
    >
        Pok&eacute;mon - Veste en jean M&eacute;ga-Lucario marine
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="79.99">

79,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1193302">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1193302&quot;,&quot;item_id&quot;:&quot;1193302&quot;,&quot;item_name&quot;:&quot;Ford - Sweat gris chin&eacute;&quot;,&quot;product_mctd_name&quot;:&quot;Ford - Sweat gris chin&eacute;&quot;,&quot;product_family&quot;:&quot;0318G&quot;,&quot;product_department&quot;:&quot;0318&quot;,&quot;original_price&quot;:&quot;39.99&quot;,&quot;price&quot;:&quot;39.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;GREY LIGHT MEL&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="632cc410a9e3f1cbeecc2438e2" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3083d104/hi-res/191695-2569-LPEFORDSW_GREYLIGHTMEL-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwabad256b/hi-res/191695-2569-LPEFORDSW_GREYLIGHTMEL-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw4620b55a/hi-res/191695-2569-LPEFORDSW_GREYLIGHTMEL-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvZm9yZC0tLXN3ZWF0LWdyaXMtY2hpbmUvMTE5MzMwMi5odG1s"
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Ford - Sweat gris chin&eacute;"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3083d104/hi-res/191695-2569-LPEFORDSW_GREYLIGHTMEL-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3083d104/hi-res/191695-2569-LPEFORDSW_GREYLIGHTMEL-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3083d104/hi-res/191695-2569-LPEFORDSW_GREYLIGHTMEL-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3083d104/hi-res/191695-2569-LPEFORDSW_GREYLIGHTMEL-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3083d104/hi-res/191695-2569-LPEFORDSW_GREYLIGHTMEL-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3083d104/hi-res/191695-2569-LPEFORDSW_GREYLIGHTMEL-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3083d104/hi-res/191695-2569-LPEFORDSW_GREYLIGHTMEL-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw3083d104/hi-res/191695-2569-LPEFORDSW_GREYLIGHTMEL-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Ford - Sweat gris chin&eacute;"
                title="Ford - Sweat gris chin&eacute;"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1193302"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1193302                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-2569" title="grey light mel" style="background-color: #808080;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/ford---sweat-gris-chine/1193302.html"
        aria-label="Ford - Sweat gris chin&eacute;"
        tabindex="0"
    >
        Ford - Sweat gris chin&eacute;
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="39.99">

39,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1194565">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1194565&quot;,&quot;item_id&quot;:&quot;1194565&quot;,&quot;item_name&quot;:&quot;Ford - Veste marine&quot;,&quot;product_mctd_name&quot;:&quot;Ford - Veste marine&quot;,&quot;product_family&quot;:&quot;0318A&quot;,&quot;product_department&quot;:&quot;0318&quot;,&quot;original_price&quot;:&quot;99.99&quot;,&quot;price&quot;:&quot;99.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;BLEU MARINE&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="96334e5fccc240763117da9716" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw52a62ea8/hi-res/192472-250-LPUFORD_NAVY-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw35053c51/hi-res/192472-250-LPUFORD_NAVY-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwb0d71316/hi-res/192472-250-LPUFORD_NAVY-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvZm9yZC0tLXZlc3RlLW1hcmluZS8xMTk0NTY1Lmh0bWw="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Ford - Veste marine"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw52a62ea8/hi-res/192472-250-LPUFORD_NAVY-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw52a62ea8/hi-res/192472-250-LPUFORD_NAVY-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw52a62ea8/hi-res/192472-250-LPUFORD_NAVY-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw52a62ea8/hi-res/192472-250-LPUFORD_NAVY-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw52a62ea8/hi-res/192472-250-LPUFORD_NAVY-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw52a62ea8/hi-res/192472-250-LPUFORD_NAVY-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw52a62ea8/hi-res/192472-250-LPUFORD_NAVY-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw52a62ea8/hi-res/192472-250-LPUFORD_NAVY-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Ford - Veste marine"
                title="Ford - Veste marine"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1194565"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1194565                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-250" title="bleu marine" style="background-color: #022d63;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/ford---veste-marine/1194565.html"
        aria-label="Ford - Veste marine"
        tabindex="0"
    >
        Ford - Veste marine
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="99.99">

99,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1199417">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1199417&quot;,&quot;item_id&quot;:&quot;1199417&quot;,&quot;item_name&quot;:&quot;Picasso - Pull bleu&quot;,&quot;product_mctd_name&quot;:&quot;Picasso - Pull bleu&quot;,&quot;product_family&quot;:&quot;0318H&quot;,&quot;product_department&quot;:&quot;0318&quot;,&quot;original_price&quot;:&quot;39.99&quot;,&quot;price&quot;:&quot;39.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;BLEU&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="faa6c72e3d148ddc6dc8e7afb0" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw14faf865/hi-res/195062-2080-LPEABLO2_BLUE-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwaafdace4/hi-res/195062-2080-LPEABLO2_BLUE-WEB3-3.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw80c59711/hi-res/195062-2080-LPEABLO2_BLUE-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvcGljYXNzby0tLXB1bGwtYmxldS8xMTk5NDE3Lmh0bWw="
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Picasso - Pull bleu"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw14faf865/hi-res/195062-2080-LPEABLO2_BLUE-WEB3-1.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw14faf865/hi-res/195062-2080-LPEABLO2_BLUE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw14faf865/hi-res/195062-2080-LPEABLO2_BLUE-WEB3-1.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw14faf865/hi-res/195062-2080-LPEABLO2_BLUE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw14faf865/hi-res/195062-2080-LPEABLO2_BLUE-WEB3-1.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw14faf865/hi-res/195062-2080-LPEABLO2_BLUE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw14faf865/hi-res/195062-2080-LPEABLO2_BLUE-WEB3-1.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw14faf865/hi-res/195062-2080-LPEABLO2_BLUE-WEB3-1.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Picasso - Pull bleu"
                title="Picasso - Pull bleu"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1199417"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1199417                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-2080" title="bleu" style="background-color: #058cd4;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/picasso---pull-bleu/1199417.html"
        aria-label="Picasso - Pull bleu"
        tabindex="0"
    >
        Picasso - Pull bleu
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="39.99">

39,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div><div class="carousel__slide">














    <div class="js-tracking-parent product" data-pid="1198355">
        <div class="js-product--analytics d-none" data-tag-analytics="{&quot;product_mc_id&quot;:&quot;1198355&quot;,&quot;item_id&quot;:&quot;1198355&quot;,&quot;item_name&quot;:&quot;Bleach - Veste noire&quot;,&quot;product_mctd_name&quot;:&quot;Bleach - Veste noire&quot;,&quot;product_family&quot;:&quot;0318A&quot;,&quot;product_department&quot;:&quot;0318&quot;,&quot;original_price&quot;:&quot;99.99&quot;,&quot;price&quot;:&quot;99.99&quot;,&quot;quantity&quot;:1,&quot;product_promotion_status&quot;:false,&quot;product_promotion_percentage&quot;:0,&quot;product_season&quot;:&quot;26H&quot;,&quot;item_brand&quot;:&quot;celio men&quot;,&quot;discount&quot;:&quot;0.00&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;item_color&quot;:&quot;NOIR&quot;,&quot;item_variant&quot;:&quot;&quot;,&quot;product_marketing_status&quot;:&quot;&quot;,&quot;item_list_name&quot;:&quot;&quot;}"></div>


        
            
















<div class="product-tile">
    <!-- dwMarker="product" dwContentID="3fe29951b1b102d3bf4098100b" -->

    



<div class="js-quickbuy quickbuy product-tile__header">
    


    

<div class="image-container product-tile__image-container swiper-tile js-swiper-tile">
    
        
            
            <div class="swiper js-product-tile__carousel product-tile__carousel" data-visual-names="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw106df549/hi-res/194579-956-LPUBLE_BLACK-WEB3-7.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dwaac5deea/hi-res/194579-956-LPUBLE_BLACK-WEB3-1.jpg,https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw9dd6d57e/hi-res/194579-956-LPUBLE_BLACK-WEB3-2.jpg">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        
                        


<div
    data-obf="L2ZyLWZyL3AvYmxlYWNoLS0tdmVzdGUtbm9pcmUvMTE5ODM1NS5odG1s"
    class="js-obf-link js-pdp-link product-tile__image-link"
    aria-label="Bleach - Veste noire"
    role="link"
    tabindex="0"
>
    
    
    

    
        <picture class="js-picture">
            
            <source
                width="430"
                height="553"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw106df549/hi-res/194579-956-LPUBLE_BLACK-WEB3-7.jpg?sw=862&amp;sh=1108"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw106df549/hi-res/194579-956-LPUBLE_BLACK-WEB3-7.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 431px)"
            />
            
            <source
                width="383"
                height="492"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw106df549/hi-res/194579-956-LPUBLE_BLACK-WEB3-7.jpg?sw=383&amp;sh=492"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw106df549/hi-res/194579-956-LPUBLE_BLACK-WEB3-7.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 768px)"
            />
            
            <source
                width="304"
                height="391"
                srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw106df549/hi-res/194579-956-LPUBLE_BLACK-WEB3-7.jpg?sw=304&amp;sh=391"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw106df549/hi-res/194579-956-LPUBLE_BLACK-WEB3-7.jpg?sw=862&amp;sh=1108&amp;q=85"
                media="(max-width: 1023px)"
            />
            
            <img
                class="tile-image lazy product-tile__image js-product-tile-image"
                width="358"
                height="461"
                src="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw106df549/hi-res/194579-956-LPUBLE_BLACK-WEB3-7.jpg?sw=358&amp;sh=461"
                data-srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Sites-celio-master/default/dw106df549/hi-res/194579-956-LPUBLE_BLACK-WEB3-7.jpg?sw=862&amp;sh=1108&amp;q=85"
                alt="Bleach - Veste noire"
                title="Bleach - Veste noire"
                loading="lazy"
            />
        </picture>
    

</div>

                    </div>
                </div>
                
                    <div class="swiper-pagination product-tile__carousel-pagination"></div>
                
            </div>
            
                <button type="button" class="swiper-button swiper-button-prev swiper-button__tile" aria-label="Vignette pr&eacute;c&eacute;dente"></button>
                <button type="button" class="swiper-button swiper-button-next swiper-button__tile" aria-label="Vignette suivante"></button>
            
        
    
</div>


    

    
        <div class="js-quickbuy__content quickbuy__content loading"
            data-pid="1198355"
            data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
        >
            
                <div class="veil" tabindex="0"><div class="spinner"><div class="dot1"></div><div class="dot2"></div></div></div>
            
        </div>

        
            <button type="button"
                class="js-tile-add-to-cart btn btn-text btn-text--light product-tile__cart-btn d-lg-c-none"
                data-pid=1198355                data-action-url="/on/demandware.store/Sites-celio-Site/fr_FR/Product-VariationSelection"
                data-offcanvas-id="#pdp-sizechar"
                data-manual
 tabindex="0"
                aria-label="Ajouter au panier"
                
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none">
                    <path stroke="currentColor" d="M14.75 9.03627V5.75C14.75 4.23117 13.5188 3 12 3C10.4812 3 9.25 4.23117 9.25 5.75V9.03627M5 7H19V20H5V7Z" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/>
                </svg>
            </button>
        
    
</div>


    <div class="tile-body">
        <div class="tile-body__title-swatch">
    
        


    
    

    <div class="color-swatches">
        <ul class="swatches">
            
                <li class="swatches__item swatches-item-id-956" title="noir" style="background-color: #000000;"></li>
            
        </ul>
        
    </div>


    

    




    


<h2 class="pdp-link product-tile__pdp-link">
    <a
        class="js-pdp-link product-tile__name"
        href="/fr-fr/p/bleach---veste-noire/1198355.html"
        aria-label="Bleach - Veste noire"
        tabindex="0"
    >
        Bleach - Veste noire
    </a>
</h2>
</div>

<div class="tile-body__price-promotion">
    <div class="product-tile__price">
        


<div class="js-product-price" data-loyalty-points="null">
    
        
    <div class="js-price price">
        
            
            

    
    <span class="price-wrapper">
        
        
        
        <span class="sales">
            
            


    <span class="value" content="99.99">

99,99 €
</span>

        </span>
    </span>


        
    </div>

    
</div>
    </div>

    


</div>

        
    </div>
    <!-- END_dwmarker -->
</div>

        
    </div>


</div></div>
        
    </div>

    
        <div class="carousel__button-link"><div class="experience-component experience-commerce_assets-CTAButton">

<div class="CTAButton__wrapper justify-content-center">
    <a
        href="https://www.celio.com/fr-fr/c/collabs"
        class="btn CTAButton js-cta-navigation"
        style="            --color: #fff;            --backgroundColor: #000;            --borderColor: #000;        "
        aria-label="voir toutes les collabs"
    >
        voir toutes les collabs
    </a>
</div></div></div>
    
</div>
</div><div class="experience-component experience-commerce_assets-imageBanner">

<div class="image-banner visual-component  m-full-width"
    style="">
    <div class="image-banner__inner visual-component__inner">
        

        <div class="image-banner__inner-content js-image-banner__inner-content">
            
    









<picture class="visual-component__picture">
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw1d76a586/images/content/Homepage/Septembre2026/NAUTIC_underwear_DESK.jpg?sw=2560&amp;q=90" media="(min-width: 1920px)" width="2560" height="1600" />
    
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw1d76a586/images/content/Homepage/Septembre2026/NAUTIC_underwear_DESK.jpg?sw=1920&amp;q=90" media="(min-width: 1366px)" width="1920" height="1200" />
    
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw1d76a586/images/content/Homepage/Septembre2026/NAUTIC_underwear_DESK.jpg?sw=1440&amp;q=90" media="(min-width: 960px)" width="1440" height="900"/>
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw0ba2a53f/images/content/Homepage/Septembre2026/NAUTIC_underwear_MOB.jpg?q=90" width="414" height="687"/>
    
    
    <img
        class="ITC-image image-fluid common-image-component visual-component__image"
        style="            --focal-point-x-mob:50%;            --focal-point-y-mob:50%;            --focal-point-x:50%;            --focal-point-y:50%;        "
        alt="Offre sous-vêtements celio "
        title="Offre sous-vêtements celio "
    />
</picture>



            
                <div class="image-banner__includes"><div class="experience-component experience-commerce_assets-textBanner">



<section
    class="text-banner"
    style="--heading-text-color:#ffffff;--subheading-text-color:null;--text-color:null;--text-banner-background:transparent;--text-orientation:center;--text-horizontal-orientation:center;--text-vertical-orientation:end;"
>
    <div class="text-banner__inner">
        
        
            <h2 class="text-banner__heading" >
                3 boxers ou caleçons pour 14€99.
            </h2>
        
        
        

        <hr class="text-banner__space-over" style="height: 0px" />

        

        
            <div class="text-banner__btns"><div class="experience-component experience-commerce_assets-CTAButton">

<div class="CTAButton__wrapper justify-content-center">
    <a
        href="https://www.celio.com/fr-fr/c/sous-vetements"
        class="btn CTAButton js-cta-navigation"
        style="            --color: #FFF;            --backgroundColor: #000;            --borderColor: #fff;        "
        aria-label="en profiter"
    >
        en profiter
    </a>
</div></div></div>
        
    </div>
</section>
</div></div>
            

            
                
                <a class="stretched-link" href="https://www.celio.com/fr-fr/c/sous-vetements" title="Offre sous-v&ecirc;tements celio " aria-label="Offre sous-v&ecirc;tements celio "></a>
            
        </div>
    </div>
</div>
</div><div class="experience-component experience-commerce_layouts-carousel">

<style>
    @media screen and (max-width: 575px) {
        #Carousel1791226731898.carousel.m-indented .carousel__slides {
            
            padding-right:  var(--mob-right-indent, 25%);
        }
    }
</style>

<div
    id="Carousel1791226731898"
    data-container-tracking-id="HP_Carousel_ProductTile"
    data-quickbuy-validated-atc="Valid&eacute;"
    class="carousel__body        carousel        js-tracking-carousel                                m-indented        m-full-width        carousel__general-wrapper"
    
        style="--slide-border-width:20px;--slide-border-color:transparent;--slide-border-radius:0;--slide-overflow: hidden;--badge-border-radius: 0 0 3px 3px;"
    
>
    

    <div class="carousel__slides">
        

        
            <div data-json-config="{&quot;infinite&quot;:false,&quot;dots&quot;:false,&quot;arrows&quot;:false,&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:5,&quot;responsive&quot;:[{&quot;breakpoint&quot;:1025,&quot;settings&quot;:{&quot;infinite&quot;:false,&quot;dots&quot;:false,&quot;arrows&quot;:false,&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:4}},{&quot;breakpoint&quot;:576,&quot;settings&quot;:{&quot;infinite&quot;:false,&quot;dots&quot;:false,&quot;arrows&quot;:false,&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:1}}]}" class="carousel__category carousel__general js-carousel js-carousel--general"><div class="carousel__slide">

<div class="slide-component slide-component--content-after visual-component"
    
        style="--slide-content-orientation:center;--slide-content-text-align:center;"
    
>
    
        <div class="slide-component__badge"></div>
    

    <div class="slide-component__inner visual-component__inner">
        
            <a
                href="https://www.celio.com/fr-fr/c/sous-vetements-3-calecons-pour-19e99"
                class="slide-component__visual visual-component__visual stretched-link"
            >
        

            
    









<picture class="visual-component__picture">
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwe8303b8e/images/content/Homepage/Juin2025/e-com-new-format-558x816-offres-instt_boxer-min.jpg?q=90" media="(min-width: 1920px)" width="2560" height="1600" />
    
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwe8303b8e/images/content/Homepage/Juin2025/e-com-new-format-558x816-offres-instt_boxer-min.jpg?q=90" media="(min-width: 1366px)" width="1920" height="1200" />
    
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwe8303b8e/images/content/Homepage/Juin2025/e-com-new-format-558x816-offres-instt_boxer-min.jpg?q=90" media="(min-width: 960px)" width="1440" height="900"/>
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwe8303b8e/images/content/Homepage/Juin2025/e-com-new-format-558x816-offres-instt_boxer-min.jpg?q=90" width="414" height="687"/>
    
    
    <img
        class="ITC-image image-fluid common-image-component visual-component__image"
        style="            --focal-point-x-mob:50%;            --focal-point-y-mob:50%;            --focal-point-x:50%;            --focal-point-y:50%;        "
        alt="underwear celio"
        title="underwear celio"
    />
</picture>



            
                <div class="slide-component__price"></div>
            

        
            </a>
        
    </div>

    
        <div class="slide-component__content"
            
        >
            <div class="slide-component__title heading-4">
                lot de 3 caleçons et/ou boxers pour 19€99.
            </div>
            <div class="slide-component__text paragraph">
                
            </div>
        </div>
    

    
        <div class="slide-component__btns"><div class="experience-component experience-commerce_assets-CTAButton">

<div class="CTAButton__wrapper justify-content-center">
    <a
        href="/fr-fr/c/sous-vetements-boxers-et-calecons"
        class="btn CTAButton js-cta-navigation"
        style="            --color: #000000;            --backgroundColor: #FFF;            --borderColor: #000000;        "
        aria-label="j'en profite"
    >
        j'en profite
    </a>
</div></div></div>
    
</div>
</div><div class="carousel__slide">

<div class="slide-component slide-component--content-after visual-component"
    
        style="--slide-content-orientation:center;--slide-content-text-align:center;"
    
>
    
        <div class="slide-component__badge"></div>
    

    <div class="slide-component__inner visual-component__inner">
        
            <a
                href="https://www.celio.com/fr-fr/c/sous-vetements-3-paires-de-chaussettes-pour-9e99"
                class="slide-component__visual visual-component__visual stretched-link"
            >
        

            
    









<picture class="visual-component__picture">
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw0e61174a/images/content/Homepage/Juin2025/e-com-new-format-558x816-offres-instit_chaussettes-min.jpg?q=90" media="(min-width: 1920px)" width="2560" height="1600" />
    
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw0e61174a/images/content/Homepage/Juin2025/e-com-new-format-558x816-offres-instit_chaussettes-min.jpg?q=90" media="(min-width: 1366px)" width="1920" height="1200" />
    
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw0e61174a/images/content/Homepage/Juin2025/e-com-new-format-558x816-offres-instit_chaussettes-min.jpg?q=90" media="(min-width: 960px)" width="1440" height="900"/>
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw0e61174a/images/content/Homepage/Juin2025/e-com-new-format-558x816-offres-instit_chaussettes-min.jpg?q=90" width="414" height="687"/>
    
    
    <img
        class="ITC-image image-fluid common-image-component visual-component__image"
        style="            --focal-point-x-mob:50%;            --focal-point-y-mob:50%;            --focal-point-x:50%;            --focal-point-y:50%;        "
        alt="underwear celio"
        title="underwear celio"
    />
</picture>



            
                <div class="slide-component__price"></div>
            

        
            </a>
        
    </div>

    
        <div class="slide-component__content"
            
        >
            <div class="slide-component__title heading-4">
                lot de 3 paires de chaussettes pour 9€99.
            </div>
            <div class="slide-component__text paragraph">
                
            </div>
        </div>
    

    
        <div class="slide-component__btns"><div class="experience-component experience-commerce_assets-CTAButton">

<div class="CTAButton__wrapper justify-content-center">
    <a
        href="https://www.celio.com/fr-fr/c/sous-vetements-3-paires-de-chaussettes-pour-9e99"
        class="btn CTAButton js-cta-navigation"
        style="            --color: #000000;            --backgroundColor: #fff;            --borderColor: #000000;        "
        aria-label="j'en profite"
    >
        j'en profite
    </a>
</div></div></div>
    
</div>
</div><div class="carousel__slide">

<div class="slide-component slide-component--content-after visual-component"
    
        style="--slide-content-orientation:center;--slide-content-text-align:center;"
    
>
    
        <div class="slide-component__badge"></div>
    

    <div class="slide-component__inner visual-component__inner">
        
            <a
                href="/fr-fr/c/t-shirts-3-t-shirts-pour-24e99"
                class="slide-component__visual visual-component__visual stretched-link"
            >
        

            
    









<picture class="visual-component__picture">
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwd6f6ea77/images/content/Homepage/Juin2025/e-com-new-format-558x816-offres-instit-tshirts-bis.jpg?q=90" media="(min-width: 1920px)" width="2560" height="1600" />
    
    
        <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwd6f6ea77/images/content/Homepage/Juin2025/e-com-new-format-558x816-offres-instit-tshirts-bis.jpg?q=90" media="(min-width: 1366px)" width="1920" height="1200" />
    
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwd6f6ea77/images/content/Homepage/Juin2025/e-com-new-format-558x816-offres-instit-tshirts-bis.jpg?q=90" media="(min-width: 960px)" width="1440" height="900"/>
    <source srcset="https://www.celio.com/dw/image/v2/BGBR_PRD/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwd6f6ea77/images/content/Homepage/Juin2025/e-com-new-format-558x816-offres-instit-tshirts-bis.jpg?q=90" width="414" height="687"/>
    
    
    <img
        class="ITC-image image-fluid common-image-component visual-component__image"
        style="            --focal-point-x-mob:50%;            --focal-point-y-mob:50%;            --focal-point-x:1%;            --focal-point-y:6%;        "
        alt="t-shirts celio"
        title="t-shirts celio"
    />
</picture>



            
                <div class="slide-component__price"></div>
            

        
            </a>
        
    </div>

    
        <div class="slide-component__content"
            
        >
            <div class="slide-component__title heading-4">
                lot de 3 t-shirts essentiels pour 24€99.                                                              
            </div>
            <div class="slide-component__text paragraph">
                 
            </div>
        </div>
    

    
        <div class="slide-component__btns"><div class="experience-component experience-commerce_assets-CTAButton">

<div class="CTAButton__wrapper justify-content-center">
    <a
        href="/fr-fr/c/t-shirts-3-t-shirts-pour-24e99"
        class="btn CTAButton js-cta-navigation"
        style="            --color: #000000;            --backgroundColor: #FFF;            --borderColor: #000000;        "
        aria-label="j'en profite"
    >
        j'en profite
    </a>
</div></div></div>
    
</div>
</div></div>
        
    </div>

    
        <div class="carousel__button-link"></div>
    
</div>
</div><div class="experience-component experience-commerce_layouts-desktopGrid1r1c">

<section
    class="mobile-1r-1c m-full-width HELPER"
    style="background-color: ;"
>
    <div class="region"><div class="experience-component experience-commerce_assets-htmlComponent">

<style>
    /* Utilitaire */
    .HELPER {
        display: none;
    }

.experience-commerce_assets-imageBanner > .image-banner.visual-component {
min-height : auto;
}

    /* ------------------- Titres Desktop ------------------- */
    .Title-smaller .carousel__title,
    .Title-smaller .text-banner__heading {
        font-size: 2.5rem;
    }

    .title-space .carousel__title {
        margin: 0 auto;
    }

.m-full-width:has(> .title-space) {
    margin: inherit;
}

    .carousel__title,
    .experience-main .slot__recommendations .recommendation-title {
        font-size: 2.5rem;
    }

    .experience-commerce_layouts-look .look__title {
        font-size: 2.5rem !important;
    }

    /* ------------------- Titres Mobile ------------------- */
    @media (max-width: 768px) {

        .carousel__title,
        .experience-main .slot__recommendations .recommendation-title {
            font-size: 1.5rem;
        }

        .Title-smaller .carousel__title,
        .Title-smaller .text-banner__heading {
            font-size: 1.5rem;
line-height: normal;
        }

        .Title-margin-font .text-banner__heading {
            font-size: 2rem;
            margin-bottom: 0;
        }

        .Title-smaller .carousel__title {
            font-size: 1.5rem;
        }

        .collabs-component__title {
            font-size: 2rem;
        }
    }
</style>



</div><div class="experience-component experience-commerce_assets-htmlComponent">
    <style>
            /* Taille pour ordinateur (Desktop) */

   .experience-commerce_layouts-look .look__title {
        font-size: 2.5rem !important; 
    }

    /* Taille pour mobile (en dessous de 768px) */
    @media (max-width: 768px) {
        .experience-commerce_layouts-look .look__title {
            font-size: 1.5rem !important;
        }
    }

    </style>


undefined
</div></div>
</section>
</div><div class="experience-component experience-commerce_layouts-homeRecommendations">

<div class="js-slot__recommendations slot__recommendations recommendation-full-page container">
    
        

	
<!-- =============== This snippet of JavaScript handles fetching the dynamic recommendations from the remote recommendations server
and then makes a call to render the configured template with the returned recommended products: ================= -->

<script>
(function(){
// window.CQuotient is provided on the page by the Analytics code:
var cq = window.CQuotient;
var dc = window.DataCloud;
var isCQ = false;
var isDC = false;
if (cq && ('function' == typeof cq.getCQUserId)
&& ('function' == typeof cq.getCQCookieId)
&& ('function' == typeof cq.getCQHashedEmail)
&& ('function' == typeof cq.getCQHashedLogin)) {
isCQ = true;
}
if (dc && ('function' == typeof dc.getDCUserId)) {
isDC = true;
}
if (isCQ || isDC) {
var recommender = '[[&quot;Homecelio&quot;]]';
var slotRecommendationType = decodeHtml('RECOMMENDATION');
// removing any leading/trailing square brackets and escaped quotes:
recommender = recommender.replace(/\[|\]|&quot;/g, '');
var separator = '|||';
var slotConfigurationUUID = '0afa72cb3271d7a52ebe39d521';
var contextAUID = decodeHtml('');
var contextSecondaryAUID = decodeHtml('');
var contextAltAUID = decodeHtml('');
var contextType = decodeHtml('');
var anchorsArray = [];
var contextAUIDs = contextAUID.split(separator);
var contextSecondaryAUIDs = contextSecondaryAUID.split(separator);
var contextAltAUIDs = contextAltAUID.split(separator);
var contextTypes = contextType.split(separator);
var slotName = decodeHtml('home-celio-recommendations-m');
var slotConfigId = decodeHtml('EinsteinHomeCelio');
var slotConfigTemplate = decodeHtml('slots/recommendation/recommendations.isml');
if (contextAUIDs.length == contextSecondaryAUIDs.length) {
for (i = 0; i < contextAUIDs.length; i++) {
anchorsArray.push({
id: contextAUIDs[i],
sku: contextSecondaryAUIDs[i],
type: contextTypes[i],
alt_id: contextAltAUIDs[i]
});
}
} else {
anchorsArray = [{id: contextAUID, sku: contextSecondaryAUID, type: contextType, alt_id: contextAltAUID}];
}
var urlToCall = '/on/demandware.store/Sites-celio-Site/fr_FR/CQRecomm-Start';
var params = null;
if (isCQ) {
params = {
userId: cq.getCQUserId(),
cookieId: cq.getCQCookieId(),
emailId: cq.getCQHashedEmail(),
loginId: cq.getCQHashedLogin(),
anchors: anchorsArray,
slotId: slotName,
slotConfigId: slotConfigId,
slotConfigTemplate: slotConfigTemplate,
ccver: '1.03'
};
}
// console.log("Recommendation Type - " + slotRecommendationType + ", Recommender Selected - " + recommender);
if (isDC && slotRecommendationType == 'DATA_CLOUD_RECOMMENDATION') {
// Set DC variables for API call
dcIndividualId = dc.getDCUserId();
dcUrl = dc.getDCPersonalizationPath();
if (dcIndividualId && dcUrl && dcIndividualId != '' && dcUrl != '') {
// console.log("Fetching CDP Recommendations");
var productRecs = {};
productRecs[recommender] = getCDPRecs(dcUrl, dcIndividualId, recommender);
cb(productRecs);
}
} else if (isCQ && slotRecommendationType != 'DATA_CLOUD_RECOMMENDATION') {
if (cq.getRecs) {
cq.getRecs(cq.clientId, recommender, params, cb);
} else {
cq.widgets = cq.widgets || [];
cq.widgets.push({
recommenderName: recommender,
parameters: params,
callback: cb
});
}
}
};
function decodeHtml(html) {
var txt = document.createElement("textarea");
txt.innerHTML = html;
return txt.value;
}
function cb(parsed) {
var arr = parsed[recommender].recs;
if (arr && 0 < arr.length) {
var filteredProductIds = '';
for (i = 0; i < arr.length; i++) {
filteredProductIds = filteredProductIds + 'pid' + i + '=' + encodeURIComponent(arr[i].id) + '&';
}
filteredProductIds = filteredProductIds.substring(0, filteredProductIds.length - 1);//to remove the trailing '&'
var formData = 'auid=' + encodeURIComponent(contextAUID)
+ '&scid=' + slotConfigurationUUID
+ '&' + filteredProductIds;
var request = new XMLHttpRequest();
request.open('POST', urlToCall, true);
request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
request.onreadystatechange = function() {
if (this.readyState === 4) {
// Got the product data from DW, showing the products now by changing the inner HTML of the DIV:
var divId = 'cq_recomm_slot-' + slotConfigurationUUID;
document.getElementById(divId).innerHTML = this.responseText;
//find and evaluate scripts in response:
var scripts = document.getElementById(divId).getElementsByTagName('script');
if (null != scripts) {
for (var i=0;i<scripts.length;i++) {//not combining script snippets on purpose
var srcScript = document.createElement('script');
srcScript.text = scripts[i].innerHTML;
srcScript.asynch = scripts[i].asynch;
srcScript.defer = scripts[i].defer;
srcScript.type = scripts[i].type;
srcScript.charset = scripts[i].charset;
document.head.appendChild( srcScript );
document.head.removeChild( srcScript );
}
}
}
};
request.send(formData);
request = null;
}
};
})();
</script>
<!-- The DIV tag id below is unique on purpose in case there are multiple recommendation slots on the same .isml page: -->
<div id="cq_recomm_slot-0afa72cb3271d7a52ebe39d521"></div>
<!-- ====================== snippet ends here ======================== -->
 
	
    
</div></div><div class="experience-component experience-commerce_layouts-desktopGrid1r1c">

<section
    class="mobile-1r-1c m-full-width "
    style="background-color: ;"
>
    <div class="region "><div class="experience-component experience-commerce_assets-htmlComponent">

<style>
[data-container-tracking-id="0319"] .look__title {
font-size: 4.5rem;
}

@media(max-width:768px){
[data-container-tracking-id="0319"] .look__title {
font-size: 2rem;
}
}

@media(max-width:320px){
[data-container-tracking-id="0319"] .look__title {
font-size: 1.5rem;
}
}
</style>

<script>
(function() {
    // Attendre que le DOM soit chargé
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', insertCTA);
    } else {
        insertCTA();
    }

    function insertCTA() {
        // Sélectionner l'élément look__product-list
        const productList = document.querySelector('.look__product-list');
        
        if (!productList) {
            console.warn('Element .look__product-list non trouvé');
            return;
        }

        // Créer le conteneur du CTA avec espacement adaptatif
        const ctaContainer = document.createElement('div');
        ctaContainer.className = 'look__cta-container';
        
        // Espacement réduit en mobile
        const isMobile = window.innerWidth <= 768;
        const padding = isMobile ? '20px 0' : '40px 0';
        const marginTop = isMobile ? '10px' : '20px';
        ctaContainer.style.cssText = `text-align: center; padding: ${padding}; margin-top: ${marginTop};`;

        // Créer le bouton CTA avec les classes natives du site
        const ctaButton = document.createElement('a');
        ctaButton.href = '/fr-fr/c/saisonniers-ensemble';
        ctaButton.className = 'btn CTAButton js-cta-navigation';
        ctaButton.setAttribute('role', 'button');
        ctaButton.setAttribute('aria-label', 'découvrir');
        ctaButton.textContent = 'découvrir';

        // Styles forcés : fond noir, écriture blanche
        ctaButton.style.cssText = 'background-color: #000 !important; color: #fff !important; border: 2px solid #000 !important; transition: all 0.3s ease !important;';

        // Gestion du hover : fond blanc, écriture noire
        ctaButton.addEventListener('mouseenter', function() {
            this.style.backgroundColor = '#fff';
            this.style.color = '#000';
            this.style.borderColor = '#000';
        });

        ctaButton.addEventListener('mouseleave', function() {
            this.style.backgroundColor = '#000';
            this.style.color = '#fff';
            this.style.borderColor = '#000';
        });

        // Assembler les éléments
        ctaContainer.appendChild(ctaButton);

        // Insérer après la product-list
        productList.parentNode.insertBefore(ctaContainer, productList.nextSibling);

        console.log('CTA ajouté avec succès après .look__product-list');
    }
})();
</script>
</div></div>
</section>
</div></div>
<div class="experience-region experience-store"></div>
</div>
</div>

</div>
<div
    id="pdp-sizechar"
    class="js-pdp-variation js-offcanvas offcanvas pdp-variation"
    data-no-close-search="true"
>
</div>

<div class="add-to-cart-section d-none">
    <input 
        type="hidden"
        class="add-to-cart-url"
        value="/on/demandware.store/Sites-celio-Site/fr_FR/Cart-AddProduct"
    />
    
</div>
<div class="add-to-cart-confirmation js-add-to-cart-notification d-none">

    <div class="add-to-cart-confirmation__content">

        <div class="add-to-cart-confirmation__image-block js-confirmation-overlay-product-image">
            <img class="product-line-item__image js-confirmation-overlay-product-image__img" src=" " alt=" "/>
        </div>

        <div class="add-to-cart-confirmation__info">
            <div class="add-to-cart-confirmation__message-wrapper">
                <div
                    class="product-line-item__title js-confirmation-overlay-product-message"
                >
                </div>
                <div
                    class="product-line-item__title js-confirmation-overlay-product-name"
                >
                </div>
            </div>

            <span class="icon icon--check-alert-success"></span>
        </div>

        <button class="notification__close js-close-add-notification">
            <span class="icon--close"></span>
        </button>
    </div>
    <div class="sr-only js-aria-status-message" aria-live="assertive" role="status"></div>
</div>




<div
    id="login-overlay"
    data-offcanvas="loginOverlay"
    class="js-offcanvas offcanvas login--offcanvas login js-offcanvas-login"
>
    <div class="offcanvas__header">
        <button class="offcanvas__close btn__no-styling js-offcanvas-close js-offcanvas-close-login">
            <span class="icon--close"></span>
        </button>
    </div>

    <div class="offcanvas--inner-scrolled">
        <div class="login-page js-login-overlay-content">
            
        </div>
    </div>
</div>








<div id="footercontent" class="js-footer-content">

<div class="assetPage" id="celio-footer">
    <div class="container">
        <div class="experience-region experience-main"><div class="experience-component experience-commerce_layouts-footer"><div
    class="m-full-width"
    style="background-color: ;"
>
    <footer class="footer"><div class="experience-component experience-commerce_assets-imageWithLink"><div class="img-link" style="outline:none;">
    
    
    
</div>
</div><div class="experience-component experience-commerce_layouts-desktopGrid1r4c"><div class="row" style="--last-column-background-color:inherit;">
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-iconWithText"><div class="icon-component">
    
        
            <img
                class="icon-component__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwd40815c1/images/global/footer/Click and collect.png"
                alt="Retrait GRATUIT 2h en magasin"
                loading="lazy"
            />
    
    <p class="icon-component__text">Retrait GRATUIT 2h en magasin</p>

    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-iconWithText"><div class="icon-component">
    
        
            <img
                class="icon-component__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw46b5f90b/Payement icons/ClickandCollect.png"
                alt="Livraison OFFERTE d&egrave;s 49&euro;"
                loading="lazy"
            />
    
    <p class="icon-component__text">Livraison OFFERTE d&egrave;s 49&euro;</p>

    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-iconWithText"><div class="icon-component">
    
        
            <img
                class="icon-component__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw2578377c/images/global/footer/Lock.png"
                alt="Paiement en 3x ou 4x disponible avec Alma"
                loading="lazy"
            />
    
    <p class="icon-component__text">Paiement en 3x ou 4x disponible avec Alma</p>

    
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-iconWithText"><div class="icon-component">
    
        
            <img
                class="icon-component__image"
                src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw42c4e3d9/images/global/footer/echange - 3.png"
                alt="Retours GRATUITS en magasin"
                loading="lazy"
            />
    
    <p class="icon-component__text">Retours GRATUITS en magasin</p>

    
</div>
</div></div>
</div>
</div><div class="experience-component experience-commerce_layouts-desktopGrid1r2c">

<div class="row row-social-newsletter-blocks"
    style="background-color: ;">

    <div class="region col-lg-c-6 col-md-6 col-sm-12"><div class="experience-component experience-commerce_assets-footer-newsletterBlock">

<div class="newsletter-block"
    style="background-color: ;">
    
        <p class="newsletter-block__title">
            Inscrivez-vous à la newsletter celio men.
        </p>
    

    <span class="newsletter-block__text">
        
            
        
    </span>

    <form role="form" novalidate class="newsletter-block__form js-subscription-form form-group required"
        aria-label="Inscription newsletter"
        data-href="/on/demandware.store/Sites-celio-Site/fr_FR/EmailSubscribe-Subscribe">
        <div class="newsletter-block__form-subscription">
            <div class="newsletter-block__input-wrapper">
                <input type="email" class="form-control col-7 col-sm-9 col-md-8 col-lg-9 js-form-newsletter-email" name="subscribeEmail"
                    title="Champ d&rsquo;inscription &agrave; la newsletter"
                    placeholder="Adresse email"
                    aria-label="Inscription newsletter"
                    autocomplete="email"
                    pattern="^[\w.%+\-]+@[a-z0-9_\-]+(\.[a-z0-9_\-]+)*\.[a-z]{2,4}$"
                    data-custom-error-email="Le format de votre adresse e-mail ne semble pas valide."
                    data-custom-error-response="Nous n&rsquo;avons pas pu vous inscrire &agrave; cause d&rsquo;une erreur technique. Rechargez la page et r&eacute;essayez."
                    data-custom-warning="Cette adresse e-mail est d&eacute;j&agrave; inscrite &agrave; notre newsletter."
                    data-custom-success="Merci ! votre inscription a bien &eacute;t&eacute; prise en compte."
                />
                <button type="submit" class="newsletter-block__submit" data-default-text="valider">
                    <img src="/on/demandware.static/Sites-celio-Site/-/default/dw6a20efcd/images/icons/mail-black.svg"
                        loading="lazy"
                        alt="global.newslettre"/>
                </button>
            </div>
            <div class="newsletter-block__error-wrapper">
                <div class="js-image-feedback"></div>
                <div class="js-message-feedback"></div>
            </div>
        </div>
    </form>

    
        <span class="newsletter-block__info-text">
            CELIO mesure l’ouverture de ses courriels, ainsi que les clics effectués sur les liens qu’ils contiennent au moyen de traceurs. Pour en savoir plus sur le traitement de vos données personnelles et le suivi des emails, cliquez <a href="https://staging-eu01-celio.demandware.net/on/demandware.store/Sites-Site/default%3bsite%3dcelio/ViewLdsBusinessManagerScreen-PageDesigner/https://www.celio.com/on/demandware.store/Sites-celio-Site/fr_FR/Page-Show?%2520%27cid%27=%2520%27privacy-policy%27" target="_self" data-link-type="content-asset" data-link-label="privacy-policy" style="background-color: rgb(255, 255, 255);">ici</a>.
        </span>
    
</div>
</div></div>
    <div class="region col-lg-c-6 col-md-6 col-sm-12"><div class="experience-component experience-commerce_assets-footer-socialBlock"><div
    class="social-block"
    style="background-color:"
>
    <div class="social-block__title">Suivez-nous sur les r&eacute;seaux</div>

    
        <p class="social-block__text">Rejoignez-nous sur les r&eacute;seaux sociaux pour ne rien manquer : actus, nouveaut&eacute;s, bons plans...</p>
    

    <div class="social-block__links"><div class="experience-component experience-commerce_assets-footer-socialLink"><a
    href="https://www.instagram.com/celio_benormal/?hl=fr"
    class="social-block__link js-social-block__link"
    target="_blank"
    data-gtm-label="instagram"
    aria-label="instagram"
    data-prevent-analytics="true"
>
    
    

    <img
        class="social-block__image"
        src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw884cdf0b/images/global/footer/social-icon_instagram.png"
        alt="compte instagram celio "
        width="24"
        height="24"
        loading="lazy"
    />
</a>
</div><div class="experience-component experience-commerce_assets-footer-socialLink"><a
    href="https://www.facebook.com/celiofrance/?locale=fr_FR"
    class="social-block__link js-social-block__link"
    target="_blank"
    data-gtm-label="facebook"
    aria-label="facebook"
    data-prevent-analytics="true"
>
    
    

    <img
        class="social-block__image"
        src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw444faf4f/images/global/footer/social-icon_facebook.png"
        alt="compte facebook celio"
        width="24"
        height="24"
        loading="lazy"
    />
</a>
</div><div class="experience-component experience-commerce_assets-footer-socialLink"><a
    href="https://www.tiktok.com/@celio_benormal?lang=fr"
    class="social-block__link js-social-block__link"
    target="_blank"
    data-gtm-label="tiktok"
    aria-label="tiktok"
    data-prevent-analytics="true"
>
    
    

    <img
        class="social-block__image"
        src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw8d38ee4b/images/global/footer/social-icon_tiktok.png"
        alt="compte tiktok celio "
        width="24"
        height="24"
        loading="lazy"
    />
</a>
</div><div class="experience-component experience-commerce_assets-footer-socialLink"><a
    href="https://twitter.com/celio"
    class="social-block__link js-social-block__link"
    target="_blank"
    data-gtm-label="social_X"
    aria-label="social_X"
    data-prevent-analytics="true"
>
    
    

    <img
        class="social-block__image"
        src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw8e33cdc3/images/global/footer/social-icon_x.png"
        alt="compte X celio"
        width="24"
        height="24"
        loading="lazy"
    />
</a>
</div><div class="experience-component experience-commerce_assets-footer-socialLink"><a
    href="https://www.threads.net/@celio_benormal"
    class="social-block__link js-social-block__link"
    target="_blank"
    data-gtm-label="threads"
    aria-label="threads"
    data-prevent-analytics="true"
>
    
    

    <img
        class="social-block__image"
        src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwdce0445b/images/global/footer/social-icon_threads.png"
        alt="compte threads celio"
        width="24"
        height="24"
        loading="lazy"
    />
</a>
</div><div class="experience-component experience-commerce_assets-footer-socialLink"><a
    href="https://www.youtube.com/@celio"
    class="social-block__link js-social-block__link"
    target="_blank"
    data-gtm-label="youtube"
    aria-label="youtube"
    data-prevent-analytics="true"
>
    
    

    <img
        class="social-block__image"
        src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dwbe1f6288/images/global/footer/social-icon_youtube.png"
        alt="compte youtube celio"
        width="24"
        height="24"
        loading="lazy"
    />
</a>
</div><div class="experience-component experience-commerce_assets-footer-socialLink"><a
    href="https://fr.linkedin.com/company/celio"
    class="social-block__link js-social-block__link"
    target="_blank"
    data-gtm-label="linkedin"
    aria-label="linkedin"
    data-prevent-analytics="true"
>
    
    

    <img
        class="social-block__image"
        src="/on/demandware.static/-/Library-Sites-celio-shared-library/default/dw00249394/images/global/footer/social-icon_linkedin.png"
        alt="compte linkedin celio"
        width="24"
        height="24"
        loading="lazy"
    />
</a>
</div></div>
</div></div></div>

</div>
</div><div class="experience-component experience-commerce_assets-dropdownItem"><div
    style="color: #000000;"
    class="footer__dropdown"
    data-prevent-analytics="true"
>
    <div
        class="dropdown__title js-dropdown-header"
        tabindex="0"
        aria-expanded="false"
        aria-haspopup="true"
        aria-controls="Section - Nos cat&eacute;gories"
        role="button"
    >
        <span>Nos cat&eacute;gories</span>
        <span class="icon--plus" aria-hidden="true"></span>
    </div>

    <div
        id="Section - Nos cat&eacute;gories"
        class="dropdown__menu js-dropdown-menu"
        role="region"
        aria-hidden="true"
    >
        <div class="dropdown__container"><div class="dropdown__list"><div class="row" style="--last-column-background-color:inherit;">
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/pantalons"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="Pantalons"
        >
            <span class="dropdown__item-link--text">
                Pantalons
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pantalons-pantalons-chinos"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: #000000;"
    data-menu-item-analytics-label="Chinos"
>
    <p class="dropdown__item-list-title" style="--color: #000000;">
        Chinos
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pantalons-pantalons-cargos"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Cargos"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Cargos
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pantalons-pantalons-joggings"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: #000000;"
    data-menu-item-analytics-label="Joggings"
>
    <p class="dropdown__item-list-title" style="--color: #000000;">
        Joggings
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pantalons-pantalons-en-coton"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: #000000;"
    data-menu-item-analytics-label="Pantalons en coton"
>
    <p class="dropdown__item-list-title" style="--color: #000000;">
        Pantalons en coton
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pantalons-pantalons-en-lin"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons en lin"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons en lin
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pantalons-pantalons-blancs"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pantalons blancs"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pantalons blancs
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/jeans-jeans-jogging"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="false"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="Jeans jogging"
        >
            <span class="dropdown__item-link--text">
                Jeans jogging
            </span>
        </a>
    

    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #000000;        --backgroundColor: transparent;        --borderColor: #000000;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/pulls"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #000000;"
            data-has-sub-menu="true"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="Pulls"
        >
            <span class="dropdown__item-link--text">
                Pulls
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pulls-pulls-col-rond"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Pulls col rond"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Pulls col rond
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pulls-pulls-col-v"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: #000000;"
    data-menu-item-analytics-label="Pulls col V"
>
    <p class="dropdown__item-list-title" style="--color: #000000;">
        Pulls col V
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/pulls-pulls-en-cachemire"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: #000000;"
    data-menu-item-analytics-label="Pulls en cachemire"
>
    <p class="dropdown__item-list-title" style="--color: #000000;">
        Pulls en cachemire
    </p>
</a>

</li></ul>
        </div>
    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/chemises"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="Chemises"
        >
            <span class="dropdown__item-link--text">
                Chemises
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/chemises-chemises-blanches"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chemises blanches"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chemises blanches
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/chemises-chemises-noires"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chemises noires"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chemises noires
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/chemises-chemises-bleues"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chemises bleues"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chemises bleues
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/chemises-chemises-slim"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chemises cintr&eacute;es"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chemises cintr&eacute;es
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/chemises-chemises-en-coton"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chemises en coton"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chemises en coton
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/chemises-chemises-en-lin"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chemises en lin"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chemises en lin
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/chemises-chemises-a-carreaux-bucheron"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chemises &agrave; carreaux"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chemises &agrave; carreaux
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/chemises-surchemises"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Surchemises"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Surchemises
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/chemises-chemises-manches-courtes"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chemisettes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chemisettes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/ceremonie-chemise-de-mariage"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chemises de mariage"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chemises de mariage
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/chemises-chemises-hawaiennes"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Chemises hawa&iuml;ennes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Chemises hawa&iuml;ennes
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/costumes"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="Costumes"
        >
            <span class="dropdown__item-link--text">
                Costumes
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/costumes-blazers"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Blazer"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Blazer
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/costumes-costume-de-mariage"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Costumes de mariage"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Costumes de mariage
    </p>
</a>

</li></ul>
        </div>
    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/blousons-et-manteaux"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="Blousons et manteaux"
        >
            <span class="dropdown__item-link--text">
                Blousons et manteaux
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/blousons-et-manteaux-bombers"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: #000000;"
    data-menu-item-analytics-label="Bomber"
>
    <p class="dropdown__item-list-title" style="--color: #000000;">
        Bomber
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/blousons-et-manteaux-doudounes"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Doudounes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Doudounes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/doudounes-doudounes-legeres"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Doudounes l&eacute;g&egrave;res"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Doudounes l&eacute;g&egrave;res
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/blousons-et-manteaux-doudounes-et-vestes-sans-manches"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Doudounes sans manches"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Doudounes sans manches
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/accessoires"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="Accessoires"
        >
            <span class="dropdown__item-link--text">
                Accessoires
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/accessoires-gants"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Gants"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Gants
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/accessoires-bonnets"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: #000000;"
    data-menu-item-analytics-label="Bonnets"
>
    <p class="dropdown__item-list-title" style="--color: #000000;">
        Bonnets
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/accessoires-ceintures-et-bretelles"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Ceintures"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Ceintures
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/accessoires-cravates-et-noeuds-papillons"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Cravates"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Cravates
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/accessoires-noeuds-papillon"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Noeuds papillon"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Noeuds papillon
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/sous-vetements"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="false"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="Sous-v&ecirc;tements"
        >
            <span class="dropdown__item-link--text">
                Sous-vêtements
            </span>
        </a>
    

    
</div></div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/saisonniers"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title has-sub-menu"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="true"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="Temps forts"
        >
            <span class="dropdown__item-link--text">
                Temps forts
            </span>
        </a>
    

    
        <div class="dropdown__item-list js-navigation-dropdown js-sub-menu-link-dropdown" role="menu">
            <div class="dropdown__header">
                
            </div>
            <ul class="js-menu-scrollable dropdown__item-list-container"><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/soldes"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Soldes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Soldes
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/ventes-privees"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Ventes priv&eacute;es"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Ventes priv&eacute;es
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/black-friday"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Black Friday"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Black Friday
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/noel"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="No&euml;l"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        No&euml;l
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-saint-valentin"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Saint-Valentin"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Saint-Valentin
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-fete-des-peres"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="F&ecirc;tes des p&egrave;res"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        F&ecirc;tes des p&egrave;res
    </p>
</a>

</li><li class="dropdown__item-list-element js-sub-menu-link-item"><a
    href="https://www.celio.com/fr-fr/c/saisonniers-ceremonie"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Mariage et c&eacute;r&eacute;monie"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Mariage et c&eacute;r&eacute;monie
    </p>
</a>

</li></ul>
        </div>
    
</div></div><div class="experience-component experience-commerce_assets-subMenuLink">



<div class="dropdown__item sub-menu-link js-sub-menu-link js-navigation-item" style="        --color: #16191d;        --backgroundColor: transparent;        --borderColor: #8C98A6;    ">
    
        <a
            href="https://www.celio.com/fr-fr/c/vetements-pas-chers"
            class="dropdown__item-link js-dropdown__item-link js-dropdown-head-title"
            aria-expanded="false"
            style="--color: #16191d;"
            data-has-sub-menu="false"
            data-sub-menu-open="false"
            data-menu-item-analytics-label="V&ecirc;tements pas chers"
        >
            <span class="dropdown__item-link--text">
                Vêtements pas chers
            </span>
        </a>
    

    
</div></div></div>
</div>
</div></div>
    </div>
</div>
</div><div class="experience-component experience-commerce_layouts-desktopGrid1r4c"><div class="row" style="--last-column-background-color:inherit;">
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-navigationLinks">

<div class="navigation-links js-navigation-links">
    <div class="navigation-links__head dropdown__title js-dropdown-header"
        tabindex="0"
        aria-expanded="false"
        aria-haspopup="true"
        role="button"
        data-close-outside="false"
    >
        A propos
        <span class="icon--plus" aria-hidden="true"></span>
    </div>

    <div class="navigation-links__content js-dropdown-menu"><div class="navigation-links__link"><a
    href="https://www.celio.com/fr-fr/brand.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: #000000;"
    data-menu-item-analytics-label="be normal"
>
    <p class="dropdown__item-list-title" style="--color: #000000;">
        be normal
    </p>
</a>

</div><div class="navigation-links__link"><a
    href="https://www.celio.com/fr-fr/mode-homme/rse.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="D&eacute;veloppement durable"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        D&eacute;veloppement durable
    </p>
</a>

</div><div class="navigation-links__link"><a
    href="https://www.celio.com/fr-fr/programme-de-fidelite.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Programme de fid&eacute;lit&eacute; be+"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Programme de fid&eacute;lit&eacute; be+
    </p>
</a>

</div><div class="navigation-links__link"><a
    href="https://www.celio.com/fr-fr/competition-rules.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="R&egrave;glement jeux concours"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        R&egrave;glement jeux concours
    </p>
</a>

</div><div class="navigation-links__link"><a
    href="https://www.celio.com/fr-fr/mode-homme/durabilite.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide d'entretien"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide d'entretien
    </p>
</a>

</div><div class="navigation-links__link"><a
    href="https://celio-talents.com/"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Carri&egrave;res - Rejoins nous"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Carri&egrave;res - Rejoins nous
    </p>
</a>

</div><div class="navigation-links__link"><a
    href="https://www.celio.com/fr-fr/media-press.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Relation presse"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Relation presse
    </p>
</a>

</div><div class="navigation-links__link"><a
    href="https://www.celio.com/fr-fr/legal/consolidation-agec.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Fiches qualit&eacute;s et caract&eacute;ristiques environnementales"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Fiches qualit&eacute;s et caract&eacute;ristiques environnementales
    </p>
</a>

</div></div>
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-navigationLinks">

<div class="navigation-links js-navigation-links">
    <div class="navigation-links__head dropdown__title js-dropdown-header"
        tabindex="0"
        aria-expanded="false"
        aria-haspopup="true"
        role="button"
        data-close-outside="false"
    >
        Magasins et services
        <span class="icon--plus" aria-hidden="true"></span>
    </div>

    <div class="navigation-links__content js-dropdown-menu"><div class="navigation-links__link"><a
    href="/fr-fr/stores"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Trouver un magasin"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Trouver un magasin
    </p>
</a>

</div><div class="navigation-links__link"><a
    href="https://www.celio.com/fr-fr/faq-refund.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Retours et remboursements"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Retours et remboursements
    </p>
</a>

</div><div class="navigation-links__link"><a
    href="https://www.celio.com/fr-fr/p/la-e-carte-cadeau/40000060.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Carte cadeau"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Carte cadeau
    </p>
</a>

</div><div class="navigation-links__link"><a
    href="https://captiv8.io/lp/creator-celio/creator-signup/"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Programme d'affiliation"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Programme d'affiliation
    </p>
</a>

</div></div>
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-navigationLinks">

<div class="navigation-links js-navigation-links">
    <div class="navigation-links__head dropdown__title js-dropdown-header"
        tabindex="0"
        aria-expanded="false"
        aria-haspopup="true"
        role="button"
        data-close-outside="false"
    >
        Aide
        <span class="icon--plus" aria-hidden="true"></span>
    </div>

    <div class="navigation-links__content js-dropdown-menu"><div class="navigation-links__link"><a
    href="/fr-fr/contactus"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Service clients"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Service clients
    </p>
</a>

</div><div class="navigation-links__link"><a
    href="https://www.celio.com/fr-fr/faqs.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Questions fr&eacute;quentes"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Questions fr&eacute;quentes
    </p>
</a>

</div><div class="navigation-links__link"><a
    href="https://www.celio.com/fr-fr/guide-taille/guide-des-tailles-pantalons.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Guide des tailles"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Guide des tailles
    </p>
</a>

</div><div class="navigation-links__link">
    <button type="button" class="accessiway-trigger js-accessiway-trigger"
        style="color: inherit;" data-accessiway-src="https://eu.acsbapp.com/apps/app/dist/js/app.js"
        data-accessiway-statement="" aria-label="Options d&rsquo;accessibilit&eacute; ">
        <p class="accessiway-trigger__paragraph" style="--color: inherit;">
            Options d&rsquo;accessibilit&eacute; 
        </p>
        <span class="accessiway-trigger__icon" part="acsb-trigger-icon">
            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewbox="0 0 100 131.3">
                <path d="M71.6 131.3c1 0 2.1-.3 3.1-.8 3.9-1.8 5.5-6.2 3.6-10.1 0 0-14.3-32.7-16.9-44.7-1-4.2-1.6-15.3-1.8-20.5 0-1.8 1-3.4 2.6-3.9l32-9.6c3.9-1 6.2-5.5 5.2-9.4s-5.5-6.2-9.4-5.2c0 0-29.6 9.6-40.3 9.6-10.4 0-39.8-9.4-39.8-9.4-3.9-1-8.3.8-9.6 4.7-1.3 4.2 1 8.6 5.2 9.6l32 9.6c1.6.5 2.9 2.1 2.6 3.9-.3 5.2-.8 16.4-1.8 20.5-2.6 12-16.9 44.7-16.9 44.7-1.8 3.9 0 8.3 3.6 10.1 1 .5 2.1.8 3.1.8 2.9 0 5.7-1.6 6.8-4.4l15.3-31.2L64.8 127c1.3 2.7 3.9 4.3 6.8 4.3"></path>
                <circle cx="50.3" cy="14.6" r="14.6"></circle>
            </svg>
        </span>
    </button>
</div><div class="navigation-links__link"><a
    href="https://www.celio.com/fr-fr/garantie-legale.html"
    
    class="dropdown__item-list-link"
    tabindex="0"
    style="color: inherit;"
    data-menu-item-analytics-label="Garantie l&eacute;gale de conformit&eacute;"
>
    <p class="dropdown__item-list-title" style="--color: inherit;">
        Garantie l&eacute;gale de conformit&eacute;
    </p>
</a>

</div></div>
</div>
</div></div>
    <div class="region col-lg-c-3 col-md-c-3 col-sm-12"><div class="experience-component experience-commerce_assets-navigationLinks">

<div class="navigation-links js-navigation-links">
    <div class="navigation-links__head dropdown__title js-dropdown-header"
        tabindex="0"
        aria-expanded="false"
        aria-haspopup="true"
        role="button"
        data-close-outside="false"
    >
        Service clients
        <span class="icon--plus" aria-hidden="true"></span>
    </div>

    <div class="navigation-links__content js-dropdown-menu"><div class="navigation-links__link"><div class="action-component" >
    <a
        href="/fr-fr/contactus"
        class="btn action-component__btn"
        style="            --color: #fff;            --backgroundColor: #000;            --borderColor: #000;        "
    >
        Contactez-nous
    </a>
    <span class="action-component__subtext"></span>
    <p class="action-component__text">Notre Service Client r&eacute;pond &agrave; vos questions du lundi au samedi de 9h &agrave; 18h.</p>
</div>
</div></div>
</div>
</div></div>
</div>
</div><div class="experience-component experience-commerce_assets-footer-legalBlock"><div
    class="legal-block container"
    style="background-color:"
>
    <ul class="legal-block__links row"><li class="legal-block__link"><a
    href="https://www.celio.com/fr-fr/terms.html"
    style="color: inherit;"
    target="_blank"
>
    Conditions g&eacute;n&eacute;rales de vente
</a>
</li><li class="legal-block__link"><a
    href="https://www.celio.com/fr-fr/privacy-policy.html"
    style="color: inherit;"
    target="_blank"
>
    Politique de confidentialit&eacute;
</a>
</li><li class="legal-block__link"><a
    href="https://www.celio.com/fr-fr/legal-notice.html"
    style="color: inherit;"
    target="_blank"
>
    Mentions l&eacute;gales
</a>
</li><li class="legal-block__link"><a
    href="https://www.celio.com/fr-fr/accessibilite-numerique.html"
    style="color: inherit;"
    target="_blank"
>
    Accessibilit&eacute; : partiellement conforme
</a>
</li><li class="legal-block__link"><a
    href="https://www.celio.com/fr-fr/terms-and-conditions-offers.html"
    style="color: inherit;"
    target="_blank"
>
    Conditions des offres
</a>
</li><li class="legal-block__link"><a
    href="https://www.celio.com/fr-fr/sitemap.html"
    style="color: inherit;"
    target="_blank"
>
    Sitemap
</a>
</li><li class="legal-block__link"><a
    href="javascript:Didomi.preferences.show()"
    style="color: inherit;"
    target="_self"
>
    G&eacute;rer mes cookies
</a>
</li><li class="legal-block__link"><a
    href="https://www.celio.com/fr-fr/politique-cookies.html"
    style="color: inherit;"
    target="_blank"
>
    Politique cookies
</a>
</li><li class="legal-block__link">

<style>img#tc_img_211_1, img#tc_img_210_1, body + img, body img:nth-last-of-type(1) {display:block;} .legal-block__link:last-child{padding:0;} .store-page__store-events{background-color:#F6F5F5;border-radius:8px;padding:24px 0;font-size:16px;font-weight:bold;line-height:22px;color:#000;text-align:center;margin:24px 0 0;} .store-page__store-events .StoreOpen::before{content: url(/on/demandware.static/-/Library-Sites-celio-shared-library/default/v72442a1ec1ec955312abbd1bae2675ade653e6a0/images/global/picto-check-circle.svg);margin-right:8px;vertical-align:middle;} .store-page__store-events .StoreClose::before{content: url(/on/demandware.static/-/Library-Sites-celio-shared-library/default/v72442a1ec1ec955312abbd1bae2675ade653e6a0/images/global/picto-cross-circle.svg);margin-right:8px;vertical-align:middle;}
</style>
</li></ul>
    
        <div class="legal-block__localization">
            



    <div class="js-dropdown-header js-localization header-settings__localization"
        data-url="/on/demandware.store/Sites-celio-Site/fr_FR/Page-SetLocale"
        role="button"
        aria-haspopup="listbox"
        aria-expanded="false"
        aria-controls="localization-listbox"
        tabindex="0">
        <p class="header-localization__action-title">Choix de langue</p>
        <div class='header-localization'>
            <span class="header-localization__text">FR - fran&ccedil;ais</span>
            <img
                src="/on/demandware.static/Sites-celio-Site/-/default/dw2cac533c/images/header/flag_FR.svg"
                alt="flag-fr-button"
                loading="lazy"
                class="header-localization__img"
            />
        </div>
        <span class="header-localization__icon icon--chevron-down-small"></span>
    </div>
    <div class="js-dropdown-menu js-dropdown-menu-arrow-control localization-dropdown-menu" tabindex="0">
        <div class="localization-selector">
            <ul class="js-localization-list localization-selector__list" role="listbox" id="localization-listbox">
                
                    
                        <li
                            role="option"
                            class="js-locale localization-selector__item localization-selector__list-element active localization-selector__item--current"
                            data-locale="fr_FR"
                            data-currencycode="EUR"
                            tabindex="0"
                        >
                            <div class="localization__icon localization__icon--fr"></div>
                            <span class="localization__text localization__text--underline">
                                France - fran&ccedil;ais
                            </span>
                        </li>
                    
                
                    
                        <li
                            role="option"
                            class="js-locale localization-selector__item localization-selector__list-element"
                            data-locale="en_FR"
                            data-currencycode="EUR"
                            tabindex="0"
                        >
                            <div class="localization__icon localization__icon--fr"></div>
                            <span class="localization__text localization__text--underline">
                                France - English
                            </span>
                        </li>
                    
                
                    
                        <li
                            role="option"
                            class="js-locale localization-selector__item localization-selector__list-element"
                            data-locale="es_ES"
                            data-currencycode="EUR"
                            tabindex="0"
                        >
                            <div class="localization__icon localization__icon--es"></div>
                            <span class="localization__text localization__text--underline">
                                Espa&ntilde;a - Espa&ntilde;ol
                            </span>
                        </li>
                    
                
                    
                        <li
                            role="option"
                            class="js-locale localization-selector__item localization-selector__list-element"
                            data-locale="nl_BE"
                            data-currencycode="EUR"
                            tabindex="0"
                        >
                            <div class="localization__icon localization__icon--be"></div>
                            <span class="localization__text localization__text--underline">
                                Belgi&euml; - Nederlands
                            </span>
                        </li>
                    
                
                    
                        <li
                            role="option"
                            class="js-locale localization-selector__item localization-selector__list-element"
                            data-locale="fr_BE"
                            data-currencycode="EUR"
                            tabindex="0"
                        >
                            <div class="localization__icon localization__icon--be"></div>
                            <span class="localization__text localization__text--underline">
                                Belgique - fran&ccedil;ais
                            </span>
                        </li>
                    
                
                    
                        <li
                            role="option"
                            class="js-locale localization-selector__item localization-selector__list-element"
                            data-locale="pt_PT"
                            data-currencycode="EUR"
                            tabindex="0"
                        >
                            <div class="localization__icon localization__icon--pt"></div>
                            <span class="localization__text localization__text--underline">
                                Portugal - Portugu&ecirc;s
                            </span>
                        </li>
                    
                
                    
                        <li role="option" class="localization-selector__item localization-selector__list-element" tabindex="0">
                            <a
                                href="https://celio.in/"
                                rel="nofollow noopener"
                                class="localization-selector__external-link"
                                aria-label="Inde - anglais"
                            >
                                <div class="localization__icon localization__icon--in"></div>
                                <span class="localization__text localization__text--underline">
                                    Inde - anglais
                                </span>
                            </a>
                        </li>
                    
                
            </ul>
        </div>
    </div>


        </div>
    
</div></div></footer>
</div>
</div></div>
    </div>
</div>

</div>
</div>
<div class="error-messaging"></div>
<div class="modal-background js-modal-background"></div>



<!--[if lt IE 10]>

    <script defer type="text/javascript" src="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/js/main.js"></script>



    <script defer
        
            type="text/javascript"
        
        
        src="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/js/experience/components/commerceAssets/bannerSlider.js"
        
    >
    </script>

    <script defer
        
            type="text/javascript"
        
        
        src="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/js/campaignBanner.js"
        
    >
    </script>

<![endif]-->

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PSSL5WH8"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) --><script src="https://cdn.jsdelivr.net/npm/@reachfive/identity-core@latest/umd/identity-core.min.js"></script>
    <script>
        window.sdkCoreClient = reach5.createClient({
            // Required parameters
            domain: 'sso.celio.com',
            clientId: 'WjH5Pb21GzzJp2wm2boP',
            // Optional parameter
            language: 'fr' || 'en',
            locale: 'FR'
        });
        window.reach5Const = {
            callbackUrl: 'https://www.celio.com/on/demandware.store/Sites-celio-Site/fr_FR/ReachFiveController-CallbackReachFiveRequest',
            reachFiveLogoutUrl: 'https://www.celio.com/fr-fr/logout',
            siteID: 'celio',
            stateUrl: 'https://www.celio.com/on/demandware.servlet/Sites-celio-Site/fr_FR/__SYSTEM__Page-Render?cid=celio-homepage&amp;params=%7b%22custom%22%3a%22%7b%5c%22action%5c%22%3a%5c%22Home-Show%5c%22%2c%5c%22queryString%5c%22%3a%5c%22%5c%22%2c%5c%22locale%5c%22%3a%5c%22fr_FR%5c%22%2c%5c%22tracking_consent%5c%22%3atrue%2c%5c%22csrf%5c%22%3a%7b%5c%22tokenName%5c%22%3a%5c%22csrf_token%5c%22%2c%5c%22token%5c%22%3a%5c%22cR_j3o29Jo7Y-Ze1NEhkhZcf2dqNFYjfXUuoIZbFMlgaoXfwvTOUTqcGRWDxQmgo9-dpk4v_HQx6qTgJTgZaNJ_-_IWkxw1_4zKTARVY0M8ofCmf4aslmWCN-O7XKTX8Yz4VgGq5TkMKi6XTa3PYxeya_fjotwWmzRsRDSpQ7ioo4fCy0co%3d%5c%22%7d%2c%5c%22CurrentPageMetaData%5c%22%3a%7b%5c%22title%5c%22%3a%5c%22Sites-celio-Site%5c%22%2c%5c%22description%5c%22%3a%5c%22%5c%22%2c%5c%22keywords%5c%22%3a%5c%22%5c%22%2c%5c%22pageMetaTags%5c%22%3a%5b%5d%7d%2c%5c%22organization%5c%22%3a%5c%22%7b%5c%5c%5c%22context%5c%5c%5c%22%3a%5c%5c%5c%22https%3a%2f%2fschema%2eorg%5c%5c%5c%22%2c%5c%5c%5c%22type%5c%5c%5c%22%3a%5c%5c%5c%22Organization%5c%5c%5c%22%2c%5c%5c%5c%22url%5c%5c%5c%22%3a%5c%5c%5c%22https%3a%2f%2fwww%2ecelio%2ecom%2ffr-fr%5c%5c%5c%22%2c%5c%5c%5c%22logo%5c%5c%5c%22%3a%5c%5c%5c%22%2fon%2fdemandware%2estatic%2fSites-celio-Site%2f-%2fdefault%2fdw3e50c8ad%2fimages%2ffavicons%2ffavicon-196x196%2epng%5c%5c%5c%22%7d%5c%22%2c%5c%22siteBrand%5c%22%3a%5c%22CELIO%5c%22%2c%5c%22hrefLangs%5c%22%3a%5b%7b%5c%22localeID%5c%22%3a%5c%22fr-FR%5c%22%2c%5c%22url%5c%22%3a%5c%22https%3a%2f%2fwww%2ecelio%2ecom%2ffr-fr%5c%22%7d%2c%7b%5c%22localeID%5c%22%3a%5c%22en-fr%5c%22%2c%5c%22url%5c%22%3a%5c%22https%3a%2f%2fwww%2ecelio%2ecom%2fen-fr%5c%22%7d%2c%7b%5c%22localeID%5c%22%3a%5c%22es%5c%22%2c%5c%22url%5c%22%3a%5c%22https%3a%2f%2fwww%2ecelio%2ecom%2fes-es%5c%22%7d%2c%7b%5c%22localeID%5c%22%3a%5c%22nl%5c%22%2c%5c%22url%5c%22%3a%5c%22https%3a%2f%2fwww%2ecelio%2ecom%2fnl-be%5c%22%7d%2c%7b%5c%22localeID%5c%22%3a%5c%22fr-BE%5c%22%2c%5c%22url%5c%22%3a%5c%22https%3a%2f%2fwww%2ecelio%2ecom%2ffr-be%5c%22%7d%2c%7b%5c%22localeID%5c%22%3a%5c%22pt%5c%22%2c%5c%22url%5c%22%3a%5c%22https%3a%2f%2fwww%2ecelio%2ecom%2fpt-pt%5c%22%7d%2c%7b%5c%22localeID%5c%22%3a%5c%22x-default%5c%22%2c%5c%22url%5c%22%3a%5c%22https%3a%2f%2fwww%2ecelio%2ecom%2ffr-fr%5c%22%7d%5d%2c%5c%22canonicalUrl%5c%22%3a%5c%22https%3a%2f%2fwww%2ecelio%2ecom%2ffr-fr%5c%22%2c%5c%22gtm%5c%22%3a%7b%5c%22env_template%5c%22%3a%5c%22homepage%5c%22%2c%5c%22env_country%5c%22%3a%5c%22celio-fr%5c%22%2c%5c%22env_language%5c%22%3a%5c%22fr%5c%22%2c%5c%22env_work%5c%22%3a%5c%22PROD%5c%22%2c%5c%22env_universe%5c%22%3a%5c%22men%5c%22%2c%5c%22nav_category_1%5c%22%3a%5c%22Sites-celio-Site%5c%22%7d%7d%22%2c%22aspect_attributes%22%3anull%7d&amp;vf=4c3dc279c4e8636b0a2ab3a847c92920',
            reachFiveCookieName: 'r5.conversion',
            stateObjBase64: 'eyJyZWRpcmVjdFVSTCI6Imh0dHBzOi8vd3d3LmNlbGlvLmNvbS9vbi9kZW1hbmR3YXJlLnNlcnZsZXQvU2l0ZXMtY2VsaW8tU2l0ZS9mcl9GUi9fX1NZU1RFTV9fUGFnZS1SZW5kZXI/Y2lkPWNlbGlvLWhvbWVwYWdlJnBhcmFtcz0lN2IlMjJjdXN0b20lMjIlM2ElMjIlN2IlNWMlMjJhY3Rpb24lNWMlMjIlM2ElNWMlMjJIb21lLVNob3clNWMlMjIlMmMlNWMlMjJxdWVyeVN0cmluZyU1YyUyMiUzYSU1YyUyMiU1YyUyMiUyYyU1YyUyMmxvY2FsZSU1YyUyMiUzYSU1YyUyMmZyX0ZSJTVjJTIyJTJjJTVjJTIydHJhY2tpbmdfY29uc2VudCU1YyUyMiUzYXRydWUlMmMlNWMlMjJjc3JmJTVjJTIyJTNhJTdiJTVjJTIydG9rZW5OYW1lJTVjJTIyJTNhJTVjJTIyY3NyZl90b2tlbiU1YyUyMiUyYyU1YyUyMnRva2VuJTVjJTIyJTNhJTVjJTIyY1JfajNvMjlKbzdZLVplMU5FaGtoWmNmMmRxTkZZamZYVXVvSVpiRk1sZ2FvWGZ3dlRPVVRxY0dSV0R4UW1nbzktZHBrNHZfSFF4NnFUZ0pUZ1phTkpfLV9JV2t4dzFfNHpLVEFSVlkwTThvZkNtZjRhc2xtV0NOLU83WEtUWDhZejRWZ0dxNVRrTUtpNlhUYTNQWXhleWFfZmpvdHdXbXpSc1JEU3BRN2lvbzRmQ3kwY28lM2QlNWMlMjIlN2QlMmMlNWMlMjJDdXJyZW50UGFnZU1ldGFEYXRhJTVjJTIyJTNhJTdiJTVjJTIydGl0bGUlNWMlMjIlM2ElNWMlMjJTaXRlcy1jZWxpby1TaXRlJTVjJTIyJTJjJTVjJTIyZGVzY3JpcHRpb24lNWMlMjIlM2ElNWMlMjIlNWMlMjIlMmMlNWMlMjJrZXl3b3JkcyU1YyUyMiUzYSU1YyUyMiU1YyUyMiUyYyU1YyUyMnBhZ2VNZXRhVGFncyU1YyUyMiUzYSU1YiU1ZCU3ZCUyYyU1YyUyMm9yZ2FuaXphdGlvbiU1YyUyMiUzYSU1YyUyMiU3YiU1YyU1YyU1YyUyMmNvbnRleHQlNWMlNWMlNWMlMjIlM2ElNWMlNWMlNWMlMjJodHRwcyUzYSUyZiUyZnNjaGVtYSUyZW9yZyU1YyU1YyU1YyUyMiUyYyU1YyU1YyU1YyUyMnR5cGUlNWMlNWMlNWMlMjIlM2ElNWMlNWMlNWMlMjJPcmdhbml6YXRpb24lNWMlNWMlNWMlMjIlMmMlNWMlNWMlNWMlMjJ1cmwlNWMlNWMlNWMlMjIlM2ElNWMlNWMlNWMlMjJodHRwcyUzYSUyZiUyZnd3dyUyZWNlbGlvJTJlY29tJTJmZnItZnIlNWMlNWMlNWMlMjIlMmMlNWMlNWMlNWMlMjJsb2dvJTVjJTVjJTVjJTIyJTNhJTVjJTVjJTVjJTIyJTJmb24lMmZkZW1hbmR3YXJlJTJlc3RhdGljJTJmU2l0ZXMtY2VsaW8tU2l0ZSUyZi0lMmZkZWZhdWx0JTJmZHczZTUwYzhhZCUyZmltYWdlcyUyZmZhdmljb25zJTJmZmF2aWNvbi0xOTZ4MTk2JTJlcG5nJTVjJTVjJTVjJTIyJTdkJTVjJTIyJTJjJTVjJTIyc2l0ZUJyYW5kJTVjJTIyJTNhJTVjJTIyQ0VMSU8lNWMlMjIlMmMlNWMlMjJocmVmTGFuZ3MlNWMlMjIlM2ElNWIlN2IlNWMlMjJsb2NhbGVJRCU1YyUyMiUzYSU1YyUyMmZyLUZSJTVjJTIyJTJjJTVjJTIydXJsJTVjJTIyJTNhJTVjJTIyaHR0cHMlM2ElMmYlMmZ3d3clMmVjZWxpbyUyZWNvbSUyZmZyLWZyJTVjJTIyJTdkJTJjJTdiJTVjJTIybG9jYWxlSUQlNWMlMjIlM2ElNWMlMjJlbi1mciU1YyUyMiUyYyU1YyUyMnVybCU1YyUyMiUzYSU1YyUyMmh0dHBzJTNhJTJmJTJmd3d3JTJlY2VsaW8lMmVjb20lMmZlbi1mciU1YyUyMiU3ZCUyYyU3YiU1YyUyMmxvY2FsZUlEJTVjJTIyJTNhJTVjJTIyZXMlNWMlMjIlMmMlNWMlMjJ1cmwlNWMlMjIlM2ElNWMlMjJodHRwcyUzYSUyZiUyZnd3dyUyZWNlbGlvJTJlY29tJTJmZXMtZXMlNWMlMjIlN2QlMmMlN2IlNWMlMjJsb2NhbGVJRCU1YyUyMiUzYSU1YyUyMm5sJTVjJTIyJTJjJTVjJTIydXJsJTVjJTIyJTNhJTVjJTIyaHR0cHMlM2ElMmYlMmZ3d3clMmVjZWxpbyUyZWNvbSUyZm5sLWJlJTVjJTIyJTdkJTJjJTdiJTVjJTIybG9jYWxlSUQlNWMlMjIlM2ElNWMlMjJmci1CRSU1YyUyMiUyYyU1YyUyMnVybCU1YyUyMiUzYSU1YyUyMmh0dHBzJTNhJTJmJTJmd3d3JTJlY2VsaW8lMmVjb20lMmZmci1iZSU1YyUyMiU3ZCUyYyU3YiU1YyUyMmxvY2FsZUlEJTVjJTIyJTNhJTVjJTIycHQlNWMlMjIlMmMlNWMlMjJ1cmwlNWMlMjIlM2ElNWMlMjJodHRwcyUzYSUyZiUyZnd3dyUyZWNlbGlvJTJlY29tJTJmcHQtcHQlNWMlMjIlN2QlMmMlN2IlNWMlMjJsb2NhbGVJRCU1YyUyMiUzYSU1YyUyMngtZGVmYXVsdCU1YyUyMiUyYyU1YyUyMnVybCU1YyUyMiUzYSU1YyUyMmh0dHBzJTNhJTJmJTJmd3d3JTJlY2VsaW8lMmVjb20lMmZmci1mciU1YyUyMiU3ZCU1ZCUyYyU1YyUyMmNhbm9uaWNhbFVybCU1YyUyMiUzYSU1YyUyMmh0dHBzJTNhJTJmJTJmd3d3JTJlY2VsaW8lMmVjb20lMmZmci1mciU1YyUyMiUyYyU1YyUyMmd0bSU1YyUyMiUzYSU3YiU1YyUyMmVudl90ZW1wbGF0ZSU1YyUyMiUzYSU1YyUyMmhvbWVwYWdlJTVjJTIyJTJjJTVjJTIyZW52X2NvdW50cnklNWMlMjIlM2ElNWMlMjJjZWxpby1mciU1YyUyMiUyYyU1YyUyMmVudl9sYW5ndWFnZSU1YyUyMiUzYSU1YyUyMmZyJTVjJTIyJTJjJTVjJTIyZW52X3dvcmslNWMlMjIlM2ElNWMlMjJQUk9EJTVjJTIyJTJjJTVjJTIyZW52X3VuaXZlcnNlJTVjJTIyJTNhJTVjJTIybWVuJTVjJTIyJTJjJTVjJTIybmF2X2NhdGVnb3J5XzElNWMlMjIlM2ElNWMlMjJTaXRlcy1jZWxpby1TaXRlJTVjJTIyJTdkJTdkJTIyJTJjJTIyYXNwZWN0X2F0dHJpYnV0ZXMlMjIlM2FudWxsJTdkJnZmPTRjM2RjMjc5YzRlODYzNmIwYTJhYjNhODQ3YzkyOTIwIn0='
        }
        
        
    </script>

    
    
<script>
    if (!window.reach5Const) {
        window.reach5Const = {}
    };

    
    if (!Object.hasOwnProperty.call(window.reach5Const, 'isSessionAuthRequired')) {
        window.reach5Const.isSessionAuthRequired = true;
    }
</script>
    <script defer src="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/js/reachfiveglobal.js"></script>
<span class="api-true  tracking-consent js-tracking-consent"
    data-caonline="true"
    data-url="/on/demandware.store/Sites-celio-Site/fr_FR/ConsentTracking-GetContent?cid=tracking_hint"
    data-reject="/on/demandware.store/Sites-celio-Site/fr_FR/ConsentTracking-SetConsent?consent=false"
    data-accept="/on/demandware.store/Sites-celio-Site/fr_FR/ConsentTracking-SetConsent?consent=true"
    data-accepttext="Oui"
    data-rejecttext="Non"
    data-heading="Consentement au suivi"
    data-tokenname="csrf_token"
    data-token="vhq0pqJdc5sgtX8xbaIbLm4fXY7khn1h48cvqGGDEKvNdSW_-29RjFGWfsnJhHKMk-jypJRkH2lhqSRqWem2NNKOpkr6UpouMXrGs8L746imszK70CsktvZG_Ua71TXkT6uZvKbGzlyaqia3Q4-c10hZuh9jvsf-f4_TZhfx9lV8zwtMtrg="
    data-didomiconsent="true"
    data-analytics-vendor-name="googleana-4TXnJigR"
    ></span>
<!-- Demandware Analytics code 1.0 (body_end-analytics-tracking-asynch.js) -->
<script type="text/javascript">//<!--
/* <![CDATA[ */
function trackPage() {
    try{
        var trackingUrl = "https://www.celio.com/on/demandware.store/Sites-celio-Site/fr_FR/__Analytics-Start";
        var dwAnalytics = dw.__dwAnalytics.getTracker(trackingUrl);
        if (typeof dw.ac == "undefined") {
            dwAnalytics.trackPageView();
        } else {
            dw.ac.setDWAnalytics(dwAnalytics);
        }
    }catch(err) {};
}
/* ]]> */
// -->
</script>
<script type="text/javascript" src="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/internal/jscript/dwanalytics-22.2.js" async="async" onload="trackPage()"></script>
<!-- Demandware Active Data (body_end-active_data.js) -->
<script src="/on/demandware.static/Sites-celio-Site/-/fr_FR/v1791216394574/internal/jscript/dwac-21.7.1.js" type="text/javascript" async="async"></script><!-- CQuotient Activity Tracking (body_end-cquotient.js) -->
<script src="https://cdn.cquotient.com/js/v2/gretel.min.js" type="text/javascript" async="async"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"a6c486c24c274ea9b08da203ab35058c","spa":2}' crossorigin="anonymous"></script>
</body>
</html>