www.cafecoton.com Open in urlscan Pro
52.157.203.235  Public Scan

Submitted URL: https://t.news.cafecoton.fr/l2/7re641Ena6/918134/376421873.html
Effective URL: https://www.cafecoton.com/fr/chemises-en-lin?utm_source=NEWSLETTER&utm_medium=e-mail&utm_campaign=20102022-NEWSLETTER-NOUV...
Submission: On June 03 via api from US — Scanned from FR

Form analysis 5 forms found in the DOM

<form data-ajax-begin="ciqra.customer.event.login.begin" data-ajax-success="ciqra.customer.event.login.success" data-ajax-error="ciqra.customer.event.login.error" data-ajax-complete="ciqra.customer.event.login.complete" accept-charset="UTF-8"
  onsubmit="ciqra.customer.login(this,'/customer/login.ciqra'); return false;" customer-signin-form="">
  <div class="row row d-flex align-items-baseline">
    <div class="col-6 p-0">
      <span class="color--black font-weight-bold ff--lora font-size--21">S’identifier </span>
    </div>
    <div class="col-6 p-0 text-right">
      <a class="color--black ff--lora font-size--10" href="/fr/sign-up">
            <u>Créer un compte
            </u>
          </a>
    </div>
  </div>
  <div class="row">
    <div class="col-12 p-0 mt-3">
      <div class="form__alert-errors"></div>
    </div>
    <div class="col-12 p-0">
      <input type="text" class="form-control mb-3 mt-2" name="customer[email]" placeholder="Adresse e-mail *">
      <input type="password" class="form-control mb-3" name="customer[password]" placeholder="Mot de passe *">
      <button class="button btn--type-3 w-100 p-3 mb-2 mt-2">SE CONNECTER </button>
    </div>
    <div class="col-6 p-0">
      <span>
        <a href="/fr/customer/forgotpassword" class="color--black ff--campton font-size--9">
              <u>Mot de passe oublié ?
              </u>
            </a>
      </span>
    </div>
    <div class="col-6 p-0 text-right">
      <span class="color--black ff--campton font-size--9">*Exigée </span>
    </div>
  </div>
</form>

<form onsubmit="ciqra.filter.submit(this, ''); return false;"><input type="hidden" value="true" name="filter">
  <section class="mt-lg-3 mt-0 px-2 ">
    <div class="custom-container w4 top-filter pb-lg-4 pb-0 pt-2">
      <div class="row d-none d-xl-flex align-items-end">
        <div class="col-9">
          <div class="dropdown dp mr-3">
            <div class="btn dropdown-toggle dp-head" id="variant-2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <span>COUPE </span>
            </div>
            <div class="dropdown-menu dp-body" aria-labelledby="variant-2">
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="coupe" value="4" id="att-2-4" data-id="att-2-4"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-2-4">CINTREE </label>
              </div>
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="coupe" value="5" id="att-2-5" data-id="att-2-5"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-2-5">CLASSIQUE </label>
              </div>
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="coupe" value="377" id="att-2-377" data-id="att-2-377"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-2-377">CUSTOM FIT </label>
              </div>
            </div>
          </div>
          <div class="dropdown dp mr-3">
            <div class="btn dropdown-toggle dp-head" id="variant-3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <span>TAILLE </span>
            </div>
            <div class="dropdown-menu dp-body" aria-labelledby="variant-3">
              <div class="d-flex">
                <ul>
                  <li>
                    <div class="check-input">
                      <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="12" id="att-3-12" data-id="att-3-12"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                      <label for="att-3-12">37 </label>
                    </div>
                  </li>
                  <li>
                    <div class="check-input">
                      <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="13" id="att-3-13" data-id="att-3-13"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                      <label for="att-3-13">38 </label>
                    </div>
                  </li>
                  <li>
                    <div class="check-input">
                      <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="14" id="att-3-14" data-id="att-3-14"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                      <label for="att-3-14">39 </label>
                    </div>
                  </li>
                  <li>
                    <div class="check-input">
                      <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="15" id="att-3-15" data-id="att-3-15"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                      <label for="att-3-15">40 </label>
                    </div>
                  </li>
                  <li>
                    <div class="check-input">
                      <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="16" id="att-3-16" data-id="att-3-16"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                      <label for="att-3-16">41 </label>
                    </div>
                  </li>
                  <li>
                    <div class="check-input">
                      <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="17" id="att-3-17" data-id="att-3-17"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                      <label for="att-3-17">42 </label>
                    </div>
                  </li>
                  <li>
                    <div class="check-input">
                      <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="86" id="att-3-86" data-id="att-3-86"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                      <label for="att-3-86">S </label>
                    </div>
                  </li>
                  <li>
                    <div class="check-input">
                      <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="85" id="att-3-85" data-id="att-3-85"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                      <label for="att-3-85">M </label>
                    </div>
                  </li>
                  <li>
                    <div class="check-input">
                      <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="84" id="att-3-84" data-id="att-3-84"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                      <label for="att-3-84">L </label>
                    </div>
                  </li>
                </ul>
                <ul>
                  <li>
                    <div class="check-input">
                      <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="82" id="att-3-82" data-id="att-3-82"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                      <label for="att-3-82">XL </label>
                    </div>
                  </li>
                  <li>
                    <div class="check-input">
                      <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="83" id="att-3-83" data-id="att-3-83"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                      <label for="att-3-83">XXL </label>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="dropdown dp mr-3">
            <div class="btn dropdown-toggle dp-head" id="variant-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <span>COULEUR </span>
            </div>
            <div class="dropdown-menu dp-body" aria-labelledby="variant-1">
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="21" id="att-1-21" data-id="att-1-21"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-1-21">
                  <i class="color-item" style="background-color:#ffffff;">
                </i>
                  <span>BLANC </span>
                </label>
              </div>
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="452" id="att-1-452" data-id="att-1-452"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-1-452">
                  <i class="color-item" style="background-color:#0f2765;">
                </i>
                  <span>BLEU ROI </span>
                </label>
              </div>
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="451" id="att-1-451" data-id="att-1-451"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-1-451">
                  <i class="color-item" style="background-color:#cf664e;">
                </i>
                  <span>BRIQUE </span>
                </label>
              </div>
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="271" id="att-1-271" data-id="att-1-271"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-1-271">
                  <i class="color-item" style="background-color:#f7f7f7;">
                </i>
                  <span>ECRU </span>
                </label>
              </div>
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="275" id="att-1-275" data-id="att-1-275"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-1-275">
                  <i class="color-item" style="background-color:#bd134e;">
                </i>
                  <span>FUSHIA </span>
                </label>
              </div>
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="375" id="att-1-375" data-id="att-1-375"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-1-375">
                  <i class="color-item" style="background-color:#401296;">
                </i>
                  <span>JEAN </span>
                </label>
              </div>
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="244" id="att-1-244" data-id="att-1-244"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-1-244">
                  <i class="color-item" style="background-color:#294a28;">
                </i>
                  <span>KAKI </span>
                </label>
              </div>
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="340" id="att-1-340" data-id="att-1-340"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-1-340">
                  <i class="color-item" style="background-color:#612b0c;">
                </i>
                  <span>MARRON </span>
                </label>
              </div>
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="28" id="att-1-28" data-id="att-1-28"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-1-28">
                  <i class="color-item" style="background-color:#091736;">
                </i>
                  <span>MARINE </span>
                </label>
              </div>
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="1" id="att-1-1" data-id="att-1-1"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-1-1">
                  <i class="color-item" style="background-color:#0e3f80;">
                </i>
                  <span>BLEU </span>
                </label>
              </div>
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="31" id="att-1-31" data-id="att-1-31"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-1-31">
                  <i class="color-item" style="background-color:#6ba1e3;">
                </i>
                  <span>CIEL </span>
                </label>
              </div>
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="32" id="att-1-32" data-id="att-1-32"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-1-32">
                  <i class="color-item" style="background-color:#d4c596;">
                </i>
                  <span>BEIGE </span>
                </label>
              </div>
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="30" id="att-1-30" data-id="att-1-30"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-1-30">
                  <i class="color-item" style="background-color:#ffc400;">
                </i>
                  <span>JAUNE </span>
                </label>
              </div>
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="33" id="att-1-33" data-id="att-1-33"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-1-33">
                  <i class="color-item" style="background-color:#00d6d6;">
                </i>
                  <span>TURQUOISE </span>
                </label>
              </div>
              <div class="check-input">
                <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="24" id="att-1-24" data-id="att-1-24"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                    style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                <label for="att-1-24">
                  <i class="color-item" style="background-color:#474747;">
                </i>
                  <span>ANTHRACITE </span>
                </label>
              </div>
            </div>
          </div>
          <div class="dropdown dp mr-3">
            <div onclick="javascript:$('.all-filter').addClass('open');" class="btn dropdown-toggle dp-head" id="more-filter-3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <span>PLUS DE FILTRE </span>
            </div>
          </div>
        </div>
        <div class="col-3 d-flex align-items-end justify-content-end">
          <div class="grid-system-box mr-3">
            <a href="javascript:void(0);" class="two-column mr-2" data-grid="col-6 col-md-4 col-xl-6 mb-3">
          </a>
            <a href="javascript:void(0);" class="four-column active" data-grid="col-6 col-md-4 col-xl-3 mb-3">
          </a>
          </div>
          <select class="select-input form-control v2 p-0 select2-hidden-accessible" style="width: 54%;" data-placeholder="TRIER PAR PRIX" data-search="-1" onchange="javascript:$('#sort_by').val($(this).val()); $(this).closest('form').submit();"
            data-select2-id="select2-data-1-pwk8" tabindex="-1" aria-hidden="true">
            <option selected="" data-select2-id="select2-data-3-y1eo">
            </option>
            <option value="high_to_low">PRIX DÉCROISSANT </option>
            <option value="low_to_high">PRIX CROISSANT </option>
            <option value="a_z">A-Z </option>
            <option value="z_a">Z-A </option>
          </select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="select2-data-2-txp5" style="width: 54%;"><span class="selection"><span
                class="select2-selection select2-selection--single select-input form-control v2 p-0" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-fnbn-container"
                aria-controls="select2-fnbn-container"><span class="select2-selection__rendered" id="select2-fnbn-container" role="textbox" aria-readonly="true" title="TRIER PAR PRIX"><span class="select2-selection__placeholder">TRIER PAR
                    PRIX</span></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
          <input type="hidden" class="custom-option" name="sort_by" id="sort_by" value="">
        </div>
      </div>
      <button type="button" onclick="$(this).toggleClass('open');$('.all-filter').toggleClass('open');" class="btn-mobile-filter d-block d-xl-none"> FILTRER </button>
      <div class="all-filter">
        <button type="button" class="btn btn-close" onclick="javascript:$(this).closest('.all-filter').removeClass('open')">
        </button>
        <div class="filter-section-item">
          <div class="filter-section-item__head pb-2" onclick="javascript:$(this).closest('.filter-section-item').toggleClass('open')">COUPE </div>
          <div class="filter-section-item__body">
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="coupe" value="4" id="att-2-4" data-id="att-2-4"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-2-4">CINTREE </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="coupe" value="5" id="att-2-5" data-id="att-2-5"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-2-5">CLASSIQUE </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="coupe" value="377" id="att-2-377" data-id="att-2-377"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-2-377">CUSTOM FIT </label>
            </div>
          </div>
        </div>
        <div class="filter-section-item">
          <div class="filter-section-item__head pb-2" onclick="javascript:$(this).closest('.filter-section-item').toggleClass('open')">TAILLE </div>
          <div class="filter-section-item__body">
            <div class="d-flex">
              <ul>
                <li>
                  <div class="check-input">
                    <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="12" id="att-3-12" data-id="att-3-12"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                    <label for="att-3-12">37 </label>
                  </div>
                </li>
                <li>
                  <div class="check-input">
                    <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="13" id="att-3-13" data-id="att-3-13"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                    <label for="att-3-13">38 </label>
                  </div>
                </li>
                <li>
                  <div class="check-input">
                    <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="14" id="att-3-14" data-id="att-3-14"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                    <label for="att-3-14">39 </label>
                  </div>
                </li>
                <li>
                  <div class="check-input">
                    <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="15" id="att-3-15" data-id="att-3-15"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                    <label for="att-3-15">40 </label>
                  </div>
                </li>
                <li>
                  <div class="check-input">
                    <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="16" id="att-3-16" data-id="att-3-16"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                    <label for="att-3-16">41 </label>
                  </div>
                </li>
                <li>
                  <div class="check-input">
                    <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="17" id="att-3-17" data-id="att-3-17"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                    <label for="att-3-17">42 </label>
                  </div>
                </li>
                <li>
                  <div class="check-input">
                    <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="86" id="att-3-86" data-id="att-3-86"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                    <label for="att-3-86">S </label>
                  </div>
                </li>
                <li>
                  <div class="check-input">
                    <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="85" id="att-3-85" data-id="att-3-85"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                    <label for="att-3-85">M </label>
                  </div>
                </li>
                <li>
                  <div class="check-input">
                    <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="84" id="att-3-84" data-id="att-3-84"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                    <label for="att-3-84">L </label>
                  </div>
                </li>
              </ul>
              <ul>
                <li>
                  <div class="check-input">
                    <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="82" id="att-3-82" data-id="att-3-82"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                    <label for="att-3-82">XL </label>
                  </div>
                </li>
                <li>
                  <div class="check-input">
                    <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="83" id="att-3-83" data-id="att-3-83"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                        style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                    <label for="att-3-83">XXL </label>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="filter-section-item">
          <div class="filter-section-item__head pb-2" onclick="javascript:$(this).closest('.filter-section-item').toggleClass('open')">COULEUR </div>
          <div class="filter-section-item__body">
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="21" id="att-1-21" data-id="att-1-21"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-1-21">
                <i class="color-item" style="background-color:#ffffff;">
              </i>
                <span>BLANC </span>
              </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="452" id="att-1-452" data-id="att-1-452"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-1-452">
                <i class="color-item" style="background-color:#0f2765;">
              </i>
                <span>BLEU ROI </span>
              </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="451" id="att-1-451" data-id="att-1-451"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-1-451">
                <i class="color-item" style="background-color:#cf664e;">
              </i>
                <span>BRIQUE </span>
              </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="271" id="att-1-271" data-id="att-1-271"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-1-271">
                <i class="color-item" style="background-color:#f7f7f7;">
              </i>
                <span>ECRU </span>
              </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="275" id="att-1-275" data-id="att-1-275"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-1-275">
                <i class="color-item" style="background-color:#bd134e;">
              </i>
                <span>FUSHIA </span>
              </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="375" id="att-1-375" data-id="att-1-375"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-1-375">
                <i class="color-item" style="background-color:#401296;">
              </i>
                <span>JEAN </span>
              </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="244" id="att-1-244" data-id="att-1-244"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-1-244">
                <i class="color-item" style="background-color:#294a28;">
              </i>
                <span>KAKI </span>
              </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="340" id="att-1-340" data-id="att-1-340"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-1-340">
                <i class="color-item" style="background-color:#612b0c;">
              </i>
                <span>MARRON </span>
              </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="28" id="att-1-28" data-id="att-1-28"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-1-28">
                <i class="color-item" style="background-color:#091736;">
              </i>
                <span>MARINE </span>
              </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="1" id="att-1-1" data-id="att-1-1"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-1-1">
                <i class="color-item" style="background-color:#0e3f80;">
              </i>
                <span>BLEU </span>
              </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="31" id="att-1-31" data-id="att-1-31"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-1-31">
                <i class="color-item" style="background-color:#6ba1e3;">
              </i>
                <span>CIEL </span>
              </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="32" id="att-1-32" data-id="att-1-32"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-1-32">
                <i class="color-item" style="background-color:#d4c596;">
              </i>
                <span>BEIGE </span>
              </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="30" id="att-1-30" data-id="att-1-30"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-1-30">
                <i class="color-item" style="background-color:#ffc400;">
              </i>
                <span>JAUNE </span>
              </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="33" id="att-1-33" data-id="att-1-33"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-1-33">
                <i class="color-item" style="background-color:#00d6d6;">
              </i>
                <span>TURQUOISE </span>
              </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="24" id="att-1-24" data-id="att-1-24"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-1-24">
                <i class="color-item" style="background-color:#474747;">
              </i>
                <span>ANTHRACITE </span>
              </label>
            </div>
          </div>
        </div>
        <div class="filter-section-item">
          <div class="filter-section-item__head pb-2" onclick="javascript:$(this).closest('.filter-section-item').toggleClass('open')">COL </div>
          <div class="filter-section-item__body">
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="col" value="39" id="att-4-39" data-id="att-4-39"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-4-39">BOUTONNÉ </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="col" value="41" id="att-4-41" data-id="att-4-41"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-4-41">CASUAL </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="col" value="38" id="att-4-38" data-id="att-4-38"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-4-38">ITALIEN </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="col" value="341" id="att-4-341" data-id="att-4-341"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-4-341">MAO </label>
            </div>
          </div>
        </div>
        <div class="filter-section-item">
          <div class="filter-section-item__head pb-2" onclick="javascript:$(this).closest('.filter-section-item').toggleClass('open')">MANCHE </div>
          <div class="filter-section-item__body">
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="manche" value="44" id="att-5-44" data-id="att-5-44"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-5-44">COURTE </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="manche" value="46" id="att-5-46" data-id="att-5-46"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-5-46">STANDARD </label>
            </div>
          </div>
        </div>
        <div class="filter-section-item">
          <div class="filter-section-item__head pb-2" onclick="javascript:$(this).closest('.filter-section-item').toggleClass('open')">MOTIF </div>
          <div class="filter-section-item__body">
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="motif" value="50" id="att-6-50" data-id="att-6-50"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-6-50">IMPRIMÉS </label>
            </div>
            <div class="check-input">
              <div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="motif" value="48" id="att-6-48" data-id="att-6-48"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
                  style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="att-6-48">RAYURES </label>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <script>
    $(window).on("load", function() {
      $('.filter-loading').addClass('d-none');

      function chcSen(id, ischecked) {
        $("input[data-id='" + id + "']").each(function() {
          if (ischecked) {
            $(this).iCheck('check');
          } else {
            $(this).iCheck('uncheck');
          }
        });
      };
    });
    $(".iCheck-helper").click(function(e) {
      var element = $(this).closest(".check-input").find("input:checkbox");
      chcSen(element.attr("id"), element.is(':checked'));
      $('.filter-loading').addClass('d-block');
    });
    $("input:checkbox").on('ifToggled', function() {
      $(this).closest('form').submit();
    });
    $(window).scroll(function(e) {
      var $el = $('.filters-area');
      var isPositionFixed = ($el.css('position') == 'fixed');
      if ($(this).scrollTop() > 200 && !isPositionFixed) {
        $el.css({
          'position': 'fixed',
          'top': '89px',
          'background': 'white',
          'width': '100%',
          'z-index': '9999',
          'box-shadow': '0px 0px 5px 0px #001e3682',
        });
      }
      if ($(this).scrollTop() < 200 && isPositionFixed) {
        $el.css({
          'position': 'static',
          'top': '0px',
          'box-shadow': '0px 0px 0px 0px #001e3682'
        });
      }
    });
  </script>
  <div class="custom-container overflow-hidden">
    <div class="row mt-3 mt-lg-5 row-eq-height" data-lazy="" data-lazy-item="24" data-lazy-show="24" data-lazy-selector=".lazy-item" data-lazy-button="#timeline-lazy-button">
      <div class="lazy-item col-6 col-md-3 col-xl-3 mb-3 mb-lg-5 grid-system mcc" data-id="16654">
        <div class="product-item ">
          <a href="/fr/chemise-popover-kurt-indigo-50lspol-kurt-5-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspol-kurt-5-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspol-kurt-5-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise popover Kurt indigo ">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspol-kurt-5-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspol-kurt-5-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise popover Kurt indigo ">
    </picture>
  </div>
  
</div>


          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise popover Kurt indigo 
              </span>
            </div>
            


<div class="price-area d-md-flex mt-2">
  
  <div class="price mr-2">
    <span class="font-weight--600 ">130 €
    </span>
  </div>
  
  <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
    
    <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp;
    </span>
    <span class="price color--burgundy color--type-6 font-weight--500">
      
      65 € MULTIBUY
    </span>
    
    
    
  </div>
</div>


          </div>
        </a>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 mb-3 mb-lg-5 grid-system mcc" data-id="16353">
        <div class="product-item ">
          <a href="/fr/chemise-cintree-stuart-en-lin-a-motif-floral-122lscas-slim-stuart-9-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-stuart-9-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-stuart-9-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise cintrée Stuart en lin à motif floral ">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-stuart-9-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-stuart-9-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise cintrée Stuart en lin à motif floral ">
    </picture>
  </div>
  
</div>


          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise cintrée Stuart en lin à motif floral 
              </span>
            </div>
            


<div class="price-area d-md-flex mt-2">
  
  <div class="price mr-2">
    <span class="font-weight--600 ">130 €
    </span>
  </div>
  
  <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
    
    <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp;
    </span>
    <span class="price color--burgundy color--type-6 font-weight--500">
      
      65 € MULTIBUY
    </span>
    
    
    
  </div>
</div>


          </div>
        </a>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 mb-3 mb-lg-5 grid-system mcc" data-id="16368">
        <div class="product-item ">
          <a href="/fr/chemise-olaf-en-lin-fuchsia-122lscas-olaf-24-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-olaf-24-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-olaf-24-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Olaf en lin fuchsia">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-olaf-24-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-olaf-24-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Olaf en lin fuchsia">
    </picture>
  </div>
  
</div>


          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise Olaf en lin fuchsia
              </span>
            </div>
            


<div class="price-area d-md-flex mt-2">
  
  <div class="price mr-2">
    <span class="font-weight--600 ">130 €
    </span>
  </div>
  
  <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
    
    <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp;
    </span>
    <span class="price color--burgundy color--type-6 font-weight--500">
      
      65 € MULTIBUY
    </span>
    
    
    
  </div>
</div>


          </div>
        </a>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 mb-3 mb-lg-5 grid-system mcc" data-id="16380">
        <div class="product-item ">
          <a href="/fr/chemise-oscar-en-lin-a-motif-tartan-122lscas-oscar-4-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-oscar-4-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-oscar-4-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Oscar en lin à motif tartan">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-oscar-4-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-oscar-4-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Oscar en lin à motif tartan">
    </picture>
  </div>
  
</div>


          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise Oscar en lin à motif tartan
              </span>
            </div>
            


<div class="price-area d-md-flex mt-2">
  
  <div class="price mr-2">
    <span class="font-weight--600 ">130 €
    </span>
  </div>
  
  <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
    
    <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp;
    </span>
    <span class="price color--burgundy color--type-6 font-weight--500">
      
      65 € MULTIBUY
    </span>
    
    
    
  </div>
</div>


          </div>
        </a>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 mb-3 mb-lg-5 grid-system mcc" data-id="16354">
        <div class="product-item ">
          <a href="/fr/chemise-cintree-sully-en-lin-a-motif-floral-122lscas-slim-sully-5-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-sully-5-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-sully-5-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise cintrée Sully en lin à motif floral ">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-sully-5-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-sully-5-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise cintrée Sully en lin à motif floral ">
    </picture>
  </div>
  
</div>


          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise cintrée Sully en lin à motif floral 
              </span>
            </div>
            


<div class="price-area d-md-flex mt-2">
  
  <div class="price mr-2">
    <span class="font-weight--600 ">130 €
    </span>
  </div>
  
  <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
    
    <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp;
    </span>
    <span class="price color--burgundy color--type-6 font-weight--500">
      
      65 € MULTIBUY
    </span>
    
    
    
  </div>
</div>


          </div>
        </a>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 mb-3 mb-lg-5 grid-system mcc" data-id="16651">
        <div class="product-item ">
          <a href="/fr/chemise-safari-olaf-sable-50lspock-olaf-2-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspock-olaf-2-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspock-olaf-2-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise safari Olaf sable">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspock-olaf-2-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspock-olaf-2-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise safari Olaf sable">
    </picture>
  </div>
  
</div>


          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise safari Olaf sable
              </span>
            </div>
            


<div class="price-area d-md-flex mt-2">
  
  <div class="price mr-2">
    <span class="font-weight--600 ">130 €
    </span>
  </div>
  
  <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
    
    <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp;
    </span>
    <span class="price color--burgundy color--type-6 font-weight--500">
      
      65 € MULTIBUY
    </span>
    
    
    
  </div>
</div>


          </div>
        </a>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 mb-3 mb-lg-5 grid-system mcc" data-id="16382">
        <div class="product-item ">
          <a href="/fr/chemise-paddy-en-lin-kaki-a-motif-tartan-122lscas-paddy-9-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-paddy-9-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-paddy-9-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Paddy en lin kaki à motif tartan">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-paddy-9-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-paddy-9-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Paddy en lin kaki à motif tartan">
    </picture>
  </div>
  
</div>


          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise Paddy en lin kaki à motif tartan
              </span>
            </div>
            


<div class="price-area d-md-flex mt-2">
  
  <div class="price mr-2">
    <span class="font-weight--600 ">130 €
    </span>
  </div>
  
  <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
    
    <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp;
    </span>
    <span class="price color--burgundy color--type-6 font-weight--500">
      
      65 € MULTIBUY
    </span>
    
    
    
  </div>
</div>


          </div>
        </a>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 mb-3 mb-lg-5 grid-system mcc" data-id="16352">
        <div class="product-item ">
          <a href="/fr/chemise-cintree-spike-en-lin-kaki-a-motif-floral-122lscas-slim-spike-9-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-spike-9-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-spike-9-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise cintrée Spike en lin kaki à motif floral ">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-spike-9-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-spike-9-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise cintrée Spike en lin kaki à motif floral ">
    </picture>
  </div>
  
</div>


          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise cintrée Spike en lin kaki à motif floral 
              </span>
            </div>
            


<div class="price-area d-md-flex mt-2">
  
  <div class="price mr-2">
    <span class="font-weight--600 ">130 €
    </span>
  </div>
  
  <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
    
    <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp;
    </span>
    <span class="price color--burgundy color--type-6 font-weight--500">
      
      65 € MULTIBUY
    </span>
    
    
    
  </div>
</div>


          </div>
        </a>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5" data-id="16381">
        <div class="product-item hover-second-img">
          <a href="/fr/chemise-paddy-en-lin-ciel-a-motif-tartan-122lscas-paddy-3-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-paddy-3-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-paddy-3-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Paddy en lin ciel à motif tartan">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-paddy-3-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-paddy-3-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Paddy en lin ciel à motif tartan">
    </picture>
  </div>
  
</div>


        </a>
          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise Paddy en lin ciel à motif tartan </span>
            </div>
            <div class="price-area d-md-flex mt-2">
              <div class="price mr-2">
                <span class="font-weight--600 ">130 € </span>
              </div>
              <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
                <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp; </span>
                <span class="price color--burgundy color--type-6 font-weight--500"> 65 € MULTIBUY </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5" data-id="16385">
        <div class="product-item hover-second-img">
          <a href="/fr/chemise-ray-en-lin-a-rayures-122lscas-ray-13-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-ray-13-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-ray-13-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Ray en lin à rayures ">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-ray-13-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-ray-13-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Ray en lin à rayures ">
    </picture>
  </div>
  
</div>


        </a>
          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise Ray en lin à rayures </span>
            </div>
            <div class="price-area d-md-flex mt-2">
              <div class="price mr-2">
                <span class="font-weight--600 ">130 € </span>
              </div>
              <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
                <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp; </span>
                <span class="price color--burgundy color--type-6 font-weight--500"> 65 € MULTIBUY </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5" data-id="16390">
        <div class="product-item hover-second-img">
          <a href="/fr/chemise-ron-en-lin-a-rayures-ciel-122lscas-ron-3-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-ron-3-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-ron-3-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Ron en lin à rayures ciel ">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-ron-3-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-ron-3-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Ron en lin à rayures ciel ">
    </picture>
  </div>
  
</div>


        </a>
          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise Ron en lin à rayures ciel </span>
            </div>
            <div class="price-area d-md-flex mt-2">
              <div class="price mr-2">
                <span class="font-weight--600 ">130 € </span>
              </div>
              <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
                <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp; </span>
                <span class="price color--burgundy color--type-6 font-weight--500"> 65 € MULTIBUY </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5" data-id="16344">
        <div class="product-item hover-second-img">
          <a href="/fr/chemise-cintree-olaf-en-lin-bleu-122lscas-slim-olaf-4-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-olaf-4-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-olaf-4-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise cintrée Olaf en lin bleu">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-olaf-4-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-olaf-4-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise cintrée Olaf en lin bleu">
    </picture>
  </div>
  
</div>


        </a>
          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise cintrée Olaf en lin bleu </span>
            </div>
            <div class="price-area d-md-flex mt-2">
              <div class="price mr-2">
                <span class="font-weight--600 ">130 € </span>
              </div>
              <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
                <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp; </span>
                <span class="price color--burgundy color--type-6 font-weight--500"> 65 € MULTIBUY </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5" data-id="16653">
        <div class="product-item hover-second-img">
          <a href="/fr/chemise-popover-kurt-ciel-50lspol-kurt-3-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspol-kurt-3-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspol-kurt-3-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise popover Kurt ciel ">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspol-kurt-3-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspol-kurt-3-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise popover Kurt ciel ">
    </picture>
  </div>
  
</div>


        </a>
          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise popover Kurt ciel </span>
            </div>
            <div class="price-area d-md-flex mt-2">
              <div class="price mr-2">
                <span class="font-weight--600 ">130 € </span>
              </div>
              <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
                <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp; </span>
                <span class="price color--burgundy color--type-6 font-weight--500"> 65 € MULTIBUY </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5" data-id="16383">
        <div class="product-item hover-second-img">
          <a href="/fr/chemise-percy-en-lin-a-motif-tartan-122lscas-percy-13-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-percy-13-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-percy-13-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Percy en lin à motif tartan">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-percy-13-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-percy-13-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Percy en lin à motif tartan">
    </picture>
  </div>
  
</div>


        </a>
          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise Percy en lin à motif tartan </span>
            </div>
            <div class="price-area d-md-flex mt-2">
              <div class="price mr-2">
                <span class="font-weight--600 ">130 € </span>
              </div>
              <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
                <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp; </span>
                <span class="price color--burgundy color--type-6 font-weight--500"> 65 € MULTIBUY </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5" data-id="16457">
        <div class="product-item hover-second-img">
          <a href="/fr/chemise-col-mao-kurt-en-lin-ciel-123ls-olaf-3-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-123ls-olaf-3-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-123ls-olaf-3-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise col mao Kurt en lin ciel ">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-123ls-olaf-3-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-123ls-olaf-3-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise col mao Kurt en lin ciel ">
    </picture>
  </div>
  
</div>


        </a>
          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise col mao Kurt en lin ciel </span>
            </div>
            <div class="price-area d-md-flex mt-2">
              <div class="price mr-2">
                <span class="font-weight--600 ">130 € </span>
              </div>
              <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
                <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp; </span>
                <span class="price color--burgundy color--type-6 font-weight--500"> 65 € MULTIBUY </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5" data-id="16388">
        <div class="product-item hover-second-img">
          <a href="/fr/chemise-robby-en-lin-a-rayures-122lscas-robby-9-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-robby-9-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-robby-9-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Robby en lin à rayures ">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-robby-9-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-robby-9-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Robby en lin à rayures ">
    </picture>
  </div>
  
</div>


        </a>
          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise Robby en lin à rayures </span>
            </div>
            <div class="price-area d-md-flex mt-2">
              <div class="price mr-2">
                <span class="font-weight--600 ">130 € </span>
              </div>
              <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
                <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp; </span>
                <span class="price color--burgundy color--type-6 font-weight--500"> 65 € MULTIBUY </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5" data-id="16384">
        <div class="product-item hover-second-img">
          <a href="/fr/chemise-phil-en-lin-sable-a-motif-tartan-122lscas-phil-12-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-phil-12-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-phil-12-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Phil en lin sable à motif tartan">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-phil-12-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-phil-12-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Phil en lin sable à motif tartan">
    </picture>
  </div>
  
</div>


        </a>
          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise Phil en lin sable à motif tartan </span>
            </div>
            <div class="price-area d-md-flex mt-2">
              <div class="price mr-2">
                <span class="font-weight--600 ">130 € </span>
              </div>
              <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
                <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp; </span>
                <span class="price color--burgundy color--type-6 font-weight--500"> 65 € MULTIBUY </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5" data-id="16348">
        <div class="product-item hover-second-img">
          <a href="/fr/chemise-cintree-olaf-en-lin-indigo-122lscas-slim-olaf-bis-5-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-olaf-bis-5-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-olaf-bis-5-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise cintrée Olaf en lin indigo">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-olaf-bis-5-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-slim-olaf-bis-5-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise cintrée Olaf en lin indigo">
    </picture>
  </div>
  
</div>


        </a>
          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise cintrée Olaf en lin indigo </span>
            </div>
            <div class="price-area d-md-flex mt-2">
              <div class="price mr-2">
                <span class="font-weight--600 ">130 € </span>
              </div>
              <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
                <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp; </span>
                <span class="price color--burgundy color--type-6 font-weight--500"> 65 € MULTIBUY </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5" data-id="16377">
        <div class="product-item hover-second-img">
          <a href="/fr/chemise-olaf-en-lin-abricot-122lscas-olaf-bis-30-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-olaf-bis-30-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-olaf-bis-30-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Olaf en lin abricot">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-olaf-bis-30-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-olaf-bis-30-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Olaf en lin abricot">
    </picture>
  </div>
  
</div>


        </a>
          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise Olaf en lin abricot </span>
            </div>
            <div class="price-area d-md-flex mt-2">
              <div class="price mr-2">
                <span class="font-weight--600 ">130 € </span>
              </div>
              <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
                <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp; </span>
                <span class="price color--burgundy color--type-6 font-weight--500"> 65 € MULTIBUY </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5" data-id="16391">
        <div class="product-item hover-second-img">
          <a href="/fr/chemise-sean-en-lin-a-motif-floral-122lscas-sean-1-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-sean-1-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-sean-1-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Sean en lin à motif floral ">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-sean-1-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-sean-1-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Sean en lin à motif floral ">
    </picture>
  </div>
  
</div>


        </a>
          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise Sean en lin à motif floral </span>
            </div>
            <div class="price-area d-md-flex mt-2">
              <div class="price mr-2">
                <span class="font-weight--600 ">130 € </span>
              </div>
              <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
                <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp; </span>
                <span class="price color--burgundy color--type-6 font-weight--500"> 65 € MULTIBUY </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5" data-id="16439">
        <div class="product-item hover-second-img">
          <a href="/fr/chemise-cintree-col-mao-kurt-en-lin-ciel-123ls-slim-kurt-3-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-123ls-slim-kurt-3-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-123ls-slim-kurt-3-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise cintrée col mao Kurt en lin ciel ">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-123ls-slim-kurt-3-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-123ls-slim-kurt-3-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise cintrée col mao Kurt en lin ciel ">
    </picture>
  </div>
  
</div>


        </a>
          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise cintrée col mao Kurt en lin ciel </span>
            </div>
            <div class="price-area d-md-flex mt-2">
              <div class="price mr-2">
                <span class="font-weight--600 ">130 € </span>
              </div>
              <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
                <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp; </span>
                <span class="price color--burgundy color--type-6 font-weight--500"> 65 € MULTIBUY </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5" data-id="16656">
        <div class="product-item hover-second-img">
          <a href="/fr/chemise-popover-olaf-en-lin-sable-50lspol-olaf-2-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspol-olaf-2-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspol-olaf-2-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise popover Olaf en lin sable">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspol-olaf-2-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspol-olaf-2-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise popover Olaf en lin sable">
    </picture>
  </div>
  
</div>


        </a>
          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise popover Olaf en lin sable </span>
            </div>
            <div class="price-area d-md-flex mt-2">
              <div class="price mr-2">
                <span class="font-weight--600 ">130 € </span>
              </div>
              <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
                <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp; </span>
                <span class="price color--burgundy color--type-6 font-weight--500"> 65 € MULTIBUY </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5" data-id="16658">
        <div class="product-item hover-second-img">
          <a href="/fr/chemise-popover-olaf-en-lin-bleu-50lspol-olaf-4-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspol-olaf-4-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspol-olaf-4-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise popover Olaf en lin bleu">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspol-olaf-4-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-50lspol-olaf-4-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise popover Olaf en lin bleu">
    </picture>
  </div>
  
</div>


        </a>
          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise popover Olaf en lin bleu </span>
            </div>
            <div class="price-area d-md-flex mt-2">
              <div class="price mr-2">
                <span class="font-weight--600 ">130 € </span>
              </div>
              <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
                <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp; </span>
                <span class="price color--burgundy color--type-6 font-weight--500"> 65 € MULTIBUY </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5" data-id="16456">
        <div class="product-item hover-second-img">
          <a href="/fr/chemise-olaf-en-lin-sable-123ls-olaf-2-224">



<div class="product-thumbnail hover-second-img">
  
  
  <picture>
    <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-123ls-olaf-2-e24_3.jpeg?format=webP" type="image/webp">
    <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-123ls-olaf-2-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Olaf en lin sable">
  </picture>
  
  
  <div class="product-hover-image ml-1">
    <picture>
      <source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-123ls-olaf-2-e24_2.jpeg?format=webP" type="image/webp">
      <img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-123ls-olaf-2-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Olaf en lin sable">
    </picture>
  </div>
  
</div>


        </a>
          <div class="text">
            <div class="product-item__title" itemprop="name">
              <span class="d-block">Chemise Olaf en lin sable </span>
            </div>
            <div class="price-area d-md-flex mt-2">
              <div class="price mr-2">
                <span class="font-weight--600 ">130 € </span>
              </div>
              <div class="price color--type-6 font-weight--500 mt-md-0 mt-2 d-flex">
                <span class="price color--burgundy color--type-6 font-weight--500 d-lg-block d-none mr-1">&nbsp;/&nbsp; </span>
                <span class="price color--burgundy color--type-6 font-weight--500"> 65 € MULTIBUY </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16337" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16336" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16440" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16386" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16392" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16387" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16369" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16372" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16367" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16217" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16389" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16395" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16436" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16364" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16444" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16394" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16351" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16378" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16341" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16373" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16340" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16350" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16393" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16437" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16438" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16442" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16443" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16445" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16455" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16458" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16521" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16660" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16875" style="display: none;">
      </div>
      <div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16876" style="display: none;">
      </div>
    </div>
    <div class="text-center my-3 items-count ">
      <span class="font-size--13"> 1 - <span data-show-item="">24</span> articles <span data-total-item="">58</span>
      </span>
      <br>
      <a href="javascript:void(0);" class="button btn--load--more mt-2" id="timeline-lazy-button">
      <div class="loading-spinner d-none">
        <div class="spinner-border text-secondary" role="status" style="">
          <span class="sr-only">
          </span>
        </div>
      </div>
      VOIR <span data-more-item="">24</span> ARTICLES DE PLUS
    </a>
    </div>
  </div>
</form>

POST /fr/form/submit.ciqra?id=2

<form action="/fr/form/submit.ciqra?id=2" data-ajax="true" data-ajax-method="POST" data-ajax-url="/fr/form/submit.ciqra?id=2" data-ajax-complete="FormComplete" id="form_2" method="post" enctype="multipart/form-data" autocomplete="off"
  data-form-wizard="">
  <div class="newslatter">
    <div class="title ff--campton font-weight--bold">Rejoignez Notre Club Privilège </div>
    <div class="font-weight--300 mt-3 font-size--13">Abonnez-vous à notre newsletter pour être les premiers au courant de nos nouveautés et de nos offres exclusives. </div>
    <div class="newslatter__error desc font-weight--600 color--white mt-3">
    </div>
    <div class="d-flex align-items-center justify-content-between mt-3">
      <input type="email" name="email" class="font-weight--300 " placeholder="E-MAIL">
      <input type="hidden" value="Adresse e-mail invalide" name="requiredtext_email">
      <input type="hidden" value="true" name="required_email">
      <input type="hidden" value="true" name="unq_email">
      <button type="submit" class="button btn--type-2">ENVOYER </button>
    </div>
    <div class="chk-input mt-3">
      <div class="icheckbox" style="position: relative;"><input type="checkbox" name="required_checkbox" value="true" class="custom-option" id="new-chk-footer"
          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
      <input type="hidden" value="true" name="required_checkbox">
      <label class="color--white" for="new-chk-footer">J'ai lu et j'accepte la &nbsp; <u>
        <a href="/fr/politique-de-confidentialite" title="Politique de confidentialité">Politique de confidentialité
        </a>
      </u>
      </label>
    </div>
  </div>
  <input type="hidden" name="returnUrl" value="">
</form>

POST /fr/form/submit.ciqra?id=2

<form action="/fr/form/submit.ciqra?id=2" data-ajax="true" data-ajax-method="POST" data-ajax-url="/fr/form/submit.ciqra?id=2" data-ajax-complete="FormComplete" id="form_2" method="post" enctype="multipart/form-data" autocomplete="off"
  data-form-wizard="">
  <div class="newslatter">
    <div class="title ff--campton font-weight--bold">Rejoignez Notre Club Privilège </div>
    <div class="font-weight--300 mt-3 font-size--13">Abonnez-vous à notre newsletter pour être les premiers au courant de nos nouveautés et de nos offres exclusives. </div>
    <div class="newslatter__error desc font-weight--600 color--white mt-3">
    </div>
    <div class="d-flex align-items-center justify-content-between mt-3">
      <input type="email" name="email" class="font-weight--300 " placeholder="E-MAIL">
      <input type="hidden" value="Adresse e-mail invalide" name="requiredtext_email">
      <input type="hidden" value="true" name="required_email">
      <input type="hidden" value="true" name="unq_email">
      <button type="submit" class="button btn--type-2">ENVOYER </button>
    </div>
    <div class="chk-input mt-3">
      <div class="icheckbox" style="position: relative;"><input type="checkbox" name="required_checkbox" value="true" class="custom-option" id="new-chk-footer"
          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper"
          style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
      <input type="hidden" value="true" name="required_checkbox">
      <label class="color--white" for="new-chk-footer">J'ai lu et j'accepte la &nbsp; <u>
        <a href="/fr/politique-de-confidentialite" title="Politique de confidentialité">Politique de confidentialité
        </a>
      </u>
      </label>
    </div>
  </div>
  <input type="hidden" name="returnUrl" value="">
</form>

POST /fr/form/submit.ciqra?id=4

<form action="/fr/form/submit.ciqra?id=4" data-ajax="true" data-ajax-method="POST" data-ajax-url="/fr/form/submit.ciqra?id=4" data-ajax-complete="FormCompleteFranchisee" id="form_4" method="post" enctype="multipart/form-data" autocomplete="off"
  data-form-wizard="">
  <div class="dfc inputwrap" data-element="label" id="item-2239521755033">
    <div class="form-input__holder">
      <input type="text" name="Name" class="form-control" data-validation="letter" placeholder="Nom">
      <input type="hidden" value="true" name="required_Name">
      <input type="hidden" value="Veuillez saisir votre nom et votre prénom." name="requiredtext_Name">
    </div>
    <div class="form-input__holder">
      <input type="text" name="Surname" class="form-control" data-validation="letter" placeholder="Prénom">
      <input type="hidden" value="true" name="required_Surname">
      <input type="hidden" value="Veuillez saisir votre nom et votre prénom." name="requiredtext_Surname">
    </div>
    <div class="form-input__holder">
      <input type="email" name="Email" class="form-control" data-validation="email" placeholder="E-MAIL">
      <input type="hidden" value="true" name="required_Email">
      <input type="hidden" value="true" name="unq_email">
      <input type="hidden" value="Veuillez saisir l'e-mail." name="requiredtext_Email">
    </div>
    <div class="inputwrap d-flex flex-row-reverse">
      <div class="g-recaptcha" data-sitekey="6LcwPE0nAAAAAPDBrHg7uYM-gBLecow0V-Jt3b7N">
        <div style="width: 304px; height: 78px;">
          <div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-re08tp6yudk4" frameborder="0" scrolling="no"
              sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
              src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6LcwPE0nAAAAAPDBrHg7uYM-gBLecow0V-Jt3b7N&amp;co=aHR0cHM6Ly93d3cuY2FmZWNvdG9uLmNvbTo0NDM.&amp;hl=fr&amp;v=DH3nyJMamEclyfe-nztbfV8S&amp;size=normal&amp;cb=lpo65mfpqryu"></iframe>
          </div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response"
            style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
        </div><iframe style="display: none;"></iframe>
      </div>
    </div>
    <input type="hidden" name="Code">
    <input type="hidden" name="Using">
    <button class="button btn--type-3 mt-3 w-100" type="submit" id="sendForm">ENVOYER </button>
  </div>
  <input type="hidden" name="returnUrl" value="">
</form>

Text Content

MON PANIER X

Vous n'avez aucun article dans votre panier.

...


2 articles achetés = 2 articles offerts

Livraison offerte dans l'Union Européenne à partir de 250€ d'achat

OASIS ESTIVAL

2 articles achetés = 2 articles offerts

Livraison offerte dans l'Union Européenne à partir de 250€ d'achat

OASIS ESTIVAL

2 articles achetés = 2 articles offerts



 * FR - €
    * EN
    * FR
    * DE
    * IT
    * ES
    * NL

 * TROUVER UN MAGASIN

Cafe Coton
 * CHEMISES HOMME
    * STYLES
      * Chemises business
      * Chemises casual
      * Chemises manches courtes
      * Chemises col boutonné
      * Chemises petit col
      * Chemises col mao
      * Chemises à gorge cachée
      * Chemises poignets mousquetaires
      * Chemises luxe
      * Chemises mariage
      * Chemises bio
    * COUPE
      * Chemises slim
      * Chemises classiques
      * Grandes longueurs
   
    * EXPLORER
      * Nouveautés
      * Oasis estival
      * Les iconiques
      * Edition limitée
    * ESSENTIELS
      * Chemises en lin
      * Chemises en seersucker
      * Chemises en jean
      * Chemises polo
      * Chemises light and soft
      * Chemises à rayures
      * Chemises à carreaux
      * Chemises blanches
      * Chemises bleues
      * Chemise grises
   
   CHEMISES CASUAL
   CHEMISES BUSINESS
   NOUVEAUTES
   
 * BLOG
 * CHEMISES FEMME
    * ESSENTIELS
      * Chemises iconiques
      * Chemises casual
      * Chemises femme blanches
      * Chemises oversize
      * Robes chemise
      * Chemises en lin
   
    * STYLES
      * Albane
      * Coby
      * Justine
   
   CHEMISES BLANCHES
   CHEMISES EN LIN
   LES ICONIQUES
   
 * PRÊT-À-PORTER
    * SURCHEMISES HOMME
    * PULLS HOMME
    * POLOS
    * PANTALONS
    * MAILLOTS DE BAIN
    * CARDIGANS
   
   PULLS
   PANTALONS
   SURCHEMISE HOMME
   
 * ACCESSOIRES
    * CRAVATES
    * CEINTURES
    * CALEÇONS
    * CHAUSSETTES HOMME
    * BOUTONS DE MANCHETTES
   
   CRAVATES
   CEINTURES
   CHAUSSETTES

 * 
 * 
   S’identifier
   Créer un compte
   SE CONNECTER
   Mot de passe oublié ?
   *Exigée
 * 0


Cafe Coton
 * 
 * 0

Se Connecter
S’Inscrire
 * CHEMISES HOMME
   * VOIR TOUT
   * STYLES
   * Chemises Homme
   * Chemises Business
   * Chemises Casual
   * Chemises Manches Courtes
   * Chemises Col Boutonné
   * Chemises Petit Col
   * Chemises Col Mao
   * Chemises À Gorge Cachée
   * Chemises Poignets Mousquetaires
   * Chemises Luxe
   * Chemises Mariage
   * Chemises Bio
   * COUPE
   * Chemises Slim
   * Chemises Classiques
   * Grandes Longueurs
   * EXPLORER
   * Nouveautés
   * Oasis Estival
   * Les Iconiques
   * Edition Limitée
   * ESSENTIELS
   * Chemises En Lin
   * Chemises En Seersucker
   * Chemises En Jean
   * Chemises Polo
   * Chemises Light And Soft
   * Chemises À Rayures
   * Chemises À Carreaux
   * Chemises Blanches
   * Chemises Bleues
   * Chemise Grises
 * CHEMISES FEMME
   * VOIR TOUT
   * ESSENTIELS
   * Chemises Iconiques
   * Chemises Casual
   * Chemises Femme Blanches
   * Chemises Oversize
   * Robes Chemise
   * Chemises En Lin
   * STYLES
   * Albane
   * Coby
   * Justine
 * PRÊT-À-PORTER
   * Surchemises Homme
   * Pulls homme
   * Polos
   * Pantalons
   * Maillots De Bain
   * Cardigans
 * ACCESSOIRES
   * Cravates
   * Ceintures
   * Caleçons
   * Chaussettes Homme
   * Boutons De Manchettes

 * Préférés
 * Nos boutiques
 * Aides & Services
   * FAQ
   * Délais d'expédition
   * Où en est ma commande ?
   * Échange dans les boutiques paris-idf
   * Retour & remboursement
 * La Marque
   * Blog
   * Notre histoire
   * Notre ligne organic
   * Nos boutiques
 * Langue
   * EN
   * FR
   * DE
   * IT
   * ES
   * NL
 * Statut de la commande

 1. Accueil
 2. Chemises Homme
 3. Chemises en Lin


CHEMISES EN LIN


VOYAGEZ L’ESPRIT LÉGER AVEC NOTRE NOUVELLE COLLECTION DE CHEMISES EN LIN.
AUTHENTIQUE ET NATURELLE, ELLE VOUS FERA PLONGER VERS L’ÉTÉ AVEC UNE DOUCEUR
INIMITABLE…

2 articles achetés = 2 articles offerts


CHEMISETTES


COL MAO


COL POLO

2 articles achetés = 2 articles offerts
COUPE

CINTREE

CLASSIQUE

CUSTOM FIT
TAILLE
 * 
   37
 * 
   38
 * 
   39
 * 
   40
 * 
   41
 * 
   42
 * 
   S
 * 
   M
 * 
   L

 * 
   XL
 * 
   XXL

COULEUR

BLANC

BLEU ROI

BRIQUE

ECRU

FUSHIA

JEAN

KAKI

MARRON

MARINE

BLEU

CIEL

BEIGE

JAUNE

TURQUOISE

ANTHRACITE
PLUS DE FILTRE

PRIX DÉCROISSANT PRIX CROISSANT A-Z Z-A TRIER PAR PRIX
FILTRER
COUPE

CINTREE

CLASSIQUE

CUSTOM FIT
TAILLE
 * 
   37
 * 
   38
 * 
   39
 * 
   40
 * 
   41
 * 
   42
 * 
   S
 * 
   M
 * 
   L

 * 
   XL
 * 
   XXL

COULEUR

BLANC

BLEU ROI

BRIQUE

ECRU

FUSHIA

JEAN

KAKI

MARRON

MARINE

BLEU

CIEL

BEIGE

JAUNE

TURQUOISE

ANTHRACITE
COL

BOUTONNÉ

CASUAL

ITALIEN

MAO
MANCHE

COURTE

STANDARD
MOTIF

IMPRIMÉS

RAYURES
Chemise popover Kurt indigo
130 €
 /  65 € MULTIBUY
Chemise cintrée Stuart en lin à motif floral
130 €
 /  65 € MULTIBUY
Chemise Olaf en lin fuchsia
130 €
 /  65 € MULTIBUY
Chemise Oscar en lin à motif tartan
130 €
 /  65 € MULTIBUY
Chemise cintrée Sully en lin à motif floral
130 €
 /  65 € MULTIBUY
Chemise safari Olaf sable
130 €
 /  65 € MULTIBUY
Chemise Paddy en lin kaki à motif tartan
130 €
 /  65 € MULTIBUY
Chemise cintrée Spike en lin kaki à motif floral
130 €
 /  65 € MULTIBUY
Chemise Paddy en lin ciel à motif tartan
130 €
 /  65 € MULTIBUY
Chemise Ray en lin à rayures
130 €
 /  65 € MULTIBUY
Chemise Ron en lin à rayures ciel
130 €
 /  65 € MULTIBUY
Chemise cintrée Olaf en lin bleu
130 €
 /  65 € MULTIBUY
Chemise popover Kurt ciel
130 €
 /  65 € MULTIBUY
Chemise Percy en lin à motif tartan
130 €
 /  65 € MULTIBUY
Chemise col mao Kurt en lin ciel
130 €
 /  65 € MULTIBUY
Chemise Robby en lin à rayures
130 €
 /  65 € MULTIBUY
Chemise Phil en lin sable à motif tartan
130 €
 /  65 € MULTIBUY
Chemise cintrée Olaf en lin indigo
130 €
 /  65 € MULTIBUY
Chemise Olaf en lin abricot
130 €
 /  65 € MULTIBUY
Chemise Sean en lin à motif floral
130 €
 /  65 € MULTIBUY
Chemise cintrée col mao Kurt en lin ciel
130 €
 /  65 € MULTIBUY
Chemise popover Olaf en lin sable
130 €
 /  65 € MULTIBUY
Chemise popover Olaf en lin bleu
130 €
 /  65 € MULTIBUY
Chemise Olaf en lin sable
130 €
 /  65 € MULTIBUY


































1 - 24 articles 58


VOIR 24 ARTICLES DE PLUS


AVEC QUOI PORTER LA CHEMISE EN LIN?

La chemise en lin est un vêtement léger et respirant, parfait pour les journées
chaudes. Voici quelques suggestions sur avec quoi la porter pour créer des
tenues élégantes et décontractées :

 1. Shorts en lin : Associez votre chemise en lin à des shorts en lin assortis
    pour un look décontracté et confortable, idéal pour les vacances à la plage
    ou les journées estivales décontractées.

 2. Pantalon chino : Optez pour un pantalon chino de couleur neutre comme le
    beige, le kaki ou le blanc pour une tenue plus habillée tout en restant
    confortable.

 3. Jean délavé : Pour un look décontracté, mariez votre chemise en lin avec un
    jean délavé. Les jeans de couleur claire fonctionnent particulièrement bien
    avec le lin.

 4. Pantalon de lin : Pour un ensemble élégant et raffiné, vous pouvez porter
    une chemise en lin avec un pantalon de lin assorti. C'est une combinaison
    parfaite pour les occasions estivales un peu plus formelles.

 5. Jupe midi ou longue : Si vous recherchez une tenue féminine, portez votre
    chemise en lin avec une jupe midi ou longue. Choisissez des tissus légers et
    fluides pour un look estival et romantique.

 6. Veste légère : Si les soirées sont fraîches, vous pouvez superposer votre
    chemise en lin avec une veste légère en denim ou en lin pour un style
    décontracté et tendance.

 7. Espadrilles ou sandales : Pour les chaussures, optez pour des espadrilles en
    toile ou des sandales confortables pour compléter le look estival et
    décontracté.

 8. Accessoires : N'oubliez pas d'ajouter des accessoires pour personnaliser
    votre tenue. Une ceinture en cuir, des bijoux simples et un chapeau de
    paille peuvent être de bons choix pour un style estival.

N'hésitez pas à expérimenter avec les couleurs et les motifs pour créer des
tenues qui vous ressemblent et vous mettent à l'aise tout en mettant en valeur
la beauté et la légèreté de la chemise en lin.

La chemise en lin est un vêtement léger et respirant, parfait pour les journées
chaudes. Voici quelques suggestions sur avec quoi la porter pour créer des
tenues élégantes et décontractées :

 1. Shorts en lin : Associez votre chemise en lin à des shorts en lin assortis
    pour un look décontracté et confortable, idéal pour les vacances à la plage
    ou les journées estivales décontractées.

 2. Pantalon chino : Optez pour un pantalon chino de couleur neutre comme le
    beige, le kaki ou le blanc pour une tenue plus habillée tout en restant
    confortable.

 3. Jean délavé : Pour un look décontracté, mariez votre chemise en lin avec un
    jean délavé. Les jeans de couleur claire fonctionnent particulièrement bien
    avec le lin.

 4. Pantalon de lin : Pour un ensemble élégant et raffiné, vous pouvez porter
    une chemise en lin avec un pantalon de lin assorti. C'est une combinaison
    parfaite pour les occasions estivales un peu plus formelles.

 5. Jupe midi ou longue : Si vous recherchez une tenue féminine, portez votre
    chemise en lin avec une jupe midi ou longue. Choisissez des tissus légers et
    fluides pour un look estival et romantique.

 6. Veste légère : Si les soirées sont fraîches, vous pouvez superposer votre
    chemise en lin avec une veste légère en denim ou en lin pour un style
    décontracté et tendance.

 7. Espadrilles ou sandales : Pour les chaussures, optez pour des espadrilles en
    toile ou des sandales confortables pour compléter le look estival et
    décontracté.

 8. Accessoires : N'oubliez pas d'ajouter des accessoires pour personnaliser
    votre tenue. Une ceinture en cuir, des bijoux simples et un chapeau de
    paille peuvent être de bons choix pour un style estival.

N'hésitez pas à expérimenter avec les couleurs et les motifs pour créer des
tenues qui vous ressemblent et vous mettent à l'aise tout en mettant en valeur
la beauté et la légèreté de la chemise en lin.


QU'EST-CE QUI REND LES CHEMISES EN LIN DE CETTE COLLECTION SI SPÉCIALES ?

Nos chemises en lin sont conçues pour être légères et agréables à porter. Le
lin, authentique et naturel, est un tissu respirant et durable qui offre un
confort inégalé tout au long de la saison estivale. 

Nos chemises en lin sont conçues pour être légères et agréables à porter. Le
lin, authentique et naturel, est un tissu respirant et durable qui offre un
confort inégalé tout au long de la saison estivale. 


POURQUOI CHOISIR DES CHEMISES EN LIN POUR L'ÉTÉ ?

 Le lin est un choix idéal pour l'été en raison de sa capacité à réguler la
température corporelle. Il est frais au toucher et permet à l'air de circuler,
ce qui vous permet de rester à l'aise même par temps chaud. En outre, le lin est
écologique et biodégradable, ce qui en fait une option respectueuse de
l'environnement. 

 Le lin est un choix idéal pour l'été en raison de sa capacité à réguler la
température corporelle. Il est frais au toucher et permet à l'air de circuler,
ce qui vous permet de rester à l'aise même par temps chaud. En outre, le lin est
écologique et biodégradable, ce qui en fait une option respectueuse de
l'environnement. 


COMMENT DOIS-JE ENTRETENIR LES CHEMISES EN LIN POUR QU'ELLES RESTENT EN PARFAIT
ÉTAT ?

Pour préserver la beauté naturelle du lin, nous recommandons un lavage délicat à
basse température. Évitez le séchage en machine et préférez le séchage à l'air
libre pour éviter tout rétrécissement. Le lin s'assouplit et s'embellit avec le
temps, ce qui le rend encore plus précieux au fil des lavages. 

Pour préserver la beauté naturelle du lin, nous recommandons un lavage délicat à
basse température. Évitez le séchage en machine et préférez le séchage à l'air
libre pour éviter tout rétrécissement. Le lin s'assouplit et s'embellit avec le
temps, ce qui le rend encore plus précieux au fil des lavages. 


LES CHEMISES EN LIN CONVIENNENT-ELLES À DES OCCASIONS PLUS HABILLÉES ?

 Absolument ! Nos chemises en lin sont conçues pour être polyvalentes, alliant
élégance et confort. Elles peuvent être portées de manière décontractée avec un
jean ou de manière plus habillée avec un pantalon de tailleur, offrant un style
sophistiqué pour diverses occasions estivales. 

 Absolument ! Nos chemises en lin sont conçues pour être polyvalentes, alliant
élégance et confort. Elles peuvent être portées de manière décontractée avec un
jean ou de manière plus habillée avec un pantalon de tailleur, offrant un style
sophistiqué pour diverses occasions estivales. 

NOUVEAUTÉS
DÉCOUVRIR
CLUB PRIVILÈGE
DÉCOUVRIR
BOUTIQUES
DÉCOUVRIR
GET 20% OFF Layer 1
 * LIVRAISON EXPRESS
   
   Expédié sous 3 jours ouvrés

 * L'UNIVERSE
   
   Découvrez notre savoir-faire

 * SERVICE CLIENTS
   
   Contactez nous

 * NOS MAGASINS
   
   Adresses et horaires d’ouverture

Rejoignez Notre Club Privilège
Abonnez-vous à notre newsletter pour être les premiers au courant de nos
nouveautés et de nos offres exclusives.

ENVOYER

J'ai lu et j'accepte la   Politique de confidentialité
Aides & Services
 * FAQ
 * Délais d'expédition
 * Où en est ma commande ?
 * Échange dans les boutiques paris-idf
 * Retour & remboursement

Chemises Homme
 * Chemises business
 * Chemises en lin
 * Chemises light and soft
 * Chemises blanches
 * Chemises casual
 * Chemises manches courtes
 * Chemises col boutonné
 * Chemises petit col
 * Chemises col mao
 * Chemises à gorge cachée
 * Chemises mariage
 * Chemises bio
 * Chemises slim
 * Chemises classiques
 * Chemises homme xxl

Blog
Chemises Femme
 * Chemises iconiques
 * Chemises casual
 * Chemises femme blanches
 * Chemises oversize
 * Robes chemise
 * Chemises en lin
 * Chemises denim

Prêt-À-Porter
 * Surchemises homme
 * Pulls homme
 * Polos
 * Pantalons
 * Maillots de bain
 * Cardigans

Accessoires
 * Cravates
 * Ceintures
 * Caleçons
 * Chaussettes homme
 * Boutons de manchettes

Outlet
 * Cravates
 * Echarpes
 * T-Shirts
 * Maillots De Bain
 * Bermudas

La Marque
 * Blog
 * Notre histoire
 * Notre ligne organic
 * Lookbook
été 2024

Contactez Nous
 * Via notre formulaire ou par téléphone.
   Du lundi au vendredi
   9h-13h et 14h-17h
   01.55.87.79.29
   contact@cafecoton.com


Rejoignez Notre Club Privilège
Abonnez-vous à notre newsletter pour être les premiers au courant de nos
nouveautés et de nos offres exclusives.

ENVOYER

J'ai lu et j'accepte la   Politique de confidentialité

SUIVEZ-NOUS SUR LES RÉSEAUX SOCIAUX

@CAFE_COTON
FOLLOW US ON SOCIAL MEDIA

@CAFE_COTON

Powered by Reklam5

© CAFÉ COTON 2024
Termes et conditions | Politique relative aux cookies | Politique de
confidentialité | Statut de la commande
×


INSCRIVEZ-VOUS À NOTRE NEWSLETTER ET BÉNÉFICIEZ IMMÉDIATEMENT DE REMISES
EXCLUSIVES À L’OCCASION DES MEMBER DAYS


ENVOYER

CAFE COTON traite vos données personnelles afin de vous adresser sa newsletter,
qui est susceptible de comprendre des messages de prospection commerciale. Vous
disposez de droits sur vos données. Pour en savoir plus, consultez notre
Politique de confidentialité.




Salut c'est nous...les Cookies !

On les utilise pour mesurer l'audience mais surtout pour vous proposer un
contenu qui vous intéresse vraiment dont de temps en temps de la publicité.
Libre à vous d'accepter ce que vous voulez autoriser.

À quoi servent ces cookies :
 * Statistiques et audience
 * Pour info...
 * Autres traceurs
 * Statistiques et audience
 * Cookies de personnalisation du contenu
 * Performance & Monitoring

Lire la politique de confidentialité
Consentements certifiés par

Non merciJe choisisOK pour moi
Axeptio consent

Plateforme de Gestion du Consentement : Personnalisez vos Options

Notre plateforme vous permet d'adapter et de gérer vos paramètres de
confidentialité, en garantissant la conformité avec les réglementations.
Personnalisez vos préférences pour contrôler la manière dont vos informations
sont manipulées.