<!--
__ __ ______ _____ ______ ______ ______ ______ ______ ______ __ ______
/\ \ _ \ \ /\ ___\ /\ __-. /\ == \ /\ ___\ /\ ___\ /\ ___\ /\ ___\ /\ __ \ /\ \ /\ == \
\ \ \/ ".\ \ \ \ __\ \ \ \/\ \ \ \ __< \ \ __\ \ \___ \ \ \___ \ \ \ __\ \ \ __ \ \ \ \ \ \ __<
\ \__/".~\_\ \ \_____\ \ \____- \ \_\ \_\ \ \_____\ \/\_____\ \/\_____\ \ \_\ \ \_\ \_\ \ \_\ \ \_\ \_\
\/_/ \/_/ \/_____/ \/____/ \/_/ /_/ \/_____/ \/_____/ \/_____/ \/_/ \/_/\/_/ \/_/ \/_/ /_/
Conscious fashion for conscious people
-->
<!DOCTYPE html>
<html lang="fr">
<head>
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="vQxkqhfpcGagetdaSDgGAh_X70iYiZLatMcd_dO03h-jUOnrzoPSfBYSbuoE3SingbdHrvUQXAysu8sTsTQcJQ" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="theme-color" content="#252525">
<link rel="stylesheet" href="https://www.wedressfair.fr/assets/website-css-ea7b17c5.css" data-turbo-track="reload" />
<script src="https://www.wedressfair.fr/assets/website-a994375a.js" data-turbo-track="reload" defer="defer"></script>
<link rel="icon" type="image/x-icon" href="https://www.wedressfair.fr/assets/icons/favicon-7fc26029.ico" />
<title>WeDressFair - Mode Éthique et Vêtements Éco-Responsables</title>
<meta name="description" content="Découvrez notre sélection de vêtements vraiment éco-responsables de marques de mode éthique. WeDressFair déniche, analyse et valide des marques qui changent la mode pour de bon.">
<meta name="turbo-prefetch" content="false">
<meta name="view-transition" content="same-origin">
<meta property="og:title" content="WeDressFair - Mode Éthique et Vêtements Éco-Responsables" />
<meta property="og:url" content="https://www.wedressfair.fr/" />
<meta property="og:image" content="https://www.wedressfair.fr/assets/meta-69be8a28.jpg" />
<meta property="og:description" content="Découvrez notre sélection de vêtements vraiment éco-responsables de marques de mode éthique. WeDressFair déniche, analyse et valide des marques qui changent la mode pour de bon." />
<meta property="og:site_name" content="WeDressFair" />
<meta property="fb:app_id" content="1703748443024946"/>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@wedressfair">
<meta name="twitter:title" content="WeDressFair - Mode Éthique et Vêtements Éco-Responsables">
<meta name="twitter:description" content="Découvrez notre sélection de vêtements vraiment éco-responsables de marques de mode éthique. WeDressFair déniche, analyse et valide des marques qui changent la mode pour de bon.">
<meta name="twitter:creator" content="@wedressfair">
<meta name="twitter:image:src" content="https://www.wedressfair.fr/assets/meta-69be8a28.jpg">
<link href="https://www.wedressfair.fr/" rel="canonical" />
<!-- Google Tag Manager -->
<script defer>
document.addEventListener('DOMContentLoaded', function(event) {
dataLayer.push({
'event':'initialPageView',
'pageTitle': document.title,
'pageLocation': location.origin,
'pagePath': location.pathname,
});
})
document.addEventListener('turbo:load', function(event) {
dataLayer.push({
'event':'pageView',
'pageTitle': document.title,
'pageLocation': location.origin,
'pagePath': location.pathname,
'userData': {
'userID': '',
'userFirstName': '',
'userLastName': '',
'userEmail': ''
}
});
});
(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://msr.wedressfair.fr/pe8gc98otu08ivt.js?aw='+i.replace(/^GTM-/, '')+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TV2WM2J');
</script>
<!-- Google Structured Data -->
<script type="application/ld+json" defer>
{
"@context": "http://schema.org",
"@type": "Organization",
"url": "https://www.wedressfair.fr",
"logo": "https://www.wedressfair.fr/assets/wedressfair-logo-05ac3e09.png",
"contactPoint": [{
"@type": "ContactPoint",
"email": "hello@wedressfair.fr",
"contactType": "customer service"
}]
}
</script>
<script defer>
window.onFbqReady = function(callback, counter) {
if(counter === undefined) {
counter = 0;
}
if (typeof fbq !== 'undefined') {
callback()
} else {
if (counter < 10) {
setTimeout(function() {
onFbqReady(callback, counter + 1)
}, 200)
}
}
}
window.onTpReady = function(callback, counter) {
if(counter === undefined) {
counter = 0;
}
if (typeof tp !== 'undefined') {
callback()
} else {
if (counter < 10) {
setTimeout(function() {
onTpReady(callback, counter + 1)
}, 200)
}
}
}
window.onPintrkReady = function(callback, counter) {
if(counter === undefined) {
counter = 0;
}
if (typeof pintrk !== 'undefined') {
callback()
} else {
if (counter < 10) {
setTimeout(function() {
onPintrkReady(callback, counter + 1)
}, 200)
}
}
}
</script>
<!--Gorgias Chat Widget Start-->
<script id="gorgias-chat-widget-install-v3" src="https://config.gorgias.chat/bundle-loader/01J9YVJW61PG7QT7KZ8SGDZKCQ" defer></script>
<script defer>
var initGorgiasChatPromise = (window.GorgiasChat) ? window.GorgiasChat.init() : new Promise(function (resolve) { window.addEventListener('gorgias-widget-loaded', function () { resolve();})});
initGorgiasChatPromise.then(function() {
GorgiasChat.on('widget:opened', function(data) {
document.querySelector("#gorgias-chat-container").classList.add('opened');
})
GorgiasChat.on('widget:closed', function(data) {
document.querySelector("#gorgias-chat-container").classList.remove('opened');
})
})
</script>
<!--Gorgias Chat Widget End-->
<!--Wisepop-->
<script data-cfasync="false" defer>
(function(w,i,s,e){window[w]=window[w]||function(){(window[w].q=window[w].q||[]).push(arguments)};window[w].l=Date.now();s=document.createElement('script');e=document.getElementsByTagName('script')[0];s.defer=1;s.src=i;e.parentNode.insertBefore(s, e)})('wisepops', 'https://wisepops.net/loader.js?v=3&h=2jz4wULGNN');
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Bebas+Neue&family=Playfair+Display:ital@0;1&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap&family=Lato:ital,wght@0,300;0,700;1,300&display=swap" rel="stylesheet">
<meta name="turbo-refresh-method" content="morph"><meta name="turbo-refresh-scroll" content="preserve">
<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async defer></script>
</head>
<body
class="bg-[#F9F7F5] homes homes-main"
data-controller="mxp chat"
data-mxp-token-value="f620b37f23adb0d17e82200f5f7c3d9f"
data-mxp-user-role-value="customer"
data-mxp-user-email-value=""
data-oauth-redirection="false"
data-fair-sales="false"
data-fair-sales-max-discount="40">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://msr.wedressfair.fr/ns.html?id=GTM-TV2WM2J" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="contents" data-turbo-permanent data-controller="navbar search" data-search-gender-value="unisex" data-search-app-id-value="https://ms-8416a5e1353b-13354.fra.meilisearch.io" data-search-search-key-value="d905a804de2cf71fcf9a82d5107b1d1a8ca3a0a2e5b40de8e527bab645ce371d">
<div id="navbar-top-annoucements" data-navbar-target="topMessage" class="relative z-20 py-1 text-white bg-p-terracotta lg:-mb-1">
<div class="p-0 overflow-hidden container-sm">
<div class="hidden lg:block">
<div data-controller="swiper" data-swiper-loop-value="true" data-swiper-autoplay-value="true" data-swiper-delay-value="3000" class="relative flex items-stretch text-sm font-medium">
<button data-swiper-target="prevButton" class="absolute left-0 top-1/2 -translate-y-1/2 w-[40px] h-[40px] flex justify-center z-2 items-center flex-shrink-0 transform rotate-180 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="stroke-current stroke-2 w-1"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
<div data-swiper-target="swiperContainer" class="relative text-center swiper-wrapper">
<div class="flex items-center justify-center h-auto swiper-slide font-medium">
<div class="trix-content">
<div>Livraison offerte dès 150 euros</div>
</div>
</div>
<div class="flex items-center justify-center h-auto swiper-slide font-medium">
<div class="trix-content">
<div>Retours faciles sous 30 jours</div>
</div>
</div>
<div class="flex items-center justify-center h-auto swiper-slide font-medium">
<div class="trix-content">
<div>Livraison offerte dès 150 euros</div>
</div>
</div>
<div class="flex items-center justify-center h-auto swiper-slide font-medium">
<div class="trix-content">
<div>Retours faciles sous 30 jours</div>
</div>
</div>
</div>
<button data-swiper-target="nextButton" class="absolute right-0 top-1/2 -translate-y-1/2 w-[40px] h-[40px] flex justify-center items-center flex-shrink-0 z-2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="stroke-current stroke-2 w-1"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
</div>
</div>
<div class="lg:hidden">
<div data-controller="swiper" data-swiper-loop-value="true" data-swiper-autoplay-value="true" data-swiper-delay-value="3000" data-swiper-css-mode-value="false" data-swiper-free-mode-value="false" class="relative flex items-stretch text-sm font-medium">
<button data-swiper-target="prevButton" class="absolute left-0 top-1/2 -translate-y-1/2 w-[40px] h-[40px] flex justify-center z-2 items-center flex-shrink-0 transform rotate-180 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="stroke-current stroke-2 w-1"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
<div data-swiper-target="swiperContainer" class="relative text-center swiper-wrapper">
<div class="flex items-center justify-center h-auto swiper-slide font-medium">
<div class="trix-content">
<div>Livraison offerte dès 150 euros</div>
</div>
</div>
<div class="flex items-center justify-center h-auto swiper-slide font-medium">
<div class="trix-content">
<div>Retours faciles sous 30 jours</div>
</div>
</div>
<div class="flex items-center justify-center h-auto swiper-slide font-medium">
<div class="trix-content">
<div>Livraison offerte dès 150 euros</div>
</div>
</div>
<div class="flex items-center justify-center h-auto swiper-slide font-medium">
<div class="trix-content">
<div>Retours faciles sous 30 jours</div>
</div>
</div>
</div>
<button data-swiper-target="nextButton" class="absolute right-0 top-1/2 -translate-y-1/2 w-[40px] h-[40px] flex justify-center items-center flex-shrink-0 z-2 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="stroke-current stroke-2 w-1"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
</div>
</div>
</div>
</div>
<nav class="sticky top-0 z-50 p-1 pb-0 lg:p-2 lg:pb-0 lg:px-4" data-navbar-target="navContainer">
<div class="relative bg-white rounded-sm shadow-sm">
<div class="grid grid-cols-3 lg:flex xl:gap-4 items-center peer">
<div class="flex lg:hidden items-center justify-center w-[45px]">
<label for="mobile-nav" class="relative flex items-center justify-center w-full h-full">
<div class="absolute wisp_extra_count top-3 right-2"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="hb w-[42px] text-black stroke-current stroke-[0.3]" viewbox="0 0 10 10" stroke="#eee" stroke-width=".6" fill="rgba(0,0,0,0)" stroke-linecap="round" style="cursor: pointer">
<path d="M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7">
<animate dur="0.2s" attributename="d" values="M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7;M3,3L5,5L7,3M5,5L5,5M3,7L5,5L7,7" fill="freeze" begin="start.begin"></animate>
<animate dur="0.2s" attributename="d" values="M3,3L5,5L7,3M5,5L5,5M3,7L5,5L7,7;M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7" fill="freeze" begin="reverse.begin"></animate>
</path>
<rect width="10" height="10" stroke="none">
<animate dur="2s" id="reverse" attributename="width" begin="indefinite"></animate>
</rect>
<rect width="10" height="10" stroke="none">
<animate dur="0.001s" id="start" attributename="width" values="10;0" fill="freeze" begin="indefinite"></animate>
<animate dur="0.001s" attributename="width" values="0;10" fill="freeze" begin="reverse.begin"></animate>
</rect>
</svg>
</label>
</div>
<a class="lg:px-4 h-full flex items-center justify-center" href="/?oc=nav">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" viewbox="0 0 174 17" class="h-[14px] xl:h-[17px]"><clippath id="a"><path d="m0 0h174v16.2818h-174z"></path></clippath><g clip-path="url(#a)" fill="#252525"><path d="m.00000763.226791h3.06464237l3.84305 11.736009 3.9534-11.780183h2.3914l3.9585 11.782183 3.842-11.736h2.9687l-5.6185 15.9415h-2.4344l-3.9575-11.37561-3.95742 11.37361h-2.43946z"></path><path d="m26.9218.227051h11.9419v2.486749h-9.1122v4.11613h8.0763v2.48875h-8.0763v4.25162h9.2276v2.4878h-12.0542z"></path><path d="m42.6608.227051h5.3611c5.0617 0 8.5595 3.413379 8.5595 7.868839v.04518c0 4.45543-3.4978 7.91503-8.5595 7.91503h-5.3611zm5.3611 14.743749c4.4866 0 7.3173-3.0118 7.3173-6.78456v-.04517c0-3.75371-2.8307-6.82676-7.3173-6.82676h-4.1649v13.65349z"></path><path d="m60.6523.227051h6.7647c1.9787 0 3.5662.61039 4.5326 1.560109.785.7835 1.2233 1.83998 1.2197 2.93953v.04517c0 2.64537-2.0022 4.16131-4.7165 4.51771l5.3121 6.76153h-1.514l-5.1312-6.55774h-5.2692v6.55774h-1.1982zm6.6267 8.208169c2.6918 0 4.6992-1.33423 4.6992-3.61416v-.04518c0-2.12533-1.7029-3.45956-4.6256-3.45956h-5.5021v7.12793z"></path><path d="m77.2902.227051h11.4546v1.085249h-10.2584v6.21837h9.2266v1.08526h-9.2266v6.35487h10.3779v1.0853h-11.5741z"></path><path d="m91.6715 13.7489.7815-.8815c1.7724 1.6063 3.4058 2.3512 5.7758 2.3512 2.4162 0 4.0732-1.3342 4.0732-3.1433v-.0462c0-1.6725-.898-2.64532-4.5564-3.36916-3.8655-.76801-5.4254-2.05204-5.4254-4.45345v-.04518c0-2.35222 2.1861-4.16131 5.1772-4.16131 2.3496 0 3.8886.633485 5.5226 1.92254l-.759.92663c-1.519-1.28906-3.0372-1.786-4.8096-1.786-2.37 0-3.934 1.33423-3.934 2.98469v.0502c0 1.67356.8735 2.69155 4.6941 3.46056 3.7275.74592 5.2915 2.05706 5.2915 4.36408v.0452c0 2.555-2.232 4.3169-5.3375 4.3169-2.5825-.003-4.5612-.8423-6.494-2.5359z"></path><path d="m106.167 13.7489.783-.8814c1.771 1.6063 3.406 2.3512 5.776 2.3512 2.416 0 4.071-1.3343 4.071-3.1433v-.0462c0-1.6726-.896-2.64539-4.555-3.36923-3.865-.76901-5.43-2.05706-5.43-4.45446v-.04518c0-2.35222 2.186-4.16130656 5.177-4.16130656 2.35 0 3.889.63348556 5.523 1.92253656l-.76.92663c-1.519-1.28905-3.038-1.786-4.809-1.786-2.37 0-3.935 1.33423-3.935 2.9847v.0512c0 1.67356.875 2.69155 4.699 3.46056 3.728.74592 5.293 2.05706 5.293 4.36415v.0451c0 2.555-2.232 4.317-5.339 4.317-2.582-.0031-4.561-.8423-6.494-2.536z"></path><path d="m121.607.227051h11.984v2.531919h-9.153v4.31692h8.122v2.53193h-8.122v6.44528h-2.831z"></path><path d="m140.567.113281h2.626l7.088 15.942519h-2.991l-1.635-3.822h-7.615l-1.657 3.822h-2.9zm4.05 9.655839-2.784-6.33181-2.759 6.33181z"></path><path d="m153.204.227051h2.831v15.829049h-2.831z"></path><path d="m160.333.227051h7.178c2.025 0 3.613.587303 4.648 1.582199.852.85937 1.335 2.03598 1.335 3.41338v.04518c0 2.60019-1.588 4.1603-3.843 4.79379l4.349 5.9925h-3.336l-3.958-5.5217h-3.544v5.5217h-2.829zm6.969 7.846749c2.025 0 3.314-1.04108 3.314-2.64637v-.04518c0-1.69564-1.243-2.62328-3.337-2.62328h-4.119v5.31483z"></path></g></svg>
</a>
<div class="lg:col-span-2 lg:grow items-center justify-center hidden h-full px-2 lg:flex lg:basis-0 lg:mr-auto grow lg:justify-start lg:px-0">
<div class="items-center hidden ml-2 lg:flex">
<div class="flex items-center h-full group navbar-dropdown" data-navbar-dropdown-group="women">
<a class="lg:p-2 lg:py-3 relative text-sm xl:text-base font-medium underline-offset-4 decoration-2" data-navbar-dropdown-link="true" href="/femme?oc=nav">
<span class="font-medium">Femme</span>
<span class="absolute bottom-0 invisible hidden w-4 h-4 transition-all transform rotate-45 -translate-x-1/2 translate-y-full bg-white border-t border-l border-white lg:block left-1/2 drop-shadow group-hover:visible lg:delay-50 navbar-dropdown-arrow"></span>
</a>
<div class="absolute shadow-sm inset-x-0 invisible p-2 mt-1 transition-all bg-white rounded-sm lg:z-[3] lg:delay-50 group-hover:visible top-full navbar-dropdown-menu">
<div class="flex flex-col lg:p-4 lg:grid-cols-5 lg:grid">
<div class="contents lg:block">
<div class="order-1 lg:mb-8">
<label for="search-trigger" class="flex items-center w-full h-full gap-2 p-2 my-2 bg-gray-100 rounded-sm cursor-pointer lg:hidden">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000" stroke-width="1.5" viewbox="0 0 25 25" class="stroke-1 w-5 h-6 lg:w-7 stroke-black text-black z-1"><g stroke-linecap="round" stroke-linejoin="round"><path clip-rule="evenodd" d="m14.5403 18.8027c4.0948-1.7402 6.0035-6.4704 4.2633-10.56517-1.7403-4.09476-6.4704-6.00348-10.5652-4.26325-4.09476 1.74023-6.00348 6.47042-4.26325 10.56522 1.74023 4.0947 6.47045 6.0034 10.56515 4.2632z" fill-rule="evenodd"></path><path d="m17.0853 17.0845 6.248 6.2489"></path></g></svg>
<span class="text-sm opacity-60">Recherche femme</span>
</label>
<label for="nav-highlight-el5jh29l" class="h-[45px] lg:h-auto border-b border-gray-50 flex items-center justify-between uppercase font-medium lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<span>À l’honneur</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-highlight-el5jh29l" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-200 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-highlight-el5jh29l" class="inline-block py-1">
← Retour
</label>
<p class="py-1 font-medium text-center uppercase bg-gray-100">À l’honneur</p>
</div>
<a class="py-2 lg:py-0 hover:underline block" href="/femme?selection=nouveaut%C3%A9s%E2%80%93de%E2%80%93saison&oc=nav">Les nouveautés</a>
<a class="py-2 lg:py-0 hover:underline block" href="/jeans-femme?oc=nav">Le bon jean</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme?selection=les%E2%80%93essentiels&oc=nav">Les intemporels</a>
<a class="py-2 lg:py-0 hover:underline block" href="/archives-femme?oc=nav">Les archives</a>
<a class="py-2 lg:py-0 hover:underline block font-medium text-p-terracotta" href="/collections/culotte-suspendue-wedressfair?oc=nav">Les culottes suspendues</a>
</div>
</div>
<div class="order-4 lg:mb-8">
<p class="hidden lg:font-medium lg:flex border-gray-50 lg:mb-2 lg:font-title lg:text-xl">Mais aussi</p>
<a class="hidden h-[45px] uppercase font-medium lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case lg:font-normal" href="/archives-femme?oc=nav">
<span>Les archives</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<a class="hidden lg:block h-[45px] uppercase lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case" href="/collections/carte-cadeau-wedressfair?oc=nav">
<span>La carte-cadeau</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<label for="mobile-concept" class="lg:hidden h-[45px] lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between uppercase font-medium lg:mb-2 lg:font-title lg:text-xl">
<span>Engagements</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<a class="h-[45px] uppercase font-medium lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case lg:font-normal" href="/marques?oc=nav">
<span>Nos marques</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<a class="hidden lg:blockhover:underline block" href="/collections/culotte-suspendue-wedressfair?oc=nav">Les culottes suspendues</a>
<a class="hidden lg:block hover:underline block" href="/boutiques/paris?oc=nav">Notre boutique à Paris</a>
<a class="hidden lg:block hover:underline block" href="/boutiques/lyon?oc=nav">Notre boutique à Lyon</a>
</div>
</div>
<div class="order-2">
<label for="nav-categories-el5jh29l" class="h-[45px] lg:h-auto border-b border-gray-50 flex items-center justify-between uppercase font-medium lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<a class="hidden lg:block" href="/femme?oc=nav">Vêtements</a>
<span class="lg:hidden">Vêtements</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-categories-el5jh29l" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-200 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-categories-el5jh29l" class="inline-block py-1">
← Retour
</label>
</div>
<p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Vêtements</p>
<div class="mb-8">
<a class="font-medium py-2 mb-1 lg:py-0 hover:underline block" href="/femme?oc=nav">Voir tous les vêtements</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/pulls-et-sweats?oc=nav">Pulls & Sweats</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/chemises-et-blouses?oc=nav">Chemises & Blouses</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/tops-et-t-shirts?oc=nav">Tops & T-shirts</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/vestes?oc=nav">Vestes</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/robes?oc=nav">Robes</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/jupes?oc=nav">Jupes</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/jeans?oc=nav">Jeans</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/pantalons?oc=nav">Pantalons</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/combinaisons?oc=nav">Combinaisons</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/manteaux?oc=nav">Manteaux</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/sous-vetements?oc=nav">Sous-vêtements</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/sport?oc=nav">Sport</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/shorts?oc=nav">Shorts</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/maillots–de–bain?oc=nav">Maillots de bain</a>
</div>
<div class="lg:hidden">
<p class="py-1 font-medium text-center uppercase bg-gray-100">Par Style</p>
<div class="mb-8">
<a class="py-2 lg:py-0 hover:underline block" href="/femme?style=essentiels%E2%80%93du%E2%80%93quotidien&oc=nav">Essentiels du quotidien</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme?style=touches%E2%80%93de%E2%80%93couleurs&oc=nav">Touches de couleurs</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme?style=classiques%E2%80%93d%C3%A9contract%C3%A9s&oc=nav">Classiques décontractés</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme?style=pour%E2%80%93le%E2%80%93travail&oc=nav">Pour le travail</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme?style=tenues%E2%80%93de%E2%80%93soir%C3%A9e&oc=nav">Tenues de soirée</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme?style=tenues%E2%80%93de%E2%80%93sport&oc=nav">Tenues de sport</a>
</div>
</div>
<div class="lg:hidden">
<p class="py-1 font-medium text-center uppercase bg-gray-100">Par critère</p>
<div>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/made–in–france?oc=nav">Made in France</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/made–in–europe?oc=nav">Made in Europe</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/biologiques?oc=nav">Biologiques</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/recycl%c3%a9es?oc=nav">Recyclées</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/upcycl%c3%a9es?oc=nav">Upcyclées</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/vegan?oc=nav">Vegan</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/naturelles?oc=nav">Naturelles</a>
</div>
</div>
</div>
</div>
<div class="order-3">
<div class="lg:mb-8">
<label for="nav-shoes-el5jh29l" class="h-[45px] lg:h-auto border-b border-gray-50 flex items-center justify-between uppercase font-medium lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<a class="hidden lg:block" href="/femme/chaussures?oc=nav">Chaussures</a>
<span class="lg:hidden">Chaussures</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-shoes-el5jh29l" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-200 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-shoes-el5jh29l" class="inline-block py-1">
← Retour
</label>
</div>
<p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Chaussures</p>
<a class="font-medium py-2 mb-1 lg:py-0 hover:underline block" href="/femme/chaussures?oc=nav">Voir toutes les chaussures</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=baskets&oc=nav">Baskets</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=derbies-et-mocassins&oc=nav">Derbies & Mocassins</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=bottes-et-bottines&oc=nav">Bottes & Bottines</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=chaussons&oc=nav">Chaussons</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=sandales&oc=nav">Sandales</a>
</div>
</div>
<label for="nav-other-el5jh29l" class="h-[45px] lg:h-auto border-b border-gray-50 flex items-center justify-between uppercase font-medium lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<span>Sacs, accessoires & bijoux</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-other-el5jh29l" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-200 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-other-el5jh29l" class="inline-block py-1">
← Retour
</label>
</div>
<p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Sacs, accessoires & bijoux</p>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/sacs?oc=nav">Sacs</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/accessoires?oc=nav">Accessoires</a>
</div>
<div class="lg:hidden">
<a class="h-[45px] lg:hidden uppercase font-medium font-bold lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case lg:font-normal" href="/archives-femme?oc=nav">
<span>Les archives</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<label for="nav-wdfe-women-el5jh29l" class="h-[45px] lg:h-auto border-b border-gray-50 font-semibold text-p-terracotta flex items-center justify-between uppercase lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<p class="flex items-center gap-1">
<span>WeDressFair Essentiels</span>
<span class="text-2xs text-white font-bold bg-p-terracotta px-1 rounded">Nouveau</span>
</p>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-wdfe-women-el5jh29l" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-100 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-wdfe-women-el5jh29l" class="inline-block py-1">
← Retour
</label>
</div>
<div class="flex flex-col lg:p-4 lg:grid-cols-2 lg:grid gap-10">
<div>
<p class="hidden lg:block uppercase text-left text-2xl font-title py-1 font-medium mb-4">Femme</p>
<p class="lg:hidden py-1 font-medium text-center uppercase bg-gray-100">WeDressFair Essentiels</p>
<div class="lg:grid lg:grid-cols-2 lg:gap-4 mb-8">
<div class="lg:mb-4">
<a class="py-2 lg:py-0 hover:underline block font-medium" href="/femme?brand=WeDressFair%E2%80%93Essentiels&oc=nav">Voir tout</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/pulls-et-sweats?subcategory=pulls&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les pulls</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/pulls-et-sweats?subcategory=sweats&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les sweats</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/tops-et-t-shirts?brand=WeDressFair%E2%80%93Essentiels&oc=nav">
<span>Les tops & t-shirts</span>
<span class="text-2xs bg-p-terracotta rounded-sm px-1 py-0.5 text-white font-semibold">NEW</span>
</a> </div>
<div class="lg:mb-4">
<a class="py-2 lg:py-0 hover:underline block" href="/femme/accessoires?brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les accessoires d’hiver</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/sous-vetements?subcategory=chaussettes&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les chaussettes</a>
</div>
</div>
<div>
<p class="mb-2 lg:mb-0 lg:uppercase lg:text-xl lg:font-title lg:text-left lg:bg-transparent py-1 font-medium text-center uppercase bg-gray-100">Par modèle</p>
<div class="grid grid-cols-2 lg:grid-cols-5 gap-2">
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/t-shirt-manches-longues-cotele-en-coton-bio-ecru-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Les manches longues" srcset="https://img.wedressfair.fr/VPi2PuVakkXGUOP3xCm4Y8Wi1QXnSifdEF_ufWDYVXE/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0xLTZmZmQ0YWE5/LmpwZw 200w,https://img.wedressfair.fr/w8Z2dViEwyoUUdI_Zb4L0AOvktG0kVOWC4kv-lL_Zsc/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0xLTZmZmQ0YWE5/LmpwZw 600w,https://img.wedressfair.fr/aVWHC4RwENEbXOLTfXuuQSDJI4CeujbSKRx2S8jO-9k/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0xLTZmZmQ0YWE5/LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/JlYv5uVQ2vg4eHFUxoVUyIYRcoApHCp3rpGSVBLxv0g/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0xLTZmZmQ0YWE5/LmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Les manches longues
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/sweat-en-coton-bio-vert-foret-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le sweat" srcset="https://img.wedressfair.fr/ugzcM9Cr0CVsIvf2NdApfp-kpoRffRf-LOK2D9NGBfU/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0yLTFjY2U4OWYz/LmpwZw 200w,https://img.wedressfair.fr/kOmIuX4iCcP_Z4zuwDFf0g6YVCb_bnJIgVILr0FY6-U/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0yLTFjY2U4OWYz/LmpwZw 600w,https://img.wedressfair.fr/Os-y6a1nTwobVwwQ_E4p5Ud5Nlw6Vi2bJrP0a8BXyRI/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0yLTFjY2U4OWYz/LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/mhTTUeg4QmEGqE-wuwoNEj2u_lTuZLaR3TX4cXzGyio/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0yLTFjY2U4OWYz/LmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le sweat
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/pull-boxy-en-laine-merinos-recyclee-rouge-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le pull oversize" srcset="https://img.wedressfair.fr/QEY6bv7ZoInLDjR7XNXxnfODXG3jQXbgSGNq2YaZ0g4/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0zLTE1OTQwMmQx/LmpwZw 200w,https://img.wedressfair.fr/0P7LKmyor2jhDf44EiyqoesagqWDTSsikxwxCWySFOk/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0zLTE1OTQwMmQx/LmpwZw 600w,https://img.wedressfair.fr/cl6cUrrhnnYSNPAiZZMdBov3d5-xWIekQJLDnxCPhqk/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0zLTE1OTQwMmQx/LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/wJ8LxCdgyY5Me5nkgiUatTgBfm-uv1EyemaLI01FjJA/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0zLTE1OTQwMmQx/LmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le pull oversize
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/pull-droit-en-laine-merinos-recyclee-beige-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le pull droit" srcset="https://img.wedressfair.fr/zEfAqxRyoGFnOskP8pFOR8n4HBhw9XCFi0vLcjTY6xc/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi00LTdmYzM3NWEz/LmpwZw 200w,https://img.wedressfair.fr/tmaM1IBM4nMGqxbP7_uNSDkUVEtLWpkyiCmoF-tfNwY/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi00LTdmYzM3NWEz/LmpwZw 600w,https://img.wedressfair.fr/JZGXkFjG7gwCi6XqDPTCHBcYj2hnUZNhtcwHuSpbyBo/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi00LTdmYzM3NWEz/LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/4GpkUOfbYzkFB8Oh6ueNLL5_EoMgUl1UmRSO9sa_ZQE/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi00LTdmYzM3NWEz/LmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le pull droit
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full hidden lg:block" href="/femme/accessoires?brand=WeDressFair%E2%80%93Essentiels&oc=nav">
<img class="w-full h-full object-cover" alt="Les accessoires d’hiver" srcset="https://img.wedressfair.fr/q2HUsEW93CHRfCAzjDwZlRnGxvWdJ-myAm71OM3r9XM/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi01LWZkMjQzNzI5/LmpwZw 200w,https://img.wedressfair.fr/VtN5Ci93z_vVoAfUjrsplaHUFRZvDEu945YbrTt4zEg/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi01LWZkMjQzNzI5/LmpwZw 600w,https://img.wedressfair.fr/P4y6YDMcDGqaN5g559NLPAcDz2hBOyeTCsCFUkl4E-k/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi01LWZkMjQzNzI5/LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/uGtnF8xzFJfzUIyb0-fPpA01BSQ4UEIaKxBgBUnzEDI/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi01LWZkMjQzNzI5/LmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Accessoires d’hiver
</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="h-[45px] lg:hidden uppercase font-medium lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case lg:font-normal" href="/collections/carte-cadeau-wedressfair?oc=nav">
<span>La carte-cadeau</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a> </div>
<div class="flex flex-col order-4 col-span-2">
<div class="hidden grid-cols-2 mb-8 lg:grid">
<div>
<p class="py-1 text-xl text-center bg-gray-100 lg:py-0 lg:bg-transparent lg:mb-2 lg:text-left font-semi-heavy lg:block">Par style</p>
<div>
<a class="hover:underline block" href="/femme?style=essentiels%E2%80%93du%E2%80%93quotidien&oc=nav">Essentiels du quotidien</a>
<a class="hover:underline block" href="/femme?style=touches%E2%80%93de%E2%80%93couleurs&oc=nav">Touches de couleurs</a>
<a class="hover:underline block" href="/femme?style=classiques%E2%80%93d%C3%A9contract%C3%A9s&oc=nav">Classiques décontractés</a>
<a class="hover:underline block" href="/femme?style=pour%E2%80%93le%E2%80%93travail&oc=nav">Pour le travail</a>
<a class="hover:underline block" href="/femme?style=tenues%E2%80%93de%E2%80%93soir%C3%A9e&oc=nav">Tenues de soirée</a>
<a class="hover:underline block" href="/femme?style=tenues%E2%80%93de%E2%80%93sport&oc=nav">Tenues de sport</a>
</div>
</div>
<div>
<p class="py-1 text-xl text-center bg-gray-100 lg:py-0 lg:bg-transparent lg:mb-2 lg:text-left font-semi-heavy lg:block">Par critère</p>
<div>
<a class="hover:underline block" href="/femme/made–in–france?oc=nav">Made in France</a>
<a class="hover:underline block" href="/femme/made–in–europe?oc=nav">Made in Europe</a>
<a class="hover:underline block" href="/femme/biologiques?oc=nav">Biologiques</a>
<a class="hover:underline block" href="/femme/recycl%c3%a9es?oc=nav">Recyclées</a>
<a class="hover:underline block" href="/femme/upcycl%c3%a9es?oc=nav">Upcyclées</a>
<a class="hover:underline block" href="/femme/vegan?oc=nav">Vegan</a>
<a class="hover:underline block" href="/femme/naturelles?oc=nav">Naturelles</a>
</div>
</div>
</div>
<div class="grid grid-cols-2 gap-2 mt-8">
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/femme?selection=nouveaut%C3%A9s%E2%80%93de%E2%80%93saison&oc=nav">
<img class="w-full h-full object-cover" alt="Les nouveautés de saison" srcset="https://img.wedressfair.fr/bqK_nTtUq5VTiofaZf7XasiDQYv43FEnW1uMIBKOVt4/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93b21lbi8x/LWUzMjYyMTRmLmpw/Zw 200w,https://img.wedressfair.fr/qDzdnQtufP_Z6Kc1X9dQDZc8oUHY-mAX6hA_RYUclek/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93b21lbi8x/LWUzMjYyMTRmLmpw/Zw 600w,https://img.wedressfair.fr/aG9Vis2jO7mJGwpm63vZsnt5iY5xN9Lp9KseElShk6E/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93b21lbi8x/LWUzMjYyMTRmLmpw/Zw 1000w," loading="lazy" src="https://img.wedressfair.fr/s5qwqZMdGgT50-mKHMibFIoxAtFWwiafyzQvlGgPTHw/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93b21lbi8x/LWUzMjYyMTRmLmpw/Zw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Les nouveautés de saison
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/femme?selection=La%E2%80%93collection%E2%80%93m%C3%A9rinos%E2%80%93pour%E2%80%93tous&oc=nav">
<img class="w-full h-full object-cover" alt="La collection mérinos" srcset="https://img.wedressfair.fr/Qj4ekOI6xjebBof1F_y1LCHEhKPwFCrU_mqzAMzH-98/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93b21lbi8y/LTE1OTQwMmQxLmpw/Zw 200w,https://img.wedressfair.fr/IsNJKEYApGFJWNBqID0jtEQRoSL9KThYhTIYoU8DFXs/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93b21lbi8y/LTE1OTQwMmQxLmpw/Zw 600w,https://img.wedressfair.fr/CLWvCXVjPfo4mHSj6gqDhLI2p-qT6vQG6SnCTheZof4/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93b21lbi8y/LTE1OTQwMmQxLmpw/Zw 1000w," loading="lazy" src="https://img.wedressfair.fr/FOZpxVJEbRlL-a5OC8WAOI6SNlLezsq8fzUWmwgxyZo/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93b21lbi8y/LTE1OTQwMmQxLmpw/Zw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
La collection mérinos
</p>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="flex items-center h-full group navbar-dropdown" data-navbar-dropdown-group="men">
<a class="lg:p-2 lg:py-3 relative text-sm xl:text-base font-medium underline-offset-4 decoration-2" data-navbar-dropdown-link="true" href="/homme?oc=nav">
<span class="font-medium">Homme</span>
<span class="absolute bottom-0 invisible hidden w-4 h-4 transition-all transform rotate-45 -translate-x-1/2 translate-y-full bg-white border-t border-l border-white lg:block left-1/2 drop-shadow group-hover:visible lg:delay-50 navbar-dropdown-arrow"></span>
</a>
<div class="absolute shadow-sm inset-x-0 invisible p-2 mt-1 transition-all bg-white rounded-sm lg:z-[3] lg:delay-50 group-hover:visible top-full navbar-dropdown-menu">
<div class="flex flex-col lg:p-4 lg:grid-cols-5 lg:grid">
<div class="contents lg:block">
<div class="order-1 lg:mb-8">
<label for="search-trigger" class="flex items-center w-full h-full gap-2 p-2 my-2 bg-gray-100 rounded-sm cursor-pointer lg:hidden">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000" stroke-width="1.5" viewbox="0 0 25 25" class="stroke-1 w-5 h-6 lg:w-7 stroke-black text-black z-1"><g stroke-linecap="round" stroke-linejoin="round"><path clip-rule="evenodd" d="m14.5403 18.8027c4.0948-1.7402 6.0035-6.4704 4.2633-10.56517-1.7403-4.09476-6.4704-6.00348-10.5652-4.26325-4.09476 1.74023-6.00348 6.47042-4.26325 10.56522 1.74023 4.0947 6.47045 6.0034 10.56515 4.2632z" fill-rule="evenodd"></path><path d="m17.0853 17.0845 6.248 6.2489"></path></g></svg>
<span class="text-sm opacity-60">Recherche homme</span>
</label>
<label for="nav-highlight-men-lxn41o3w" class="h-[45px] lg:h-auto border-b border-gray-50 flex items-center justify-between uppercase font-medium lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<span>À l’honneur</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-highlight-men-lxn41o3w" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-100 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-highlight-men-lxn41o3w" class="inline-block py-1">
← Retour
</label>
<p class="py-1 font-medium text-center uppercase bg-gray-100">À l’honneur</p>
</div>
<a class="py-2 lg:py-0 hover:underline block" href="/homme?selection=nouveaut%C3%A9s%E2%80%93de%E2%80%93saison&oc=nav">Les nouveautés</a>
<a class="py-2 lg:py-0 hover:underline block" href="/jeans-homme?oc=nav">Le bon jean</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme?selection=les%E2%80%93essentiels&oc=nav">Les intemporels</a>
<a class="py-2 lg:py-0 hover:underline block" href="/archives-homme?oc=nav">Les archives</a>
<a class="py-2 lg:py-0 hover:underline block font-medium text-p-terracotta" href="/collections/culotte-suspendue-wedressfair?oc=nav">Les culottes suspendues</a>
</div>
</div>
<div class="order-4 lg:mb-8">
<p class="hidden lg:font-medium lg:flex border-gray-50 lg:mb-2 lg:font-title lg:text-xl">Mais aussi</p>
<a class="hidden h-[45px] uppercase font-medium lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case lg:font-normal" href="/archives-homme?oc=nav">
<span>Les archives</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<a class="hidden lg:block h-[45px] uppercase lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case" href="/collections/carte-cadeau-wedressfair?oc=nav">
<span>La carte-cadeau</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<label for="mobile-concept" class="lg:hidden h-[45px] lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between uppercase font-medium lg:mb-2 lg:font-title lg:text-xl">
<span>Engagements</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<a class="h-[45px] uppercase font-medium lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case lg:font-normal" href="/marques?oc=nav">
<span>Nos marques</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<a class="hidden lg:block hover:underline block" href="/boutiques/paris?oc=nav">Notre boutique à Paris</a>
<a class="hidden lg:block hover:underline block" href="/boutiques/lyon?oc=nav">Notre boutique à Lyon</a>
</div>
</div>
<div class="order-2">
<label for="nav-categories-men-lxn41o3w" class="h-[45px] lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between uppercase font-medium lg:mb-2 lg:font-title lg:text-xl">
<a class="hidden lg:block" href="/homme?oc=nav">Vêtements</a>
<span class="lg:hidden">Vêtements</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-categories-men-lxn41o3w" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-100 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-categories-men-lxn41o3w" class="inline-block py-1">
← Retour
</label>
</div>
<p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Vêtements</p>
<div class="mb-8">
<a class="font-medium py-2 mb-1 lg:py-0 hover:underline block" href="/homme?oc=nav">Voir tous les vêtements</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/pulls-et-sweats?oc=nav">Pulls & Sweats</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/vestes?oc=nav">Vestes</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/chemises-et-surchemises?oc=nav">Chemises & Surchemises</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/jeans?oc=nav">Jeans</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/pantalons?oc=nav">Pantalons</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/t-shirts-et-polos?oc=nav">T-shirts & Polos</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/manteaux?oc=nav">Manteaux</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/sous-vetements?oc=nav">Sous-vêtements</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/sport?oc=nav">Sport</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/shorts?oc=nav">Shorts</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/maillots–de–bain?oc=nav">Maillots de bain</a>
</div>
<div class="lg:hidden">
<p class="py-1 font-medium text-center uppercase bg-gray-100">Par Style</p>
<div class="mb-8">
<a class="py-2 lg:py-0 hover:underline block" href="/homme?style=essentiels%E2%80%93du%E2%80%93quotidien&oc=nav">Essentiels du quotidien</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme?style=touches%E2%80%93de%E2%80%93couleurs&oc=nav">Touches de couleurs</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme?style=classiques%E2%80%93d%C3%A9contract%C3%A9s&oc=nav">Classiques décontractés</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme?style=pour%E2%80%93le%E2%80%93travail&oc=nav">Pour le travail</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme?style=tenues%E2%80%93de%E2%80%93soir%C3%A9e&oc=nav">Tenues de soirée</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme?style=tenues%E2%80%93de%E2%80%93sport&oc=nav">Tenues de sport</a>
</div>
</div>
<div class="lg:hidden">
<p class="py-1 font-medium text-center uppercase bg-gray-100">Par critère</p>
<div>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/made–in–france?oc=nav">Made in France</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/made–in–europe?oc=nav">Made in Europe</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/biologiques?oc=nav">Biologiques</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/recycl%c3%a9es?oc=nav">Recyclées</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/upcycl%c3%a9es?oc=nav">Upcyclées</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/vegan?oc=nav">Vegan</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/naturelles?oc=nav">Naturelles</a>
</div>
</div>
</div>
</div>
<div class="order-3">
<div class="lg:mb-8">
<label for="nav-shoes-men-lxn41o3w" class="h-[45px] lg:h-auto border-b border-gray-50 flex items-center justify-between uppercase font-medium lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<a class="hidden lg:block" href="/homme/chaussures?oc=nav">Chaussures</a>
<span class="lg:hidden">Chaussures</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-shoes-men-lxn41o3w" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-100 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-shoes-men-lxn41o3w" class="inline-block py-1">
← Retour
</label>
</div>
<p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Chaussures</p>
<a class="font-medium py-2 mb-1 lg:py-0 hover:underline block" href="/homme/chaussures?oc=nav">Voir toutes les chaussures</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussures?subcategory=baskets&oc=nav">Baskets</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussures?subcategory=derbies-et-mocassins&oc=nav">Derbies & Mocassins</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussures?subcategory=bottes-et-bottines&oc=nav">Bottes & Bottines</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussures?subcategory=chaussons&oc=nav">Chaussons</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussures?subcategory=sandales&oc=nav">Sandales</a>
</div>
</div>
<label for="nav-other-men-lxn41o3w" class="h-[45px] lg:h-auto border-b border-gray-50 flex items-center justify-between uppercase font-medium lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<span>Sacs et accessoires</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-other-men-lxn41o3w" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-100 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-other-men-lxn41o3w" class="inline-block py-1">
← Retour
</label>
</div>
<p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Sacs et accessoires</p>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/sacs?oc=nav">Sacs</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/accessoires?oc=nav">Accessoires</a>
</div>
<div class="lg:hidden">
<a class="h-[45px] lg:hidden uppercase font-medium font-bold lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case lg:font-normal" href="/archives-homme?oc=nav">
<span>Les archives</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<label for="nav-wdfe-men-lxn41o3w" class="h-[45px] lg:h-auto border-b border-gray-50 font-semibold text-p-terracotta flex items-center justify-between uppercase lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<p class="flex items-center gap-1">
<span>WeDressFair Essentiels</span>
<span class="text-2xs text-white font-bold bg-p-terracotta px-1 rounded">Nouveau</span>
</p>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-wdfe-men-lxn41o3w" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-100 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-wdfe-men-lxn41o3w" class="inline-block py-1">
← Retour
</label>
</div>
<div class="flex flex-col lg:p-4 lg:grid-cols-2 lg:grid gap-10">
<div class="lg:pl-10 lg:border-l">
<p class="hidden lg:block uppercase text-left text-2xl font-title py-1 font-medium mb-4">Homme</p>
<p class="lg:hidden py-1 font-medium text-center uppercase bg-gray-100">WeDressFair Essentiels</p>
<div class="lg:grid lg:grid-cols-2 lg:gap-4 mb-8">
<div class="lg:mb-4">
<a class="py-2 lg:py-0 hover:underline block font-medium" href="/homme?brand=WeDressFair%E2%80%93Essentiels&oc=nav">Voir tout</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/pulls-et-sweats?subcategory=pulls&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les pulls</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/pulls-et-sweats?subcategory=sweats&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les sweats</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/t-shirts-et-polos?brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les t-shirts</a>
</div>
<div class="lg:mb-4">
<a class="py-2 lg:py-0 hover:underline block" href="/homme/accessoires?brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les accessoires d’hiver</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/sous-vetements?subcategory=chaussettes&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les chaussettes</a>
</div>
</div>
<div>
<p class="mb-2 lg:mb-0 lg:uppercase lg:text-xl lg:font-title lg:text-left lg:bg-transparent py-1 font-medium text-center uppercase bg-gray-100">Par modèle</p>
<div class="grid grid-cols-2 lg:grid-cols-5 gap-2">
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/homme/t-shirts-et-polos?brand=WeDressFair%E2%80%93Essentiels&oc=nav">
<img class="w-full h-full object-cover" alt="Les t-shirt" srcset="https://img.wedressfair.fr/SZ-vr_ng0krtvn_cwTnFBM_HMDflRq4rNZH-oFZBSiU/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/MS05MDU2NGFkOS5q/cGc 200w,https://img.wedressfair.fr/Q_yf5DRcRrTxUU9QoNzDsrohtncU2X23v4EgJcucH0E/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/MS05MDU2NGFkOS5q/cGc 600w,https://img.wedressfair.fr/nR1oQCTgqKJpv4VBSBWMa4kGYjrkHGB6BA7cX_zTjGY/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/MS05MDU2NGFkOS5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/WICww69YYCciyVAP4WYaN45kS21mD5gofXgE1eAqIA4/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/MS05MDU2NGFkOS5q/cGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Les t-shirts
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/sweat-oversize-en-coton-bio-vert-foret-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le sweat" srcset="https://img.wedressfair.fr/wWvO1munznCfbYm85FcVSXbNjyGkor96hHhBsB84Wg8/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/Mi1hMmVmODNmYS5q/cGc 200w,https://img.wedressfair.fr/tpp4qSJdtoUweZvyaAR9hNN_-bmZE5S8X603aHrOGbY/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/Mi1hMmVmODNmYS5q/cGc 600w,https://img.wedressfair.fr/doIcatWhl7D0BywHArNRXIzGs6VCA9V2H6qjpDrQKrc/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/Mi1hMmVmODNmYS5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/5TOIED2Pm6qm7ppiXb7vcUv0qAPXHTA5vsjvVuT3GZU/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/Mi1hMmVmODNmYS5q/cGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le sweat
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/pull-col-roule-en-coton-bio-marine-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le col roulé" srcset="https://img.wedressfair.fr/nesN_rQHdk76NodqwLc_wYlApQI8FG30ApdfpspoLMU/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/My1hOGFlOTE3MC5q/cGc 200w,https://img.wedressfair.fr/kRg9wAHWLbakJVZd8KiceeV4Sh7x5wiIXIQcVuaMsY0/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/My1hOGFlOTE3MC5q/cGc 600w,https://img.wedressfair.fr/UN8U1gMq6g9KoceoGWUqjjoZ6aczMn83p47TrwmhRu4/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/My1hOGFlOTE3MC5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/ChatiPEq0t3XI1AjqbsIEQ_ufqVZzqHDUa63bYzwmNE/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/My1hOGFlOTE3MC5q/cGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le col roulé
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/pull-en-laine-merinos-recyclee-ecru-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le pull col rond" srcset="https://img.wedressfair.fr/y5FBpoQtu-a1GCqR_KQrHSxZvRiVGheMJLA0pGs4fgo/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NC0wNTY2ZGI1OC5q/cGc 200w,https://img.wedressfair.fr/aYJDTcTU_gx7FRrs27BqApgq-W1e8SLzR03mNqdbnag/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NC0wNTY2ZGI1OC5q/cGc 600w,https://img.wedressfair.fr/0tgcLuG3EV-eYX2uE9W2L2yR-8dMO9OaPKBKp00TSg4/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NC0wNTY2ZGI1OC5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/dgWI6hlLGrMnNFz30Lsno__D29Zzmc0zFHSfnVW0wV8/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NC0wNTY2ZGI1OC5q/cGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le pull col rond
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full hidden lg:block" href="/homme/accessoires?brand=WeDressFair%E2%80%93Essentiels&oc=nav">
<img class="w-full h-full object-cover" alt="Accessoires d’hiver" srcset="https://img.wedressfair.fr/bocfwqXItQTsMpC8e7gh72J1nQZpl8hflUdXBX8r5mY/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NS0xMDViYzYzYS5q/cGc 200w,https://img.wedressfair.fr/4gv96ubLGWcyrsHqKvOgstLydvD1ne_aKE59frvIccU/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NS0xMDViYzYzYS5q/cGc 600w,https://img.wedressfair.fr/epYlMP4OviK6dlTe5wBqXjy9TYSa5jGsZ9wKVOOBD8A/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NS0xMDViYzYzYS5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/-DMEOU4xVIPQ-9LTfZEagccwXZSgRQc-3vLEBn_5UiA/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NS0xMDViYzYzYS5q/cGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Accessoires d’hiver
</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="h-[45px] lg:hidden uppercase font-medium lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case lg:font-normal" href="/collections/carte-cadeau-wedressfair?oc=nav">
<span>La carte-cadeau</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a> </div>
<div class="flex flex-col order-4 col-span-2">
<div class="hidden grid-cols-2 mb-8 lg:grid">
<div>
<p class="py-1 text-xl text-center bg-gray-100 lg:py-0 lg:bg-transparent lg:mb-2 lg:text-left font-semi-heavy lg:block">Par style</p>
<div>
<a class="hover:underline block" href="/homme?style=essentiels%E2%80%93du%E2%80%93quotidien&oc=nav">Essentiels du quotidien</a>
<a class="hover:underline block" href="/homme?style=touches%E2%80%93de%E2%80%93couleurs&oc=nav">Touches de couleurs</a>
<a class="hover:underline block" href="/homme?style=classiques%E2%80%93d%C3%A9contract%C3%A9s&oc=nav">Classiques décontractés</a>
<a class="hover:underline block" href="/homme?style=pour%E2%80%93le%E2%80%93travail&oc=nav">Pour le travail</a>
<a class="hover:underline block" href="/homme?style=tenues%E2%80%93de%E2%80%93soir%C3%A9e&oc=nav">Tenues de soirée</a>
<a class="hover:underline block" href="/homme?style=tenues%E2%80%93de%E2%80%93sport&oc=nav">Tenues de sport</a>
</div>
</div>
<div>
<p class="py-1 text-xl text-center bg-gray-100 lg:py-0 lg:bg-transparent lg:mb-2 lg:text-left font-semi-heavy lg:block">Par critère</p>
<div>
<a class="hover:underline block" href="/homme/made–in–france?oc=nav">Made in France</a>
<a class="hover:underline block" href="/homme/made–in–europe?oc=nav">Made in Europe</a>
<a class="hover:underline block" href="/homme/biologiques?oc=nav">Biologiques</a>
<a class="hover:underline block" href="/homme/recycl%c3%a9es?oc=nav">Recyclées</a>
<a class="hover:underline block" href="/homme/upcycl%c3%a9es?oc=nav">Upcyclées</a>
<a class="hover:underline block" href="/homme/vegan?oc=nav">Vegan</a>
<a class="hover:underline block" href="/homme/naturelles?oc=nav">Naturelles</a>
</div>
</div>
</div>
<div class="grid grid-cols-2 gap-2 mt-8">
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/homme?selection=nouveaut%C3%A9s%E2%80%93de%E2%80%93saison&oc=nav">
<img class="w-full h-full object-cover" alt="Les nouveautés de saison" srcset="https://img.wedressfair.fr/vv3AzzjrmEQd0YaW-jEKFdWOjWb2KHsnilz_0zu4Og0/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tZW4vMS03/NTY2NzJlYi5qcGc 200w,https://img.wedressfair.fr/g8bD21PSG9zHHHDvbeC5rThQsev2ZkrS0XOLacN2Xo4/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tZW4vMS03/NTY2NzJlYi5qcGc 600w,https://img.wedressfair.fr/PKHmwcXHlaKk0duDgIliLbi2lrIun7dQl0wU-GuOTUM/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tZW4vMS03/NTY2NzJlYi5qcGc 1000w," loading="lazy" src="https://img.wedressfair.fr/2GOsvY_ka0FNFLeW8PpoO2r6vwRDnJJmoIB2auyBQ1A/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tZW4vMS03/NTY2NzJlYi5qcGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Les nouveautés de saison
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/homme?selection=La%E2%80%93collection%E2%80%93m%C3%A9rinos%E2%80%93pour%E2%80%93tous&oc=nav">
<img class="w-full h-full object-cover" alt="La collection mérinos" srcset="https://img.wedressfair.fr/Fj0OTEHSpxkpirgY2UosyXWDHrZt3eaXnKTfK8Ol2G4/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tZW4vMi0y/ZTZjZjY1MC5qcGc 200w,https://img.wedressfair.fr/epRfDMah1vljbFnocR9k7OSS6wriwskNfwgCEaJcHe0/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tZW4vMi0y/ZTZjZjY1MC5qcGc 600w,https://img.wedressfair.fr/-Nvh73jlRWASuaGyxqpImLeKg6vqAbV13P157wT-eZk/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tZW4vMi0y/ZTZjZjY1MC5qcGc 1000w," loading="lazy" src="https://img.wedressfair.fr/8yA7V8nrVly-aWBiktlhrtf7vzdw2YGkjSUtYU4jnbM/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tZW4vMi0y/ZTZjZjY1MC5qcGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
La collection mérinos
</p>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="flex items-center h-full group navbar-dropdown" data-navbar-dropdown-group="fair-sales">
<a class="lg:p-2 lg:py-3 relative font-medium text-sm xl:text-base underline-offset-4 decoration-2" data-navbar-dropdown-link="true" href="/archives-femme?oc=nav">
<span>Les archives</span>
<span class="absolute bottom-0 invisible hidden w-4 h-4 transition-all transform rotate-45 -translate-x-1/2 translate-y-full bg-white border-t border-l border-white lg:block left-1/2 drop-shadow group-hover:visible lg:delay-50 navbar-dropdown-arrow"></span>
</a>
<div class="absolute inset-x-0 hidden p-2 mt-1 bg-white rounded-sm shadow-sm group-hover:block top-full navbar-dropdown-menu">
<div class="flex flex-col lg:p-4 lg:grid-cols-2 lg:grid gap-10">
<div>
<p class="uppercase text-left text-2xl font-title py-1 font-medium mb-4">Femme</p>
<div class="grid grid-cols-2 lg:mb-8 gap-4">
<div class="mb-8 lg:mb-4">
<a class="py-2 lg:py-0 hover:underline block font-medium" href="/femme?outlet=true&oc=nav">Voir toutes les archives</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/pulls-et-sweats?outlet=true&oc=nav">Les pulls & sweats</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/vestes?outlet=true&oc=nav">Les vestes</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/manteaux?outlet=true&oc=nav">Les manteaux</a>
</div>
<div class="mb-8 lg:mb-4">
<a class="py-2 lg:py-0 hover:underline block" href="/femme/tops-et-t-shirts?outlet=true&oc=nav">Les tops & t-shirts</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/pantalons?outlet=true&oc=nav">Les pantalons</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/jeans?outlet=true&oc=nav">Les jeans</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?outlet=true&oc=nav">Les chaussures</a>
</div>
</div>
<div>
<p class="lg:uppercase lg:text-xl lg:font-title lg:text-left lg:bg-transparent py-1 font-medium text-center uppercase bg-gray-100">Par taille</p>
<div class="grid grid-cols-5 gap-2">
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/femme?size=XS%20%2834%29%2CXXS%20%2832%29&outlet=true&oc=nav">
<img class="w-full h-full object-cover" alt="Soldes femme XS et moins" srcset="https://img.wedressfair.fr/subyVQ19ewDWjB1hd1jZh-lInMyUYXl8PE7goqCEHNU/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL3hzLTI1/ZDBlNDEyLmpwZw 200w,https://img.wedressfair.fr/KW3PACXROt4dlA4V_RjgMd97HgjL093ZZAIXC9bVIQ8/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL3hzLTI1/ZDBlNDEyLmpwZw 600w,https://img.wedressfair.fr/E7jX6frhuvrfWPlRo6dRxVxXlZrDe1XeXR7I9aenEkc/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL3hzLTI1/ZDBlNDEyLmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/WJ9Qlz-W5B_D5J5bDw03Vu0Jr6uCHslxOLgtTNcoIas/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL3hzLTI1/ZDBlNDEyLmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
XS et moins
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/femme?size=S%20%2836%29&outlet=true&oc=nav">
<img class="w-full h-full object-cover" alt="Soldes femme S ou 36" srcset="https://img.wedressfair.fr/enOXNcxEJEIwYjUnCaLc6EnTlcHd-V3ViLr_YeZR5HU/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL3MtOGJl/MTk3MzYuanBn 200w,https://img.wedressfair.fr/xvRVulQoYKhPT9TGLsQsg0Ir1HYQMN5J0SlzA-dvxkA/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL3MtOGJl/MTk3MzYuanBn 600w,https://img.wedressfair.fr/bCt2p2gwknoSgZS7vtxqurbw22BJU93pOkwEF0P4y1k/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL3MtOGJl/MTk3MzYuanBn 1000w," loading="lazy" src="https://img.wedressfair.fr/tr6WZmEAmM3TRgw8sVGHa8mndGd7sRO46qJOHM7aym4/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL3MtOGJl/MTk3MzYuanBn" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
S - 36
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/femme?size=M%20%2838%29&outlet=true&oc=nav">
<img class="w-full h-full object-cover" alt="Soldes femme M ou 38" srcset="https://img.wedressfair.fr/W9J_NjbacDjfI711kGH3i8RMkQA0GwrcHK4PQkwWngg/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL20tZDg1/MTc3MDYuanBn 200w,https://img.wedressfair.fr/H9-ermVSKRz_j9Vhh6ztAYv0ewnxw6Cb3y_5FlFG-hA/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL20tZDg1/MTc3MDYuanBn 600w,https://img.wedressfair.fr/0vLKB8hoZ_WMcTXujqBKEnGGq5ltsNcvd6m_zKHrI7Y/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL20tZDg1/MTc3MDYuanBn 1000w," loading="lazy" src="https://img.wedressfair.fr/379cByef0iLcrPNxxUjdIP7fITwXqRY4PttahdTTzzk/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL20tZDg1/MTc3MDYuanBn" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
M - 38
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/femme?size=L%20%2840%29&outlet=true&oc=nav">
<img class="w-full h-full object-cover" alt="Soldes femme L ou 40" srcset="https://img.wedressfair.fr/1V97lypPPA6nSFqS9pYjJ7fjBfVWLrByoOaTYchOjUM/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL2wtM2Y0/OGJjYTEuanBn 200w,https://img.wedressfair.fr/jf0d4qWkNTSkud9Hk2aQ_n72gVXJmag1hnCrfbUuxBU/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL2wtM2Y0/OGJjYTEuanBn 600w,https://img.wedressfair.fr/dHVin1LhhF0YK_ldJIvbv23_5AZa7RWjRbQ1TDp-0V4/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL2wtM2Y0/OGJjYTEuanBn 1000w," loading="lazy" src="https://img.wedressfair.fr/01TvxBhVd0uFq9HjzV9aWShV5qqjUNMOJJ6yiSWmx7c/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL2wtM2Y0/OGJjYTEuanBn" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
L - 40
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/femme?size=XL%20%2842%29%2CXXL%20%2844%29&outlet=true&oc=nav">
<img class="w-full h-full object-cover" alt="Soldes femme XL ou plus" srcset="https://img.wedressfair.fr/GH-hGqbXO9MCDFIVszz2DO4dTCgJoCSRwxk0fF2L594/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL3hsLTEy/NTExZTVlLmpwZw 200w,https://img.wedressfair.fr/y4t7K-wac2MJqE84nDCMrVhFN_wQf9uMy7CWZ7kXcOY/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL3hsLTEy/NTExZTVlLmpwZw 600w,https://img.wedressfair.fr/RJc9Br9WshvWsO_aUKKn9MuJJH3ouJAxX7wBeiiRn-M/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL3hsLTEy/NTExZTVlLmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/sVk5u3ALcDCHrilQV5LdTirLCkWpTYTrrPulcX-FvnU/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LXdvbWVuL3hsLTEy/NTExZTVlLmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
XL et plus
</p>
</a>
</div>
</div>
</div>
<div class="pl-10 border-l">
<p class="uppercase text-left text-2xl font-title py-1 font-medium mb-4">Homme</p>
<div class="grid grid-cols-2 lg:mb-8 gap-4">
<div class="mb-8 lg:mb-4">
<a class="py-2 lg:py-0 hover:underline block font-medium" href="/homme?outlet=true&oc=nav">Voir toutes les archives</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/pulls-et-sweats?outlet=true&oc=nav">Les pulls & sweats</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/vestes?outlet=true&oc=nav">Les vestes</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/manteaux?outlet=true&oc=nav">Les manteaux</a>
</div>
<div class="mb-8 lg:mb-4">
<a class="py-2 lg:py-0 hover:underline block" href="/homme/t-shirts-et-polos?outlet=true&oc=nav">Les t-shirts & polos</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/chemises-et-surchemises?outlet=true&oc=nav">Les chemises & surchemises</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/pantalons?outlet=true&oc=nav">Les pantalons</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussures?outlet=true&oc=nav">Les chaussures</a>
</div>
</div>
<div>
<p class="lg:uppercase lg:text-xl lg:font-title lg:text-left lg:bg-transparent py-1 font-medium text-center uppercase bg-gray-100">Par taille</p>
<div class="grid grid-cols-5 gap-2">
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/homme?size=XS%20%2836%29&outlet=true&oc=nav">
<img class="w-full h-full object-cover" alt="Soldes homme XS et moins" srcset="https://img.wedressfair.fr/z4wUX2OWarvL6eM_Wo6smwPZrswIbbum4P9GNFgAiSw/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi94cy05MGU2/MDhjNC5qcGc 200w,https://img.wedressfair.fr/J7ExVoaQvAuFomp6E0jbXJ8JcVEze4WwNyvW9_nQ0hE/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi94cy05MGU2/MDhjNC5qcGc 600w,https://img.wedressfair.fr/3WhQFOObNofcq6Sjw3GcDfw6Rl2M-J4QEIVSdtNpRa0/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi94cy05MGU2/MDhjNC5qcGc 1000w," loading="lazy" src="https://img.wedressfair.fr/XyAITeRUQHDp7AQMDzo9LVZrs5Neqa6mTOrTeTx1NL4/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi94cy05MGU2/MDhjNC5qcGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
XS et moins
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/homme?size=S%20%2838%29&outlet=true&oc=nav">
<img class="w-full h-full object-cover" alt="Soldes homme S ou 38" srcset="https://img.wedressfair.fr/JOpEgD1gzMbf0sDkjTSaTwuCvRpsWfXa8LihpDHPVu8/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi9zLTIyMjE1/OTcwLmpwZw 200w,https://img.wedressfair.fr/30w8iashbC3Jyz_uLtv0Y8wPwaxZF5cyZJhuNJpa8x8/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi9zLTIyMjE1/OTcwLmpwZw 600w,https://img.wedressfair.fr/KKGWgBQY8xqHvdM2vG2ZkkCXoLdM2Hmq3Af-U6-_z9o/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi9zLTIyMjE1/OTcwLmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/N7RV05If2bDCFDB2x4Cessv59OyNUUal_QFA9AebjZk/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi9zLTIyMjE1/OTcwLmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
S - 38
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/homme?size=M%20%2840%29&outlet=true&oc=nav">
<img class="w-full h-full object-cover" alt="Soldes homme M ou 40" srcset="https://img.wedressfair.fr/MIVaS9ZDkG9hXOJE0jGQdU2C-Eec3dDN9T3TbitDLiU/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi9tLTAyNmJi/NTNiLmpwZw 200w,https://img.wedressfair.fr/K9-1DMfPU0WU1idHdFX-mMy8F9_ekScwU6H8siy_qiY/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi9tLTAyNmJi/NTNiLmpwZw 600w,https://img.wedressfair.fr/07kLZxZUd8Nst3TBpHLnlTaCz4sA6mfONGoEi4tFVGY/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi9tLTAyNmJi/NTNiLmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/SkfQtp-egXrYeddB7hX_NDUa1ZhnQEEZUv0IxjAXEd0/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi9tLTAyNmJi/NTNiLmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
M - 38
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/homme?size=L%20%2842%29&outlet=true&oc=nav">
<img class="w-full h-full object-cover" alt="Soldes homme L ou 42" srcset="https://img.wedressfair.fr/N5OVUYbBsB4CfrDpVhZdl2QxVDr1ABEqbLTTmVbg38c/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi9sLTc3NTc5/NTg1LmpwZw 200w,https://img.wedressfair.fr/3uMUcOqPkrUrLiaaDIbx-uY6q2Qk8t2FHUU769dkatM/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi9sLTc3NTc5/NTg1LmpwZw 600w,https://img.wedressfair.fr/9kusuSvY-4Fa7rRIvG_LBo1oLhgHrrN4Xes2mi5hEIM/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi9sLTc3NTc5/NTg1LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/hfBKnx1gRPdskdYSfh7FN1sswW47hPQXi50gUpuAxdo/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi9sLTc3NTc5/NTg1LmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
L - 40
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/homme?size=XL%20%2844%29%2CXXL%20%2846%29%2C3XL%20%2848%29&outlet=true&oc=nav">
<img class="w-full h-full object-cover" alt="Soldes homme XL ou plus" srcset="https://img.wedressfair.fr/ddPwhwjMDY5ZVb8-i3A-ouX60uPk4BWanRP0dih9_gE/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi94bC1kYzU2/MTUzNi5qcGc 200w,https://img.wedressfair.fr/lsTA3Lbme4nwKx6-j3Kbts-_2y7NQzLKq1X-3KjgnCQ/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi94bC1kYzU2/MTUzNi5qcGc 600w,https://img.wedressfair.fr/joMs4D-fKgy8pqLfFzVNNaLOUnb1O0vA-0u7BMJlc0Q/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi94bC1kYzU2/MTUzNi5qcGc 1000w," loading="lazy" src="https://img.wedressfair.fr/HQ3KvQapUyBk8Y6YamP88N3f5FEe9Fd1cOsW7re9Sfo/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL2hv/bWVzL2FyY2hpdmVz/LW1lbi94bC1kYzU2/MTUzNi5qcGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
XL et plus
</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="flex items-center h-full group navbar-dropdown" data-navbar-dropdown-group="wdf_essentiels">
<a class="lg:p-2 lg:py-3 text-p-terracotta relative text-sm xl:text-base font-medium underline-offset-4 decoration-2" data-navbar-dropdown-link="true" href="/femme?brand=WeDressFair%E2%80%93Essentiels&oc=nav">
<span class="font-medium hidden lg:block">WeDressFair Essentiels</span>
<span class="absolute bottom-0 invisible hidden w-4 h-4 transition-all transform rotate-45 -translate-x-1/2 translate-y-full bg-white border-t border-l border-white lg:block left-1/2 drop-shadow group-hover:visible lg:delay-50 navbar-dropdown-arrow"></span>
</a>
<div class="absolute inset-x-0 invisible p-2 mt-1 transition-all bg-white rounded-sm shadow-sm lg:delay-50 group-hover:visible top-full navbar-dropdown-menu">
<div class="flex flex-col lg:p-4 lg:grid-cols-2 lg:grid gap-10">
<div>
<p class="hidden lg:block uppercase text-left text-2xl font-title py-1 font-medium mb-4">Femme</p>
<p class="lg:hidden py-1 font-medium text-center uppercase bg-gray-100">WeDressFair Essentiels</p>
<div class="lg:grid lg:grid-cols-2 lg:gap-4 mb-8">
<div class="lg:mb-4">
<a class="py-2 lg:py-0 hover:underline block font-medium" href="/femme?brand=WeDressFair%E2%80%93Essentiels&oc=nav">Voir tout</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/pulls-et-sweats?subcategory=pulls&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les pulls</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/pulls-et-sweats?subcategory=sweats&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les sweats</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/tops-et-t-shirts?brand=WeDressFair%E2%80%93Essentiels&oc=nav">
<span>Les tops & t-shirts</span>
<span class="text-2xs bg-p-terracotta rounded-sm px-1 py-0.5 text-white font-semibold">NEW</span>
</a> </div>
<div class="lg:mb-4">
<a class="py-2 lg:py-0 hover:underline block" href="/femme/accessoires?brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les accessoires d’hiver</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/sous-vetements?subcategory=chaussettes&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les chaussettes</a>
</div>
</div>
<div>
<p class="mb-2 lg:mb-0 lg:uppercase lg:text-xl lg:font-title lg:text-left lg:bg-transparent py-1 font-medium text-center uppercase bg-gray-100">Par modèle</p>
<div class="grid grid-cols-2 lg:grid-cols-5 gap-2">
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/t-shirt-manches-longues-cotele-en-coton-bio-ecru-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Les manches longues" srcset="https://img.wedressfair.fr/VPi2PuVakkXGUOP3xCm4Y8Wi1QXnSifdEF_ufWDYVXE/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0xLTZmZmQ0YWE5/LmpwZw 200w,https://img.wedressfair.fr/w8Z2dViEwyoUUdI_Zb4L0AOvktG0kVOWC4kv-lL_Zsc/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0xLTZmZmQ0YWE5/LmpwZw 600w,https://img.wedressfair.fr/aVWHC4RwENEbXOLTfXuuQSDJI4CeujbSKRx2S8jO-9k/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0xLTZmZmQ0YWE5/LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/JlYv5uVQ2vg4eHFUxoVUyIYRcoApHCp3rpGSVBLxv0g/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0xLTZmZmQ0YWE5/LmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Les manches longues
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/sweat-en-coton-bio-vert-foret-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le sweat" srcset="https://img.wedressfair.fr/ugzcM9Cr0CVsIvf2NdApfp-kpoRffRf-LOK2D9NGBfU/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0yLTFjY2U4OWYz/LmpwZw 200w,https://img.wedressfair.fr/kOmIuX4iCcP_Z4zuwDFf0g6YVCb_bnJIgVILr0FY6-U/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0yLTFjY2U4OWYz/LmpwZw 600w,https://img.wedressfair.fr/Os-y6a1nTwobVwwQ_E4p5Ud5Nlw6Vi2bJrP0a8BXyRI/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0yLTFjY2U4OWYz/LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/mhTTUeg4QmEGqE-wuwoNEj2u_lTuZLaR3TX4cXzGyio/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0yLTFjY2U4OWYz/LmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le sweat
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/pull-boxy-en-laine-merinos-recyclee-rouge-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le pull oversize" srcset="https://img.wedressfair.fr/QEY6bv7ZoInLDjR7XNXxnfODXG3jQXbgSGNq2YaZ0g4/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0zLTE1OTQwMmQx/LmpwZw 200w,https://img.wedressfair.fr/0P7LKmyor2jhDf44EiyqoesagqWDTSsikxwxCWySFOk/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0zLTE1OTQwMmQx/LmpwZw 600w,https://img.wedressfair.fr/cl6cUrrhnnYSNPAiZZMdBov3d5-xWIekQJLDnxCPhqk/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0zLTE1OTQwMmQx/LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/wJ8LxCdgyY5Me5nkgiUatTgBfm-uv1EyemaLI01FjJA/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0zLTE1OTQwMmQx/LmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le pull oversize
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/pull-droit-en-laine-merinos-recyclee-beige-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le pull droit" srcset="https://img.wedressfair.fr/zEfAqxRyoGFnOskP8pFOR8n4HBhw9XCFi0vLcjTY6xc/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi00LTdmYzM3NWEz/LmpwZw 200w,https://img.wedressfair.fr/tmaM1IBM4nMGqxbP7_uNSDkUVEtLWpkyiCmoF-tfNwY/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi00LTdmYzM3NWEz/LmpwZw 600w,https://img.wedressfair.fr/JZGXkFjG7gwCi6XqDPTCHBcYj2hnUZNhtcwHuSpbyBo/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi00LTdmYzM3NWEz/LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/4GpkUOfbYzkFB8Oh6ueNLL5_EoMgUl1UmRSO9sa_ZQE/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi00LTdmYzM3NWEz/LmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le pull droit
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full hidden lg:block" href="/femme/accessoires?brand=WeDressFair%E2%80%93Essentiels&oc=nav">
<img class="w-full h-full object-cover" alt="Les accessoires d’hiver" srcset="https://img.wedressfair.fr/q2HUsEW93CHRfCAzjDwZlRnGxvWdJ-myAm71OM3r9XM/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi01LWZkMjQzNzI5/LmpwZw 200w,https://img.wedressfair.fr/VtN5Ci93z_vVoAfUjrsplaHUFRZvDEu945YbrTt4zEg/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi01LWZkMjQzNzI5/LmpwZw 600w,https://img.wedressfair.fr/P4y6YDMcDGqaN5g559NLPAcDz2hBOyeTCsCFUkl4E-k/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi01LWZkMjQzNzI5/LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/uGtnF8xzFJfzUIyb0-fPpA01BSQ4UEIaKxBgBUnzEDI/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi01LWZkMjQzNzI5/LmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Accessoires d’hiver
</p>
</a>
</div>
</div>
</div>
<div class="lg:pl-10 lg:border-l">
<p class="hidden lg:block uppercase text-left text-2xl font-title py-1 font-medium mb-4">Homme</p>
<p class="lg:hidden py-1 font-medium text-center uppercase bg-gray-100">WeDressFair Essentiels</p>
<div class="lg:grid lg:grid-cols-2 lg:gap-4 mb-8">
<div class="lg:mb-4">
<a class="py-2 lg:py-0 hover:underline block font-medium" href="/homme?brand=WeDressFair%E2%80%93Essentiels&oc=nav">Voir tout</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/pulls-et-sweats?subcategory=pulls&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les pulls</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/pulls-et-sweats?subcategory=sweats&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les sweats</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/t-shirts-et-polos?brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les t-shirts</a>
</div>
<div class="lg:mb-4">
<a class="py-2 lg:py-0 hover:underline block" href="/homme/accessoires?brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les accessoires d’hiver</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/sous-vetements?subcategory=chaussettes&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les chaussettes</a>
</div>
</div>
<div>
<p class="mb-2 lg:mb-0 lg:uppercase lg:text-xl lg:font-title lg:text-left lg:bg-transparent py-1 font-medium text-center uppercase bg-gray-100">Par modèle</p>
<div class="grid grid-cols-2 lg:grid-cols-5 gap-2">
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/homme/t-shirts-et-polos?brand=WeDressFair%E2%80%93Essentiels&oc=nav">
<img class="w-full h-full object-cover" alt="Les t-shirt" srcset="https://img.wedressfair.fr/SZ-vr_ng0krtvn_cwTnFBM_HMDflRq4rNZH-oFZBSiU/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/MS05MDU2NGFkOS5q/cGc 200w,https://img.wedressfair.fr/Q_yf5DRcRrTxUU9QoNzDsrohtncU2X23v4EgJcucH0E/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/MS05MDU2NGFkOS5q/cGc 600w,https://img.wedressfair.fr/nR1oQCTgqKJpv4VBSBWMa4kGYjrkHGB6BA7cX_zTjGY/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/MS05MDU2NGFkOS5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/WICww69YYCciyVAP4WYaN45kS21mD5gofXgE1eAqIA4/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/MS05MDU2NGFkOS5q/cGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Les t-shirts
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/sweat-oversize-en-coton-bio-vert-foret-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le sweat" srcset="https://img.wedressfair.fr/wWvO1munznCfbYm85FcVSXbNjyGkor96hHhBsB84Wg8/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/Mi1hMmVmODNmYS5q/cGc 200w,https://img.wedressfair.fr/tpp4qSJdtoUweZvyaAR9hNN_-bmZE5S8X603aHrOGbY/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/Mi1hMmVmODNmYS5q/cGc 600w,https://img.wedressfair.fr/doIcatWhl7D0BywHArNRXIzGs6VCA9V2H6qjpDrQKrc/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/Mi1hMmVmODNmYS5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/5TOIED2Pm6qm7ppiXb7vcUv0qAPXHTA5vsjvVuT3GZU/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/Mi1hMmVmODNmYS5q/cGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le sweat
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/pull-col-roule-en-coton-bio-marine-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le col roulé" srcset="https://img.wedressfair.fr/nesN_rQHdk76NodqwLc_wYlApQI8FG30ApdfpspoLMU/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/My1hOGFlOTE3MC5q/cGc 200w,https://img.wedressfair.fr/kRg9wAHWLbakJVZd8KiceeV4Sh7x5wiIXIQcVuaMsY0/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/My1hOGFlOTE3MC5q/cGc 600w,https://img.wedressfair.fr/UN8U1gMq6g9KoceoGWUqjjoZ6aczMn83p47TrwmhRu4/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/My1hOGFlOTE3MC5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/ChatiPEq0t3XI1AjqbsIEQ_ufqVZzqHDUa63bYzwmNE/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/My1hOGFlOTE3MC5q/cGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le col roulé
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/pull-en-laine-merinos-recyclee-ecru-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le pull col rond" srcset="https://img.wedressfair.fr/y5FBpoQtu-a1GCqR_KQrHSxZvRiVGheMJLA0pGs4fgo/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NC0wNTY2ZGI1OC5q/cGc 200w,https://img.wedressfair.fr/aYJDTcTU_gx7FRrs27BqApgq-W1e8SLzR03mNqdbnag/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NC0wNTY2ZGI1OC5q/cGc 600w,https://img.wedressfair.fr/0tgcLuG3EV-eYX2uE9W2L2yR-8dMO9OaPKBKp00TSg4/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NC0wNTY2ZGI1OC5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/dgWI6hlLGrMnNFz30Lsno__D29Zzmc0zFHSfnVW0wV8/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NC0wNTY2ZGI1OC5q/cGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le pull col rond
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full hidden lg:block" href="/homme/accessoires?brand=WeDressFair%E2%80%93Essentiels&oc=nav">
<img class="w-full h-full object-cover" alt="Accessoires d’hiver" srcset="https://img.wedressfair.fr/bocfwqXItQTsMpC8e7gh72J1nQZpl8hflUdXBX8r5mY/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NS0xMDViYzYzYS5q/cGc 200w,https://img.wedressfair.fr/4gv96ubLGWcyrsHqKvOgstLydvD1ne_aKE59frvIccU/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NS0xMDViYzYzYS5q/cGc 600w,https://img.wedressfair.fr/epYlMP4OviK6dlTe5wBqXjy9TYSa5jGsZ9wKVOOBD8A/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NS0xMDViYzYzYS5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/-DMEOU4xVIPQ-9LTfZEagccwXZSgRQc-3vLEBn_5UiA/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NS0xMDViYzYzYS5q/cGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Accessoires d’hiver
</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="flex items-center h-full group navbar-dropdown" data-navbar-dropdown-group="concept">
<a class="lg:p-2 lg:py-3 relative text-sm xl:text-base font-medium underline-offset-4 decoration-2" data-navbar-dropdown-link="true" href="/charte?oc=nav">
<span class="font-medium italic">Nos engagements</span>
<span class="absolute bottom-0 invisible hidden w-4 h-4 transition-all transform rotate-45 -translate-x-1/2 translate-y-full bg-white border-t border-l border-white lg:block left-1/2 drop-shadow group-hover:visible lg:delay-50 navbar-dropdown-arrow"></span>
</a>
<div class="absolute inset-x-0 invisible p-2 mt-1 transition-all bg-white rounded-sm shadow-sm lg:delay-50 group-hover:visible top-full navbar-dropdown-menu">
<div class="flex flex-col lg:p-4 lg:grid-cols-5 lg:grid">
<div class="col-span-2">
<div class="mb-8">
<p class="py-1 text-center bg-gray-100 lg:bg-transparent lg:text-left lg:py-0 border-b border-gray-50 block lg:flex items-center justify-between uppercase font-medium lg:border-none mb-2 lg:font-title lg:text-xl">Rendre la mode éco-responsable</p>
<a class="text-p-terracotta font-medium py-1 lg:py-0 hover:underline block" href="/pages/les-editos-de-marie?oc=nav">Les éditos de Marie</a>
<a class="py-1 lg:py-0 hover:underline block" href="/charte?oc=nav">WeDressFair, notre mission, notre charte</a>
<a class="py-1 lg:py-0 hover:underline block" href="/marques?oc=nav">Nos marques</a>
<a class="py-1 lg:py-0 hover:underline block" href="/matieres?oc=nav">Les matières à privilégier</a>
<a class="py-1 lg:py-0 hover:underline block" href="/labels?oc=nav">Les labels sérieux</a>
<a class="py-1 lg:py-0 hover:underline block" href="/media?oc=nav">Le média qui (dé)construit la mode</a>
</div>
<div class="mb-8">
<p class="py-1 text-center bg-gray-100 lg:bg-transparent lg:text-left lg:py-0 border-b border-gray-50 block lg:flex items-center justify-between uppercase font-medium lg:border-none mb-2 lg:font-title lg:text-xl">On décrypte la mode</p>
<a class="py-1 lg:py-0 hover:underline block" href="/notre-avis-sur?oc=nav">Nos avis sur les marques</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/les-labels-et-audits-sociaux-que-verifient-ils?oc=nav">Les labels et audits sociaux : que vérifient-ils ?</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/les-salaires-dans-la-mode?oc=nav">Les salaires dans la mode</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/les-fondamentaux-de-l-oit?oc=nav">Les fondamentaux de l'OIT</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/de-la-graine-au-vetement-1-2?oc=nav">Quelles sont les étapes de fabrication d’un vêtement ?</a>
</div>
</div>
<div class="flex flex-col col-span-3">
<div class="grid-cols-2 mb-8 lg:grid">
<div class="mb-8">
<p class="py-1 text-center bg-gray-100 lg:bg-transparent lg:text-left lg:py-0 border-b border-gray-50 block lg:flex items-center justify-between uppercase font-medium lg:border-none mb-2 lg:font-title lg:text-xl">L’impact de la mode</p>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/pourquoi-la-mode-est-elle-polluante?oc=nav">Pourquoi la mode pollue ?</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/les-salaires-dans-la-mode?oc=nav">C’est quoi le problème des salaires dans la mode ?</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/teinture-et-procedes-de-transformation?oc=nav">C’est quoi le problème des teintures ?</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/le-greenwashing?oc=nav">C’est quoi le problème du Greenwashing ?</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/c-est-quoi-le-probleme-avec-les-jeans-delaves?oc=nav">C’est quoi le problème des jeans délavés ?</a>
</div>
<div class="mb-8">
<p class="py-1 text-center bg-gray-100 lg:bg-transparent lg:text-left lg:py-0 border-b border-gray-50 block lg:flex items-center justify-between uppercase font-medium lg:border-none mb-2 lg:font-title lg:text-xl">On vous aide à comprendre</p>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/3-etapes-pour-reconnaitre-un-vetement-eco-responsable?oc=nav">3 étapes pour reconnaître un vêtement écoresponsable</a>
<a class="py-1 lg:py-0 hover:underline block" href="/matieres?oc=nav">50 matières textiles décryptées</a>
<a class="py-1 lg:py-0 hover:underline block" href="/labels?oc=nav">15 labels fiables de la mode responsable</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/b-a-ba-de-la-mode-ethique?oc=nav">Le BA-BA de la mode responsable</a>
</div>
</div>
<div class="grid grid-cols-2 lg:grid-cols-4 gap-2 mt-6">
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/blog/pourquoi-la-mode-est-elle-polluante?oc=nav">
<img class="w-full h-full object-cover" alt="Pourquoi la mode pollue ?" srcset="https://img.wedressfair.fr/ToaBs6yVo00HeQMgZiN453KuI6kZaWeIZX9xkySCgkw/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tb2RlLXBv/bGx1YW50ZS0xZjA4/ODI3YS5qcGc 200w,https://img.wedressfair.fr/MmSLgkkD6S6TlFZVH3Aw05K-19pVQDYdnHz5xDg9doc/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tb2RlLXBv/bGx1YW50ZS0xZjA4/ODI3YS5qcGc 600w,https://img.wedressfair.fr/Xi1wBTspyju3wbXgmX7P1FGvGGhB3phrsa9h3qvQaq4/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tb2RlLXBv/bGx1YW50ZS0xZjA4/ODI3YS5qcGc 1000w," loading="lazy" src="https://img.wedressfair.fr/94eePK8jpCyeaVUHR1IJutQJZNGwBh35k1g_jmyQGDg/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tb2RlLXBv/bGx1YW50ZS0xZjA4/ODI3YS5qcGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Pourquoi la mode pollue ?
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/blog/le-greenwashing?oc=nav">
<img class="w-full h-full object-cover" alt="C’est quoi le greenwashing ?" srcset="https://img.wedressfair.fr/iC6dwRrJxrF4wkZgy99Jnl5h6x1u7G3wAGc86II89v4/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9ncmVlbndh/c2hpbmctZGNhZmVj/MWQuanBn 200w,https://img.wedressfair.fr/Owv0zDIbt83ESiHu0kHuZXRxid806_w5poR377pkWgU/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9ncmVlbndh/c2hpbmctZGNhZmVj/MWQuanBn 600w,https://img.wedressfair.fr/3gyhdnGgKpeGRUYYF2dRVUBBIFJIrS6rsnz4gVqk1n0/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9ncmVlbndh/c2hpbmctZGNhZmVj/MWQuanBn 1000w," loading="lazy" src="https://img.wedressfair.fr/qt7QCEaFalOZvSiVxGFsBBm7aXp8pEHhs8jKAjhFiEI/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9ncmVlbndh/c2hpbmctZGNhZmVj/MWQuanBn" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
C’est quoi le greenwashing ?
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/blog/4-outils-pour-consommer-responsable?oc=nav">
<img class="w-full h-full object-cover" alt="4 outils pour acheter plus responsable" srcset="https://img.wedressfair.fr/3wczvy7pgWg0BvEzx1Px82TmoJOGJKwIIkgOYiGWGWI/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9hY2hldGVy/LXJlc3BvbnNhYmxl/LTMxZDY2MmEyLmpw/Zw 200w,https://img.wedressfair.fr/_VD7rZ324WZT8r4Dk9bEKnocfmDd8R9GCKV3wRGWhBI/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9hY2hldGVy/LXJlc3BvbnNhYmxl/LTMxZDY2MmEyLmpw/Zw 600w,https://img.wedressfair.fr/Quj-y_ldDPCyqx0_wkz0CiR6Aih9oFPOaHj-9tC9bCQ/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9hY2hldGVy/LXJlc3BvbnNhYmxl/LTMxZDY2MmEyLmpw/Zw 1000w," loading="lazy" src="https://img.wedressfair.fr/huxLq1MI40mTho1BiF1mHhagSLoMZuChMHDS7I0Igz4/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9hY2hldGVy/LXJlc3BvbnNhYmxl/LTMxZDY2MmEyLmpw/Zw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
4 outils pour acheter plus responsable
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/matieres?oc=nav">
<img class="w-full h-full object-cover" alt="Décryptage des matières éco-responsables" srcset="https://img.wedressfair.fr/0Ju_IwOi_vlMc5WadwcgL7cdx0afQM_vPdjlCt3xV94/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9kZWNyeXB0/YWdlLW1hdGllcmVz/LWRjMzU4YjdlLmpw/Zw 200w,https://img.wedressfair.fr/EXm_oTfE5Rr_RNn69Z9Mqlv1C4eYS7x7bP5gbFRKl7I/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9kZWNyeXB0/YWdlLW1hdGllcmVz/LWRjMzU4YjdlLmpw/Zw 600w,https://img.wedressfair.fr/niTOVTeOtzMYnoGePH3K2vJhBustt7T56049TxzXbj0/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9kZWNyeXB0/YWdlLW1hdGllcmVz/LWRjMzU4YjdlLmpw/Zw 1000w," loading="lazy" src="https://img.wedressfair.fr/eF55ef56dGE7W9qrk-XliNSAglIpuHIn6PefKHr3WlI/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9kZWNyeXB0/YWdlLW1hdGllcmVz/LWRjMzU4YjdlLmpw/Zw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Décryptage des matières éco-responsables
</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<ul class="lg:col-span-2 flex justify-end h-full lg:px-2 lg:basis-0 lg:ml-auto">
<li class="hidden lg:flex items-center justify-center relative w-[40px]" data-tippy-content="Quoi de neuf chez WeDressFair ?" data-tippy-touch="false">
<a href="#" class="relative wisp wisp-container-lg" data-action="click->mxp#track" data-mxp-event="notification_opened">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="24" stroke="#000" stroke-width="1.5" viewbox="0 0 24 24" width="24" class="stroke-1 w-5 h-5 lg:w-7 stroke-black text-black z-1"><g stroke-linecap="round" stroke-linejoin="round"><path d="m10 21.75c.2609.8887 1.0763 1.4992 2.0025 1.4992s1.7416-.6105 2.0025-1.4992"></path><path d="m12 3v-2.25"></path><path clip-rule="evenodd" d="m12 3c4.1421 0 7.5 3.35786 7.5 7.5 0 7.046 1.5 8.25 1.5 8.25h-18s1.5-1.916 1.5-8.25c0-4.14214 3.35786-7.5 7.5-7.5z" fill-rule="evenodd"></path></g></svg>
</a>
</li>
<li class="hidden lg:flex items-center justify-center w-[40px]" data-tippy-content="Rechercher" data-tippy-touch="false">
<label for="search-trigger" class="flex items-center justify-center w-full h-full cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000" stroke-width="1.5" viewbox="0 0 25 25" class="stroke-1 w-5 h-6 lg:w-7 stroke-black text-black z-1"><g stroke-linecap="round" stroke-linejoin="round"><path clip-rule="evenodd" d="m14.5403 18.8027c4.0948-1.7402 6.0035-6.4704 4.2633-10.56517-1.7403-4.09476-6.4704-6.00348-10.5652-4.26325-4.09476 1.74023-6.00348 6.47042-4.26325 10.56522 1.74023 4.0947 6.47045 6.0034 10.56515 4.2632z" fill-rule="evenodd"></path><path d="m17.0853 17.0845 6.248 6.2489"></path></g></svg>
</label>
</li>
<li class="hidden lg:flex relative items-center justify-center w-[40px]">
<a class="w-full h-full flex justify-center items-center" title="compte" data-tippy-content="Votre compte" href="/profile?tab=commandes&oc=nav">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000" stroke-width="1.5" viewbox="0 0 24 24" class="stroke-1 w-5 h-5 lg:w-7 stroke-black text-black z-1"><g stroke-linecap="round" stroke-linejoin="round"><path clip-rule="evenodd" d="m12 23.25c6.2132 0 11.25-5.0368 11.25-11.25s-5.0368-11.25-11.25-11.25-11.25 5.0368-11.25 11.25 5.0368 11.25 11.25 11.25z" fill-rule="evenodd"></path><path clip-rule="evenodd" d="m12 15c2.8995 0 5.25-2.3505 5.25-5.25 0-2.89949-2.3505-5.25-5.25-5.25-2.89949 0-5.25 2.35051-5.25 5.25 0 2.8995 2.35051 5.25 5.25 5.25z" fill-rule="evenodd"></path><path d="m18.913 20.876c-1.8295-1.8409-4.3176-2.8761-6.913-2.8761-2.59537 0-5.08355 1.0352-6.913 2.8761"></path></g></svg>
</a> </li>
<li class="hidden lg:flex items-center justify-center w-[40px]" data-tippy-content="Vos favoris">
<a title="favoris" class="w-full h-full flex justify-center items-center" data-turbo-stream="" href="/favoris?oc=nav">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="stroke-1 w-5 h-5 lg:w-7 stroke-black text-black z-1"><path clip-rule="evenodd" d="m12 21.844-9.58801-10c-1.728211-1.7269-2.1565-4.36631-1.063-6.55103.81563-1.63078 2.36541-2.77013 4.16525-3.06215 1.79985-.29201 3.63035.2989 4.91976 1.58815l1.566 1.565 1.566-1.565c1.2894-1.28925 3.1199-1.88016 4.9197-1.58815 1.7999.29202 3.3497 1.43137 4.1653 3.06215 1.092 2.18379.6642 4.82133-1.062 6.54803z" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"></path></svg>
</a> </li>
<li class="relative flex items-center justify-center w-[40px]" data-tippy-content="Votre panier" data-tippy-touch="false">
<a class="w-full h-full flex justify-center items-center" title="panier" data-turbo-frame="turbo_modal" data-turbo-stream="" href="/panier?oc=nav">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="25" stroke="#000" stroke-width="1.5" viewbox="0 0 24 25" width="24" class="stroke-1 w-5 h-5 lg:w-7 stroke-black text-black z-1"><g stroke-linecap="round" stroke-linejoin="round"><path clip-rule="evenodd" d="m19.049 6.95003h-14.11296c-.70094-.02858-1.31482.46602-1.436 1.157l-2 13.91497c-.02095.3864.12403.7633.39848 1.0361.27446.2727.6523.4153 1.03852.3919h18.11096c.3862.0234.7639-.1192 1.0382-.392s.4191-.6497.3978-1.036l-2-13.91497c-.1211-.69059-.7344-1.18507-1.435-1.157z" fill-rule="evenodd"></path><path d="m15.6618 4.00701c-.3388-1.76976-1.8841-3.051333-3.686-3.056998-1.7925.007863-3.33065 1.279048-3.676 3.037998"></path></g></svg>
</a> <turbo-frame id="nav_wishes_count" src="/frames/navigation_wishes_count"></turbo-frame>
</li>
</ul>
</div>
<div data-action="keydown@document->search#close">
<input id="search-trigger" type="checkbox" class="hidden peer" data-search-target="toggleSearch" data-action="change->search#toggle">
<div class="fixed inset-x-0 top-0 h-screen pb-4 mb-px overflow-hidden transition-all duration-200 transform -translate-y-full bg-white shadow z-2 peer-checked:translate-y-0 lg:peer-checked:max-h-screen lg:peer-checked:translate-y-full lg:pb-0 lg:h-auto lg:max-h-0 lg:absolute lg:transition-max-height lg:top-auto lg:-bottom-1 lg:translate-y-full">
<div class="container flex flex-col h-screen px-0 lg:h-auto">
<section class="flex flex-shrink-0 px-4">
<div class="grow my-4 border flex items-center border-black/50 px-2 lg:px-10">
<div id="global-search-input" data-search-target="searchInputWrapper" class="grow"></div>
<div id="global-gender" class="hidden lg:block shrink-0"></div>
</div>
<label class="flex cursor-pointer items-center w-[50px] shrink-0 px-4 -mr-4" for="search-trigger"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="w-5 h-5 stroke-current text-black"><g stroke-linecap="round" stroke-linejoin="round"><path d="m4.5 19.5 15-15"></path><path d="m4.5 4.5 15 15"></path></g></svg></label>
</section>
<section>
<div class="relative px-4 mb-6 lg:p-4">
<p id="search-stats" class="text-sm"></p>
<div id="search-hits" class="flex gap-2 overflow-x-scroll lg:grid lg:grid-cols-6"></div>
<div class="hidden my-4 text-center" id="search-nohit">
<p class="mb-12 font-medium">Nous n’avons pas trouvé d’articles qui correspondent à votre recherche.</p>
<p class="mb-8">On vous proposer d’aller jeter un coup d’oeil à nos <a class="underline" href="/looks/femme?oc=nav">looks du moment</a>, de vous laisser inspirer en faisant un tour sur notre <a class="underline" href="/accueil-femme?oc=nav">page d’accueil femme</a>, ou encore de <a class="underline" href="/femme?oc=nav">parcourir nos nouveautés</a>.</p>
</div>
</div>
<div class="px-4 lg:p-4">
<div id="multisearch-hits" class="flex flex-col gap-2 lg:grid lg:grid-cols-3"></div>
<p id="multisearch-stats" class="text-sm"></p>
</div>
</section>
</div>
</div>
<label data-search-target="overlay" for="search-trigger" class="fixed inset-0 hidden peer-checked:block z-1 top-2/3"></label>
</div>
</div>
</nav>
<div class="lg:hidden">
<input id="mobile-nav" type="checkbox" class="hidden peer" data-action="change->navbar#mobileToggle" data-navbar-target="mobileToggle">
<div class="fixed top-0 bottom-0 z-[41] w-screen duration-300 transform -translate-y-[120%] bg-white peer-checked:translate-y-0">
<div class="flex flex-col h-dvh pt-[50px]">
<div class="grid grid-cols-2 py-1 shrink-0 peer">
<input id="nav-gender-women" type="radio" class="hidden peer/women" name="mobile-nav-gender" data-action="change->search#updateGender" data-gender-value="women" checked>
<input id="nav-gender-men" type="radio" class="hidden peer/men" name="mobile-nav-gender" data-action="change->search#updateGender" data-gender-value="men" >
<label for="nav-gender-women" class="block pb-2 font-medium text-center uppercase border-r border-gray-300 peer-checked/women:underline underline-offset-4 decoration-2">Femme</label>
<label for="nav-gender-men" class="block pb-2 font-medium text-center uppercase peer-checked/men:underline underline-offset-4 decoration-2">Homme</label>
</div>
<div class="px-4 py-2 hidden overflow-y-scroll grow peer-has-[#nav-gender-women:checked]:block">
<div class="flex flex-col lg:p-4 lg:grid-cols-5 lg:grid">
<div class="contents lg:block">
<div class="order-1 lg:mb-8">
<label for="search-trigger" class="flex items-center w-full h-full gap-2 p-2 my-2 bg-gray-100 rounded-sm cursor-pointer lg:hidden">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000" stroke-width="1.5" viewbox="0 0 25 25" class="stroke-1 w-5 h-6 lg:w-7 stroke-black text-black z-1"><g stroke-linecap="round" stroke-linejoin="round"><path clip-rule="evenodd" d="m14.5403 18.8027c4.0948-1.7402 6.0035-6.4704 4.2633-10.56517-1.7403-4.09476-6.4704-6.00348-10.5652-4.26325-4.09476 1.74023-6.00348 6.47042-4.26325 10.56522 1.74023 4.0947 6.47045 6.0034 10.56515 4.2632z" fill-rule="evenodd"></path><path d="m17.0853 17.0845 6.248 6.2489"></path></g></svg>
<span class="text-sm opacity-60">Recherche femme</span>
</label>
<label for="nav-highlight-bnp0uzw0" class="h-[45px] lg:h-auto border-b border-gray-50 flex items-center justify-between uppercase font-medium lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<span>À l’honneur</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-highlight-bnp0uzw0" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-200 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-highlight-bnp0uzw0" class="inline-block py-1">
← Retour
</label>
<p class="py-1 font-medium text-center uppercase bg-gray-100">À l’honneur</p>
</div>
<a class="py-2 lg:py-0 hover:underline block" href="/femme?selection=nouveaut%C3%A9s%E2%80%93de%E2%80%93saison&oc=nav">Les nouveautés</a>
<a class="py-2 lg:py-0 hover:underline block" href="/jeans-femme?oc=nav">Le bon jean</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme?selection=les%E2%80%93essentiels&oc=nav">Les intemporels</a>
<a class="py-2 lg:py-0 hover:underline block" href="/archives-femme?oc=nav">Les archives</a>
<a class="py-2 lg:py-0 hover:underline block font-medium text-p-terracotta" href="/collections/culotte-suspendue-wedressfair?oc=nav">Les culottes suspendues</a>
</div>
</div>
<div class="order-4 lg:mb-8">
<p class="hidden lg:font-medium lg:flex border-gray-50 lg:mb-2 lg:font-title lg:text-xl">Mais aussi</p>
<a class="hidden h-[45px] uppercase font-medium lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case lg:font-normal" href="/archives-femme?oc=nav">
<span>Les archives</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<a class="hidden lg:block h-[45px] uppercase lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case" href="/collections/carte-cadeau-wedressfair?oc=nav">
<span>La carte-cadeau</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<label for="mobile-concept" class="lg:hidden h-[45px] lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between uppercase font-medium lg:mb-2 lg:font-title lg:text-xl">
<span>Engagements</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<a class="h-[45px] uppercase font-medium lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case lg:font-normal" href="/marques?oc=nav">
<span>Nos marques</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<a class="hidden lg:blockhover:underline block" href="/collections/culotte-suspendue-wedressfair?oc=nav">Les culottes suspendues</a>
<a class="hidden lg:block hover:underline block" href="/boutiques/paris?oc=nav">Notre boutique à Paris</a>
<a class="hidden lg:block hover:underline block" href="/boutiques/lyon?oc=nav">Notre boutique à Lyon</a>
</div>
</div>
<div class="order-2">
<label for="nav-categories-bnp0uzw0" class="h-[45px] lg:h-auto border-b border-gray-50 flex items-center justify-between uppercase font-medium lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<a class="hidden lg:block" href="/femme?oc=nav">Vêtements</a>
<span class="lg:hidden">Vêtements</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-categories-bnp0uzw0" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-200 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-categories-bnp0uzw0" class="inline-block py-1">
← Retour
</label>
</div>
<p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Vêtements</p>
<div class="mb-8">
<a class="font-medium py-2 mb-1 lg:py-0 hover:underline block" href="/femme?oc=nav">Voir tous les vêtements</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/pulls-et-sweats?oc=nav">Pulls & Sweats</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/chemises-et-blouses?oc=nav">Chemises & Blouses</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/tops-et-t-shirts?oc=nav">Tops & T-shirts</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/vestes?oc=nav">Vestes</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/robes?oc=nav">Robes</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/jupes?oc=nav">Jupes</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/jeans?oc=nav">Jeans</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/pantalons?oc=nav">Pantalons</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/combinaisons?oc=nav">Combinaisons</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/manteaux?oc=nav">Manteaux</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/sous-vetements?oc=nav">Sous-vêtements</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/sport?oc=nav">Sport</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/shorts?oc=nav">Shorts</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/maillots–de–bain?oc=nav">Maillots de bain</a>
</div>
<div class="lg:hidden">
<p class="py-1 font-medium text-center uppercase bg-gray-100">Par Style</p>
<div class="mb-8">
<a class="py-2 lg:py-0 hover:underline block" href="/femme?style=essentiels%E2%80%93du%E2%80%93quotidien&oc=nav">Essentiels du quotidien</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme?style=touches%E2%80%93de%E2%80%93couleurs&oc=nav">Touches de couleurs</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme?style=classiques%E2%80%93d%C3%A9contract%C3%A9s&oc=nav">Classiques décontractés</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme?style=pour%E2%80%93le%E2%80%93travail&oc=nav">Pour le travail</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme?style=tenues%E2%80%93de%E2%80%93soir%C3%A9e&oc=nav">Tenues de soirée</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme?style=tenues%E2%80%93de%E2%80%93sport&oc=nav">Tenues de sport</a>
</div>
</div>
<div class="lg:hidden">
<p class="py-1 font-medium text-center uppercase bg-gray-100">Par critère</p>
<div>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/made–in–france?oc=nav">Made in France</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/made–in–europe?oc=nav">Made in Europe</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/biologiques?oc=nav">Biologiques</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/recycl%c3%a9es?oc=nav">Recyclées</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/upcycl%c3%a9es?oc=nav">Upcyclées</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/vegan?oc=nav">Vegan</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/naturelles?oc=nav">Naturelles</a>
</div>
</div>
</div>
</div>
<div class="order-3">
<div class="lg:mb-8">
<label for="nav-shoes-bnp0uzw0" class="h-[45px] lg:h-auto border-b border-gray-50 flex items-center justify-between uppercase font-medium lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<a class="hidden lg:block" href="/femme/chaussures?oc=nav">Chaussures</a>
<span class="lg:hidden">Chaussures</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-shoes-bnp0uzw0" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-200 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-shoes-bnp0uzw0" class="inline-block py-1">
← Retour
</label>
</div>
<p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Chaussures</p>
<a class="font-medium py-2 mb-1 lg:py-0 hover:underline block" href="/femme/chaussures?oc=nav">Voir toutes les chaussures</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=baskets&oc=nav">Baskets</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=derbies-et-mocassins&oc=nav">Derbies & Mocassins</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=bottes-et-bottines&oc=nav">Bottes & Bottines</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=chaussons&oc=nav">Chaussons</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=sandales&oc=nav">Sandales</a>
</div>
</div>
<label for="nav-other-bnp0uzw0" class="h-[45px] lg:h-auto border-b border-gray-50 flex items-center justify-between uppercase font-medium lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<span>Sacs, accessoires & bijoux</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-other-bnp0uzw0" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-200 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-other-bnp0uzw0" class="inline-block py-1">
← Retour
</label>
</div>
<p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Sacs, accessoires & bijoux</p>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/sacs?oc=nav">Sacs</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/accessoires?oc=nav">Accessoires</a>
</div>
<div class="lg:hidden">
<a class="h-[45px] lg:hidden uppercase font-medium font-bold lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case lg:font-normal" href="/archives-femme?oc=nav">
<span>Les archives</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<label for="nav-wdfe-women-bnp0uzw0" class="h-[45px] lg:h-auto border-b border-gray-50 font-semibold text-p-terracotta flex items-center justify-between uppercase lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<p class="flex items-center gap-1">
<span>WeDressFair Essentiels</span>
<span class="text-2xs text-white font-bold bg-p-terracotta px-1 rounded">Nouveau</span>
</p>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-wdfe-women-bnp0uzw0" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-100 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-wdfe-women-bnp0uzw0" class="inline-block py-1">
← Retour
</label>
</div>
<div class="flex flex-col lg:p-4 lg:grid-cols-2 lg:grid gap-10">
<div>
<p class="hidden lg:block uppercase text-left text-2xl font-title py-1 font-medium mb-4">Femme</p>
<p class="lg:hidden py-1 font-medium text-center uppercase bg-gray-100">WeDressFair Essentiels</p>
<div class="lg:grid lg:grid-cols-2 lg:gap-4 mb-8">
<div class="lg:mb-4">
<a class="py-2 lg:py-0 hover:underline block font-medium" href="/femme?brand=WeDressFair%E2%80%93Essentiels&oc=nav">Voir tout</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/pulls-et-sweats?subcategory=pulls&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les pulls</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/pulls-et-sweats?subcategory=sweats&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les sweats</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/tops-et-t-shirts?brand=WeDressFair%E2%80%93Essentiels&oc=nav">
<span>Les tops & t-shirts</span>
<span class="text-2xs bg-p-terracotta rounded-sm px-1 py-0.5 text-white font-semibold">NEW</span>
</a> </div>
<div class="lg:mb-4">
<a class="py-2 lg:py-0 hover:underline block" href="/femme/accessoires?brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les accessoires d’hiver</a>
<a class="py-2 lg:py-0 hover:underline block" href="/femme/sous-vetements?subcategory=chaussettes&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les chaussettes</a>
</div>
</div>
<div>
<p class="mb-2 lg:mb-0 lg:uppercase lg:text-xl lg:font-title lg:text-left lg:bg-transparent py-1 font-medium text-center uppercase bg-gray-100">Par modèle</p>
<div class="grid grid-cols-2 lg:grid-cols-5 gap-2">
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/t-shirt-manches-longues-cotele-en-coton-bio-ecru-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Les manches longues" srcset="https://img.wedressfair.fr/VPi2PuVakkXGUOP3xCm4Y8Wi1QXnSifdEF_ufWDYVXE/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0xLTZmZmQ0YWE5/LmpwZw 200w,https://img.wedressfair.fr/w8Z2dViEwyoUUdI_Zb4L0AOvktG0kVOWC4kv-lL_Zsc/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0xLTZmZmQ0YWE5/LmpwZw 600w,https://img.wedressfair.fr/aVWHC4RwENEbXOLTfXuuQSDJI4CeujbSKRx2S8jO-9k/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0xLTZmZmQ0YWE5/LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/JlYv5uVQ2vg4eHFUxoVUyIYRcoApHCp3rpGSVBLxv0g/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0xLTZmZmQ0YWE5/LmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Les manches longues
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/sweat-en-coton-bio-vert-foret-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le sweat" srcset="https://img.wedressfair.fr/ugzcM9Cr0CVsIvf2NdApfp-kpoRffRf-LOK2D9NGBfU/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0yLTFjY2U4OWYz/LmpwZw 200w,https://img.wedressfair.fr/kOmIuX4iCcP_Z4zuwDFf0g6YVCb_bnJIgVILr0FY6-U/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0yLTFjY2U4OWYz/LmpwZw 600w,https://img.wedressfair.fr/Os-y6a1nTwobVwwQ_E4p5Ud5Nlw6Vi2bJrP0a8BXyRI/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0yLTFjY2U4OWYz/LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/mhTTUeg4QmEGqE-wuwoNEj2u_lTuZLaR3TX4cXzGyio/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0yLTFjY2U4OWYz/LmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le sweat
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/pull-boxy-en-laine-merinos-recyclee-rouge-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le pull oversize" srcset="https://img.wedressfair.fr/QEY6bv7ZoInLDjR7XNXxnfODXG3jQXbgSGNq2YaZ0g4/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0zLTE1OTQwMmQx/LmpwZw 200w,https://img.wedressfair.fr/0P7LKmyor2jhDf44EiyqoesagqWDTSsikxwxCWySFOk/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0zLTE1OTQwMmQx/LmpwZw 600w,https://img.wedressfair.fr/cl6cUrrhnnYSNPAiZZMdBov3d5-xWIekQJLDnxCPhqk/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0zLTE1OTQwMmQx/LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/wJ8LxCdgyY5Me5nkgiUatTgBfm-uv1EyemaLI01FjJA/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi0zLTE1OTQwMmQx/LmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le pull oversize
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/pull-droit-en-laine-merinos-recyclee-beige-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le pull droit" srcset="https://img.wedressfair.fr/zEfAqxRyoGFnOskP8pFOR8n4HBhw9XCFi0vLcjTY6xc/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi00LTdmYzM3NWEz/LmpwZw 200w,https://img.wedressfair.fr/tmaM1IBM4nMGqxbP7_uNSDkUVEtLWpkyiCmoF-tfNwY/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi00LTdmYzM3NWEz/LmpwZw 600w,https://img.wedressfair.fr/JZGXkFjG7gwCi6XqDPTCHBcYj2hnUZNhtcwHuSpbyBo/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi00LTdmYzM3NWEz/LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/4GpkUOfbYzkFB8Oh6ueNLL5_EoMgUl1UmRSO9sa_ZQE/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi00LTdmYzM3NWEz/LmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le pull droit
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full hidden lg:block" href="/femme/accessoires?brand=WeDressFair%E2%80%93Essentiels&oc=nav">
<img class="w-full h-full object-cover" alt="Les accessoires d’hiver" srcset="https://img.wedressfair.fr/q2HUsEW93CHRfCAzjDwZlRnGxvWdJ-myAm71OM3r9XM/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi01LWZkMjQzNzI5/LmpwZw 200w,https://img.wedressfair.fr/VtN5Ci93z_vVoAfUjrsplaHUFRZvDEu945YbrTt4zEg/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi01LWZkMjQzNzI5/LmpwZw 600w,https://img.wedressfair.fr/P4y6YDMcDGqaN5g559NLPAcDz2hBOyeTCsCFUkl4E-k/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi01LWZkMjQzNzI5/LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/uGtnF8xzFJfzUIyb0-fPpA01BSQ4UEIaKxBgBUnzEDI/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy93b21l/bi01LWZkMjQzNzI5/LmpwZw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Accessoires d’hiver
</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="h-[45px] lg:hidden uppercase font-medium lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case lg:font-normal" href="/collections/carte-cadeau-wedressfair?oc=nav">
<span>La carte-cadeau</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a> </div>
<div class="flex flex-col order-4 col-span-2">
<div class="hidden grid-cols-2 mb-8 lg:grid">
<div>
<p class="py-1 text-xl text-center bg-gray-100 lg:py-0 lg:bg-transparent lg:mb-2 lg:text-left font-semi-heavy lg:block">Par style</p>
<div>
<a class="hover:underline block" href="/femme?style=essentiels%E2%80%93du%E2%80%93quotidien&oc=nav">Essentiels du quotidien</a>
<a class="hover:underline block" href="/femme?style=touches%E2%80%93de%E2%80%93couleurs&oc=nav">Touches de couleurs</a>
<a class="hover:underline block" href="/femme?style=classiques%E2%80%93d%C3%A9contract%C3%A9s&oc=nav">Classiques décontractés</a>
<a class="hover:underline block" href="/femme?style=pour%E2%80%93le%E2%80%93travail&oc=nav">Pour le travail</a>
<a class="hover:underline block" href="/femme?style=tenues%E2%80%93de%E2%80%93soir%C3%A9e&oc=nav">Tenues de soirée</a>
<a class="hover:underline block" href="/femme?style=tenues%E2%80%93de%E2%80%93sport&oc=nav">Tenues de sport</a>
</div>
</div>
<div>
<p class="py-1 text-xl text-center bg-gray-100 lg:py-0 lg:bg-transparent lg:mb-2 lg:text-left font-semi-heavy lg:block">Par critère</p>
<div>
<a class="hover:underline block" href="/femme/made–in–france?oc=nav">Made in France</a>
<a class="hover:underline block" href="/femme/made–in–europe?oc=nav">Made in Europe</a>
<a class="hover:underline block" href="/femme/biologiques?oc=nav">Biologiques</a>
<a class="hover:underline block" href="/femme/recycl%c3%a9es?oc=nav">Recyclées</a>
<a class="hover:underline block" href="/femme/upcycl%c3%a9es?oc=nav">Upcyclées</a>
<a class="hover:underline block" href="/femme/vegan?oc=nav">Vegan</a>
<a class="hover:underline block" href="/femme/naturelles?oc=nav">Naturelles</a>
</div>
</div>
</div>
<div class="grid grid-cols-2 gap-2 mt-8">
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/femme?selection=nouveaut%C3%A9s%E2%80%93de%E2%80%93saison&oc=nav">
<img class="w-full h-full object-cover" alt="Les nouveautés de saison" srcset="https://img.wedressfair.fr/bqK_nTtUq5VTiofaZf7XasiDQYv43FEnW1uMIBKOVt4/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93b21lbi8x/LWUzMjYyMTRmLmpw/Zw 200w,https://img.wedressfair.fr/qDzdnQtufP_Z6Kc1X9dQDZc8oUHY-mAX6hA_RYUclek/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93b21lbi8x/LWUzMjYyMTRmLmpw/Zw 600w,https://img.wedressfair.fr/aG9Vis2jO7mJGwpm63vZsnt5iY5xN9Lp9KseElShk6E/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93b21lbi8x/LWUzMjYyMTRmLmpw/Zw 1000w," loading="lazy" src="https://img.wedressfair.fr/s5qwqZMdGgT50-mKHMibFIoxAtFWwiafyzQvlGgPTHw/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93b21lbi8x/LWUzMjYyMTRmLmpw/Zw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Les nouveautés de saison
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/femme?selection=La%E2%80%93collection%E2%80%93m%C3%A9rinos%E2%80%93pour%E2%80%93tous&oc=nav">
<img class="w-full h-full object-cover" alt="La collection mérinos" srcset="https://img.wedressfair.fr/Qj4ekOI6xjebBof1F_y1LCHEhKPwFCrU_mqzAMzH-98/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93b21lbi8y/LTE1OTQwMmQxLmpw/Zw 200w,https://img.wedressfair.fr/IsNJKEYApGFJWNBqID0jtEQRoSL9KThYhTIYoU8DFXs/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93b21lbi8y/LTE1OTQwMmQxLmpw/Zw 600w,https://img.wedressfair.fr/CLWvCXVjPfo4mHSj6gqDhLI2p-qT6vQG6SnCTheZof4/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93b21lbi8y/LTE1OTQwMmQxLmpw/Zw 1000w," loading="lazy" src="https://img.wedressfair.fr/FOZpxVJEbRlL-a5OC8WAOI6SNlLezsq8fzUWmwgxyZo/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93b21lbi8y/LTE1OTQwMmQxLmpw/Zw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
La collection mérinos
</p>
</a>
</div>
</div>
</div>
</div>
<div class="px-4 py-2 hidden overflow-y-scroll grow peer-has-[#nav-gender-men:checked]:block">
<div class="flex flex-col lg:p-4 lg:grid-cols-5 lg:grid">
<div class="contents lg:block">
<div class="order-1 lg:mb-8">
<label for="search-trigger" class="flex items-center w-full h-full gap-2 p-2 my-2 bg-gray-100 rounded-sm cursor-pointer lg:hidden">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000" stroke-width="1.5" viewbox="0 0 25 25" class="stroke-1 w-5 h-6 lg:w-7 stroke-black text-black z-1"><g stroke-linecap="round" stroke-linejoin="round"><path clip-rule="evenodd" d="m14.5403 18.8027c4.0948-1.7402 6.0035-6.4704 4.2633-10.56517-1.7403-4.09476-6.4704-6.00348-10.5652-4.26325-4.09476 1.74023-6.00348 6.47042-4.26325 10.56522 1.74023 4.0947 6.47045 6.0034 10.56515 4.2632z" fill-rule="evenodd"></path><path d="m17.0853 17.0845 6.248 6.2489"></path></g></svg>
<span class="text-sm opacity-60">Recherche homme</span>
</label>
<label for="nav-highlight-men-syswafqp" class="h-[45px] lg:h-auto border-b border-gray-50 flex items-center justify-between uppercase font-medium lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<span>À l’honneur</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-highlight-men-syswafqp" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-100 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-highlight-men-syswafqp" class="inline-block py-1">
← Retour
</label>
<p class="py-1 font-medium text-center uppercase bg-gray-100">À l’honneur</p>
</div>
<a class="py-2 lg:py-0 hover:underline block" href="/homme?selection=nouveaut%C3%A9s%E2%80%93de%E2%80%93saison&oc=nav">Les nouveautés</a>
<a class="py-2 lg:py-0 hover:underline block" href="/jeans-homme?oc=nav">Le bon jean</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme?selection=les%E2%80%93essentiels&oc=nav">Les intemporels</a>
<a class="py-2 lg:py-0 hover:underline block" href="/archives-homme?oc=nav">Les archives</a>
<a class="py-2 lg:py-0 hover:underline block font-medium text-p-terracotta" href="/collections/culotte-suspendue-wedressfair?oc=nav">Les culottes suspendues</a>
</div>
</div>
<div class="order-4 lg:mb-8">
<p class="hidden lg:font-medium lg:flex border-gray-50 lg:mb-2 lg:font-title lg:text-xl">Mais aussi</p>
<a class="hidden h-[45px] uppercase font-medium lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case lg:font-normal" href="/archives-homme?oc=nav">
<span>Les archives</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<a class="hidden lg:block h-[45px] uppercase lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case" href="/collections/carte-cadeau-wedressfair?oc=nav">
<span>La carte-cadeau</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<label for="mobile-concept" class="lg:hidden h-[45px] lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between uppercase font-medium lg:mb-2 lg:font-title lg:text-xl">
<span>Engagements</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<a class="h-[45px] uppercase font-medium lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case lg:font-normal" href="/marques?oc=nav">
<span>Nos marques</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<a class="hidden lg:block hover:underline block" href="/boutiques/paris?oc=nav">Notre boutique à Paris</a>
<a class="hidden lg:block hover:underline block" href="/boutiques/lyon?oc=nav">Notre boutique à Lyon</a>
</div>
</div>
<div class="order-2">
<label for="nav-categories-men-syswafqp" class="h-[45px] lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between uppercase font-medium lg:mb-2 lg:font-title lg:text-xl">
<a class="hidden lg:block" href="/homme?oc=nav">Vêtements</a>
<span class="lg:hidden">Vêtements</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-categories-men-syswafqp" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-100 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-categories-men-syswafqp" class="inline-block py-1">
← Retour
</label>
</div>
<p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Vêtements</p>
<div class="mb-8">
<a class="font-medium py-2 mb-1 lg:py-0 hover:underline block" href="/homme?oc=nav">Voir tous les vêtements</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/pulls-et-sweats?oc=nav">Pulls & Sweats</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/vestes?oc=nav">Vestes</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/chemises-et-surchemises?oc=nav">Chemises & Surchemises</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/jeans?oc=nav">Jeans</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/pantalons?oc=nav">Pantalons</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/t-shirts-et-polos?oc=nav">T-shirts & Polos</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/manteaux?oc=nav">Manteaux</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/sous-vetements?oc=nav">Sous-vêtements</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/sport?oc=nav">Sport</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/shorts?oc=nav">Shorts</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/maillots–de–bain?oc=nav">Maillots de bain</a>
</div>
<div class="lg:hidden">
<p class="py-1 font-medium text-center uppercase bg-gray-100">Par Style</p>
<div class="mb-8">
<a class="py-2 lg:py-0 hover:underline block" href="/homme?style=essentiels%E2%80%93du%E2%80%93quotidien&oc=nav">Essentiels du quotidien</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme?style=touches%E2%80%93de%E2%80%93couleurs&oc=nav">Touches de couleurs</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme?style=classiques%E2%80%93d%C3%A9contract%C3%A9s&oc=nav">Classiques décontractés</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme?style=pour%E2%80%93le%E2%80%93travail&oc=nav">Pour le travail</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme?style=tenues%E2%80%93de%E2%80%93soir%C3%A9e&oc=nav">Tenues de soirée</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme?style=tenues%E2%80%93de%E2%80%93sport&oc=nav">Tenues de sport</a>
</div>
</div>
<div class="lg:hidden">
<p class="py-1 font-medium text-center uppercase bg-gray-100">Par critère</p>
<div>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/made–in–france?oc=nav">Made in France</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/made–in–europe?oc=nav">Made in Europe</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/biologiques?oc=nav">Biologiques</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/recycl%c3%a9es?oc=nav">Recyclées</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/upcycl%c3%a9es?oc=nav">Upcyclées</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/vegan?oc=nav">Vegan</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/naturelles?oc=nav">Naturelles</a>
</div>
</div>
</div>
</div>
<div class="order-3">
<div class="lg:mb-8">
<label for="nav-shoes-men-syswafqp" class="h-[45px] lg:h-auto border-b border-gray-50 flex items-center justify-between uppercase font-medium lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<a class="hidden lg:block" href="/homme/chaussures?oc=nav">Chaussures</a>
<span class="lg:hidden">Chaussures</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-shoes-men-syswafqp" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-100 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-shoes-men-syswafqp" class="inline-block py-1">
← Retour
</label>
</div>
<p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Chaussures</p>
<a class="font-medium py-2 mb-1 lg:py-0 hover:underline block" href="/homme/chaussures?oc=nav">Voir toutes les chaussures</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussures?subcategory=baskets&oc=nav">Baskets</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussures?subcategory=derbies-et-mocassins&oc=nav">Derbies & Mocassins</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussures?subcategory=bottes-et-bottines&oc=nav">Bottes & Bottines</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussures?subcategory=chaussons&oc=nav">Chaussons</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussures?subcategory=sandales&oc=nav">Sandales</a>
</div>
</div>
<label for="nav-other-men-syswafqp" class="h-[45px] lg:h-auto border-b border-gray-50 flex items-center justify-between uppercase font-medium lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<span>Sacs et accessoires</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-other-men-syswafqp" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-100 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-other-men-syswafqp" class="inline-block py-1">
← Retour
</label>
</div>
<p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Sacs et accessoires</p>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/sacs?oc=nav">Sacs</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/accessoires?oc=nav">Accessoires</a>
</div>
<div class="lg:hidden">
<a class="h-[45px] lg:hidden uppercase font-medium font-bold lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case lg:font-normal" href="/archives-homme?oc=nav">
<span>Les archives</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<label for="nav-wdfe-men-syswafqp" class="h-[45px] lg:h-auto border-b border-gray-50 font-semibold text-p-terracotta flex items-center justify-between uppercase lg:border-none lg:mb-2 lg:font-title lg:text-xl">
<p class="flex items-center gap-1">
<span>WeDressFair Essentiels</span>
<span class="text-2xs text-white font-bold bg-p-terracotta px-1 rounded">Nouveau</span>
</p>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</label>
<input id="nav-wdfe-men-syswafqp" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-100 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="nav-wdfe-men-syswafqp" class="inline-block py-1">
← Retour
</label>
</div>
<div class="flex flex-col lg:p-4 lg:grid-cols-2 lg:grid gap-10">
<div class="lg:pl-10 lg:border-l">
<p class="hidden lg:block uppercase text-left text-2xl font-title py-1 font-medium mb-4">Homme</p>
<p class="lg:hidden py-1 font-medium text-center uppercase bg-gray-100">WeDressFair Essentiels</p>
<div class="lg:grid lg:grid-cols-2 lg:gap-4 mb-8">
<div class="lg:mb-4">
<a class="py-2 lg:py-0 hover:underline block font-medium" href="/homme?brand=WeDressFair%E2%80%93Essentiels&oc=nav">Voir tout</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/pulls-et-sweats?subcategory=pulls&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les pulls</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/pulls-et-sweats?subcategory=sweats&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les sweats</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/t-shirts-et-polos?brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les t-shirts</a>
</div>
<div class="lg:mb-4">
<a class="py-2 lg:py-0 hover:underline block" href="/homme/accessoires?brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les accessoires d’hiver</a>
<a class="py-2 lg:py-0 hover:underline block" href="/homme/sous-vetements?subcategory=chaussettes&brand=WeDressFair%E2%80%93Essentiels&oc=nav">Les chaussettes</a>
</div>
</div>
<div>
<p class="mb-2 lg:mb-0 lg:uppercase lg:text-xl lg:font-title lg:text-left lg:bg-transparent py-1 font-medium text-center uppercase bg-gray-100">Par modèle</p>
<div class="grid grid-cols-2 lg:grid-cols-5 gap-2">
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/homme/t-shirts-et-polos?brand=WeDressFair%E2%80%93Essentiels&oc=nav">
<img class="w-full h-full object-cover" alt="Les t-shirt" srcset="https://img.wedressfair.fr/SZ-vr_ng0krtvn_cwTnFBM_HMDflRq4rNZH-oFZBSiU/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/MS05MDU2NGFkOS5q/cGc 200w,https://img.wedressfair.fr/Q_yf5DRcRrTxUU9QoNzDsrohtncU2X23v4EgJcucH0E/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/MS05MDU2NGFkOS5q/cGc 600w,https://img.wedressfair.fr/nR1oQCTgqKJpv4VBSBWMa4kGYjrkHGB6BA7cX_zTjGY/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/MS05MDU2NGFkOS5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/WICww69YYCciyVAP4WYaN45kS21mD5gofXgE1eAqIA4/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/MS05MDU2NGFkOS5q/cGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Les t-shirts
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/sweat-oversize-en-coton-bio-vert-foret-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le sweat" srcset="https://img.wedressfair.fr/wWvO1munznCfbYm85FcVSXbNjyGkor96hHhBsB84Wg8/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/Mi1hMmVmODNmYS5q/cGc 200w,https://img.wedressfair.fr/tpp4qSJdtoUweZvyaAR9hNN_-bmZE5S8X603aHrOGbY/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/Mi1hMmVmODNmYS5q/cGc 600w,https://img.wedressfair.fr/doIcatWhl7D0BywHArNRXIzGs6VCA9V2H6qjpDrQKrc/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/Mi1hMmVmODNmYS5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/5TOIED2Pm6qm7ppiXb7vcUv0qAPXHTA5vsjvVuT3GZU/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/Mi1hMmVmODNmYS5q/cGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le sweat
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/pull-col-roule-en-coton-bio-marine-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le col roulé" srcset="https://img.wedressfair.fr/nesN_rQHdk76NodqwLc_wYlApQI8FG30ApdfpspoLMU/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/My1hOGFlOTE3MC5q/cGc 200w,https://img.wedressfair.fr/kRg9wAHWLbakJVZd8KiceeV4Sh7x5wiIXIQcVuaMsY0/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/My1hOGFlOTE3MC5q/cGc 600w,https://img.wedressfair.fr/UN8U1gMq6g9KoceoGWUqjjoZ6aczMn83p47TrwmhRu4/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/My1hOGFlOTE3MC5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/ChatiPEq0t3XI1AjqbsIEQ_ufqVZzqHDUa63bYzwmNE/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/My1hOGFlOTE3MC5q/cGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le col roulé
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/pull-en-laine-merinos-recyclee-ecru-wedressfair-essentiels?oc=nav">
<img class="w-full h-full object-cover" alt="Le pull col rond" srcset="https://img.wedressfair.fr/y5FBpoQtu-a1GCqR_KQrHSxZvRiVGheMJLA0pGs4fgo/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NC0wNTY2ZGI1OC5q/cGc 200w,https://img.wedressfair.fr/aYJDTcTU_gx7FRrs27BqApgq-W1e8SLzR03mNqdbnag/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NC0wNTY2ZGI1OC5q/cGc 600w,https://img.wedressfair.fr/0tgcLuG3EV-eYX2uE9W2L2yR-8dMO9OaPKBKp00TSg4/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NC0wNTY2ZGI1OC5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/dgWI6hlLGrMnNFz30Lsno__D29Zzmc0zFHSfnVW0wV8/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NC0wNTY2ZGI1OC5q/cGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Le pull col rond
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full hidden lg:block" href="/homme/accessoires?brand=WeDressFair%E2%80%93Essentiels&oc=nav">
<img class="w-full h-full object-cover" alt="Accessoires d’hiver" srcset="https://img.wedressfair.fr/bocfwqXItQTsMpC8e7gh72J1nQZpl8hflUdXBX8r5mY/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NS0xMDViYzYzYS5q/cGc 200w,https://img.wedressfair.fr/4gv96ubLGWcyrsHqKvOgstLydvD1ne_aKE59frvIccU/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NS0xMDViYzYzYS5q/cGc 600w,https://img.wedressfair.fr/epYlMP4OviK6dlTe5wBqXjy9TYSa5jGsZ9wKVOOBD8A/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NS0xMDViYzYzYS5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/-DMEOU4xVIPQ-9LTfZEagccwXZSgRQc-3vLEBn_5UiA/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci93ZGYtZXNz/ZW50aWVscy9tZW4t/NS0xMDViYzYzYS5q/cGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Accessoires d’hiver
</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="h-[45px] lg:hidden uppercase font-medium lg:h-auto border-b border-gray-50 lg:border-none flex items-center justify-between hover:underline block lg:normal-case lg:font-normal" href="/collections/carte-cadeau-wedressfair?oc=nav">
<span>La carte-cadeau</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" stroke="#000" stroke-width="1.5" viewbox="0 0 14 24" width="7" class="lg:hidden"><path d="m1.5.75 10.72 10.72c.1407.1405.2198.3312.2198.53s-.0791.3895-.2198.53l-10.72 10.72" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a> </div>
<div class="flex flex-col order-4 col-span-2">
<div class="hidden grid-cols-2 mb-8 lg:grid">
<div>
<p class="py-1 text-xl text-center bg-gray-100 lg:py-0 lg:bg-transparent lg:mb-2 lg:text-left font-semi-heavy lg:block">Par style</p>
<div>
<a class="hover:underline block" href="/homme?style=essentiels%E2%80%93du%E2%80%93quotidien&oc=nav">Essentiels du quotidien</a>
<a class="hover:underline block" href="/homme?style=touches%E2%80%93de%E2%80%93couleurs&oc=nav">Touches de couleurs</a>
<a class="hover:underline block" href="/homme?style=classiques%E2%80%93d%C3%A9contract%C3%A9s&oc=nav">Classiques décontractés</a>
<a class="hover:underline block" href="/homme?style=pour%E2%80%93le%E2%80%93travail&oc=nav">Pour le travail</a>
<a class="hover:underline block" href="/homme?style=tenues%E2%80%93de%E2%80%93soir%C3%A9e&oc=nav">Tenues de soirée</a>
<a class="hover:underline block" href="/homme?style=tenues%E2%80%93de%E2%80%93sport&oc=nav">Tenues de sport</a>
</div>
</div>
<div>
<p class="py-1 text-xl text-center bg-gray-100 lg:py-0 lg:bg-transparent lg:mb-2 lg:text-left font-semi-heavy lg:block">Par critère</p>
<div>
<a class="hover:underline block" href="/homme/made–in–france?oc=nav">Made in France</a>
<a class="hover:underline block" href="/homme/made–in–europe?oc=nav">Made in Europe</a>
<a class="hover:underline block" href="/homme/biologiques?oc=nav">Biologiques</a>
<a class="hover:underline block" href="/homme/recycl%c3%a9es?oc=nav">Recyclées</a>
<a class="hover:underline block" href="/homme/upcycl%c3%a9es?oc=nav">Upcyclées</a>
<a class="hover:underline block" href="/homme/vegan?oc=nav">Vegan</a>
<a class="hover:underline block" href="/homme/naturelles?oc=nav">Naturelles</a>
</div>
</div>
</div>
<div class="grid grid-cols-2 gap-2 mt-8">
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/homme?selection=nouveaut%C3%A9s%E2%80%93de%E2%80%93saison&oc=nav">
<img class="w-full h-full object-cover" alt="Les nouveautés de saison" srcset="https://img.wedressfair.fr/vv3AzzjrmEQd0YaW-jEKFdWOjWb2KHsnilz_0zu4Og0/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tZW4vMS03/NTY2NzJlYi5qcGc 200w,https://img.wedressfair.fr/g8bD21PSG9zHHHDvbeC5rThQsev2ZkrS0XOLacN2Xo4/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tZW4vMS03/NTY2NzJlYi5qcGc 600w,https://img.wedressfair.fr/PKHmwcXHlaKk0duDgIliLbi2lrIun7dQl0wU-GuOTUM/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tZW4vMS03/NTY2NzJlYi5qcGc 1000w," loading="lazy" src="https://img.wedressfair.fr/2GOsvY_ka0FNFLeW8PpoO2r6vwRDnJJmoIB2auyBQ1A/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tZW4vMS03/NTY2NzJlYi5qcGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Les nouveautés de saison
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/homme?selection=La%E2%80%93collection%E2%80%93m%C3%A9rinos%E2%80%93pour%E2%80%93tous&oc=nav">
<img class="w-full h-full object-cover" alt="La collection mérinos" srcset="https://img.wedressfair.fr/Fj0OTEHSpxkpirgY2UosyXWDHrZt3eaXnKTfK8Ol2G4/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tZW4vMi0y/ZTZjZjY1MC5qcGc 200w,https://img.wedressfair.fr/epRfDMah1vljbFnocR9k7OSS6wriwskNfwgCEaJcHe0/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tZW4vMi0y/ZTZjZjY1MC5qcGc 600w,https://img.wedressfair.fr/-Nvh73jlRWASuaGyxqpImLeKg6vqAbV13P157wT-eZk/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tZW4vMi0y/ZTZjZjY1MC5qcGc 1000w," loading="lazy" src="https://img.wedressfair.fr/8yA7V8nrVly-aWBiktlhrtf7vzdw2YGkjSUtYU4jnbM/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tZW4vMi0y/ZTZjZjY1MC5qcGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
La collection mérinos
</p>
</a>
</div>
</div>
</div>
</div>
<section class="bottom-0 left-0 right-0 grid items-center grid-cols-5 py-4 shrink-0 h-22 bg-gray-50">
<a title="nouveautes" class="relative wisp wisp-container p-2 grow flex flex-col items-center justify-center" data-action="click->mxp#track" data-mxp-event="notification_opened" href="?oc=nav#">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="24" stroke="#000" stroke-width="1.5" viewbox="0 0 24 24" width="24" class="w-5 h-5 lg:w-6 lg:w-7 stroke-black text-black z-1"><g stroke-linecap="round" stroke-linejoin="round"><path d="m10 21.75c.2609.8887 1.0763 1.4992 2.0025 1.4992s1.7416-.6105 2.0025-1.4992"></path><path d="m12 3v-2.25"></path><path clip-rule="evenodd" d="m12 3c4.1421 0 7.5 3.35786 7.5 7.5 0 7.046 1.5 8.25 1.5 8.25h-18s1.5-1.916 1.5-8.25c0-4.14214 3.35786-7.5 7.5-7.5z" fill-rule="evenodd"></path></g></svg>
<span class="text-xs whitespace-nowrap">Nouveautés</span>
</a>
<a title="favoris" class="p-2 grow flex flex-col items-center justify-center" href="/favoris?oc=nav">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" class="stroke-1 w-5 h-5 lg:w-6 lg:w-7 stroke-black text-black z-1"><path clip-rule="evenodd" d="m12 21.844-9.58801-10c-1.728211-1.7269-2.1565-4.36631-1.063-6.55103.81563-1.63078 2.36541-2.77013 4.16525-3.06215 1.79985-.29201 3.63035.2989 4.91976 1.58815l1.566 1.565 1.566-1.565c1.2894-1.28925 3.1199-1.88016 4.9197-1.58815 1.7999.29202 3.3497 1.43137 4.1653 3.06215 1.092 2.18379.6642 4.82133-1.062 6.54803z" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"></path></svg>
<span class="text-xs whitespace-nowrap">Favoris</span>
</a>
<a title="account" class="p-2 grow flex flex-col items-center justify-center" href="/profile?oc=nav">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000" stroke-width="1.5" viewbox="0 0 24 24" class="stroke-1 w-5 h-5 lg:w-6 lg:w-7 stroke-black text-black z-1"><g stroke-linecap="round" stroke-linejoin="round"><path clip-rule="evenodd" d="m12 23.25c6.2132 0 11.25-5.0368 11.25-11.25s-5.0368-11.25-11.25-11.25-11.25 5.0368-11.25 11.25 5.0368 11.25 11.25 11.25z" fill-rule="evenodd"></path><path clip-rule="evenodd" d="m12 15c2.8995 0 5.25-2.3505 5.25-5.25 0-2.89949-2.3505-5.25-5.25-5.25-2.89949 0-5.25 2.35051-5.25 5.25 0 2.8995 2.35051 5.25 5.25 5.25z" fill-rule="evenodd"></path><path d="m18.913 20.876c-1.8295-1.8409-4.3176-2.8761-6.913-2.8761-2.59537 0-5.08355 1.0352-6.913 2.8761"></path></g></svg>
<span class="text-xs whitespace-nowrap">Mon compte</span>
</a>
<a title="account" class="p-2 grow flex flex-col items-center justify-center relative" href="/profile?tab=cagnotte&oc=nav">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000" stroke-width="1.5" viewbox="0 0 24 25" class="stroke-1 w-5 h-5 lg:w-6 lg:w-7 stroke-black text-black z-1"><g stroke-linecap="round" stroke-linejoin="round"><path d="m23.25 9.70001c0 1.65689-1.3431 2.99999-3 2.99999"></path><path d="m8.25 8.2c1.8906-.93573 4.1094-.93573 6 0"></path><path d="m6.375 11.2c-.20711 0-.375.1679-.375.375s.16789.375.375.375.375-.1679.375-.375-.16789-.375-.375-.375"></path><path clip-rule="evenodd" d="m7.9 5.08301c-1.174-2.127-4.15-2.133-4.15-2.133l.626 4.384c-.81857.89206-1.42561 1.9571-1.776 3.11599h-1.85v6h2.49c.51784.908 1.19933 1.7122 2.01 2.372v2.878c0 .4142.33579.75.75.75h1.5c.41421 0 .75-.3358.75-.75v-1.241c1.9464.6509 4.0512.6547 6 .011v1.23c0 .4142.3358.75.75.75h1.5c.4142 0 .75-.3358.75-.75v-2.863c1.8737-1.489 2.9759-3.7438 3-6.137 0-6.49399-7.05-9.38899-12.35-7.61699z" fill-rule="evenodd"></path></g></svg>
<span class="text-xs text-center whitespace-nowrap">Cagnotte</span>
<turbo-frame id="nav_piggy_bank_mobile" src="/frames/navigation_piggy_bank_mobile"></turbo-frame>
</a>
<a class="p-2 grow flex flex-col items-center justify-center relative" target="_blank" href="/contactez-nous?oc=nav">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000" stroke-width="1.5" viewbox="0 0 25 25" class="stroke-1 w-5 h-5 lg:w-6 lg:w-7 stroke-black text-black z-1"><g stroke-linecap="round" stroke-linejoin="round"><path clip-rule="evenodd" d="m12.75.950016c-3.81067-.005495-7.32432 2.056934-9.1772 5.386814-1.85289 3.32987-1.75327 7.40287.2602 10.63817l-3.083 6.475 6.474-3.084c3.7861 2.3549 8.6466 2.0619 12.1224-.7308 3.4758-2.7928 4.8087-7.4762 3.3244-11.68059-1.4843-4.20444-5.4621-7.012953-9.9208-7.004594z" fill-rule="evenodd"></path><path d="m12.75 15.2c-.2071 0-.375.1679-.375.375s.1679.375.375.375.375-.1679.375-.375-.1679-.375-.375-.375"></path><path d="m9.75 9.95001c0-1.65685 1.3431-3 3-3s3 1.34315 3 3c0 1.65689-1.3431 2.99999-3 2.99999"></path></g></svg>
<span class="text-xs whitespace-nowrap">Contact</span>
</a> </section>
</div>
<input id="mobile-concept" type="checkbox" class="hidden peer" data-navbar-target="mobileNavigationLevel">
<div class="h-dvh lg:h-auto inset-0 px-4 overflow-y-scroll lg:overflow-auto py-2 lg:p-0 fixed lg:static pt-[50px] z-[41] lg:z-auto w-screen lg:w-auto duration-100 lg:duration-0 transform translate-x-full lg:translate-x-0 bg-white peer-checked:translate-x-0 lg:block">
<div class="relative my-2 lg:hidden">
<label for="mobile-concept" class="inline-block py-1">
← Retour
</label>
</div>
<div class="flex flex-col lg:p-4 lg:grid-cols-5 lg:grid">
<div class="col-span-2">
<div class="mb-8">
<p class="py-1 text-center bg-gray-100 lg:bg-transparent lg:text-left lg:py-0 border-b border-gray-50 block lg:flex items-center justify-between uppercase font-medium lg:border-none mb-2 lg:font-title lg:text-xl">Rendre la mode éco-responsable</p>
<a class="text-p-terracotta font-medium py-1 lg:py-0 hover:underline block" href="/pages/les-editos-de-marie?oc=nav">Les éditos de Marie</a>
<a class="py-1 lg:py-0 hover:underline block" href="/charte?oc=nav">WeDressFair, notre mission, notre charte</a>
<a class="py-1 lg:py-0 hover:underline block" href="/marques?oc=nav">Nos marques</a>
<a class="py-1 lg:py-0 hover:underline block" href="/matieres?oc=nav">Les matières à privilégier</a>
<a class="py-1 lg:py-0 hover:underline block" href="/labels?oc=nav">Les labels sérieux</a>
<a class="py-1 lg:py-0 hover:underline block" href="/media?oc=nav">Le média qui (dé)construit la mode</a>
</div>
<div class="mb-8">
<p class="py-1 text-center bg-gray-100 lg:bg-transparent lg:text-left lg:py-0 border-b border-gray-50 block lg:flex items-center justify-between uppercase font-medium lg:border-none mb-2 lg:font-title lg:text-xl">On décrypte la mode</p>
<a class="py-1 lg:py-0 hover:underline block" href="/notre-avis-sur?oc=nav">Nos avis sur les marques</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/les-labels-et-audits-sociaux-que-verifient-ils?oc=nav">Les labels et audits sociaux : que vérifient-ils ?</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/les-salaires-dans-la-mode?oc=nav">Les salaires dans la mode</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/les-fondamentaux-de-l-oit?oc=nav">Les fondamentaux de l'OIT</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/de-la-graine-au-vetement-1-2?oc=nav">Quelles sont les étapes de fabrication d’un vêtement ?</a>
</div>
</div>
<div class="flex flex-col col-span-3">
<div class="grid-cols-2 mb-8 lg:grid">
<div class="mb-8">
<p class="py-1 text-center bg-gray-100 lg:bg-transparent lg:text-left lg:py-0 border-b border-gray-50 block lg:flex items-center justify-between uppercase font-medium lg:border-none mb-2 lg:font-title lg:text-xl">L’impact de la mode</p>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/pourquoi-la-mode-est-elle-polluante?oc=nav">Pourquoi la mode pollue ?</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/les-salaires-dans-la-mode?oc=nav">C’est quoi le problème des salaires dans la mode ?</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/teinture-et-procedes-de-transformation?oc=nav">C’est quoi le problème des teintures ?</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/le-greenwashing?oc=nav">C’est quoi le problème du Greenwashing ?</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/c-est-quoi-le-probleme-avec-les-jeans-delaves?oc=nav">C’est quoi le problème des jeans délavés ?</a>
</div>
<div class="mb-8">
<p class="py-1 text-center bg-gray-100 lg:bg-transparent lg:text-left lg:py-0 border-b border-gray-50 block lg:flex items-center justify-between uppercase font-medium lg:border-none mb-2 lg:font-title lg:text-xl">On vous aide à comprendre</p>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/3-etapes-pour-reconnaitre-un-vetement-eco-responsable?oc=nav">3 étapes pour reconnaître un vêtement écoresponsable</a>
<a class="py-1 lg:py-0 hover:underline block" href="/matieres?oc=nav">50 matières textiles décryptées</a>
<a class="py-1 lg:py-0 hover:underline block" href="/labels?oc=nav">15 labels fiables de la mode responsable</a>
<a class="py-1 lg:py-0 hover:underline block" href="/blog/b-a-ba-de-la-mode-ethique?oc=nav">Le BA-BA de la mode responsable</a>
</div>
</div>
<div class="grid grid-cols-2 lg:grid-cols-4 gap-2 mt-6">
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/blog/pourquoi-la-mode-est-elle-polluante?oc=nav">
<img class="w-full h-full object-cover" alt="Pourquoi la mode pollue ?" srcset="https://img.wedressfair.fr/ToaBs6yVo00HeQMgZiN453KuI6kZaWeIZX9xkySCgkw/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tb2RlLXBv/bGx1YW50ZS0xZjA4/ODI3YS5qcGc 200w,https://img.wedressfair.fr/MmSLgkkD6S6TlFZVH3Aw05K-19pVQDYdnHz5xDg9doc/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tb2RlLXBv/bGx1YW50ZS0xZjA4/ODI3YS5qcGc 600w,https://img.wedressfair.fr/Xi1wBTspyju3wbXgmX7P1FGvGGhB3phrsa9h3qvQaq4/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tb2RlLXBv/bGx1YW50ZS0xZjA4/ODI3YS5qcGc 1000w," loading="lazy" src="https://img.wedressfair.fr/94eePK8jpCyeaVUHR1IJutQJZNGwBh35k1g_jmyQGDg/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9tb2RlLXBv/bGx1YW50ZS0xZjA4/ODI3YS5qcGc" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Pourquoi la mode pollue ?
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/blog/le-greenwashing?oc=nav">
<img class="w-full h-full object-cover" alt="C’est quoi le greenwashing ?" srcset="https://img.wedressfair.fr/iC6dwRrJxrF4wkZgy99Jnl5h6x1u7G3wAGc86II89v4/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9ncmVlbndh/c2hpbmctZGNhZmVj/MWQuanBn 200w,https://img.wedressfair.fr/Owv0zDIbt83ESiHu0kHuZXRxid806_w5poR377pkWgU/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9ncmVlbndh/c2hpbmctZGNhZmVj/MWQuanBn 600w,https://img.wedressfair.fr/3gyhdnGgKpeGRUYYF2dRVUBBIFJIrS6rsnz4gVqk1n0/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9ncmVlbndh/c2hpbmctZGNhZmVj/MWQuanBn 1000w," loading="lazy" src="https://img.wedressfair.fr/qt7QCEaFalOZvSiVxGFsBBm7aXp8pEHhs8jKAjhFiEI/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9ncmVlbndh/c2hpbmctZGNhZmVj/MWQuanBn" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
C’est quoi le greenwashing ?
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/blog/4-outils-pour-consommer-responsable?oc=nav">
<img class="w-full h-full object-cover" alt="4 outils pour acheter plus responsable" srcset="https://img.wedressfair.fr/3wczvy7pgWg0BvEzx1Px82TmoJOGJKwIIkgOYiGWGWI/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9hY2hldGVy/LXJlc3BvbnNhYmxl/LTMxZDY2MmEyLmpw/Zw 200w,https://img.wedressfair.fr/_VD7rZ324WZT8r4Dk9bEKnocfmDd8R9GCKV3wRGWhBI/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9hY2hldGVy/LXJlc3BvbnNhYmxl/LTMxZDY2MmEyLmpw/Zw 600w,https://img.wedressfair.fr/Quj-y_ldDPCyqx0_wkz0CiR6Aih9oFPOaHj-9tC9bCQ/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9hY2hldGVy/LXJlc3BvbnNhYmxl/LTMxZDY2MmEyLmpw/Zw 1000w," loading="lazy" src="https://img.wedressfair.fr/huxLq1MI40mTho1BiF1mHhagSLoMZuChMHDS7I0Igz4/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9hY2hldGVy/LXJlc3BvbnNhYmxl/LTMxZDY2MmEyLmpw/Zw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
4 outils pour acheter plus responsable
</p>
</a>
<a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/matieres?oc=nav">
<img class="w-full h-full object-cover" alt="Décryptage des matières éco-responsables" srcset="https://img.wedressfair.fr/0Ju_IwOi_vlMc5WadwcgL7cdx0afQM_vPdjlCt3xV94/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9kZWNyeXB0/YWdlLW1hdGllcmVz/LWRjMzU4YjdlLmpw/Zw 200w,https://img.wedressfair.fr/EXm_oTfE5Rr_RNn69Z9Mqlv1C4eYS7x7bP5gbFRKl7I/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9kZWNyeXB0/YWdlLW1hdGllcmVz/LWRjMzU4YjdlLmpw/Zw 600w,https://img.wedressfair.fr/niTOVTeOtzMYnoGePH3K2vJhBustt7T56049TxzXbj0/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9kZWNyeXB0/YWdlLW1hdGllcmVz/LWRjMzU4YjdlLmpw/Zw 1000w," loading="lazy" src="https://img.wedressfair.fr/eF55ef56dGE7W9qrk-XliNSAglIpuHIn6PefKHr3WlI/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvYXNzZXRzL25h/dmJhci9kZWNyeXB0/YWdlLW1hdGllcmVz/LWRjMzU4YjdlLmpw/Zw" />
<p class="absolute inset-0 flex items-end px-1 text-white uppercase lg:p-2 text-xl lg:text-2xl lg:pb-0 ms-end bg-gradient-to-b from-transparent via-transparent to-black/30 font-title shadow">
Décryptage des matières éco-responsables
</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<turbo-frame id="flash_success"></turbo-frame>
<turbo-frame id="flash_notice"></turbo-frame>
<turbo-frame id="flash_alert"></turbo-frame>
<turbo-frame id="flash_error"></turbo-frame>
<turbo-frame id="turbo_modal"></turbo-frame>
<h1 class="absolute text-xs opacity-0 cursor-default">
Découvrez la mode éthique et notre sélection de vêtements éco-responsables.
</h1>
<section class="-mt-[50px] lg:-mt-[60px]">
<div class="contents lg:grid lg:grid-cols-2 lg:grow">
<div class="relative order-3 grow h-[40vh] lg:h-[650px]">
<a class="absolute inset-0 z-1" href="/femme"></a>
<img class="h-full w-full object-cover object-top" alt="Mode éthique femme - Découvrez des vêtements éco-responsables pour femmes" fetchpriority="high" srcset="https://img.wedressfair.fr/I8lyIuxKz5OlxHtY7VVgyOBoxTBNBay05rXrSOUDG6A/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWTNO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS01Y2QyZjBh/M2E1N2M4OWY1YWNh/MWVjY2MzNTk5OTZl/NDRjNTY0ZTlkLzIu/anBn 500w,https://img.wedressfair.fr/3d_oEGdfq8_qirpUtaPcsD7ohrWpDlLMKqcZuIE4YTo/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWTNO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS01Y2QyZjBh/M2E1N2M4OWY1YWNh/MWVjY2MzNTk5OTZl/NDRjNTY0ZTlkLzIu/anBn 1000w,https://img.wedressfair.fr/CesXwz_ok7U-MadP_nxfPnIOudKkIB_fvucVQEMkJrY/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWTNO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS01Y2QyZjBh/M2E1N2M4OWY1YWNh/MWVjY2MzNTk5OTZl/NDRjNTY0ZTlkLzIu/anBn 2000w," sizes="(max-width: 1024px) 100vw, 50vw" loading="eager" src="https://img.wedressfair.fr/Dx3rtWHP-7ZhiqCffLWtBqmz6uDZYawR5FCBlDzrUgM/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWTNO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS01Y2QyZjBh/M2E1N2M4OWY1YWNh/MWVjY2MzNTk5OTZl/NDRjNTY0ZTlkLzIu/anBn" />
<div class="absolute inset-0 flex items-center justify-center text-center text-white bg-black/10">
<div>
<h2 class="mt-20 text-4xl font-bold lg:text-6xl drop-shadow-xl">Pour celles qui décident</h2>
<p class="m-auto mt-8 text-2xl button white w-fit">S’habiller juste</p>
</div>
</div>
</div>
<div class="relative order-3 grow h-[40vh] lg:h-[650px]">
<a class="absolute inset-0 z-1" href="/homme"></a>
<img class="h-full w-full object-cover object-top" alt="Mode éthique homme - Découvrez des vêtements éco-responsables pour hommes" fetchpriority="high" srcset="https://img.wedressfair.fr/B9riwZ2VZXF-OaBkM6G2cygDzAc6xzi2YcvfpklHLq8/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWXlO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03M2UzYjNk/OTE5NWNiZWQ5MGUw/ZGI1OWE5Mzc4ZTU0/NDk0MDg1OTFiL2xl/cyUyMGluZGlzcGVu/c2FibGVzLmpwZw 500w,https://img.wedressfair.fr/XFYOKjJXnpdiYeNd3dKZGmx0qQJIVk5DajCNTVuaBM0/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWXlO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03M2UzYjNk/OTE5NWNiZWQ5MGUw/ZGI1OWE5Mzc4ZTU0/NDk0MDg1OTFiL2xl/cyUyMGluZGlzcGVu/c2FibGVzLmpwZw 1000w,https://img.wedressfair.fr/SrWqJ9wgSC1AZmj52oKUgaNj3-U99_YygV34q1s51A8/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWXlO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03M2UzYjNk/OTE5NWNiZWQ5MGUw/ZGI1OWE5Mzc4ZTU0/NDk0MDg1OTFiL2xl/cyUyMGluZGlzcGVu/c2FibGVzLmpwZw 2000w," sizes="(max-width: 1024px) 100vw, 50vw" loading="eager" src="https://img.wedressfair.fr/Yulq4dtMstZ39GKBWRiew0ev6DydhUv_vhh3szvka_8/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWXlO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03M2UzYjNk/OTE5NWNiZWQ5MGUw/ZGI1OWE5Mzc4ZTU0/NDk0MDg1OTFiL2xl/cyUyMGluZGlzcGVu/c2FibGVzLmpwZw" />
<div class="absolute inset-0 flex items-center justify-center text-center text-white bg-black/10">
<div>
<h2 class="mt-20 text-4xl font-bold lg:text-6xl drop-shadow-xl">Pour ceux qui assument</h2>
<p class="m-auto mt-8 text-2xl button white w-fit">S’habiller juste</p>
</div>
</div>
</div>
</div>
</section>
<section class="my-6 lg:my-12 mx-2">
<h2 class="text-2xl lg:text-4xl text-center font-quote">
On sélectionne des marques responsables avec exigence.</br>Vous donnez du sens à votre style.
</h2>
</section>
<section class="mt-16 mb-24 lg:mt-24 lg:mb-32">
<div class="flex w-screen overflow-x-scroll lg:grid lg:grid-cols-3">
<a class="block shrink-0 relative aspect-square w-[66vw] lg:w-full" href="/femme">
<p class="absolute inset-0"></p>
<img class="h-full w-full object-cover" alt="Le vestiaire pour elle" srcset="https://img.wedressfair.fr/3oVslqinaFy6zEhuiGEH5em6fKQWlAAa5cgXWD9fnnY/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWXpN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1iYTI1NmU3/MWUzNDg0ZWU2MjA4/YTBmNjY2MTZkZTZl/MGFkNjFlZmQxL25l/dy5qcGc 500w,https://img.wedressfair.fr/R1yf2U5Oi-W2P24sNhn5sYz2O7LxDthNI7HbhDhK5XI/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWXpN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1iYTI1NmU3/MWUzNDg0ZWU2MjA4/YTBmNjY2MTZkZTZl/MGFkNjFlZmQxL25l/dy5qcGc 1000w,https://img.wedressfair.fr/267YiqV97xTY_RVYzNYpMxGffTBu-IJbXjMZI-PdTkc/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWXpN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1iYTI1NmU3/MWUzNDg0ZWU2MjA4/YTBmNjY2MTZkZTZl/MGFkNjFlZmQxL25l/dy5qcGc 2000w," loading="lazy" src="https://img.wedressfair.fr/t6dvfl-lUtVBeV_Pw7ltvs7WDvOtgYghxozJbBCOru4/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWXpN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1iYTI1NmU3/MWUzNDg0ZWU2MjA4/YTBmNjY2MTZkZTZl/MGFkNjFlZmQxL25l/dy5qcGc" />
<div class="absolute inset-0 flex items-end justify-center pb-4 text-center text-white lg:pb-6 z-2 bg-black/10">
<div class="pb-4">
<h2 class="text-2xl font-bold lg:text-4xl drop-shadow-xl">Le vestiaire pour elle</h2>
<p class="m-auto mt-4 text-base lg:mt-8 button white w-fit">Découvrir</p>
</div>
</div>
</a> <a class="block shrink-0 relative aspect-square w-[66vw] lg:w-full" href="/homme">
<p class="absolute inset-0"></p>
<img class="h-full w-full object-cover" alt="Le vestiaire pour lui" srcset="https://img.wedressfair.fr/V-7ElWoz8EhclsjTaeonEnZ_eXbKga6F4b7InseBSUA/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWTNO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1lM2Q5MTEz/OGM1MjNmYWFkNTc4/ZDMyMDU0YmZlYzg5/OGVmODk3YmVlL2xl/JTIwdmVzdGlhaXJl/JTIwKDIpLmpwZw 500w,https://img.wedressfair.fr/-pwDMwc_Zsv7GpJyB3sjsDKF8P-AXS6LovAOtJTWEKY/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWTNO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1lM2Q5MTEz/OGM1MjNmYWFkNTc4/ZDMyMDU0YmZlYzg5/OGVmODk3YmVlL2xl/JTIwdmVzdGlhaXJl/JTIwKDIpLmpwZw 1000w,https://img.wedressfair.fr/feEr8EsJ5OnmTVruhIQQumFdfY19Di64aYT4esr0yIM/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWTNO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1lM2Q5MTEz/OGM1MjNmYWFkNTc4/ZDMyMDU0YmZlYzg5/OGVmODk3YmVlL2xl/JTIwdmVzdGlhaXJl/JTIwKDIpLmpwZw 2000w," loading="lazy" src="https://img.wedressfair.fr/Ds6cG7IrhOLb8D8aRL9QuNQMi8InaGJl00cc6SAiBpE/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWTNO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1lM2Q5MTEz/OGM1MjNmYWFkNTc4/ZDMyMDU0YmZlYzg5/OGVmODk3YmVlL2xl/JTIwdmVzdGlhaXJl/JTIwKDIpLmpwZw" />
<div class="absolute inset-0 flex items-end justify-center pb-4 text-center text-white lg:pb-6 z-2 bg-black/10">
<div class="pb-4">
<h2 class="text-2xl font-bold lg:text-4xl drop-shadow-xl">Le vestiaire pour lui</h2>
<p class="m-auto mt-4 text-base lg:mt-8 button white w-fit">Découvrir</p>
</div>
</div>
</a> <a class="block shrink-0 relative aspect-square w-[66vw] lg:w-full" href="/femme/jeans">
<p class="absolute inset-0"></p>
<img class="h-full w-full object-cover" alt="Les jeans pour elle" srcset="https://img.wedressfair.fr/KbqKO9BKwtOHwRfLG-VfSwK4x0bdAPj_AHmKf52VVQs/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWXpN/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS00NWZmMmQw/ZjIwM2I3ZDEwNDBl/YmViNGYzNzlhM2Ew/YmU4OTAwMDJiL0xl/JTIwYm9uJTIwamVh/bi5qcGc 500w,https://img.wedressfair.fr/HFtl2vMB6GAE181-MZ7wKrvH402pQCFZhxuFFfSJpKc/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWXpN/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS00NWZmMmQw/ZjIwM2I3ZDEwNDBl/YmViNGYzNzlhM2Ew/YmU4OTAwMDJiL0xl/JTIwYm9uJTIwamVh/bi5qcGc 1000w,https://img.wedressfair.fr/FYtmeLlh_ZjgwjBQEJMEp2hQdcLZwrg7MGNQzJyvs7s/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWXpN/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS00NWZmMmQw/ZjIwM2I3ZDEwNDBl/YmViNGYzNzlhM2Ew/YmU4OTAwMDJiL0xl/JTIwYm9uJTIwamVh/bi5qcGc 2000w," loading="lazy" src="https://img.wedressfair.fr/btbFi2fnPOsSectUkSaQWzJ-6iDs8F1EVauqRnPP7xw/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWXpN/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS00NWZmMmQw/ZjIwM2I3ZDEwNDBl/YmViNGYzNzlhM2Ew/YmU4OTAwMDJiL0xl/JTIwYm9uJTIwamVh/bi5qcGc" />
<div class="absolute inset-0 flex items-end justify-center pb-4 text-center text-white lg:pb-6 z-2 bg-black/10">
<div class="pb-4">
<h2 class="text-2xl font-bold lg:text-4xl drop-shadow-xl">Les jeans pour elle</h2>
<p class="m-auto mt-4 text-base lg:mt-8 button white w-fit">Découvrir</p>
</div>
</div>
</a></div>
</section>
<section class="my-6 lg:my-12">
<h2 class="text-2xl lg:text-4xl pb-6 lg:pb-12 font-quote text-center mx-2">
Seulement 5% des marques passent nos critères.<br>
On vous montre les meilleures.
</h2>
<turbo-frame id="brands_carousel" src="/frames/brands_carousel?gender=unisex">
<div class="text-center py-10">Chargement des marques...</div>
</turbo-frame>
</section>
<section class="container mt-16 mb-24 lg:mt-24 lg:mb-32">
<h2 class="mb-6 lg:mb-8 text-5xl text-center lg:text-7xl">Nos catégories du moment</h2>
<div class="grid grid-cols-12 gap-2 mb-4 lg:gap-4">
<div class="relative w-full overflow-hidden group aspect-4/5 col-span-6 lg:col-span-6">
<img class="h-full w-full group-hover:scale-[101%] transition duration-1000 ease-in-out object-cover" alt="Pulls pour lui" srcset="https://img.wedressfair.fr/vW5QJv5hguEGEeUJxfpJncvJF_LRwN-78GQ18bZWGV4/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk5qVXdO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS04NTM2Y2Yw/YmFmMjBhYjRhZWQy/ZmJmZWJiNzUyYmNj/NDM3MGUwZDNkL0Rl/c2lnbiUyMHNhbnMl/MjB0aXRyZSUyMCgx/MikuanBn 500w,https://img.wedressfair.fr/7-xqAojzV_prjZ1ORhO5RANrsEXxJJ3a2ZOyIfpXvFM/w:800/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk5qVXdO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS04NTM2Y2Yw/YmFmMjBhYjRhZWQy/ZmJmZWJiNzUyYmNj/NDM3MGUwZDNkL0Rl/c2lnbiUyMHNhbnMl/MjB0aXRyZSUyMCgx/MikuanBn 800w,https://img.wedressfair.fr/LlVCLiu3gnOBtBO2G3ZJs-J6FXMTVSVRnU9Qib3Q6cs/w:1500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk5qVXdO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS04NTM2Y2Yw/YmFmMjBhYjRhZWQy/ZmJmZWJiNzUyYmNj/NDM3MGUwZDNkL0Rl/c2lnbiUyMHNhbnMl/MjB0aXRyZSUyMCgx/MikuanBn 1500w,https://img.wedressfair.fr/FuxnVwAKEYECrpac_BCByXr2qTPpRo1iFTXRybBE20w/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk5qVXdO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS04NTM2Y2Yw/YmFmMjBhYjRhZWQy/ZmJmZWJiNzUyYmNj/NDM3MGUwZDNkL0Rl/c2lnbiUyMHNhbnMl/MjB0aXRyZSUyMCgx/MikuanBn 2000w," loading="lazy" src="https://img.wedressfair.fr/0xdB9DhgZmGJ7bucDROFyJUYMBKT3ZxcChfvIBxigpA/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk5qVXdO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS04NTM2Y2Yw/YmFmMjBhYjRhZWQy/ZmJmZWJiNzUyYmNj/NDM3MGUwZDNkL0Rl/c2lnbiUyMHNhbnMl/MjB0aXRyZSUyMCgx/MikuanBn" />
<div class="absolute inset-0 flex items-center justify-center bg-black/10">
<p class="items-center justify-center text-4xl font-semibold text-center text-white drop-shadow-xl font-heavy md:text-4xl">
Pulls pour lui
</p>
</div>
<a class="absolute inset-0" href="/homme/pulls-et-sweats"></a>
</div>
<div class="relative w-full overflow-hidden group aspect-4/5 col-span-6 lg:col-span-6">
<img class="h-full w-full group-hover:scale-[101%] transition duration-1000 ease-in-out object-cover" alt="Pulls pour elle" srcset="https://img.wedressfair.fr/Wyw5M-FkEqurFJ5h_geEXVwkYtgIQEgaY3ZOz6FGp2E/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWXpO/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS00M2QzNTUz/MTgyYzIxMTczNGQ5/N2NhNWY2MzEzMGU5/OTg1ODNjMzgxL0xl/cyUyMHB1bGxzLmpw/Zw 500w,https://img.wedressfair.fr/W5JPWLJLv0NdYlmJZguyGNQ-lEM2lFuAVYj7HpKqM2g/w:800/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWXpO/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS00M2QzNTUz/MTgyYzIxMTczNGQ5/N2NhNWY2MzEzMGU5/OTg1ODNjMzgxL0xl/cyUyMHB1bGxzLmpw/Zw 800w,https://img.wedressfair.fr/mS1UZxQyTD2AQmfKTXqj6TUGe55-6pEwioyze5leVjs/w:1500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWXpO/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS00M2QzNTUz/MTgyYzIxMTczNGQ5/N2NhNWY2MzEzMGU5/OTg1ODNjMzgxL0xl/cyUyMHB1bGxzLmpw/Zw 1500w,https://img.wedressfair.fr/v8Pa2XWQY7w3xoMcvUjju9tsES9prBFzK0q8gRmEbao/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWXpO/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS00M2QzNTUz/MTgyYzIxMTczNGQ5/N2NhNWY2MzEzMGU5/OTg1ODNjMzgxL0xl/cyUyMHB1bGxzLmpw/Zw 2000w," loading="lazy" src="https://img.wedressfair.fr/47DsFS7G3oYZMK_DzPSSBUSYBTRVnPZ4aILLQE0UoVs/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMk9EWXpO/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS00M2QzNTUz/MTgyYzIxMTczNGQ5/N2NhNWY2MzEzMGU5/OTg1ODNjMzgxL0xl/cyUyMHB1bGxzLmpw/Zw" />
<div class="absolute inset-0 flex items-center justify-center bg-black/10">
<p class="items-center justify-center text-4xl font-semibold text-center text-white drop-shadow-xl font-heavy md:text-4xl">
Pulls pour elle
</p>
</div>
<a class="absolute inset-0" href="/femme/pulls-et-sweats"></a>
</div>
<div class="relative w-full overflow-hidden group aspect-4/5 col-span-12 lg:col-span-4">
<img class="h-full w-full group-hover:scale-[101%] transition duration-1000 ease-in-out object-cover" alt="Tops & t-shirts pour elle" srcset="https://img.wedressfair.fr/dUm9GMfm_xB1Gpmurnc-_hVa5vfTZQJKyVjLPxikc0c/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjM01Ua3lO/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1mMDQyN2Y3/NzEyMGNiY2ZiOWQx/NWU0NTAyMTI4ZGM4/MjZiMTlmMzZhL0Nh/dGUlQ0MlODFnb3Jp/ZXMuanBn 500w,https://img.wedressfair.fr/ROkxBfiIpcqX1VASiT0eJgSZTNaMysyywgfX4M28Fj0/w:800/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjM01Ua3lO/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1mMDQyN2Y3/NzEyMGNiY2ZiOWQx/NWU0NTAyMTI4ZGM4/MjZiMTlmMzZhL0Nh/dGUlQ0MlODFnb3Jp/ZXMuanBn 800w,https://img.wedressfair.fr/nvJrVm8I051F12iJj6KWI6XSlWK_g0sHNhNumq9Qv6E/w:1500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjM01Ua3lO/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1mMDQyN2Y3/NzEyMGNiY2ZiOWQx/NWU0NTAyMTI4ZGM4/MjZiMTlmMzZhL0Nh/dGUlQ0MlODFnb3Jp/ZXMuanBn 1500w,https://img.wedressfair.fr/RXiVQe7lnU-n36F0Tu6rOBRHISDi5njguA-JIHOC6WE/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjM01Ua3lO/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1mMDQyN2Y3/NzEyMGNiY2ZiOWQx/NWU0NTAyMTI4ZGM4/MjZiMTlmMzZhL0Nh/dGUlQ0MlODFnb3Jp/ZXMuanBn 2000w," loading="lazy" src="https://img.wedressfair.fr/X4Erc0PeRRdeN6BqdMJR7mo5FvvIDXsVrDe5YGPcgjI/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjM01Ua3lO/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1mMDQyN2Y3/NzEyMGNiY2ZiOWQx/NWU0NTAyMTI4ZGM4/MjZiMTlmMzZhL0Nh/dGUlQ0MlODFnb3Jp/ZXMuanBn" />
<div class="absolute inset-0 flex items-center justify-center bg-black/10">
<p class="items-center justify-center text-4xl font-semibold text-center text-white drop-shadow-xl font-heavy md:text-4xl">
Tops & t-shirts pour elle
</p>
</div>
<a class="absolute inset-0" href="/femme/tops-et-t-shirts"></a>
</div>
<div class="relative w-full overflow-hidden group aspect-4/5 col-span-6 lg:col-span-4">
<img class="h-full w-full group-hover:scale-[101%] transition duration-1000 ease-in-out object-cover" alt="Pantalons pour elle" srcset="https://img.wedressfair.fr/bEbXkdw5BaV96VuwnY7r7qWAgWyGGc0u4Bgszve0920/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMU5EWXdN/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kMTU5ZWU5/YTczZjJhNzk1NTU2/NjQ4NGZkNGY3ZThk/NjM3YjYyMDQwL0xl/cyUyMHBhbnRhbG9u/cy5qcGc 500w,https://img.wedressfair.fr/eLQwmsIgD0FhtiFFDwlQ5O5bswF8h4Kfsky5TMNvpJM/w:800/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMU5EWXdN/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kMTU5ZWU5/YTczZjJhNzk1NTU2/NjQ4NGZkNGY3ZThk/NjM3YjYyMDQwL0xl/cyUyMHBhbnRhbG9u/cy5qcGc 800w,https://img.wedressfair.fr/fQzs1KajgDUGYDNdjxLfymIlpFVIVcqVo-xBmuB_Wx8/w:1500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMU5EWXdN/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kMTU5ZWU5/YTczZjJhNzk1NTU2/NjQ4NGZkNGY3ZThk/NjM3YjYyMDQwL0xl/cyUyMHBhbnRhbG9u/cy5qcGc 1500w,https://img.wedressfair.fr/o3HGGzQ3e12aHt6htGrvfveWyo4JNTJBnyYz7BrhyCA/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMU5EWXdN/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kMTU5ZWU5/YTczZjJhNzk1NTU2/NjQ4NGZkNGY3ZThk/NjM3YjYyMDQwL0xl/cyUyMHBhbnRhbG9u/cy5qcGc 2000w," loading="lazy" src="https://img.wedressfair.fr/ebCa7vbNj2ANqFTmkHrGCTRWk3GuabsJWwCF9Z2qRBo/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMU5EWXdN/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kMTU5ZWU5/YTczZjJhNzk1NTU2/NjQ4NGZkNGY3ZThk/NjM3YjYyMDQwL0xl/cyUyMHBhbnRhbG9u/cy5qcGc" />
<div class="absolute inset-0 flex items-center justify-center bg-black/10">
<p class="items-center justify-center text-4xl font-semibold text-center text-white drop-shadow-xl font-heavy md:text-4xl">
Pantalons pour elle
</p>
</div>
<a class="absolute inset-0" href="/femme/pantalons"></a>
</div>
<div class="relative w-full overflow-hidden group aspect-4/5 col-span-6 lg:col-span-4">
<img class="h-full w-full group-hover:scale-[101%] transition duration-1000 ease-in-out object-cover" alt="Pantalons pour lui" srcset="https://img.wedressfair.fr/h3qCI2Ao2kyWgVnMvkMjcDacgg8Vcp6_MpTfT4y4a5U/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMU5EWXdN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wMmM1YzY1/NTMzMTUyNDA4Yzc5/YjU5ZDFlNTAyZDIw/NzI1ZDZiOTI0L0xl/cyUyMHBhbnRhbG9u/cy5qcGc 500w,https://img.wedressfair.fr/t9RdtPXMsaRw37GsjSnhi-bgvX8MnUI_KNPZP8KJVnA/w:800/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMU5EWXdN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wMmM1YzY1/NTMzMTUyNDA4Yzc5/YjU5ZDFlNTAyZDIw/NzI1ZDZiOTI0L0xl/cyUyMHBhbnRhbG9u/cy5qcGc 800w,https://img.wedressfair.fr/USccGJz_JveiJWI93965VDU_EAmB2PvOHmDkgaW9Ibk/w:1500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMU5EWXdN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wMmM1YzY1/NTMzMTUyNDA4Yzc5/YjU5ZDFlNTAyZDIw/NzI1ZDZiOTI0L0xl/cyUyMHBhbnRhbG9u/cy5qcGc 1500w,https://img.wedressfair.fr/lHCkFDjIxVPKBb0rKfiPZzCAi6ypulWmsS8pSSDticg/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMU5EWXdN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wMmM1YzY1/NTMzMTUyNDA4Yzc5/YjU5ZDFlNTAyZDIw/NzI1ZDZiOTI0L0xl/cyUyMHBhbnRhbG9u/cy5qcGc 2000w," loading="lazy" src="https://img.wedressfair.fr/SfIkcWOGQn0XpSN3yYpfr5wfFOp8chG0R5lbPQXdR1Q/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjMU5EWXdN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wMmM1YzY1/NTMzMTUyNDA4Yzc5/YjU5ZDFlNTAyZDIw/NzI1ZDZiOTI0L0xl/cyUyMHBhbnRhbG9u/cy5qcGc" />
<div class="absolute inset-0 flex items-center justify-center bg-black/10">
<p class="items-center justify-center text-4xl font-semibold text-center text-white drop-shadow-xl font-heavy md:text-4xl">
Pantalons pour lui
</p>
</div>
<a class="absolute inset-0" href="/homme/pantalons"></a>
</div>
</div>
</section>
<section class="md:container mt-6 mb-24 lg:mt-24 lg:mb-32">
<div class="lg:grid lg:grid-cols-2">
<div class="p-2 text-center text-white lg:p-8 text-7xl bg-p-terracotta font-title lg:text-9xl">
La mode<br>
qui change<br>
la mode
</div>
<div class="lg:flex lg:items-center lg:px-20">
<div class="lg:mb-6">
<h2 class="my-6 text-center lg:mt-0">On vérifie tout pour que <br>
vous n'ayez pas à le faire</h2>
<div class="flex flex-col items-center mb-5 text-center">
<p class="flex items-center justify-center font-medium text-white bg-black rounded-full w-7 h-7">1</p>
<p>Des bonnes conditions de travail sur toute la chaine.</p>
</div>
<div class="flex flex-col items-center mb-5 text-center">
<p class="flex items-center justify-center font-medium text-white bg-black rounded-full w-7 h-7">2</p>
<p>L'impact environnemental de la production.</p>
</div>
<div class="flex flex-col items-center mb-5 text-center">
<p class="flex items-center justify-center font-medium text-white bg-black rounded-full w-7 h-7">3</p>
<p>La véracité des informations des marques, à travers la collecte de leurs documents preuves.</p>
</div>
<div class="my-6 text-center lg:my-8">
<a data-turbo-frame="turbo_modal" class="button" href="/frames/charter">Lire la charte détaillée</a>
</div>
</div>
</div>
</div>
</section>
<section class="my-10 text-white stroke-white bg-p-green">
<div class="container py-6 lg:py-12">
<ul class="flex justify-between grid-cols-3 gap-10 overflow-x-scroll lg:overflow-auto lg:grid lg:gap-24">
<li class="flex-shrink-0 order-2 w-3/4 py-2 lg:w-auto lg:p-3 lg:order-1">
<div class="flex gap-4">
<div class="w-11/12 lg:w-auto lg:flex-grow">
<p class="mb-2 text-4xl lg:text-5xl lg:mb-4 font-title">
Paiement en 3x 4x<br>
sans frais
</p>
<p>Vous pouvez payer comptant ou en plusieurs fois sans frais. Vous avez le choix.</p>
</div>
</div>
</li>
<li class="flex-shrink-0 order-1 w-3/4 py-2 lg:w-auto lg:p-3 lg:order-2">
<div class="flex h-full gap-4">
<div class="w-11/12 lg:w-auto lg:flex-grow">
<label for="global-delivery-policy" class="cursor-pointer">
<p class="mb-2 text-4xl lg:text-5xl lg:mb-4 font-title">
Livraison<br>
offerte
</p>
<p>On vous offre la livraison à partir de 150€ d’achat, en France et en Belgique.</p>
</label>
</div>
</div>
</li>
<li class="flex-shrink-0 order-1 w-3/4 py-2 lg:w-auto lg:p-3 lg:order-2">
<div class="flex h-full gap-4">
<div class="w-11/12 lg:w-auto lg:flex-grow">
<label for="global-return-policy" class="cursor-pointer">
<p class="mb-2 text-4xl lg:text-5xl lg:mb-4 font-title">
Retours<br>
faciles
</p>
<p>Sous 30 jours.</p>
</label>
</div>
</div>
</li>
</ul>
</div>
</section>
<div data-controller="modal " data-action="turbo:submit-end->modal#submitEnd">
<input data-modal-target="input" data-action="change->modal#toggle" type="checkbox" id="global-return-policy" class="hidden peer">
<label
for="global-return-policy"
class="fixed top-0 left-0 z-50 w-screen h-dvh transition duration-200 opacity-0 pointer-events-none bg-black/50 peer-checked:opacity-100 peer-checked:pointer-events-auto lg:h-screen lg:block"
data-action="">
</label>
<div class="modal-content slide_right lg:w-2/5 bg-white p-4 lg:p-8">
<div class="w-full h-full overflow-y-scroll" data-modal-target="content">
<label for="global-return-policy" class="absolute z-10 cursor-pointer top-2 right-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="15" viewbox="0 0 15 15" width="15" class="w-8 h-8 p-2 cursor-pointer bg-white bg-opacity-50 stroke-current text-black"><path d="m1 1 13 13m0-13-13 13"></path></svg>
</label>
<p class="mb-6 text-5xl font-title">Retours</p>
<div class="mb-6">
<p class="mb-1 text-lg font-semibold">Délai de retour</p>
<p>Vous avez 30 jours après la réception de votre colis pour faire un retour.</p>
<p>Rendez-vous simplement dans votre compte, cliquez sur <span class="italic">“Retourner des articles”</span>, et téléchargez votre étiquette. C’est tout.</p>
</div>
<div class="mb-6">
<p class="mb-1 text-lg font-semibold">Les retours sont-ils payants ?</p>
<p class="mb-2">Bonne nouvelle : <span class="font-semibold">non</span>.</p>
<p class="mb-2">Mais une <span class="font-semibold">participation symbolique de 3€</span> par colis retourné est retenue, et directement créditée en <span class="font-semibold">cagnotte fidélité</span></p>
<p class="mb-2">Le reste vous est remboursé sur le moyen de paiement utilisé lors de l’achat.</p>
<p>Et pour un échange ? <span class="font-semibold">C’est neutre</span> : vous utilisez votre cagnotte pour recommander. Pas de surcoût.</p>
</div>
<div class="mb-6">
<p class="mb-1 text-lg font-semibold">Pourquoi cette participation ?</p>
<p>Parce qu’un retour, ce n’est jamais neutre :</p>
<p><span class="font-semibold">→ 7€ de transport + 5€ de logistique</span> en moyenne.</p>
<p>Ces 3€ permettent de :</p>
<ul class="ml-6 list-disc mb-1">
<li>donner de la visibilité sur les vrais coûts,</li>
<li>éviter les retours ”automatiques”,</li>
<li>et rendre notre modèle plus durable, sans pénaliser qui que ce soit.</li>
</ul>
<p>Pour nos clients réguliers, c’est transparent : la cagnotte sera utilisée à la prochaine commande.</p>
<p>Et pour les autres, le coût reste très en deçà de la réalité.</p>
</div>
<p class="text-xl font-medium text-center lg:mt-10">En plus d’être (vraiment) responsables, nos clients sont (vraiment) sympas :</p>
<section class="mt-8 mb-8 text-center">
<div class="trustpilot-widget" data-controller="trustpilot-widget" data-locale="fr-FR" data-stars="4,5" data-template-id="54ad5defc6454f065c28af8b" data-businessunit-id="5cc84dbfeaf68c000198e39c" data-style-height="240px" data-style-width="100%" data-theme="light">
</div>
</section>
</div>
</div>
</div>
<div data-controller="modal " data-action="turbo:submit-end->modal#submitEnd">
<input data-modal-target="input" data-action="change->modal#toggle" type="checkbox" id="global-delivery-policy" class="hidden peer">
<label
for="global-delivery-policy"
class="fixed top-0 left-0 z-50 w-screen h-dvh transition duration-200 opacity-0 pointer-events-none bg-black/50 peer-checked:opacity-100 peer-checked:pointer-events-auto lg:h-screen lg:block"
data-action="">
</label>
<div class="modal-content slide_right lg:w-2/5 bg-white p-4 lg:p-8">
<div class="w-full h-full overflow-y-scroll" data-modal-target="content">
<label for="global-delivery-policy" class="absolute z-10 cursor-pointer top-2 right-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="15" viewbox="0 0 15 15" width="15" class="w-8 h-8 p-2 cursor-pointer bg-white bg-opacity-50 stroke-current text-black"><path d="m1 1 13 13m0-13-13 13"></path></svg>
</label>
<p class="mb-6 text-5xl font-title">Livraison</p>
<p class="mt-8 text-2xl font-title">Quels sont les frais de livraison ?</p>
<p>Pour la <strong>France</strong> et la <strong>Belgique</strong> :</p>
<ul class="p-2 list-disc list-inside">
<li>Si votre panier est supérieur à 150,00 €, la livraison est offerte.</li>
<li>Si votre panier est inférieur à 150,00 €, la livraison est à 3,00 € en point relais, ou 5,00 € à domicile.</li>
</ul>
<p>Pour les autres pays, on a tout <a target="_blank" class="underline" href="https://aide-et-contact.wedressfair.fr/fr-FR/pays-et-frais-de-livraison-855402">détaillé ici</a>.</p>
<p class="mt-8 text-2xl font-title">Quels sont les délais de livraison ?</p>
<p>Les commandes sont préparées le lendemain (sauf weekends et jours feriés), et remise aux transporteur le jour même. Pour Mondial Relay, la livraison prend en moyenne 2.5 jours, et pour Colissimo 2 jours.</p>
<p class="mt-8 text-2xl font-title">Comment suivre mon colis ?</p>
<p>Lors de l’envoi de votre colis, on vous envoie une confirmation par e-mail avec un lien qui vous permet de suivre l’état d’avancement de votre livraison.</p>
<p class="mb-10 lg:mb-0">Vous pouvez aussi suivre votre commande directement depuis votre compte.</p>
<p class="text-xl font-medium text-center lg:mt-10">En plus d’être (vraiment) responsables, nos clients sont (vraiment) sympas :</p>
<section class="mt-8 mb-8 text-center">
<div class="trustpilot-widget" data-controller="trustpilot-widget" data-locale="fr-FR" data-stars="4,5" data-template-id="54ad5defc6454f065c28af8b" data-businessunit-id="5cc84dbfeaf68c000198e39c" data-style-height="240px" data-style-width="100%" data-theme="light">
</div>
</section>
</div>
</div>
</div>
<section class="lg:container my-6 lg:mt-24 lg:mb-32 overflow-hidden">
<h2 class="mb-6 text-5xl text-center lg:text-7xl lg:mb-8">Décrypter la mode</h2>
<div class="flex w-screen gap-4 overflow-x-scroll lg:w-auto lg:grid lg:grid-cols-3 lg:gap-8">
<a class="first:ml-2 last:mr-2 lg:first:mx-0 bg-white border border-gray-100 relative block" href="/blog/les-salaires-dans-la-mode">
<div class="shrink-0 aspect-square w-[66vw] h-[200px] lg:w-full">
<img class="h-full w-full object-cover" alt="Les salaires dans la mode" loading="lazy" src="https://img.wedressfair.fr/LzjBNcgkuV_6iGEa2oXuA16CzcifXza6q8ivcZ8wBbc/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2T1RjMU16RTRM/Q0p3ZFhJaU9pSmli/RzlpWDJsa0luMTkt/LTU3MDc1M2Y3Yzhm/NTdkNzI3NDE1NTQ0/YzBkNjk3OTdjMzIy/MDI2NDcvSU1BR0Ul/MjBBcnRpY2xlJTIw/QmxvZyUyMCgyOSku/cG5n" />
</div>
<div class="p-2">
<p class="flex justify-between mb-2 text-sm opacity-75">
<span>26 juin 2024</span>
</p>
<h3 class="mb-1 font-medium text-md lg:text-xl font-body">Les salaires dans la mode</h3>
<p class="hidden text-sm line-clamp-2 lg:text-base">Quelle différence entre salaire minimum et vital ? Quelle est la situation concrète des salariés du textile ? De quels leviers disposent-ils pour valoriser leur rémunération ? On vous dit tout!</p>
</div>
</a> <a class="first:ml-2 last:mr-2 lg:first:mx-0 bg-white border border-gray-100 relative block" href="/blog/de-la-graine-au-vetement-1-2">
<div class="shrink-0 aspect-square w-[66vw] h-[200px] lg:w-full">
<img class="h-full w-full object-cover" alt="De la graine au vêtement [1/2]" loading="lazy" src="https://img.wedressfair.fr/vrIoYjk0pmAudbCrAZ4jcFzObYo5WND2zApsTn-bwOk/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2T1Rjd09EYzJM/Q0p3ZFhJaU9pSmli/RzlpWDJsa0luMTkt/LTdkYzY5MTIwMmJk/MDQ1YzQwNzQ3YmZm/YWZjNWVlNzgyZmZj/MzU4YWYvNC5wbmc" />
</div>
<div class="p-2">
<p class="flex justify-between mb-2 text-sm opacity-75">
<span>23 Juillet 2024</span>
</p>
<h3 class="mb-1 font-medium text-md lg:text-xl font-body">De la graine au vêtement [1/2]</h3>
<p class="hidden text-sm line-clamp-2 lg:text-base">Qui est véritablement capable de nommer toutes les étapes de production d’un t-shirt ? Les connaître c’est déjà comprendre le travail et la pollution de l’industrie de la mode. </p>
</div>
</a> <a class="first:ml-2 last:mr-2 lg:first:mx-0 bg-white border border-gray-100 relative block" href="/blog/3-etapes-pour-reconnaitre-un-vetement-eco-responsable">
<div class="shrink-0 aspect-square w-[66vw] h-[200px] lg:w-full">
<img class="h-full w-full object-cover" alt="Comment reconnaître un vêtement éco-responsable en 3 étapes ?" loading="lazy" src="https://img.wedressfair.fr/2NCjfdADrz-oPFQYtO17u1ti8_kz-tXXZ3KaXQxGxlI/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRreU1qTTVM/Q0p3ZFhJaU9pSmli/RzlpWDJsa0luMTkt/LWQ3MjQ5ZTdjNzNi/YTYxMDA1OTU4NzBm/ODljYzQyMmI3MWQ1/NThiNmMvMy1ldGFw/ZXMtcmVjb25uYWl0/cmUtdmV0ZW1lbnQt/ZWNvcmVzcG9uc2Fi/bGUuanBn" />
</div>
<div class="p-2">
<p class="flex justify-between mb-2 text-sm opacity-75">
<span>23 juillet 2024</span>
</p>
<h3 class="mb-1 font-medium text-md lg:text-xl font-body">Comment reconnaître un vêtement éco-responsable en 3 étapes ?</h3>
<p class="hidden text-sm line-clamp-2 lg:text-base">Vous êtes sur le point d’acheter un vêtement, mais vous avez un doute quant à son éthique… Pour en être sûr.e, voici 3 étapes pour apprendre à reconnaître un vêtement éthique et éco-responsable. </p>
</div>
</a> </div>
</section>
<section class="container py-10 text-white lg:py-5">
<turbo-frame id="newsletter" src="/frames/newsletter"></turbo-frame>
</section>
<footer class="relative pt-4 footer">
<div class="container p-2 lg:container-md" id="footer--trustpilot">
<p class="text-xl font-medium text-center lg:mt-10">En plus d’être (vraiment) responsables, nos clients sont (vraiment) sympas :</p>
<section class="mt-8 mb-8 text-center">
<div class="-mx-2 trustpilot-widget lg:-mx-4" data-controller="trustpilot-widget" data-locale="fr-FR" data-template-id="54ad5defc6454f065c28af8b" data-businessunit-id="5cc84dbfeaf68c000198e39c" data-style-height="240px" data-style-width="100%" data-theme="light" data-stars="4,5" data-review-languages="fr">
</div>
</section>
<p class="my-12 text-2xl italic text-center font-quote">Merci pour votre confiance !</p>
</div>
<div class="pb-4 text-white bg-black">
<div class="container text-sm">
<div class="grid grid-cols-1 pt-10 lg:grid-cols-3 lg:gap-16">
<div class="lg:col-span-1">
<p class="mb-4 text-xl font-heavy">La mode change, les newsletters aussi. Des vrais sujets, pas de la publicité : </p>
<form class="flex flex-col gap-2 formed_with" action="/profile/subscribe_to_newsletter" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3ROhoLbY5ClE8SXIlRpMg4jdlPnKQDKQgXBjkddEtiw5dj1cnyipXTuXdxokylivU_nIpHAGMYUMs3TrD45anQ" autocomplete="off" />
<div class="items-center flex-grow mb-4 lg:mb-0 lg:bg-white lg:flex">
<div class="flex-grow py-1">
<input placeholder="Votre email" class="h-full text-black lg:mb-0 border-none rounded-none" type="email" value="" name="user[email]" id="user_email" />
</div>
<div class="grid items-center grid-cols-2 gap-4 mx-2 mt-2 text-base font-medium lg:mt-0 lg:flex">
<div>
<input required="required" class="peer hidden" id="footer_user_gender_femme" type="radio" value="Femme" name="user[gender]" />
<label for="footer_user_gender_femme" class="block w-full text-center lg:w-auto text-white lg:text-black cursor-pointer opacity-75 lg:opacity-50 peer-checked:opacity-100 peer-checked:underline underline-offset-2">Femme</label>
</div>
<div>
<input required="required" class="peer hidden" id="footer_user_gender_homme" type="radio" value="Homme" name="user[gender]" />
<label for="footer_user_gender_homme" class="block w-full text-center lg:w-auto text-white lg:text-black cursor-pointer opacity-75 lg:opacity-50 peer-checked:opacity-100 peer-checked:underline underline-offset-2">Homme</label>
</div>
</div>
</div>
<input type="hidden" name="list" id="list" value="newsletter" autocomplete="off" />
<input type="hidden" name="lead_source" id="lead_source" value="footer" autocomplete="off" />
<input type="submit" name="commit" value="S’inscrire" class="button rounded-none secondary w-full" data-disable-with="S’inscrire" />
</form> <ul class="flex items-center justify-around mt-6 mb-10 lg:mb-0 lg:mt-10">
<li class="pr-4">
<a rel="nofollow noopener noreferrer" target="_blank" href="https://www.instagram.com/wedressfair/">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="25" stroke="#000" stroke-width="1.5" viewbox="0 0 25 25" width="25" class="stroke-white text-white"><g stroke-linecap="round" stroke-linejoin="round"><rect height="22.5" rx="6" width="22.5" x="1.73828" y=".950012"></rect><path clip-rule="evenodd" d="m12.9883 17.2c2.7614 0 5-2.2386 5-5 0-2.76141-2.2386-4.99999-5-4.99999s-5.00002 2.23858-5.00002 4.99999c0 2.7614 2.23862 5 5.00002 5z" fill-rule="evenodd"></path><path d="m20.3398 5.35001c0 .27614-.2238.5-.5.5-.2761 0-.5-.22386-.5-.5"></path><path d="m19.3398 5.35001c0-.27615.2239-.5.5-.5.2762 0 .5.22385.5.5"></path></g></svg>
</a> </li>
<li class="pr-4">
<a rel="nofollow noopener noreferrer" target="_blank" href="https://www.pinterest.fr/wedressfair/">
<svg xmlns="http://www.w3.org/2000/svg" height="23.95" viewbox="0 0 18.86 23.95" width="18.86" class="stroke-white text-white">
<path d="M3.63 14.4A5.62 5.62 0 0 1 2 13.12a6.14 6.14 0 0 1-1.25-2.3 7.86 7.86 0 0 1 .95-6.16A8.89 8.89 0 0 1 7.39.8a9.19 9.19 0 0 1 7.53 1.29 8.68 8.68 0 0 1 3.21 5 9 9 0 0 1-1.75 7.62 6.42 6.42 0 0 1-3.85 2.57 5 5 0 0 1-3.86-.73 4.18 4.18 0 0 1-.82-.83L7 19.07a8.57 8.57 0 0 1-1 2.58 8.69 8.69 0 0 1-1.52 1.8 15 15 0 0 1-.18-4.35 32 32 0 0 1 .89-4l.92-3.64a4.66 4.66 0 0 1-.5-1.77A3.92 3.92 0 0 1 6 7.36 2.62 2.62 0 0 1 7.68 6a2 2 0 0 1 1.63.35c.77.7.53 2.06.4 2.83a16.92 16.92 0 0 1-.7 2.39 3 3 0 0 0-.29 1.52 2.31 2.31 0 0 0 .36 1 2.68 2.68 0 0 0 2.44.88 4.24 4.24 0 0 0 2.84-2.15 6.75 6.75 0 0 0 .94-4.78 6 6 0 0 0-2-3.72 5.87 5.87 0 0 0-2.68-1.2 6.63 6.63 0 0 0-4.14.6 5.94 5.94 0 0 0-2.82 2.69 5.65 5.65 0 0 0-.53 3.39 5.58 5.58 0 0 0 1 2.44z" fill="none" stroke-linejoin="round"></path>
</svg>
</a> </li>
<li class="pr-4">
<a rel="nofollow noopener noreferrer" target="_blank" href="https://www.facebook.com/wedressfair/">
<svg xmlns="http://www.w3.org/2000/svg" height="23.86" viewbox="0 0 12.1 23.86" width="12.1" class="stroke-white text-white"><path d="m6.87 23.36h.5v-10.76h4v-.47l.13-2.81v-.52h-4.13v-2.87a2.13 2.13 0 0 1 .28-1.25c.17-.24.53-.49 1.38-.49h2.44v-.48l.07-2.6v-.47h-.47c-.46-.09-1.26-.14-2.21-.14a5.6 5.6 0 0 0 -4.26 1.58 4.86 4.86 0 0 0 -1.26 3.37v3.35h-2.84v3.8h2.85v10.76z" fill="none"></path></svg>
</a> </li>
</ul>
</div>
<div class="grid grid-cols-1 gap-6 lg:col-span-2 lg:grid-cols-3 lg:gap-4">
<ul class="order-3 text-left lg:order-1">
<li>
<p class="mb-2 text-xl font-heavy lg:mb-4">WeDressFair</p>
</li>
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" href="/le-projet">Entreprise à mission</a>
</li>
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" href="/charte">Notre charte de sélection</a>
</li>
<li class="md:py-1 lg:py-2">
<label for="shops" class="text-white cursor-pointer arrow-hover white">Nos boutiques</label>
<input type="checkbox" id="shops" class="hidden peer">
<ul class="hidden pt-1 pl-2 peer-checked:block">
<li><a class="py-1 inline-block arrow-hover white text-white" href="/boutiques/paris">Paris</a></li>
<li><a class="py-1 inline-block arrow-hover white text-white" href="/boutiques/lyon">Lyon</a></li>
</ul>
</li>
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" href="/collections/carte-cadeau-wedressfair">Cartes cadeaux</a>
</li>
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" href="/rendre-la-mode-ethique-accessible">Nos actions solidaires</a>
</li>
<li class="md:py-1 lg:py-2">
<a rel="noopener noreferrer" target="_blank" class="arrow-hover white text-white" href="https://www.welcometothejungle.com/fr/companies/wedressfair">Recrutement</a>
</li>
<input type="checkbox" id="see-more-footer-1" class="hidden peer">
<li class="flex items-center gap-2 md:py-1 lg:py-2 peer-checked:hidden">
<label class="text-white cursor-pointer" for="see-more-footer-1">Voir plus</label>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="13" stroke="#000" viewbox="0 0 7 13" width="7" class="stroke-white transform rotate-90"><path d="m.504028 1 5.656852 5.65685-5.656852 5.65685"></path></svg>
</li>
<div class="hidden peer-checked:contents">
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" href="/programme-affiliation">Programme affiliation</a>
</li>
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" href="/mon-avis">Laisser un avis</a>
</li>
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" href="/presse">Presse</a>
</li>
</div>
</ul>
<ul class="order-1 text-left lg:order-2">
<li>
<p class="mb-2 text-xl font-heavy lg:mb-4">Service client</p>
</li>
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" href="/profile?tab=commandes">Mon compte</a>
</li>
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" target="_blank" href="/faq">FAQ</a>
</li>
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" target="_blank" href="https://aide-et-contact.wedressfair.fr/fr-FR/delais-de-livraison-and-suivi-du-colis-855421">Livraison</a>
</li>
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" target="_blank" href="https://aide-et-contact.wedressfair.fr/fr-FR/articles/retours-echanges-et-remboursements-199765">Retours & Remboursements</a>
</li>
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" href="/contactez-nous">Nous contacter</a>
</li>
<li class="md:py-1 lg:py-2">
<a href="javascript:openAxeptioCookies()" class="text-white arrow-hover white" rel="noopener noreferrer">Préférences des cookies</a>
</li>
</ul>
<ul class="order-2 text-left lg:order-3">
<li>
<h4 class="mb-2 text-xl font-heavy lg:mb-4">La mode éthique</h4>
</li>
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" href="/pages/c-est-quoi-le-probleme">C'est quoi le problème de la mode ?</a>
</li>
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" href="/labels">Les labels fiables</a>
</li>
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" href="/matieres">Les matières à privilégier</a>
</li>
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" href="/marques">Les marques éthiques</a>
</li>
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" href="/notre-avis-sur">On décrypte les marques</a>
</li>
<li class="md:py-1 lg:py-2">
<a class="arrow-hover white text-white" href="/media">Tous nos articles</a>
</li>
</ul>
</div>
</div>
<div class="mt-10 text-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="17" viewbox="0 0 174 17" width="174" class="lg:mx-auto"><g fill="#fff"><path d="m.00000763.226791h3.06464237l3.84305 11.736009 3.9534-11.780183h2.3914l3.9585 11.782183 3.842-11.736h2.9687l-5.6185 15.9415h-2.4344l-3.9575-11.37561-3.95742 11.37361h-2.43946z"></path><path d="m26.9218.227051h11.9419v2.486749h-9.1122v4.11613h8.0763v2.48875h-8.0763v4.25162h9.2276v2.4878h-12.0542z"></path><path d="m42.6608.227051h5.3611c5.0617 0 8.5595 3.413379 8.5595 7.868839v.04518c0 4.45543-3.4978 7.91503-8.5595 7.91503h-5.3611zm5.3611 14.743749c4.4866 0 7.3173-3.0118 7.3173-6.78456v-.04517c0-3.75371-2.8307-6.82676-7.3173-6.82676h-4.1649v13.65349z"></path><path d="m60.6523.227051h6.7647c1.9787 0 3.5662.61039 4.5326 1.560109.785.7835 1.2233 1.83998 1.2197 2.93953v.04517c0 2.64537-2.0022 4.16131-4.7165 4.51771l5.3121 6.76153h-1.514l-5.1312-6.55774h-5.2692v6.55774h-1.1982zm6.6267 8.208169c2.6918 0 4.6992-1.33423 4.6992-3.61416v-.04518c0-2.12533-1.7029-3.45956-4.6256-3.45956h-5.5021v7.12793z"></path><path d="m77.2902.227051h11.4546v1.085249h-10.2584v6.21837h9.2266v1.08526h-9.2266v6.35487h10.3779v1.0853h-11.5741z"></path><path d="m91.6715 13.7489.7815-.8815c1.7724 1.6063 3.4058 2.3512 5.7758 2.3512 2.4162 0 4.0732-1.3342 4.0732-3.1433v-.0462c0-1.6725-.898-2.64532-4.5564-3.36916-3.8655-.76801-5.4254-2.05204-5.4254-4.45345v-.04518c0-2.35222 2.1861-4.16131 5.1772-4.16131 2.3496 0 3.8886.633485 5.5226 1.92254l-.759.92663c-1.519-1.28906-3.0372-1.786-4.8096-1.786-2.37 0-3.934 1.33423-3.934 2.98469v.0502c0 1.67356.8735 2.69155 4.6941 3.46056 3.7275.74592 5.2915 2.05706 5.2915 4.36408v.0452c0 2.555-2.232 4.3169-5.3375 4.3169-2.5825-.003-4.5612-.8423-6.494-2.5359z"></path><path d="m106.167 13.7489.783-.8814c1.771 1.6063 3.406 2.3512 5.776 2.3512 2.416 0 4.071-1.3343 4.071-3.1433v-.0462c0-1.6726-.896-2.64539-4.555-3.36923-3.865-.76901-5.43-2.05706-5.43-4.45446v-.04518c0-2.35222 2.186-4.16130656 5.177-4.16130656 2.35 0 3.889.63348556 5.523 1.92253656l-.76.92663c-1.519-1.28905-3.038-1.786-4.809-1.786-2.37 0-3.935 1.33423-3.935 2.9847v.0512c0 1.67356.875 2.69155 4.699 3.46056 3.728.74592 5.293 2.05706 5.293 4.36415v.0451c0 2.555-2.232 4.317-5.339 4.317-2.582-.0031-4.561-.8423-6.494-2.536z"></path><path d="m121.607.227051h11.984v2.531919h-9.153v4.31692h8.122v2.53193h-8.122v6.44528h-2.831z"></path><path d="m140.567.113281h2.626l7.088 15.942519h-2.991l-1.635-3.822h-7.615l-1.657 3.822h-2.9zm4.05 9.655839-2.784-6.33181-2.759 6.33181z"></path><path d="m153.204.227051h2.831v15.829049h-2.831z"></path><path d="m160.333.227051h7.178c2.025 0 3.613.587303 4.648 1.582199.852.85937 1.335 2.03598 1.335 3.41338v.04518c0 2.60019-1.588 4.1603-3.843 4.79379l4.349 5.9925h-3.336l-3.958-5.5217h-3.544v5.5217h-2.829zm6.969 7.846749c2.025 0 3.314-1.04108 3.314-2.64637v-.04518c0-1.69564-1.243-2.62328-3.337-2.62328h-4.119v5.31483z"></path></g></svg>
</div>
<p class="mt-4 mb-10 lg:container-sm">
Nous sommes WeDressFair, une boutique engagée de marques de mode éthique (vraiment) responsables pour hommes et femmes de tous styles et tous âges.
On déniche, analyse et valide de super marques selon des critères sociétaux et environnementaux très précis qui garantissent à tous de mieux consommer la mode.
On se bat contre la fast fashion, le greenwashing et les collections capsules “vertes” de certaines marques pour mettre en avant celles qui font les choses (vraiment) bien et méritent plus de visibilité. Vous trouverez ici des vêtements éco-responsables et éthiques en matières biologiques, naturelles ou recyclées, fabriqués en France, en Europe, ou dans des ateliers certifiés.
</p>
<ul class="flex justify-around text-center md:justify-center md:mt-6">
<li class="md:px-4">
<a class="text-white" href="/cookies">Cookies</a>
</li>
<li class="md:my-0 md:px-4">
<a class="text-white" href="/mentions-legales">Mentions Légales</a>
</li>
<li class="md:px-4">
<a class="text-white" href="/cgu-cgv">Conditions Générales</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<div id="gorgias-chat-container" data-turbo-permanent></div>
<turbo-frame id="javascript"></turbo-frame>
<script>
var _learnq = _learnq || [];
</script>
</body>
</html>
