Outiref

Code source de l'URL : https://www.wedressfair.fr/

<!--
 __     __     ______        _____     ______     ______     ______     ______        ______   ______     __     ______
/\ \  _ \ \   /\  ___\      /\  __-.  /\  == \   /\  ___\   /\  ___\   /\  ___\      /\  ___\ /\  __ \   /\ \   /\  == \
\ \ \/ ".\ \  \ \  __\      \ \ \/\ \ \ \  __<   \ \  __\   \ \___  \  \ \___  \     \ \  __\ \ \  __ \  \ \ \  \ \  __<
 \ \__/".~\_\  \ \_____\     \ \____-  \ \_\ \_\  \ \_____\  \/\_____\  \/\_____\     \ \_\    \ \_\ \_\  \ \_\  \ \_\ \_\
  \/_/   \/_/   \/_____/      \/____/   \/_/ /_/   \/_____/   \/_____/   \/_____/      \/_/     \/_/\/_/   \/_/   \/_/ /_/

Conscious fashion for conscious people

-->


<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="XenCsr2IMIjQJHC9IJb6tWATCBt-1InK2ybo6J4M7wcVWue_UkCtKhflJb1xD2zCd2mRzCYDt1A1Sx-67etZLA" />
    <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-804c27d2.css" data-turbo-track="reload" />
    <script src="https://www.wedressfair.fr/assets/website-0ce99231.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="WeDressFair : marque et boutique en ligne de mode éthique. Nos propres collections écoresponsables fabriquées en Europe et une sélection de marques engagées. Vêtements femme &amp; homme durables et transparents.">
    <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="WeDressFair : marque et boutique en ligne de mode éthique. Nos propres collections écoresponsables fabriquées en Europe et une sélection de marques engagées. Vêtements femme &amp; homme durables et transparents." />
<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="WeDressFair : marque et boutique en ligne de mode éthique. Nos propres collections écoresponsables fabriquées en Europe et une sélection de marques engagées. Vêtements femme &amp; homme durables et transparents.">
<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">{"@context":"https://schema.org","@type":"Organization","name":"WeDressFair","url":"https://www.wedressfair.fr/","logo":"https://www.wedressfair.fr/assets/wedressfair-logo-05ac3e09.png","description":"WeDressFair est une marque et boutique en ligne spécialisée en mode éthique et en vêtements écoresponsables pour femme et homme. Nous créons nos propres collections fabriquées en Europe avec des matières durables, et sélectionnons des marques de mode éthique reconnues pour leur engagement.","contactPoint":[{"@type":"ContactPoint","email":"hello@wedressfair.fr","contactType":"customer service"}],"sameAs":["https://www.instagram.com/wedressfair/","https://www.facebook.com/wedressfair/","https://www.linkedin.com/company/wedressfair/"],"foundingDate":"2018","founders":[{"@type":"Person","name":"Antoine Coulaud"},{"@type":"Person","name":"Marie Nguyen"},{"@type":"Person","name":"Kévin Chavanne"}],"address":[{"@type":"PostalAddress","streetAddress":"4 rue des Capucins","addressLocality":"Lyon","postalCode":"69001","addressCountry":"FR"},{"@type":"PostalAddress","streetAddress":"28 rue Beaurepaire","addressLocality":"Paris","postalCode":"75010","addressCountry":"FR"}]}</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-->


    <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-10 h-10 flex justify-center z-2 items-center 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>
          <button data-swiper-target="nextButton" class="absolute right-0 top-1/2 -translate-y-1/2 w-10 h-10 flex justify-center items-center 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-10 h-10 flex justify-center z-2 items-center 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>
          <button data-swiper-target="nextButton" class="absolute right-0 top-1/2 -translate-y-1/2 w-10 h-10 flex justify-center items-center 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-11.25">
          <label for="mobile-nav" class="relative flex items-center justify-center w-full h-full">
            <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-y9z4c5he" class="h-11.25 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">
        <p class="flex items-center gap-1">
          <span>En ce moment</span>
          <span class="text-2xs text-white font-bold bg-p-terracotta px-1 rounded normal-case lg:uppercase">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-highlight-y9z4c5he" 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-12.5 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-y9z4c5he" class="inline-block py-1">
            ← Retour
          </label>
          <p class="py-1 font-medium text-center uppercase bg-gray-100">En ce moment</p>
        </div>

          <a class="py-2 lg:py-0 hover:underline block" href="/femme/selection/la-selection-d-ete?oc=nav">Sélection d&#39;été</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?oc=nav">Les chaussures</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/jeans?oc=nav">Le bon jean</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/notre-marque-pour-femme?oc=nav">La marque WeDressFair</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/archives-femme?oc=nav">Les archives</a>
      </div>
    </div>

    <div class="order-5 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-11.25 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-11.25 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-11.25 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-11.25 uppercase font-medium lg:h-auto border-b border-gray-50 lg:border-none hidden lg:flex items-center justify-between hover:underline 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="h-11.25 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" target="_blank" rel="noopener noreferrer" href="https://www.secondevie.wedressfair.fr/?oc=nav">
        <span>Seconde vie</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="contents lg:block lg:order-2">
    <div class="order-2">
      <label for="nav-categories-y9z4c5he" class="h-11.25 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-y9z4c5he" 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-12.5 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-y9z4c5he" 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/tops-et-t-shirts?oc=nav">Tops &amp; T-shirts</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/femme/chemises-et-blouses?oc=nav">Chemises &amp; Blouses</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/femme/robes-et-combinaisons?oc=nav">Robes &amp; Combinaisons</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/shorts?oc=nav">Shorts</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/jeans?oc=nav">Jeans</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/femme/pulls-et-sweats?oc=nav">Pulls &amp; Sweats</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/femme/vestes-et-manteaux?oc=nav">Vestes &amp; Manteaux</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/femme/maillots–de–bain?oc=nav">Maillots de bain</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/femme/sport?oc=nav">Sport</a>
        </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">
        <label for="nav-underwear-y9z4c5he" class="h-11.25 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>Sous-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-underwear-y9z4c5he" 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-12.5 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-underwear-y9z4c5he" class="inline-block py-1">
              ← Retour
            </label>
          </div>

          <p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Sous-vêtements</p>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme/lingerie?oc=nav">Lingerie</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussettes?oc=nav">Chaussettes</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme/pyjamas?oc=nav">Pyjamas</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme/collants?oc=nav">Collants</a>
        </div>
      </div>
  </div>

  <div class="order-4">
    <div class="lg:mb-8">
      <label for="nav-shoes-y9z4c5he" class="h-11.25 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-y9z4c5he" 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-12.5 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-y9z4c5he" 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=sandales-et-sabots&amp;oc=nav">Sandales &amp; Sabots</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=baskets&amp;oc=nav">Baskets</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=derbies-et-mocassins&amp;oc=nav">Derbies &amp; Mocassins</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=bottes-et-bottines&amp;oc=nav">Bottes &amp; Bottines</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=chaussons&amp;oc=nav">Chaussons</a>
      </div>
    </div>

    <label for="nav-other-y9z4c5he" class="h-11.25 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</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-y9z4c5he" 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-12.5 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-y9z4c5he" class="inline-block py-1">
          ← Retour
        </label>
      </div>

      <p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Sacs & accessoires</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?subcategory=casquettes-et-bobs&amp;oc=nav">Casquettes &amp; Bobs</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/accessoires?subcategory=ceintures&amp;oc=nav">Ceintures</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/accessoires?subcategory=accessoires%E2%80%93cheveux&amp;oc=nav">Accessoires cheveux</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/accessoires?subcategory=echarpes&amp;oc=nav">Echarpes</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/accessoires?subcategory=bonnets&amp;oc=nav">Bonnets</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/accessoires?subcategory=gants&amp;oc=nav">Gants</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/accessoires?subcategory=autres&amp;oc=nav">Autres</a>
    </div>


    <div class="lg:hidden">

      <a class="h-11.25 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" href="/notre-marque-pour-femme?oc=nav">
        <p class="flex items-center gap-1">
          <span>La marque WeDressFair</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>
</a>
        <a class="h-11.25 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>
      <input id="nav-wdfe-women-y9z4c5he" 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-12.5 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-y9z4c5he" 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:flex lg:flex-col">
      <p class="hidden lg:block uppercase text-left text-2xl font-title py-1 font-medium mb-4 lg:mb-0">Femme</p>
      <p class="lg:hidden py-1 font-medium text-center uppercase bg-gray-100">La marque WeDressFair</p>
      <div class="lg:grid lg:grid-cols-2 lg:grid-rows-[repeat(5,min-content)] lg:grid-flow-col mb-8 lg:grow">
            <a class="py-2 lg:py-0 hover:underline block" href="/femme?brand=WeDressFair&amp;oc=nav">Voir tout</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme?materials=Lin&amp;brand=WeDressFair&amp;oc=nav">
              <span>La collection en lin</span>
              <span class="text-2xs bg-p-terracotta rounded-sm px-1 py-0.5 text-white font-semibold">NEW</span>
</a>            <a class="py-2 lg:py-0 hover:underline block" href="/femme/robes-et-combinaisons?brand=WeDressFair&amp;oc=nav">Les robes</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme?selection=Les%E2%80%93ensembles%E2%80%93en%E2%80%93Tencel%E2%80%93c%C3%B4tel%C3%A9&amp;oc=nav">L&#39;ensemble tencel</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme/tops-et-t-shirts?subcategory=d%C3%A9bardeurs&amp;brand=WeDressFair&amp;oc=nav">Les débardeurs</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/lp/les-tops-t-shirts-wedressfair?oc=nav">Les tops &amp; t-shirts</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme/tops-et-t-shirts?subcategory=manches%E2%80%93longues&amp;brand=WeDressFair&amp;oc=nav">Les manches longues</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/collections/sweat-en-coton-bio-fuchsia-wedressfair-essentiels?oc=nav">Les sweats</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme/pulls-et-sweats?subcategory=pulls&amp;brand=WeDressFair&amp;oc=nav">Les pulls</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme/sous-vetements?subcategory=chaussettes&amp;brand=WeDressFair&amp;oc=nav">Les chaussettes</a>
      </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="/femme?materials=Lin&amp;brand=WeDressFair&amp;oc=nav">
  <img class="w-full h-full object-cover object-top" alt="La collection en lin" srcset="https://img.wedressfair.fr/wY-rG0w1NqhTdOkBVgTjCiNnkPYYwDxR2LkdbbRuq14/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56Z3pO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kNjAwMmNh/MGIwMjExMDlhNjdl/OWQ4ZTgyODVmYTIz/YjczZTRhOTAwL2xl/JTIwbGluLmpwZw 200w,https://img.wedressfair.fr/WCQPXYF-YRM7PDP5PmaP96gG4LlMwelcFW6QEN60mz8/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56Z3pO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kNjAwMmNh/MGIwMjExMDlhNjdl/OWQ4ZTgyODVmYTIz/YjczZTRhOTAwL2xl/JTIwbGluLmpwZw 600w,https://img.wedressfair.fr/6dk-IdzNvoaHc0JJ-D40JKBMM-WYYL2mlnPwzBQIbbw/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56Z3pO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kNjAwMmNh/MGIwMjExMDlhNjdl/OWQ4ZTgyODVmYTIz/YjczZTRhOTAwL2xl/JTIwbGluLmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/QmTM12BeXvQi9kgVjYI9OHZdLgICPNassBSH0j_euA0/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56Z3pO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kNjAwMmNh/MGIwMjExMDlhNjdl/OWQ4ZTgyODVmYTIz/YjczZTRhOTAwL2xl/JTIwbGluLmpwZw" />

    <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 en lin
    </p>
</a>
              <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/femme/robes-et-combinaisons?brand=WeDressFair&amp;oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Les robes" srcset="https://img.wedressfair.fr/0Mp-JHkEWl2FNCe8eWqxuzi1PJidO2E04kpDI761S-E/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56Z3pP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hZDI4MmMw/NzI2MzM2YThmM2Zj/NGQ0NjNiZjIyYzQ3/OTQyNzQ4MjQ5L2xl/cyUyMGRlJUNDJTgx/YmFyZGV1cnMuanBn 200w,https://img.wedressfair.fr/GmVTGafvsXVZBee2nhq9AVRnPgha2Zpn12R-N8LKV5o/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56Z3pP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hZDI4MmMw/NzI2MzM2YThmM2Zj/NGQ0NjNiZjIyYzQ3/OTQyNzQ4MjQ5L2xl/cyUyMGRlJUNDJTgx/YmFyZGV1cnMuanBn 600w,https://img.wedressfair.fr/xakTvr5OJkVMKWuEWwMy8yVTHY_efxKvgL1oWqnFDWQ/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56Z3pP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hZDI4MmMw/NzI2MzM2YThmM2Zj/NGQ0NjNiZjIyYzQ3/OTQyNzQ4MjQ5L2xl/cyUyMGRlJUNDJTgx/YmFyZGV1cnMuanBn 1000w," loading="lazy" src="https://img.wedressfair.fr/zmrBjpTAfMPBmYA4rQK8zSWTO3PB3Z1fSQK55gn2pwU/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56Z3pP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hZDI4MmMw/NzI2MzM2YThmM2Zj/NGQ0NjNiZjIyYzQ3/OTQyNzQ4MjQ5L2xl/cyUyMGRlJUNDJTgx/YmFyZGV1cnMuanBn" />

    <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 robes
    </p>
</a>
              <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/femme?selection=Le%E2%80%93denim%E2%80%93d%27%C3%A9t%C3%A9&amp;oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Le denim d&#39;été" srcset="https://img.wedressfair.fr/n_nX4m1cKC5nTDnEorjiUWXpU35pBH6y8N76fJuEY14/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNN/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS04NjY5M2M3/ZjlhZTZiODM1NTA0/YjU3ODkyN2E0M2Ew/NTNjM2JkZjBjL2Rl/bmltJTIwZCdlJUND/JTgxdGUlQ0MlODEu/anBn 200w,https://img.wedressfair.fr/CqegmmGJY5vvTTg3wuqNRZPSRg8yJvS00IH2Nu8CVB0/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNN/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS04NjY5M2M3/ZjlhZTZiODM1NTA0/YjU3ODkyN2E0M2Ew/NTNjM2JkZjBjL2Rl/bmltJTIwZCdlJUND/JTgxdGUlQ0MlODEu/anBn 600w,https://img.wedressfair.fr/_m1ariQaPwruXaHSN36lpHAbNMBCeqNEhz90fkDYT_M/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNN/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS04NjY5M2M3/ZjlhZTZiODM1NTA0/YjU3ODkyN2E0M2Ew/NTNjM2JkZjBjL2Rl/bmltJTIwZCdlJUND/JTgxdGUlQ0MlODEu/anBn 1000w," loading="lazy" src="https://img.wedressfair.fr/A6TarsEWN8T-aS9virdvEMrd4k58JZPGvLKIxgjKcBk/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNN/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS04NjY5M2M3/ZjlhZTZiODM1NTA0/YjU3ODkyN2E0M2Ew/NTNjM2JkZjBjL2Rl/bmltJTIwZCdlJUND/JTgxdGUlQ0MlODEu/anBn" />

    <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 denim d&#39;été
    </p>
</a>
              <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/femme/tops-et-t-shirts?subcategory=d%C3%A9bardeurs&amp;brand=WeDressFair&amp;oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Les débardeurs" srcset="https://img.wedressfair.fr/rqO8BH6kSVdrqB-UeWFEH29IkEVt5qmFJ8b99cGgsqs/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneE1UVXdP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wMTcxMDIw/NDA2NmM0ZDQ4ZjE5/OWM2MmEzY2RmMjNl/OWU1YTRkNDhmL2No/YXVzc3VyZXMlMjBo/b21tZSUyMCgxKS5q/cGc 200w,https://img.wedressfair.fr/UdTTNUcGyzZbsT-vChVBy0Rc5Nk9n2YCj8R-iNHsBS8/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneE1UVXdP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wMTcxMDIw/NDA2NmM0ZDQ4ZjE5/OWM2MmEzY2RmMjNl/OWU1YTRkNDhmL2No/YXVzc3VyZXMlMjBo/b21tZSUyMCgxKS5q/cGc 600w,https://img.wedressfair.fr/QDL8WfpS1Sqc1g_g9-1PesTQSMeWVvpZhpVUUmctuWU/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneE1UVXdP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wMTcxMDIw/NDA2NmM0ZDQ4ZjE5/OWM2MmEzY2RmMjNl/OWU1YTRkNDhmL2No/YXVzc3VyZXMlMjBo/b21tZSUyMCgxKS5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/P3eWHEmAp6Q_Sg5UsrUw_YXbMT0DRb812GHtXloIWQc/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneE1UVXdP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wMTcxMDIw/NDA2NmM0ZDQ4ZjE5/OWM2MmEzY2RmMjNl/OWU1YTRkNDhmL2No/YXVzc3VyZXMlMjBo/b21tZSUyMCgxKS5q/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 débardeurs
    </p>
</a>
              <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/lp/les-tops-t-shirts-wedressfair?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Les tops &amp; t-shirts" srcset="https://img.wedressfair.fr/D75xBYJPZzBa5QFbxyhQv3GdEO8-H3prjG1CNxieZEo/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56ZzBN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wZjg1OTNi/ZjJmODBkMjU3YWZh/NDFhZTQ0OGVmMzhl/Y2Y5MzQ1YzBjL2xl/cyUyMHRvcHMlMjAm/JTIwdHNoaXJ0cy5q/cGc 200w,https://img.wedressfair.fr/gxeMP39aytpRuIWQzCSJLz0-mHn4WZwxPmAN7nB0FXU/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56ZzBN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wZjg1OTNi/ZjJmODBkMjU3YWZh/NDFhZTQ0OGVmMzhl/Y2Y5MzQ1YzBjL2xl/cyUyMHRvcHMlMjAm/JTIwdHNoaXJ0cy5q/cGc 600w,https://img.wedressfair.fr/6ZtyGv03ZMA-Ok0hAJJbivYWcprAGKdWglyjLGUaAF0/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56ZzBN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wZjg1OTNi/ZjJmODBkMjU3YWZh/NDFhZTQ0OGVmMzhl/Y2Y5MzQ1YzBjL2xl/cyUyMHRvcHMlMjAm/JTIwdHNoaXJ0cy5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/id3Mfnp52JxsmH6YSAdFR3LbgpkUFKQxvHjo1LrjdZ8/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56ZzBN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wZjg1OTNi/ZjJmODBkMjU3YWZh/NDFhZTQ0OGVmMzhl/Y2Y5MzQ1YzBjL2xl/cyUyMHRvcHMlMjAm/JTIwdHNoaXJ0cy5q/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 tops &amp; t-shirts
    </p>
</a>
          </div>
        </div>
    </div>

</div>

      </div>
    </div>

    <a class="h-11.25 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-6 col-span-2">
    <div class="hidden 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 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/la-selection-d-ete?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="La sélection d&#39;été" srcset="https://img.wedressfair.fr/idOei6aLjKDpk2QAAwidfZLmbA6WZrN7qU5biZcXFfo/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneE5qTXpN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1lYmZmNWJl/OWIxMTYzZTI3NzJl/Yzc4N2QyMTM5Mzg4/NDgzMGQzNGJmL3Nv/bGRlcyUyMGUlQ0Ml/ODF0ZSVDQyU4MS5q/cGc 200w,https://img.wedressfair.fr/42y_1cqvTMJgiaBm67o0mXD9xBQcZ8UGr-X4sQ68UXc/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneE5qTXpN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1lYmZmNWJl/OWIxMTYzZTI3NzJl/Yzc4N2QyMTM5Mzg4/NDgzMGQzNGJmL3Nv/bGRlcyUyMGUlQ0Ml/ODF0ZSVDQyU4MS5q/cGc 600w,https://img.wedressfair.fr/qbubncsQmHDbpTs0DF1Vv2epX5Dk6Ug0f0CNtt0M0EE/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneE5qTXpN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1lYmZmNWJl/OWIxMTYzZTI3NzJl/Yzc4N2QyMTM5Mzg4/NDgzMGQzNGJmL3Nv/bGRlcyUyMGUlQ0Ml/ODF0ZSVDQyU4MS5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/wC6yR_GSqhVbyM4mY92or6fdIzvtKVNkjLJN6a4fEOo/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneE5qTXpN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1lYmZmNWJl/OWIxMTYzZTI3NzJl/Yzc4N2QyMTM5Mzg4/NDgzMGQzNGJmL3Nv/bGRlcyUyMGUlQ0Ml/ODF0ZSVDQyU4MS5q/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">
      La sélection d&#39;été
    </p>
</a>
          <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/notre-marque-pour-femme?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="La marque WeDressFair" srcset="https://img.wedressfair.fr/Gj35vX05zx2zKjcnSEqiKFT-ADmvsN235buX1woP1WM/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56VXpP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03ZWMzYTEw/OTk3ZTdlNDVhZGU5/N2ZkZGM3NmE4OWI1/MTU5NjljMjU0L2Ul/Q0MlODF0ZSVDQyU4/MS5qcGc 200w,https://img.wedressfair.fr/_HtHSnPzZ2ov60I2qMoFe9N8ZSbpAMVGTcAofX8uw5E/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56VXpP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03ZWMzYTEw/OTk3ZTdlNDVhZGU5/N2ZkZGM3NmE4OWI1/MTU5NjljMjU0L2Ul/Q0MlODF0ZSVDQyU4/MS5qcGc 600w,https://img.wedressfair.fr/mwHHaW-L6GfRtpK-93bgmwDL8EpYWwMrC6JJh-Mu_Qw/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56VXpP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03ZWMzYTEw/OTk3ZTdlNDVhZGU5/N2ZkZGM3NmE4OWI1/MTU5NjljMjU0L2Ul/Q0MlODF0ZSVDQyU4/MS5qcGc 1000w," loading="lazy" src="https://img.wedressfair.fr/3ZSJjQpgEQedZij60MsRGJf1qgiokrWEZOdBrnYHDis/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56VXpP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03ZWMzYTEw/OTk3ZTdlNDVhZGU5/N2ZkZGM3NmE4OWI1/MTU5NjljMjU0L2Ul/Q0MlODF0ZSVDQyU4/MS5qcGc" />

    <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 marque WeDressFair
    </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-jlh2a4dy" class="h-11.25 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">
        <p class="flex items-center gap-1">
          <span>En ce moment</span>
          <span class="text-2xs text-white font-bold bg-p-terracotta px-1 rounded normal-case lg:uppercase">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-highlight-men-jlh2a4dy" 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-12.5 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-jlh2a4dy" class="inline-block py-1">
            ← Retour
          </label>
          <p class="py-1 font-medium text-center uppercase bg-gray-100">En ce moment</p>
        </div>

          <a class="py-2 lg:py-0 hover:underline block" href="/homme/selection/la-selection-d-ete?oc=nav">Sélection d&#39;été</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussures?oc=nav">Les chaussures</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/pantalons?oc=nav">Le bon pantalon</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/notre-marque-pour-homme?oc=nav">La marque WeDressFair</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/archives-homme?oc=nav">Les archives</a>
      </div>
    </div>

    <div class="order-5 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-11.25 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-11.25 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-11.25 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-11.25 uppercase font-medium lg:h-auto border-b border-gray-50 lg:border-none hidden lg:flex items-center justify-between hover:underline 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="h-11.25 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" target="_blank" rel="noopener noreferrer" href="https://www.secondevie.wedressfair.fr/?oc=nav">
        <span>Seconde vie</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="contents lg:block lg:order-2">
    <div class="order-2">
      <label for="nav-categories-men-jlh2a4dy" class="h-11.25 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-jlh2a4dy" 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-12.5 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-jlh2a4dy" 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/t-shirts-et-polos?oc=nav">T-shirts &amp; Polos</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/homme/chemises-et-surchemises?oc=nav">Chemises &amp; Surchemises</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/pantalons?oc=nav">Pantalons</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/pulls-et-sweats?oc=nav">Pulls &amp; Sweats</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/homme/vestes-et-manteaux?oc=nav">Vestes &amp; Manteaux</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/homme/maillots–de–bain?oc=nav">Maillots de bain</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/homme/sport?oc=nav">Sport</a>
        </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">
        <label for="nav-underwear-men-jlh2a4dy" class="h-11.25 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>Sous-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-underwear-men-jlh2a4dy" 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-12.5 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-underwear-men-jlh2a4dy" class="inline-block py-1">
              ← Retour
            </label>
          </div>

          <p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Sous-vêtements</p>
            <a class="py-2 lg:py-0 hover:underline block" href="/homme/boxers-et-cale%c3%a7ons?oc=nav">Boxers &amp; Caleçons</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussettes?oc=nav">Chaussettes</a>
        </div>
      </div>
  </div>

  <div class="order-4">
    <div class="lg:mb-8">
      <label for="nav-shoes-men-jlh2a4dy" class="h-11.25 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-jlh2a4dy" 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-12.5 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-jlh2a4dy" 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=sandales-et-sabots&amp;oc=nav">Sandales &amp; Sabots</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussures?subcategory=baskets&amp;oc=nav">Baskets</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussures?subcategory=derbies-et-mocassins&amp;oc=nav">Derbies &amp; Mocassins</a>
      </div>
    </div>

    <label for="nav-other-men-jlh2a4dy" class="h-11.25 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</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-jlh2a4dy" 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-12.5 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-jlh2a4dy" class="inline-block py-1">
          ← Retour
        </label>
      </div>

      <p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Sacs & 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?subcategory=casquettes-et-bobs&amp;oc=nav">Casquettes &amp; Bobs</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/accessoires?subcategory=ceintures&amp;oc=nav">Ceintures</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/accessoires?subcategory=echarpes&amp;oc=nav">Echarpes</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/accessoires?subcategory=bonnets&amp;oc=nav">Bonnets</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/accessoires?subcategory=gants&amp;oc=nav">Gants</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/accessoires?subcategory=autres&amp;oc=nav">Autres</a>
    </div>


    <div class="lg:hidden">

      <a class="h-11.25 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" href="/notre-marque-pour-homme?oc=nav">
        <p class="flex items-center gap-1">
          <span>La marque WeDressFair</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>
</a>
        <a class="h-11.25 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>
      <input id="nav-wdfe-men-jlh2a4dy" 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-12.5 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-jlh2a4dy" 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 lg:border-black/10 lg:flex lg:flex-col">
      <p class="hidden lg:block uppercase text-left text-2xl font-title py-1 font-medium mb-4 lg:mb-0">Homme</p>
      <p class="lg:hidden py-1 font-medium text-center uppercase bg-gray-100">La marque WeDressFair</p>
      <div class="lg:grid lg:grid-cols-2 lg:grid-rows-[repeat(5,min-content)] lg:grid-flow-col mb-8 lg:grow">
            <a class="py-2 lg:py-0 hover:underline block" href="/homme?brand=WeDressFair&amp;oc=nav">Voir tout</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/homme/t-shirts-et-polos?brand=WeDressFair&amp;oc=nav">
              <span>Les t-shirts</span>
              <span class="text-2xs bg-p-terracotta rounded-sm px-1 py-0.5 text-white font-semibold">NEW</span>
</a>            <a class="py-2 lg:py-0 hover:underline block" href="/homme/pulls-et-sweats?subcategory=sweats&amp;brand=WeDressFair&amp;oc=nav">Les sweats</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/homme/pulls-et-sweats?subcategory=pulls&amp;brand=WeDressFair&amp;oc=nav">Les pulls</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/homme/sous-vetements?subcategory=chaussettes&amp;brand=WeDressFair&amp;oc=nav">Les chaussettes</a>
      </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="/lp/le-t-shirt-qui-sent-bon-l-ete?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Le t-shirt d&#39;été" srcset="https://img.wedressfair.fr/FPimgu43BjBfLGN5klGPcwaQDEaHvmWw3ZuymHs6_XY/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU1EWTNO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kMzQxZGIw/MzZhMzYxMTJkYzI1/NTI3MDYyNmVmZDU1/OWU4MWUwODVhLzEw/LmpwZw 200w,https://img.wedressfair.fr/GauDUNLwumIca32ZClo8pYYvqXYUoXUY8DWBQB63Hao/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU1EWTNO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kMzQxZGIw/MzZhMzYxMTJkYzI1/NTI3MDYyNmVmZDU1/OWU4MWUwODVhLzEw/LmpwZw 600w,https://img.wedressfair.fr/6JIQp_EKlH1sbOXsbkJvvCLQ3LtwNlr4ckD1x8lSnGk/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU1EWTNO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kMzQxZGIw/MzZhMzYxMTJkYzI1/NTI3MDYyNmVmZDU1/OWU4MWUwODVhLzEw/LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/J-zj1jsz_UjpJjSiVsek3ghBU8nyjrcF9nrHKO8TGfE/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU1EWTNO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kMzQxZGIw/MzZhMzYxMTJkYzI1/NTI3MDYyNmVmZDU1/OWU4MWUwODVhLzEw/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 t-shirt d&#39;été
    </p>
</a>
              <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/le-t-shirt-jaune-jaune-wedressfair-essentiels?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Le t-shirt classique" srcset="https://img.wedressfair.fr/haYEC7yIGpl-ncnNtrnCYEKhHX2ULNCg-T_WddjY_W4/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjM09UUTVN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS00YmNiZjAx/YjY2OTFiYWJjMmVi/NDM1MDQ1NDI2MWI4/YjBjMDgzN2I1LzUu/anBn 200w,https://img.wedressfair.fr/SgfnuNm_-GLm69PL22uHpXmd4QglXqFQlVi_zPKIPxA/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjM09UUTVN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS00YmNiZjAx/YjY2OTFiYWJjMmVi/NDM1MDQ1NDI2MWI4/YjBjMDgzN2I1LzUu/anBn 600w,https://img.wedressfair.fr/WLw_epSbfW5ypQGdZFvuzN9lrGA7MLL1w9xZTc1Bfzg/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjM09UUTVN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS00YmNiZjAx/YjY2OTFiYWJjMmVi/NDM1MDQ1NDI2MWI4/YjBjMDgzN2I1LzUu/anBn 1000w," loading="lazy" src="https://img.wedressfair.fr/2nHCTtqpQSwdpzQJmixCOFUC0k-GMEcZApvxhu_NfYE/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjM09UUTVN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS00YmNiZjAx/YjY2OTFiYWJjMmVi/NDM1MDQ1NDI2MWI4/YjBjMDgzN2I1LzUu/anBn" />

    <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 t-shirt classique
    </p>
</a>
              <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/t-shirt-oversize-en-coton-bio-blanc-wedressfair-essentiels?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Le t-shirt oversize" srcset="https://img.wedressfair.fr/K4psEua0iXn31sdh9Nha0NgJF0QC3AVF-2kQCBi4nkg/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0yMDVlMzhh/MjMwYjViNDFmMjcx/N2E1ZDNkYWMyODY5/OTcwNDY1YTQ4L2No/YXVzc3VyZXMlMjBo/b21tZSUyMCgzKS5q/cGc 200w,https://img.wedressfair.fr/6_LvUt8Pl7q8hLFA4XcovKiFE3u_OCokYSz3Eq7Pq-c/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0yMDVlMzhh/MjMwYjViNDFmMjcx/N2E1ZDNkYWMyODY5/OTcwNDY1YTQ4L2No/YXVzc3VyZXMlMjBo/b21tZSUyMCgzKS5q/cGc 600w,https://img.wedressfair.fr/N8ijxsTCHjl4pPaF6p7yW7OoPsfKDz05wrQqOCNtKIw/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0yMDVlMzhh/MjMwYjViNDFmMjcx/N2E1ZDNkYWMyODY5/OTcwNDY1YTQ4L2No/YXVzc3VyZXMlMjBo/b21tZSUyMCgzKS5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/GW43rTBfffX3A9uftyjkmazmVzWH1dJIq1EWSYlSvJA/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0yMDVlMzhh/MjMwYjViNDFmMjcx/N2E1ZDNkYWMyODY5/OTcwNDY1YTQ4L2No/YXVzc3VyZXMlMjBo/b21tZSUyMCgzKS5q/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 t-shirt oversize
    </p>
</a>
              <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/t-shirt-oversize-en-coton-bio-raye-vert-vert-wedressfair?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Le t-shirt rayé" srcset="https://img.wedressfair.fr/r7qzU_2epCDke3xzcLkL3qIG3ZlfGdVo5DCw1PXIc1Y/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRnd05EZzJP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0xOGJiNDQ4/MGU5MjYzZjZlZjQz/MDdkODY5Y2NiNGQz/OWE5ZjI3NDQwL2Ul/Q0MlODF0ZSVDQyU4/MSUyMCg3KS5qcGc 200w,https://img.wedressfair.fr/N-2GPVREUQAHuix-AQXe0vN_aOWv02PvxzNUSOLik8E/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRnd05EZzJP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0xOGJiNDQ4/MGU5MjYzZjZlZjQz/MDdkODY5Y2NiNGQz/OWE5ZjI3NDQwL2Ul/Q0MlODF0ZSVDQyU4/MSUyMCg3KS5qcGc 600w,https://img.wedressfair.fr/KbKND_pGGkBoQ98H9OGao1bwsmnI8MuYHQaY0iKj0CY/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRnd05EZzJP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0xOGJiNDQ4/MGU5MjYzZjZlZjQz/MDdkODY5Y2NiNGQz/OWE5ZjI3NDQwL2Ul/Q0MlODF0ZSVDQyU4/MSUyMCg3KS5qcGc 1000w," loading="lazy" src="https://img.wedressfair.fr/BPFKe0PxBNmALWwMSk4aGvhnxm_kMpJ5yrHvLnbX36o/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRnd05EZzJP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0xOGJiNDQ4/MGU5MjYzZjZlZjQz/MDdkODY5Y2NiNGQz/OWE5ZjI3NDQwL2Ul/Q0MlODF0ZSVDQyU4/MSUyMCg3KS5qcGc" />

    <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 t-shirt rayé
    </p>
</a>
              <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/le-sweat-oversize-lilas-lilas-wedressfair?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Le sweat" srcset="https://img.wedressfair.fr/W2Ea95o-hVk1MJqOhCQ6wl6X1nWpklvwVGo12smhC0Q/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNO/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03NmI4Mzk0/ZjU0YzMxZDdjYTM3/ZmFjNjI2YmY0OWIx/ZjVkMTdjOWIxL2No/YXVzc3VyZXMlMjBo/b21tZS5qcGc 200w,https://img.wedressfair.fr/rj5YiYVt0C_Z8ftphhm4i3uwQGQKCNApcMQlkXNEN7k/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNO/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03NmI4Mzk0/ZjU0YzMxZDdjYTM3/ZmFjNjI2YmY0OWIx/ZjVkMTdjOWIxL2No/YXVzc3VyZXMlMjBo/b21tZS5qcGc 600w,https://img.wedressfair.fr/uMHBNeflBkgYrSaB_EWLKd6cctynPgHHp7hE7hR8oks/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNO/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03NmI4Mzk0/ZjU0YzMxZDdjYTM3/ZmFjNjI2YmY0OWIx/ZjVkMTdjOWIxL2No/YXVzc3VyZXMlMjBo/b21tZS5qcGc 1000w," loading="lazy" src="https://img.wedressfair.fr/R5bXo4oEOnkC9kjIZVvEfwcbtMBy4KyyfbYQ0ozFdxM/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNO/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03NmI4Mzk0/ZjU0YzMxZDdjYTM3/ZmFjNjI2YmY0OWIx/ZjVkMTdjOWIxL2No/YXVzc3VyZXMlMjBo/b21tZS5qcGc" />

    <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>
          </div>
        </div>
    </div>
</div>

      </div>
    </div>

    <a class="h-11.25 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-6 col-span-2">
    <div class="hidden 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 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/la-selection-d-ete?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="La sélection d&#39;été" srcset="https://img.wedressfair.fr/At3U72q_--2qlhCumcPZs6HhH_UO26-efTAqDIDqa0c/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU5ERTJN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS02NTc2Yjg5/NTY4ZjMzZTc0ZDkz/Mjg0YjA0ZTllNGRh/NGE4MDA2N2IzL05h/diUyMHZlc3RpYWly/ZSUyMFdERiUyMCgx/MSkuanBn 200w,https://img.wedressfair.fr/_3vuR829h44uSZSG5BZLvx987p2CupAWKQ66cURaNbg/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU5ERTJN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS02NTc2Yjg5/NTY4ZjMzZTc0ZDkz/Mjg0YjA0ZTllNGRh/NGE4MDA2N2IzL05h/diUyMHZlc3RpYWly/ZSUyMFdERiUyMCgx/MSkuanBn 600w,https://img.wedressfair.fr/CsEMcvrvo6-vOEc0QM0-s5Vc1XaCERCmN-OesHCHPJY/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU5ERTJN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS02NTc2Yjg5/NTY4ZjMzZTc0ZDkz/Mjg0YjA0ZTllNGRh/NGE4MDA2N2IzL05h/diUyMHZlc3RpYWly/ZSUyMFdERiUyMCgx/MSkuanBn 1000w," loading="lazy" src="https://img.wedressfair.fr/lzTrPoJdsrehSs4uxy7EcCKxnzNHoPhor0sH0Dzr8Xk/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU5ERTJN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS02NTc2Yjg5/NTY4ZjMzZTc0ZDkz/Mjg0YjA0ZTllNGRh/NGE4MDA2N2IzL05h/diUyMHZlc3RpYWly/ZSUyMFdERiUyMCgx/MSkuanBn" />

    <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 sélection d&#39;été
    </p>
</a>
          <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/notre-marque-pour-homme?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="La marque WeDressFair" srcset="https://img.wedressfair.fr/NJGW_JchYM9Wx5UiDPdiRzpZwXfqsOHdxTj9SMAqdzI/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56VXpP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hNjFjOTBk/ZjM4NDM0NmY2OGJh/ZmNmZGJjNjE3MTQ2/YmM4ZjFjN2Q5L2Ul/Q0MlODF0ZSVDQyU4/MSUyMCgyKS5qcGc 200w,https://img.wedressfair.fr/l_IczKNbyZVz0IhfvNSl82S1z69ZvnKV9x6xB4VgKtQ/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56VXpP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hNjFjOTBk/ZjM4NDM0NmY2OGJh/ZmNmZGJjNjE3MTQ2/YmM4ZjFjN2Q5L2Ul/Q0MlODF0ZSVDQyU4/MSUyMCgyKS5qcGc 600w,https://img.wedressfair.fr/DHEtKS5EPMYM0dB2SeoqCz5Zo0LcGa3TArfgcIWFOEQ/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56VXpP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hNjFjOTBk/ZjM4NDM0NmY2OGJh/ZmNmZGJjNjE3MTQ2/YmM4ZjFjN2Q5L2Ul/Q0MlODF0ZSVDQyU4/MSUyMCgyKS5qcGc 1000w," loading="lazy" src="https://img.wedressfair.fr/PbwKzRq8BE4fBTjeeVhaMpWIHS6m82viSRi82-yQPQg/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56VXpP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hNjFjOTBk/ZjM4NDM0NmY2OGJh/ZmNmZGJjNjE3MTQ2/YmM4ZjFjN2Q5L2Ul/Q0MlODF0ZSVDQyU4/MSUyMCgyKS5qcGc" />

    <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 marque WeDressFair
    </p>
</a>
      </div>
  </div>
</div>

              </div>
            </div>

            <div class="flex items-center h-full group navbar-dropdown">
              <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="/notre-marque-pour-femme?oc=nav">
                <span class="font-medium hidden lg:block">La marque WeDressFair</span>
</a>            </div>



              <div class="flex items-center h-full">
                <a class="lg:p-2 lg:py-3  font-medium text-sm xl:text-base underline-offset-4 decoration-2" href="/archives-femme?oc=nav">
                  <span>Les archives</span>
</a>              </div>

          </div>
        </div>

        <div class="hidden lg:flex items-center h-full gap-0">
          <div class="flex items-center h-full">
            <a class="lg:p-2 lg:py-3 relative text-sm xl:text-base font-medium underline-offset-4 decoration-2" target="_blank" rel="noopener noreferrer" href="https://www.secondevie.wedressfair.fr/?oc=nav">Seconde vie</a>
          </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&#39;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 object-top" 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 object-top" 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 object-top" 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 object-top" 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>

        <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 w-10" 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-10">
            <a class="w-full h-full flex justify-center items-center" title="compte" data-tippy-content="Votre compte" href="/profile?tab=commandes&amp;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-10" 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-10" 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 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-12.5 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 propose de jeter un œil à <a class="underline" href="/femme?oc=nav">nos nouveautés</a> ou de découvrir les <a class="underline" href="/notre-marque-pour-femme?oc=nav">créations WeDressFair</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-12.5">
        <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-u8xrsqbv" class="h-11.25 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">
        <p class="flex items-center gap-1">
          <span>En ce moment</span>
          <span class="text-2xs text-white font-bold bg-p-terracotta px-1 rounded normal-case lg:uppercase">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-highlight-u8xrsqbv" 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-12.5 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-u8xrsqbv" class="inline-block py-1">
            ← Retour
          </label>
          <p class="py-1 font-medium text-center uppercase bg-gray-100">En ce moment</p>
        </div>

          <a class="py-2 lg:py-0 hover:underline block" href="/femme/selection/la-selection-d-ete?oc=nav">Sélection d&#39;été</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?oc=nav">Les chaussures</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/jeans?oc=nav">Le bon jean</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/notre-marque-pour-femme?oc=nav">La marque WeDressFair</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/archives-femme?oc=nav">Les archives</a>
      </div>
    </div>

    <div class="order-5 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-11.25 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-11.25 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-11.25 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-11.25 uppercase font-medium lg:h-auto border-b border-gray-50 lg:border-none hidden lg:flex items-center justify-between hover:underline 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="h-11.25 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" target="_blank" rel="noopener noreferrer" href="https://www.secondevie.wedressfair.fr/?oc=nav">
        <span>Seconde vie</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="contents lg:block lg:order-2">
    <div class="order-2">
      <label for="nav-categories-u8xrsqbv" class="h-11.25 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-u8xrsqbv" 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-12.5 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-u8xrsqbv" 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/tops-et-t-shirts?oc=nav">Tops &amp; T-shirts</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/femme/chemises-et-blouses?oc=nav">Chemises &amp; Blouses</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/femme/robes-et-combinaisons?oc=nav">Robes &amp; Combinaisons</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/shorts?oc=nav">Shorts</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/jeans?oc=nav">Jeans</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/femme/pulls-et-sweats?oc=nav">Pulls &amp; Sweats</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/femme/vestes-et-manteaux?oc=nav">Vestes &amp; Manteaux</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/femme/maillots–de–bain?oc=nav">Maillots de bain</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/femme/sport?oc=nav">Sport</a>
        </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">
        <label for="nav-underwear-u8xrsqbv" class="h-11.25 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>Sous-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-underwear-u8xrsqbv" 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-12.5 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-underwear-u8xrsqbv" class="inline-block py-1">
              ← Retour
            </label>
          </div>

          <p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Sous-vêtements</p>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme/lingerie?oc=nav">Lingerie</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussettes?oc=nav">Chaussettes</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme/pyjamas?oc=nav">Pyjamas</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme/collants?oc=nav">Collants</a>
        </div>
      </div>
  </div>

  <div class="order-4">
    <div class="lg:mb-8">
      <label for="nav-shoes-u8xrsqbv" class="h-11.25 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-u8xrsqbv" 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-12.5 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-u8xrsqbv" 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=sandales-et-sabots&amp;oc=nav">Sandales &amp; Sabots</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=baskets&amp;oc=nav">Baskets</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=derbies-et-mocassins&amp;oc=nav">Derbies &amp; Mocassins</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=bottes-et-bottines&amp;oc=nav">Bottes &amp; Bottines</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/chaussures?subcategory=chaussons&amp;oc=nav">Chaussons</a>
      </div>
    </div>

    <label for="nav-other-u8xrsqbv" class="h-11.25 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</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-u8xrsqbv" 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-12.5 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-u8xrsqbv" class="inline-block py-1">
          ← Retour
        </label>
      </div>

      <p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Sacs & accessoires</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?subcategory=casquettes-et-bobs&amp;oc=nav">Casquettes &amp; Bobs</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/accessoires?subcategory=ceintures&amp;oc=nav">Ceintures</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/accessoires?subcategory=accessoires%E2%80%93cheveux&amp;oc=nav">Accessoires cheveux</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/accessoires?subcategory=echarpes&amp;oc=nav">Echarpes</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/accessoires?subcategory=bonnets&amp;oc=nav">Bonnets</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/accessoires?subcategory=gants&amp;oc=nav">Gants</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/femme/accessoires?subcategory=autres&amp;oc=nav">Autres</a>
    </div>


    <div class="lg:hidden">

      <a class="h-11.25 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" href="/notre-marque-pour-femme?oc=nav">
        <p class="flex items-center gap-1">
          <span>La marque WeDressFair</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>
</a>
        <a class="h-11.25 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>
      <input id="nav-wdfe-women-u8xrsqbv" 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-12.5 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-u8xrsqbv" 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:flex lg:flex-col">
      <p class="hidden lg:block uppercase text-left text-2xl font-title py-1 font-medium mb-4 lg:mb-0">Femme</p>
      <p class="lg:hidden py-1 font-medium text-center uppercase bg-gray-100">La marque WeDressFair</p>
      <div class="lg:grid lg:grid-cols-2 lg:grid-rows-[repeat(5,min-content)] lg:grid-flow-col mb-8 lg:grow">
            <a class="py-2 lg:py-0 hover:underline block" href="/femme?brand=WeDressFair&amp;oc=nav">Voir tout</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme?materials=Lin&amp;brand=WeDressFair&amp;oc=nav">
              <span>La collection en lin</span>
              <span class="text-2xs bg-p-terracotta rounded-sm px-1 py-0.5 text-white font-semibold">NEW</span>
</a>            <a class="py-2 lg:py-0 hover:underline block" href="/femme/robes-et-combinaisons?brand=WeDressFair&amp;oc=nav">Les robes</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme?selection=Les%E2%80%93ensembles%E2%80%93en%E2%80%93Tencel%E2%80%93c%C3%B4tel%C3%A9&amp;oc=nav">L&#39;ensemble tencel</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme/tops-et-t-shirts?subcategory=d%C3%A9bardeurs&amp;brand=WeDressFair&amp;oc=nav">Les débardeurs</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/lp/les-tops-t-shirts-wedressfair?oc=nav">Les tops &amp; t-shirts</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme/tops-et-t-shirts?subcategory=manches%E2%80%93longues&amp;brand=WeDressFair&amp;oc=nav">Les manches longues</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/collections/sweat-en-coton-bio-fuchsia-wedressfair-essentiels?oc=nav">Les sweats</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme/pulls-et-sweats?subcategory=pulls&amp;brand=WeDressFair&amp;oc=nav">Les pulls</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/femme/sous-vetements?subcategory=chaussettes&amp;brand=WeDressFair&amp;oc=nav">Les chaussettes</a>
      </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="/femme?materials=Lin&amp;brand=WeDressFair&amp;oc=nav">
  <img class="w-full h-full object-cover object-top" alt="La collection en lin" srcset="https://img.wedressfair.fr/wY-rG0w1NqhTdOkBVgTjCiNnkPYYwDxR2LkdbbRuq14/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56Z3pO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kNjAwMmNh/MGIwMjExMDlhNjdl/OWQ4ZTgyODVmYTIz/YjczZTRhOTAwL2xl/JTIwbGluLmpwZw 200w,https://img.wedressfair.fr/WCQPXYF-YRM7PDP5PmaP96gG4LlMwelcFW6QEN60mz8/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56Z3pO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kNjAwMmNh/MGIwMjExMDlhNjdl/OWQ4ZTgyODVmYTIz/YjczZTRhOTAwL2xl/JTIwbGluLmpwZw 600w,https://img.wedressfair.fr/6dk-IdzNvoaHc0JJ-D40JKBMM-WYYL2mlnPwzBQIbbw/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56Z3pO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kNjAwMmNh/MGIwMjExMDlhNjdl/OWQ4ZTgyODVmYTIz/YjczZTRhOTAwL2xl/JTIwbGluLmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/QmTM12BeXvQi9kgVjYI9OHZdLgICPNassBSH0j_euA0/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56Z3pO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kNjAwMmNh/MGIwMjExMDlhNjdl/OWQ4ZTgyODVmYTIz/YjczZTRhOTAwL2xl/JTIwbGluLmpwZw" />

    <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 en lin
    </p>
</a>
              <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/femme/robes-et-combinaisons?brand=WeDressFair&amp;oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Les robes" srcset="https://img.wedressfair.fr/0Mp-JHkEWl2FNCe8eWqxuzi1PJidO2E04kpDI761S-E/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56Z3pP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hZDI4MmMw/NzI2MzM2YThmM2Zj/NGQ0NjNiZjIyYzQ3/OTQyNzQ4MjQ5L2xl/cyUyMGRlJUNDJTgx/YmFyZGV1cnMuanBn 200w,https://img.wedressfair.fr/GmVTGafvsXVZBee2nhq9AVRnPgha2Zpn12R-N8LKV5o/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56Z3pP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hZDI4MmMw/NzI2MzM2YThmM2Zj/NGQ0NjNiZjIyYzQ3/OTQyNzQ4MjQ5L2xl/cyUyMGRlJUNDJTgx/YmFyZGV1cnMuanBn 600w,https://img.wedressfair.fr/xakTvr5OJkVMKWuEWwMy8yVTHY_efxKvgL1oWqnFDWQ/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56Z3pP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hZDI4MmMw/NzI2MzM2YThmM2Zj/NGQ0NjNiZjIyYzQ3/OTQyNzQ4MjQ5L2xl/cyUyMGRlJUNDJTgx/YmFyZGV1cnMuanBn 1000w," loading="lazy" src="https://img.wedressfair.fr/zmrBjpTAfMPBmYA4rQK8zSWTO3PB3Z1fSQK55gn2pwU/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56Z3pP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hZDI4MmMw/NzI2MzM2YThmM2Zj/NGQ0NjNiZjIyYzQ3/OTQyNzQ4MjQ5L2xl/cyUyMGRlJUNDJTgx/YmFyZGV1cnMuanBn" />

    <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 robes
    </p>
</a>
              <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/femme?selection=Le%E2%80%93denim%E2%80%93d%27%C3%A9t%C3%A9&amp;oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Le denim d&#39;été" srcset="https://img.wedressfair.fr/n_nX4m1cKC5nTDnEorjiUWXpU35pBH6y8N76fJuEY14/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNN/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS04NjY5M2M3/ZjlhZTZiODM1NTA0/YjU3ODkyN2E0M2Ew/NTNjM2JkZjBjL2Rl/bmltJTIwZCdlJUND/JTgxdGUlQ0MlODEu/anBn 200w,https://img.wedressfair.fr/CqegmmGJY5vvTTg3wuqNRZPSRg8yJvS00IH2Nu8CVB0/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNN/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS04NjY5M2M3/ZjlhZTZiODM1NTA0/YjU3ODkyN2E0M2Ew/NTNjM2JkZjBjL2Rl/bmltJTIwZCdlJUND/JTgxdGUlQ0MlODEu/anBn 600w,https://img.wedressfair.fr/_m1ariQaPwruXaHSN36lpHAbNMBCeqNEhz90fkDYT_M/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNN/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS04NjY5M2M3/ZjlhZTZiODM1NTA0/YjU3ODkyN2E0M2Ew/NTNjM2JkZjBjL2Rl/bmltJTIwZCdlJUND/JTgxdGUlQ0MlODEu/anBn 1000w," loading="lazy" src="https://img.wedressfair.fr/A6TarsEWN8T-aS9virdvEMrd4k58JZPGvLKIxgjKcBk/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNN/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS04NjY5M2M3/ZjlhZTZiODM1NTA0/YjU3ODkyN2E0M2Ew/NTNjM2JkZjBjL2Rl/bmltJTIwZCdlJUND/JTgxdGUlQ0MlODEu/anBn" />

    <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 denim d&#39;été
    </p>
</a>
              <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/femme/tops-et-t-shirts?subcategory=d%C3%A9bardeurs&amp;brand=WeDressFair&amp;oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Les débardeurs" srcset="https://img.wedressfair.fr/rqO8BH6kSVdrqB-UeWFEH29IkEVt5qmFJ8b99cGgsqs/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneE1UVXdP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wMTcxMDIw/NDA2NmM0ZDQ4ZjE5/OWM2MmEzY2RmMjNl/OWU1YTRkNDhmL2No/YXVzc3VyZXMlMjBo/b21tZSUyMCgxKS5q/cGc 200w,https://img.wedressfair.fr/UdTTNUcGyzZbsT-vChVBy0Rc5Nk9n2YCj8R-iNHsBS8/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneE1UVXdP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wMTcxMDIw/NDA2NmM0ZDQ4ZjE5/OWM2MmEzY2RmMjNl/OWU1YTRkNDhmL2No/YXVzc3VyZXMlMjBo/b21tZSUyMCgxKS5q/cGc 600w,https://img.wedressfair.fr/QDL8WfpS1Sqc1g_g9-1PesTQSMeWVvpZhpVUUmctuWU/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneE1UVXdP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wMTcxMDIw/NDA2NmM0ZDQ4ZjE5/OWM2MmEzY2RmMjNl/OWU1YTRkNDhmL2No/YXVzc3VyZXMlMjBo/b21tZSUyMCgxKS5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/P3eWHEmAp6Q_Sg5UsrUw_YXbMT0DRb812GHtXloIWQc/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneE1UVXdP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wMTcxMDIw/NDA2NmM0ZDQ4ZjE5/OWM2MmEzY2RmMjNl/OWU1YTRkNDhmL2No/YXVzc3VyZXMlMjBo/b21tZSUyMCgxKS5q/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 débardeurs
    </p>
</a>
              <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/lp/les-tops-t-shirts-wedressfair?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Les tops &amp; t-shirts" srcset="https://img.wedressfair.fr/D75xBYJPZzBa5QFbxyhQv3GdEO8-H3prjG1CNxieZEo/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56ZzBN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wZjg1OTNi/ZjJmODBkMjU3YWZh/NDFhZTQ0OGVmMzhl/Y2Y5MzQ1YzBjL2xl/cyUyMHRvcHMlMjAm/JTIwdHNoaXJ0cy5q/cGc 200w,https://img.wedressfair.fr/gxeMP39aytpRuIWQzCSJLz0-mHn4WZwxPmAN7nB0FXU/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56ZzBN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wZjg1OTNi/ZjJmODBkMjU3YWZh/NDFhZTQ0OGVmMzhl/Y2Y5MzQ1YzBjL2xl/cyUyMHRvcHMlMjAm/JTIwdHNoaXJ0cy5q/cGc 600w,https://img.wedressfair.fr/6ZtyGv03ZMA-Ok0hAJJbivYWcprAGKdWglyjLGUaAF0/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56ZzBN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wZjg1OTNi/ZjJmODBkMjU3YWZh/NDFhZTQ0OGVmMzhl/Y2Y5MzQ1YzBjL2xl/cyUyMHRvcHMlMjAm/JTIwdHNoaXJ0cy5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/id3Mfnp52JxsmH6YSAdFR3LbgpkUFKQxvHjo1LrjdZ8/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU56ZzBN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0wZjg1OTNi/ZjJmODBkMjU3YWZh/NDFhZTQ0OGVmMzhl/Y2Y5MzQ1YzBjL2xl/cyUyMHRvcHMlMjAm/JTIwdHNoaXJ0cy5q/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 tops &amp; t-shirts
    </p>
</a>
          </div>
        </div>
    </div>

</div>

      </div>
    </div>

    <a class="h-11.25 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-6 col-span-2">
    <div class="hidden 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 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/la-selection-d-ete?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="La sélection d&#39;été" srcset="https://img.wedressfair.fr/idOei6aLjKDpk2QAAwidfZLmbA6WZrN7qU5biZcXFfo/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneE5qTXpN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1lYmZmNWJl/OWIxMTYzZTI3NzJl/Yzc4N2QyMTM5Mzg4/NDgzMGQzNGJmL3Nv/bGRlcyUyMGUlQ0Ml/ODF0ZSVDQyU4MS5q/cGc 200w,https://img.wedressfair.fr/42y_1cqvTMJgiaBm67o0mXD9xBQcZ8UGr-X4sQ68UXc/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneE5qTXpN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1lYmZmNWJl/OWIxMTYzZTI3NzJl/Yzc4N2QyMTM5Mzg4/NDgzMGQzNGJmL3Nv/bGRlcyUyMGUlQ0Ml/ODF0ZSVDQyU4MS5q/cGc 600w,https://img.wedressfair.fr/qbubncsQmHDbpTs0DF1Vv2epX5Dk6Ug0f0CNtt0M0EE/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneE5qTXpN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1lYmZmNWJl/OWIxMTYzZTI3NzJl/Yzc4N2QyMTM5Mzg4/NDgzMGQzNGJmL3Nv/bGRlcyUyMGUlQ0Ml/ODF0ZSVDQyU4MS5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/wC6yR_GSqhVbyM4mY92or6fdIzvtKVNkjLJN6a4fEOo/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneE5qTXpN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1lYmZmNWJl/OWIxMTYzZTI3NzJl/Yzc4N2QyMTM5Mzg4/NDgzMGQzNGJmL3Nv/bGRlcyUyMGUlQ0Ml/ODF0ZSVDQyU4MS5q/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">
      La sélection d&#39;été
    </p>
</a>
          <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/notre-marque-pour-femme?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="La marque WeDressFair" srcset="https://img.wedressfair.fr/Gj35vX05zx2zKjcnSEqiKFT-ADmvsN235buX1woP1WM/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56VXpP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03ZWMzYTEw/OTk3ZTdlNDVhZGU5/N2ZkZGM3NmE4OWI1/MTU5NjljMjU0L2Ul/Q0MlODF0ZSVDQyU4/MS5qcGc 200w,https://img.wedressfair.fr/_HtHSnPzZ2ov60I2qMoFe9N8ZSbpAMVGTcAofX8uw5E/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56VXpP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03ZWMzYTEw/OTk3ZTdlNDVhZGU5/N2ZkZGM3NmE4OWI1/MTU5NjljMjU0L2Ul/Q0MlODF0ZSVDQyU4/MS5qcGc 600w,https://img.wedressfair.fr/mwHHaW-L6GfRtpK-93bgmwDL8EpYWwMrC6JJh-Mu_Qw/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56VXpP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03ZWMzYTEw/OTk3ZTdlNDVhZGU5/N2ZkZGM3NmE4OWI1/MTU5NjljMjU0L2Ul/Q0MlODF0ZSVDQyU4/MS5qcGc 1000w," loading="lazy" src="https://img.wedressfair.fr/3ZSJjQpgEQedZij60MsRGJf1qgiokrWEZOdBrnYHDis/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56VXpP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03ZWMzYTEw/OTk3ZTdlNDVhZGU5/N2ZkZGM3NmE4OWI1/MTU5NjljMjU0L2Ul/Q0MlODF0ZSVDQyU4/MS5qcGc" />

    <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 marque WeDressFair
    </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-eo1fmyn" class="h-11.25 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">
        <p class="flex items-center gap-1">
          <span>En ce moment</span>
          <span class="text-2xs text-white font-bold bg-p-terracotta px-1 rounded normal-case lg:uppercase">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-highlight-men-eo1fmyn" 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-12.5 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-eo1fmyn" class="inline-block py-1">
            ← Retour
          </label>
          <p class="py-1 font-medium text-center uppercase bg-gray-100">En ce moment</p>
        </div>

          <a class="py-2 lg:py-0 hover:underline block" href="/homme/selection/la-selection-d-ete?oc=nav">Sélection d&#39;été</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussures?oc=nav">Les chaussures</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/pantalons?oc=nav">Le bon pantalon</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/notre-marque-pour-homme?oc=nav">La marque WeDressFair</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/archives-homme?oc=nav">Les archives</a>
      </div>
    </div>

    <div class="order-5 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-11.25 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-11.25 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-11.25 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-11.25 uppercase font-medium lg:h-auto border-b border-gray-50 lg:border-none hidden lg:flex items-center justify-between hover:underline 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="h-11.25 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" target="_blank" rel="noopener noreferrer" href="https://www.secondevie.wedressfair.fr/?oc=nav">
        <span>Seconde vie</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="contents lg:block lg:order-2">
    <div class="order-2">
      <label for="nav-categories-men-eo1fmyn" class="h-11.25 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-eo1fmyn" 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-12.5 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-eo1fmyn" 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/t-shirts-et-polos?oc=nav">T-shirts &amp; Polos</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/homme/chemises-et-surchemises?oc=nav">Chemises &amp; Surchemises</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/pantalons?oc=nav">Pantalons</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/pulls-et-sweats?oc=nav">Pulls &amp; Sweats</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/homme/vestes-et-manteaux?oc=nav">Vestes &amp; Manteaux</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/homme/maillots–de–bain?oc=nav">Maillots de bain</a>
              <a class="py-2 lg:py-0 hover:underline block" href="/homme/sport?oc=nav">Sport</a>
        </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">
        <label for="nav-underwear-men-eo1fmyn" class="h-11.25 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>Sous-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-underwear-men-eo1fmyn" 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-12.5 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-underwear-men-eo1fmyn" class="inline-block py-1">
              ← Retour
            </label>
          </div>

          <p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Sous-vêtements</p>
            <a class="py-2 lg:py-0 hover:underline block" href="/homme/boxers-et-cale%c3%a7ons?oc=nav">Boxers &amp; Caleçons</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussettes?oc=nav">Chaussettes</a>
        </div>
      </div>
  </div>

  <div class="order-4">
    <div class="lg:mb-8">
      <label for="nav-shoes-men-eo1fmyn" class="h-11.25 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-eo1fmyn" 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-12.5 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-eo1fmyn" 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=sandales-et-sabots&amp;oc=nav">Sandales &amp; Sabots</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussures?subcategory=baskets&amp;oc=nav">Baskets</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/chaussures?subcategory=derbies-et-mocassins&amp;oc=nav">Derbies &amp; Mocassins</a>
      </div>
    </div>

    <label for="nav-other-men-eo1fmyn" class="h-11.25 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</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-eo1fmyn" 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-12.5 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-eo1fmyn" class="inline-block py-1">
          ← Retour
        </label>
      </div>

      <p class="py-1 font-medium text-center uppercase bg-gray-100 lg:hidden">Sacs & 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?subcategory=casquettes-et-bobs&amp;oc=nav">Casquettes &amp; Bobs</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/accessoires?subcategory=ceintures&amp;oc=nav">Ceintures</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/accessoires?subcategory=echarpes&amp;oc=nav">Echarpes</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/accessoires?subcategory=bonnets&amp;oc=nav">Bonnets</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/accessoires?subcategory=gants&amp;oc=nav">Gants</a>
          <a class="py-2 lg:py-0 hover:underline block" href="/homme/accessoires?subcategory=autres&amp;oc=nav">Autres</a>
    </div>


    <div class="lg:hidden">

      <a class="h-11.25 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" href="/notre-marque-pour-homme?oc=nav">
        <p class="flex items-center gap-1">
          <span>La marque WeDressFair</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>
</a>
        <a class="h-11.25 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>
      <input id="nav-wdfe-men-eo1fmyn" 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-12.5 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-eo1fmyn" 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 lg:border-black/10 lg:flex lg:flex-col">
      <p class="hidden lg:block uppercase text-left text-2xl font-title py-1 font-medium mb-4 lg:mb-0">Homme</p>
      <p class="lg:hidden py-1 font-medium text-center uppercase bg-gray-100">La marque WeDressFair</p>
      <div class="lg:grid lg:grid-cols-2 lg:grid-rows-[repeat(5,min-content)] lg:grid-flow-col mb-8 lg:grow">
            <a class="py-2 lg:py-0 hover:underline block" href="/homme?brand=WeDressFair&amp;oc=nav">Voir tout</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/homme/t-shirts-et-polos?brand=WeDressFair&amp;oc=nav">
              <span>Les t-shirts</span>
              <span class="text-2xs bg-p-terracotta rounded-sm px-1 py-0.5 text-white font-semibold">NEW</span>
</a>            <a class="py-2 lg:py-0 hover:underline block" href="/homme/pulls-et-sweats?subcategory=sweats&amp;brand=WeDressFair&amp;oc=nav">Les sweats</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/homme/pulls-et-sweats?subcategory=pulls&amp;brand=WeDressFair&amp;oc=nav">Les pulls</a>
            <a class="py-2 lg:py-0 hover:underline block" href="/homme/sous-vetements?subcategory=chaussettes&amp;brand=WeDressFair&amp;oc=nav">Les chaussettes</a>
      </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="/lp/le-t-shirt-qui-sent-bon-l-ete?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Le t-shirt d&#39;été" srcset="https://img.wedressfair.fr/FPimgu43BjBfLGN5klGPcwaQDEaHvmWw3ZuymHs6_XY/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU1EWTNO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kMzQxZGIw/MzZhMzYxMTJkYzI1/NTI3MDYyNmVmZDU1/OWU4MWUwODVhLzEw/LmpwZw 200w,https://img.wedressfair.fr/GauDUNLwumIca32ZClo8pYYvqXYUoXUY8DWBQB63Hao/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU1EWTNO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kMzQxZGIw/MzZhMzYxMTJkYzI1/NTI3MDYyNmVmZDU1/OWU4MWUwODVhLzEw/LmpwZw 600w,https://img.wedressfair.fr/6JIQp_EKlH1sbOXsbkJvvCLQ3LtwNlr4ckD1x8lSnGk/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU1EWTNO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kMzQxZGIw/MzZhMzYxMTJkYzI1/NTI3MDYyNmVmZDU1/OWU4MWUwODVhLzEw/LmpwZw 1000w," loading="lazy" src="https://img.wedressfair.fr/J-zj1jsz_UjpJjSiVsek3ghBU8nyjrcF9nrHKO8TGfE/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU1EWTNO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kMzQxZGIw/MzZhMzYxMTJkYzI1/NTI3MDYyNmVmZDU1/OWU4MWUwODVhLzEw/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 t-shirt d&#39;été
    </p>
</a>
              <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/le-t-shirt-jaune-jaune-wedressfair-essentiels?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Le t-shirt classique" srcset="https://img.wedressfair.fr/haYEC7yIGpl-ncnNtrnCYEKhHX2ULNCg-T_WddjY_W4/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjM09UUTVN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS00YmNiZjAx/YjY2OTFiYWJjMmVi/NDM1MDQ1NDI2MWI4/YjBjMDgzN2I1LzUu/anBn 200w,https://img.wedressfair.fr/SgfnuNm_-GLm69PL22uHpXmd4QglXqFQlVi_zPKIPxA/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjM09UUTVN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS00YmNiZjAx/YjY2OTFiYWJjMmVi/NDM1MDQ1NDI2MWI4/YjBjMDgzN2I1LzUu/anBn 600w,https://img.wedressfair.fr/WLw_epSbfW5ypQGdZFvuzN9lrGA7MLL1w9xZTc1Bfzg/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjM09UUTVN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS00YmNiZjAx/YjY2OTFiYWJjMmVi/NDM1MDQ1NDI2MWI4/YjBjMDgzN2I1LzUu/anBn 1000w," loading="lazy" src="https://img.wedressfair.fr/2nHCTtqpQSwdpzQJmixCOFUC0k-GMEcZApvxhu_NfYE/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjM09UUTVN/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS00YmNiZjAx/YjY2OTFiYWJjMmVi/NDM1MDQ1NDI2MWI4/YjBjMDgzN2I1LzUu/anBn" />

    <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 t-shirt classique
    </p>
</a>
              <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/t-shirt-oversize-en-coton-bio-blanc-wedressfair-essentiels?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Le t-shirt oversize" srcset="https://img.wedressfair.fr/K4psEua0iXn31sdh9Nha0NgJF0QC3AVF-2kQCBi4nkg/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0yMDVlMzhh/MjMwYjViNDFmMjcx/N2E1ZDNkYWMyODY5/OTcwNDY1YTQ4L2No/YXVzc3VyZXMlMjBo/b21tZSUyMCgzKS5q/cGc 200w,https://img.wedressfair.fr/6_LvUt8Pl7q8hLFA4XcovKiFE3u_OCokYSz3Eq7Pq-c/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0yMDVlMzhh/MjMwYjViNDFmMjcx/N2E1ZDNkYWMyODY5/OTcwNDY1YTQ4L2No/YXVzc3VyZXMlMjBo/b21tZSUyMCgzKS5q/cGc 600w,https://img.wedressfair.fr/N8ijxsTCHjl4pPaF6p7yW7OoPsfKDz05wrQqOCNtKIw/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0yMDVlMzhh/MjMwYjViNDFmMjcx/N2E1ZDNkYWMyODY5/OTcwNDY1YTQ4L2No/YXVzc3VyZXMlMjBo/b21tZSUyMCgzKS5q/cGc 1000w," loading="lazy" src="https://img.wedressfair.fr/GW43rTBfffX3A9uftyjkmazmVzWH1dJIq1EWSYlSvJA/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0yMDVlMzhh/MjMwYjViNDFmMjcx/N2E1ZDNkYWMyODY5/OTcwNDY1YTQ4L2No/YXVzc3VyZXMlMjBo/b21tZSUyMCgzKS5q/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 t-shirt oversize
    </p>
</a>
              <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/t-shirt-oversize-en-coton-bio-raye-vert-vert-wedressfair?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Le t-shirt rayé" srcset="https://img.wedressfair.fr/r7qzU_2epCDke3xzcLkL3qIG3ZlfGdVo5DCw1PXIc1Y/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRnd05EZzJP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0xOGJiNDQ4/MGU5MjYzZjZlZjQz/MDdkODY5Y2NiNGQz/OWE5ZjI3NDQwL2Ul/Q0MlODF0ZSVDQyU4/MSUyMCg3KS5qcGc 200w,https://img.wedressfair.fr/N-2GPVREUQAHuix-AQXe0vN_aOWv02PvxzNUSOLik8E/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRnd05EZzJP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0xOGJiNDQ4/MGU5MjYzZjZlZjQz/MDdkODY5Y2NiNGQz/OWE5ZjI3NDQwL2Ul/Q0MlODF0ZSVDQyU4/MSUyMCg3KS5qcGc 600w,https://img.wedressfair.fr/KbKND_pGGkBoQ98H9OGao1bwsmnI8MuYHQaY0iKj0CY/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRnd05EZzJP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0xOGJiNDQ4/MGU5MjYzZjZlZjQz/MDdkODY5Y2NiNGQz/OWE5ZjI3NDQwL2Ul/Q0MlODF0ZSVDQyU4/MSUyMCg3KS5qcGc 1000w," loading="lazy" src="https://img.wedressfair.fr/BPFKe0PxBNmALWwMSk4aGvhnxm_kMpJ5yrHvLnbX36o/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRnd05EZzJP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS0xOGJiNDQ4/MGU5MjYzZjZlZjQz/MDdkODY5Y2NiNGQz/OWE5ZjI3NDQwL2Ul/Q0MlODF0ZSVDQyU4/MSUyMCg3KS5qcGc" />

    <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 t-shirt rayé
    </p>
</a>
              <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/collections/le-sweat-oversize-lilas-lilas-wedressfair?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="Le sweat" srcset="https://img.wedressfair.fr/W2Ea95o-hVk1MJqOhCQ6wl6X1nWpklvwVGo12smhC0Q/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNO/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03NmI4Mzk0/ZjU0YzMxZDdjYTM3/ZmFjNjI2YmY0OWIx/ZjVkMTdjOWIxL2No/YXVzc3VyZXMlMjBo/b21tZS5qcGc 200w,https://img.wedressfair.fr/rj5YiYVt0C_Z8ftphhm4i3uwQGQKCNApcMQlkXNEN7k/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNO/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03NmI4Mzk0/ZjU0YzMxZDdjYTM3/ZmFjNjI2YmY0OWIx/ZjVkMTdjOWIxL2No/YXVzc3VyZXMlMjBo/b21tZS5qcGc 600w,https://img.wedressfair.fr/uMHBNeflBkgYrSaB_EWLKd6cctynPgHHp7hE7hR8oks/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNO/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03NmI4Mzk0/ZjU0YzMxZDdjYTM3/ZmFjNjI2YmY0OWIx/ZjVkMTdjOWIxL2No/YXVzc3VyZXMlMjBo/b21tZS5qcGc 1000w," loading="lazy" src="https://img.wedressfair.fr/R5bXo4oEOnkC9kjIZVvEfwcbtMBy4KyyfbYQ0ozFdxM/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU9URTNO/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03NmI4Mzk0/ZjU0YzMxZDdjYTM3/ZmFjNjI2YmY0OWIx/ZjVkMTdjOWIxL2No/YXVzc3VyZXMlMjBo/b21tZS5qcGc" />

    <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>
          </div>
        </div>
    </div>
</div>

      </div>
    </div>

    <a class="h-11.25 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-6 col-span-2">
    <div class="hidden 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 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/la-selection-d-ete?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="La sélection d&#39;été" srcset="https://img.wedressfair.fr/At3U72q_--2qlhCumcPZs6HhH_UO26-efTAqDIDqa0c/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU5ERTJN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS02NTc2Yjg5/NTY4ZjMzZTc0ZDkz/Mjg0YjA0ZTllNGRh/NGE4MDA2N2IzL05h/diUyMHZlc3RpYWly/ZSUyMFdERiUyMCgx/MSkuanBn 200w,https://img.wedressfair.fr/_3vuR829h44uSZSG5BZLvx987p2CupAWKQ66cURaNbg/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU5ERTJN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS02NTc2Yjg5/NTY4ZjMzZTc0ZDkz/Mjg0YjA0ZTllNGRh/NGE4MDA2N2IzL05h/diUyMHZlc3RpYWly/ZSUyMFdERiUyMCgx/MSkuanBn 600w,https://img.wedressfair.fr/CsEMcvrvo6-vOEc0QM0-s5Vc1XaCERCmN-OesHCHPJY/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU5ERTJN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS02NTc2Yjg5/NTY4ZjMzZTc0ZDkz/Mjg0YjA0ZTllNGRh/NGE4MDA2N2IzL05h/diUyMHZlc3RpYWly/ZSUyMFdERiUyMCgx/MSkuanBn 1000w," loading="lazy" src="https://img.wedressfair.fr/lzTrPoJdsrehSs4uxy7EcCKxnzNHoPhor0sH0Dzr8Xk/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRjNU5ERTJN/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS02NTc2Yjg5/NTY4ZjMzZTc0ZDkz/Mjg0YjA0ZTllNGRh/NGE4MDA2N2IzL05h/diUyMHZlc3RpYWly/ZSUyMFdERiUyMCgx/MSkuanBn" />

    <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 sélection d&#39;été
    </p>
</a>
          <a class="block relative h-full transition duration-200 transform cursor-pointer aspect-square w-full" href="/notre-marque-pour-homme?oc=nav">
  <img class="w-full h-full object-cover object-top" alt="La marque WeDressFair" srcset="https://img.wedressfair.fr/NJGW_JchYM9Wx5UiDPdiRzpZwXfqsOHdxTj9SMAqdzI/w:200/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56VXpP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hNjFjOTBk/ZjM4NDM0NmY2OGJh/ZmNmZGJjNjE3MTQ2/YmM4ZjFjN2Q5L2Ul/Q0MlODF0ZSVDQyU4/MSUyMCgyKS5qcGc 200w,https://img.wedressfair.fr/l_IczKNbyZVz0IhfvNSl82S1z69ZvnKV9x6xB4VgKtQ/w:600/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56VXpP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hNjFjOTBk/ZjM4NDM0NmY2OGJh/ZmNmZGJjNjE3MTQ2/YmM4ZjFjN2Q5L2Ul/Q0MlODF0ZSVDQyU4/MSUyMCgyKS5qcGc 600w,https://img.wedressfair.fr/DHEtKS5EPMYM0dB2SeoqCz5Zo0LcGa3TArfgcIWFOEQ/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56VXpP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hNjFjOTBk/ZjM4NDM0NmY2OGJh/ZmNmZGJjNjE3MTQ2/YmM4ZjFjN2Q5L2Ul/Q0MlODF0ZSVDQyU4/MSUyMCgyKS5qcGc 1000w," loading="lazy" src="https://img.wedressfair.fr/PbwKzRq8BE4fBTjeeVhaMpWIHS6m82viSRi82-yQPQg/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56VXpP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hNjFjOTBk/ZjM4NDM0NmY2OGJh/ZmNmZGJjNjE3MTQ2/YmM4ZjFjN2Q5L2Ul/Q0MlODF0ZSVDQyU4/MSUyMCgyKS5qcGc" />

    <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 marque WeDressFair
    </p>
</a>
      </div>
  </div>
</div>

        </div>

        <section class="bottom-0 left-0 right-0 grid items-center grid-cols-4 py-4 shrink-0 h-22 bg-gray-50">
          <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&amp;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-12.5 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&#39;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 object-top" 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 object-top" 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 object-top" 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 object-top" 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>

    

<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"WeDressFair","url":"https://www.wedressfair.fr/","description":"WeDressFair est une marque et boutique en ligne spécialisée en mode éthique et en vêtements écoresponsables pour femme et homme. Nos propres collections fabriquées en Europe et une sélection de marques engagées selon des critères sociaux et environnementaux stricts.","potentialAction":{"@type":"SearchAction","target":"https://www.wedressfair.fr/catalogue?query={search_term_string}","query-input":"required name=search_term_string"}}</script>

<h1 class="sr-only">Mode éthique et 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/jFwJCrpw6rpgmKw63gX0A0ZJao2bEhxoe6L_rgeDxzQ/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVN/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1lMThmNDI2/YTI3YzI2MjNmNGM3/Nzg1ZDg5Y2NjZGQw/Y2UwYjFiNjkxL2p1/cGVzLmpwZw 500w,https://img.wedressfair.fr/2UxBNN863xImaFOxy81OXLM_HTUwQEnXcqFBicfbHFI/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVN/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1lMThmNDI2/YTI3YzI2MjNmNGM3/Nzg1ZDg5Y2NjZGQw/Y2UwYjFiNjkxL2p1/cGVzLmpwZw 1000w,https://img.wedressfair.fr/rjLq-VPwJPLUEG8VerC2liou8PDdLYXtlurJX3A5xmU/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVN/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1lMThmNDI2/YTI3YzI2MjNmNGM3/Nzg1ZDg5Y2NjZGQw/Y2UwYjFiNjkxL2p1/cGVzLmpwZw 2000w," sizes="(max-width: 1024px) 100vw, 50vw" loading="eager" src="https://img.wedressfair.fr/HXO-f-Q7fBFGjmKTtH6k2Jjkkn-lsteIKLdnREUypio/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVN/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1lMThmNDI2/YTI3YzI2MjNmNGM3/Nzg1ZDg5Y2NjZGQw/Y2UwYjFiNjkxL2p1/cGVzLmpwZw" />
      <div class="absolute inset-0 flex items-center justify-center text-center text-white bg-black/5">
        <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/UlhZJk3L4DW5n-T_ZGitZbAsLk_guCuQImv4OGS1Lpg/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVO/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kYWQ0NDgw/OTZiNTY5ODE5NmY4/NWUwMjZiZDFjNmZk/YjM4MjgwMDMxL2Ul/Q0MlODF0ZSVDQyU4/MSUyMCg1KS5qcGc 500w,https://img.wedressfair.fr/pyGl7ysHQQgjp-a9343jPDmdYfUdoUcDuWHk9sK6Fq4/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVO/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kYWQ0NDgw/OTZiNTY5ODE5NmY4/NWUwMjZiZDFjNmZk/YjM4MjgwMDMxL2Ul/Q0MlODF0ZSVDQyU4/MSUyMCg1KS5qcGc 1000w,https://img.wedressfair.fr/MzhBefr47g5ppGUClYXfWwXaqyvPo1KJ5v81IOh07Ig/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVO/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kYWQ0NDgw/OTZiNTY5ODE5NmY4/NWUwMjZiZDFjNmZk/YjM4MjgwMDMxL2Ul/Q0MlODF0ZSVDQyU4/MSUyMCg1KS5qcGc 2000w," sizes="(max-width: 1024px) 100vw, 50vw" loading="eager" src="https://img.wedressfair.fr/V3TJknwSLqUUpzMDx0UP_-Bx7esQcrhKIdARVKZz194/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVO/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1kYWQ0NDgw/OTZiNTY5ODE5NmY4/NWUwMjZiZDFjNmZk/YjM4MjgwMDMxL2Ul/Q0MlODF0ZSVDQyU4/MSUyMCg1KS5qcGc" />
      <div class="absolute inset-0 flex items-center justify-center text-center text-white bg-black/5">
        <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/selection/la-selection-d-ete">
      <p class="absolute inset-0"></p>
      <img class="h-full w-full object-cover" alt="La sélection d&#39;été" srcset="https://img.wedressfair.fr/lQCXsWEKJ7ILLXde_xDA1TiQGhvzJU7aROgc7CJxcF4/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU5UYzFO/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1jY2Y5MzM2/NTVhMzk2ZDIzM2Q0/ZjI3NjczMWVlMDBm/YjI2MTAwMGY1L0hv/bWUlMjBmZW1tZSUy/MCgyMDAwJTIweCUy/MDIwMDAlMjBweCkl/MjAoMikuanBn 500w,https://img.wedressfair.fr/Onsc_TngKtjEOnifawQvhSTt5dWhzYtCuBSJrbN5V7M/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU5UYzFO/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1jY2Y5MzM2/NTVhMzk2ZDIzM2Q0/ZjI3NjczMWVlMDBm/YjI2MTAwMGY1L0hv/bWUlMjBmZW1tZSUy/MCgyMDAwJTIweCUy/MDIwMDAlMjBweCkl/MjAoMikuanBn 1000w,https://img.wedressfair.fr/SnhjWxHwzxI0WQpIDGe5eGYiP08TiHxqcN46YmvPPDA/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU5UYzFO/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1jY2Y5MzM2/NTVhMzk2ZDIzM2Q0/ZjI3NjczMWVlMDBm/YjI2MTAwMGY1L0hv/bWUlMjBmZW1tZSUy/MCgyMDAwJTIweCUy/MDIwMDAlMjBweCkl/MjAoMikuanBn 2000w," loading="lazy" src="https://img.wedressfair.fr/t-i3v5Izk2dWOdyJqeJvPX8HuedRKIF479LI3A26A3U/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU5UYzFO/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1jY2Y5MzM2/NTVhMzk2ZDIzM2Q0/ZjI3NjczMWVlMDBm/YjI2MTAwMGY1L0hv/bWUlMjBmZW1tZSUy/MCgyMDAwJTIweCUy/MDIwMDAlMjBweCkl/MjAoMikuanBn" />
      <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">La sélection d&#39;été</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="/notre-marque-pour-femme">
      <p class="absolute inset-0"></p>
      <img class="h-full w-full object-cover" alt="Les créations WeDressFair" srcset="https://img.wedressfair.fr/p4SAm7Q2jmmCx4pSjY5ejOrnctzgW9J4hSxueOA8Q7I/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS02YzU1YmNl/ZjVkZTFhOWIxNjg1/MmFiMjZkN2IwY2Yy/NTFjMTIyNTExL0hv/bWUlMjBmZW1tZSUy/MCgyMDAwJTIweCUy/MDIwMDAlMjBweCkl/MjAoMykuanBn 500w,https://img.wedressfair.fr/GjT-d2PLJzwj5_v_GEwTtVwTHB5-Kj2UqMePdK5XiHo/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS02YzU1YmNl/ZjVkZTFhOWIxNjg1/MmFiMjZkN2IwY2Yy/NTFjMTIyNTExL0hv/bWUlMjBmZW1tZSUy/MCgyMDAwJTIweCUy/MDIwMDAlMjBweCkl/MjAoMykuanBn 1000w,https://img.wedressfair.fr/lKTlUV91280h4kMEPgMQcgCUNW_H3WXnlz2njE6BbfM/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS02YzU1YmNl/ZjVkZTFhOWIxNjg1/MmFiMjZkN2IwY2Yy/NTFjMTIyNTExL0hv/bWUlMjBmZW1tZSUy/MCgyMDAwJTIweCUy/MDIwMDAlMjBweCkl/MjAoMykuanBn 2000w," loading="lazy" src="https://img.wedressfair.fr/9n2vYR4PGJdkXKmfTgJLprXHiYpOCM5_0q-_XSAm8xQ/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS02YzU1YmNl/ZjVkZTFhOWIxNjg1/MmFiMjZkN2IwY2Yy/NTFjMTIyNTExL0hv/bWUlMjBmZW1tZSUy/MCgyMDAwJTIweCUy/MDIwMDAlMjBweCkl/MjAoMykuanBn" />
      <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 créations WeDressFair</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="/notre-marque-pour-homme">
      <p class="absolute inset-0"></p>
      <img class="h-full w-full object-cover" alt="Les créations WeDressFair" srcset="https://img.wedressfair.fr/YXcW0sB55eu2OJGrHiM4JZxaGoDqXHGgu1aWkJeftQ4/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1jMDczODM3/YmU1MzhhMjdlMDUw/MTVmZjlmYWY5YTQ2/MWI2NGMyZTk0L2Ul/Q0MlODF0ZSVDQyU4/MSUyMCg2KS5qcGc 500w,https://img.wedressfair.fr/P5aZeEOye9-qEc-lgcBn7ZolNZLTraRc5tbq9n3eReQ/w:1000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1jMDczODM3/YmU1MzhhMjdlMDUw/MTVmZjlmYWY5YTQ2/MWI2NGMyZTk0L2Ul/Q0MlODF0ZSVDQyU4/MSUyMCg2KS5qcGc 1000w,https://img.wedressfair.fr/cohqJPvzVWqBiFgHrGvn6Q44K6qumnwr9z4J4Mtv8mc/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1jMDczODM3/YmU1MzhhMjdlMDUw/MTVmZjlmYWY5YTQ2/MWI2NGMyZTk0L2Ul/Q0MlODF0ZSVDQyU4/MSUyMCg2KS5qcGc 2000w," loading="lazy" src="https://img.wedressfair.fr/YZJDoe8KeIJVMTV8z_V7NJ1d_wT9mHEX5LAUgPEm1eM/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVO/aXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1jMDczODM3/YmU1MzhhMjdlMDUw/MTVmZjlmYWY5YTQ2/MWI2NGMyZTk0L2Ul/Q0MlODF0ZSVDQyU4/MSUyMCg2KS5qcGc" />
      <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 créations WeDressFair</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="Tops &amp; t-shirts pour elle" srcset="https://img.wedressfair.fr/HXwZrReN-skmv8s2BKMVOmORXG_B8CqsPsxbDobHKVM/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1iOGQ2MTU0/YTUwNWM5NWIwNWI0/YmIyNDJhOGFjZTg4/NTBjZWE3NDdiL3Rv/cHMuanBn 500w,https://img.wedressfair.fr/bmrAKd0W62rCG38ZVKopmrGuq_foS8j2ocoCnqH7Uls/w:800/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1iOGQ2MTU0/YTUwNWM5NWIwNWI0/YmIyNDJhOGFjZTg4/NTBjZWE3NDdiL3Rv/cHMuanBn 800w,https://img.wedressfair.fr/obR6234qV_AgzzDQ4ncrGC-dtjFGPIFMO7jyFkaxegk/w:1500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1iOGQ2MTU0/YTUwNWM5NWIwNWI0/YmIyNDJhOGFjZTg4/NTBjZWE3NDdiL3Rv/cHMuanBn 1500w,https://img.wedressfair.fr/TYzxzhT4khO_qAhJMAHM0WX9bGfHo0_kHzVuDlfiLvY/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1iOGQ2MTU0/YTUwNWM5NWIwNWI0/YmIyNDJhOGFjZTg4/NTBjZWE3NDdiL3Rv/cHMuanBn 2000w," loading="lazy" src="https://img.wedressfair.fr/YGIPKv2BPh3kRw4z0avW0HA_9UD74KGufw_KzEeaceY/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1iOGQ2MTU0/YTUwNWM5NWIwNWI0/YmIyNDJhOGFjZTg4/NTBjZWE3NDdiL3Rv/cHMuanBn" />
      <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 &amp; 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-6">
      <img class="h-full w-full group-hover:scale-[101%] transition duration-1000 ease-in-out object-cover" alt="T-shirts pour lui" srcset="https://img.wedressfair.fr/p5crrFTiSuWudaHW33YNZfJBsdOwSWavH1SGv-bSOyo/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hMzY4MjYz/NWJlYWEyN2NhYWFl/YTBiZTBiOWM2OGMz/NmY4YjBmMjVhL2No/YXVzc3VyZXMlMjAo/MikuanBn 500w,https://img.wedressfair.fr/sTwQ7-lJJxory4A6S18JkIvOA-a8blf7SJtvgxndl-w/w:800/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hMzY4MjYz/NWJlYWEyN2NhYWFl/YTBiZTBiOWM2OGMz/NmY4YjBmMjVhL2No/YXVzc3VyZXMlMjAo/MikuanBn 800w,https://img.wedressfair.fr/RqJLowPMEZQ8uqruV4sqSU_WlawgPPS1tBbHOQq19UY/w:1500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hMzY4MjYz/NWJlYWEyN2NhYWFl/YTBiZTBiOWM2OGMz/NmY4YjBmMjVhL2No/YXVzc3VyZXMlMjAo/MikuanBn 1500w,https://img.wedressfair.fr/XmYkxrVd3w7H5XXgdiiPIAvNRtoVfjSKhO0rtEvnKrQ/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hMzY4MjYz/NWJlYWEyN2NhYWFl/YTBiZTBiOWM2OGMz/NmY4YjBmMjVhL2No/YXVzc3VyZXMlMjAo/MikuanBn 2000w," loading="lazy" src="https://img.wedressfair.fr/R8dtnlWyXhit0y3GSA63qj9Fvz66Elyf4CX7uvxpHBE/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hMzY4MjYz/NWJlYWEyN2NhYWFl/YTBiZTBiOWM2OGMz/NmY4YjBmMjVhL2No/YXVzc3VyZXMlMjAo/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">
          T-shirts pour lui
        </p>
      </div>
      <a class="absolute inset-0" href="/homme/t-shirts-et-polos"></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="Jeans pour elle" srcset="https://img.wedressfair.fr/hIfujMnsJrMln13txR-8-G7jUAd6qizEOaTnvaJMtkU/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hZWIxMmJh/ZTMzMDZhYmY1OWE0/ZjU0NzlmZjQyNTI5/OGUwYmUxZDBkL2pl/YW5zLmpwZw 500w,https://img.wedressfair.fr/SC8gSGi6yNAb2jNZ7fPGkd6R9rK1bLeNazAKhe7d1P8/w:800/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hZWIxMmJh/ZTMzMDZhYmY1OWE0/ZjU0NzlmZjQyNTI5/OGUwYmUxZDBkL2pl/YW5zLmpwZw 800w,https://img.wedressfair.fr/5beevam0Gxn9ZbqgEjCNHmtUhjVJQJ0fJosjqqsHz-g/w:1500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hZWIxMmJh/ZTMzMDZhYmY1OWE0/ZjU0NzlmZjQyNTI5/OGUwYmUxZDBkL2pl/YW5zLmpwZw 1500w,https://img.wedressfair.fr/0QUshemP93-VZkMdNDjlCt_X6C098fxLfCoXAaaZ1eg/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hZWIxMmJh/ZTMzMDZhYmY1OWE0/ZjU0NzlmZjQyNTI5/OGUwYmUxZDBkL2pl/YW5zLmpwZw 2000w," loading="lazy" src="https://img.wedressfair.fr/C9LH71qyxGUrL4KGrBJPM8szGXdKCH_YRzXkhCsu0z8/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRP/Q3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1hZWIxMmJh/ZTMzMDZhYmY1OWE0/ZjU0NzlmZjQyNTI5/OGUwYmUxZDBkL2pl/YW5zLmpwZw" />
      <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">
          Jeans pour elle
        </p>
      </div>
      <a class="absolute inset-0" href="/femme/jeans"></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="Chaussures pour lui" srcset="https://img.wedressfair.fr/pdvqamwiq9Qzrzc-OXykyBJi7bU3EJv4mpphNgU-1DI/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03MTM1OTBh/Y2VlNDUyNTZjZWMz/OWM3ZTMxYmFkZjlk/NjgxMzgxZWFkL2No/YXVzc3VyZXMlMjAo/MSkuanBn 500w,https://img.wedressfair.fr/Xyn2cdtmg_KWq-aJwGbHK305ABoGd1fO_XONkq_-TdI/w:800/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03MTM1OTBh/Y2VlNDUyNTZjZWMz/OWM3ZTMxYmFkZjlk/NjgxMzgxZWFkL2No/YXVzc3VyZXMlMjAo/MSkuanBn 800w,https://img.wedressfair.fr/Xpk6Si90Ynl4K7cWNrsYTRue-LZkLAMJIsxeUXJ8v1I/w:1500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03MTM1OTBh/Y2VlNDUyNTZjZWMz/OWM3ZTMxYmFkZjlk/NjgxMzgxZWFkL2No/YXVzc3VyZXMlMjAo/MSkuanBn 1500w,https://img.wedressfair.fr/9rmhnllFbTPODGljL5DuTVDEHUiqGIU0h0Sc0Npgw_g/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03MTM1OTBh/Y2VlNDUyNTZjZWMz/OWM3ZTMxYmFkZjlk/NjgxMzgxZWFkL2No/YXVzc3VyZXMlMjAo/MSkuanBn 2000w," loading="lazy" src="https://img.wedressfair.fr/iqxJ3awTkoSYgihWaOfMfsGakDx14fpGElpdIq2_fU8/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTVO/eXdpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS03MTM1OTBh/Y2VlNDUyNTZjZWMz/OWM3ZTMxYmFkZjlk/NjgxMzgxZWFkL2No/YXVzc3VyZXMlMjAo/MSkuanBn" />
      <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">
          Chaussures pour lui
        </p>
      </div>
      <a class="absolute inset-0" href="/homme/chaussures"></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="Chaussures pour elle" srcset="https://img.wedressfair.fr/CdDHvrvePHign7u4CwcyF_VJueZlW4i-zLfW6slmY6c/w:500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1iN2M3NjA1/ZWFlYTAxZDgyYjRk/NDVkMjhjMTBmMTdk/OTM2M2U0NDMzL2No/YXVzc3VyZXMuanBn 500w,https://img.wedressfair.fr/Cmifm3FcRWGvsUa0LZrWAG6j-zPvHrkG00o9UbGMNXA/w:800/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1iN2M3NjA1/ZWFlYTAxZDgyYjRk/NDVkMjhjMTBmMTdk/OTM2M2U0NDMzL2No/YXVzc3VyZXMuanBn 800w,https://img.wedressfair.fr/42369V0sffOMj8IO8QOCMFE_8HkcnUJfan6aRLVxpLo/w:1500/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1iN2M3NjA1/ZWFlYTAxZDgyYjRk/NDVkMjhjMTBmMTdk/OTM2M2U0NDMzL2No/YXVzc3VyZXMuanBn 1500w,https://img.wedressfair.fr/t_e_-1qE7pnAXlV7DcJArQ6dDNRAi85lCh7kaNEnmnI/w:2000/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1iN2M3NjA1/ZWFlYTAxZDgyYjRk/NDVkMjhjMTBmMTdk/OTM2M2U0NDMzL2No/YXVzc3VyZXMuanBn 2000w," loading="lazy" src="https://img.wedressfair.fr/N1Pf74CNTG7lejMn1Hx7jB0NZioqQiWyWSFX9aAxFmg/w:450/aHR0cHM6Ly93d3cu/d2VkcmVzc2ZhaXIu/ZnIvcmFpbHMvYWN0/aXZlX3N0b3JhZ2Uv/YmxvYnMvcmVkaXJl/Y3QvZXlKZmNtRnBi/SE1pT25zaVpHRjBZ/U0k2TVRneU56TTRP/U3dpY0hWeUlqb2lZ/bXh2WWw5cFpDSjlm/UT09LS1iN2M3NjA1/ZWFlYTAxZDgyYjRk/NDVkMjhjMTBmMTdk/OTM2M2U0NDMzL2No/YXVzc3VyZXMuanBn" />
      <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">
          Chaussures pour elle
        </p>
      </div>
      <a class="absolute inset-0" href="/femme/chaussures"></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/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/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-lg lg: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="WwikJFpbWDwEzvqGrn7YQSQkpVN4x7p-8KxcHSQmOi9y755VjtV7wYCTzp5I9Kfl_7dpUjnVXDTvVNrd3BdvcA" 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>          <p class="newsletter-consent-notice mt-2 text-xs italic leading-snug opacity-70">
  Notre newsletter est personnalisée : un pixel de suivi nous indique si vous ouvrez nos emails, pour ajuster son contenu et sa fréquence. Vous acceptez cette mesure en vous inscrivant, et vous pouvez la refuser quand vous voulez.
  <a class="underline" data-turbo-frame="_top" href="/mentions-legales#pixels">En savoir plus</a>
</p>

          <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 &amp; 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&#39;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 marque et boutique en ligne spécialisée en mode éthique et en vêtements écoresponsables pour femme et homme.
          Nous créons nos propres collections de vêtements écoresponsables, fabriqués en Europe avec des matières durables et une exigence sociale et environnementale forte.
          En complément, nous sélectionnons des marques de mode éthique reconnues pour leur engagement, que nous analysons et validons selon des critères sociétaux et environnementaux très précis.
          Notre objectif : proposer une alternative crédible à la mode conventionnelle, en offrant un vestiaire durable, transparent et conçu pour être porté longtemps.
        </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>