www.cafecoton.com
Open in
urlscan Pro
52.157.203.235
Public Scan
Submitted URL: https://t.news.cafecoton.fr/l2/7rTRplDKr3/918134/376421873.html
Effective URL: https://www.cafecoton.com/fr/chemises-homme?utm_source=NEWSLETTER&utm_medium=e-mail&utm_campaign=20102022-NEWSLETTER-NOUVE...
Submission: On May 28 via api from US — Scanned from FR
Effective URL: https://www.cafecoton.com/fr/chemises-homme?utm_source=NEWSLETTER&utm_medium=e-mail&utm_campaign=20102022-NEWSLETTER-NOUVE...
Submission: On May 28 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 class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="coupe" value="339" id="att-2-339" data-id="att-2-339"
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-339">EXTRA LONG </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="18" id="att-3-18" data-id="att-3-18"
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-18">43 </label>
</div>
</li>
<li>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="19" id="att-3-19" data-id="att-3-19"
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-19">44 </label>
</div>
</li>
<li>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="20" id="att-3-20" data-id="att-3-20"
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-20">45 </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="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>
<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>
<li>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="241" id="att-3-241" data-id="att-3-241"
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-241">XXXL </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="373" id="att-1-373" data-id="att-1-373"
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-373">
<i class="color-item" style="background-color:#5522a8;">
</i>
<span>DENIM </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="23" id="att-1-23" data-id="att-1-23"
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-23">
<i class="color-item" style="background-color:#f7a6f7;">
</i>
<span>ROSE </span>
</label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="22" id="att-1-22" data-id="att-1-22"
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-22">
<i class="color-item" style="background-color:#ba6ef0;">
</i>
<span>PARME </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="27" id="att-1-27" data-id="att-1-27"
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-27">
<i class="color-item" style="background-color:#c40f0f;">
</i>
<span>ROUGE </span>
</label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="29" id="att-1-29" data-id="att-1-29"
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-29">
<i class="color-item" style="background-color:#ff6a00;">
</i>
<span>ORANGE </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="243" id="att-1-243" data-id="att-1-243"
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-243">
<i class="color-item" style="background-color:#216917;">
</i>
<span>VERT </span>
</label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="26" id="att-1-26" data-id="att-1-26"
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-26">
<i class="color-item" style="background-color:#8c8c8c;">
</i>
<span>GRIS </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 class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="3" id="att-1-3" data-id="att-1-3"
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-3">
<i class="color-item" style="background-color:#000000;">
</i>
<span>NOIR </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-0bv8" tabindex="-1" aria-hidden="true">
<option selected="" data-select2-id="select2-data-3-ha76">
</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-1uew" 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-2i1d-container"
aria-controls="select2-2i1d-container"><span class="select2-selection__rendered" id="select2-2i1d-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 class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="coupe" value="339" id="att-2-339" data-id="att-2-339"
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-339">EXTRA LONG </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="18" id="att-3-18" data-id="att-3-18"
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-18">43 </label>
</div>
</li>
<li>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="19" id="att-3-19" data-id="att-3-19"
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-19">44 </label>
</div>
</li>
<li>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="20" id="att-3-20" data-id="att-3-20"
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-20">45 </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="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>
<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>
<li>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="taille" value="241" id="att-3-241" data-id="att-3-241"
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-241">XXXL </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="373" id="att-1-373" data-id="att-1-373"
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-373">
<i class="color-item" style="background-color:#5522a8;">
</i>
<span>DENIM </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="23" id="att-1-23" data-id="att-1-23"
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-23">
<i class="color-item" style="background-color:#f7a6f7;">
</i>
<span>ROSE </span>
</label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="22" id="att-1-22" data-id="att-1-22"
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-22">
<i class="color-item" style="background-color:#ba6ef0;">
</i>
<span>PARME </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="27" id="att-1-27" data-id="att-1-27"
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-27">
<i class="color-item" style="background-color:#c40f0f;">
</i>
<span>ROUGE </span>
</label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="29" id="att-1-29" data-id="att-1-29"
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-29">
<i class="color-item" style="background-color:#ff6a00;">
</i>
<span>ORANGE </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="243" id="att-1-243" data-id="att-1-243"
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-243">
<i class="color-item" style="background-color:#216917;">
</i>
<span>VERT </span>
</label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="26" id="att-1-26" data-id="att-1-26"
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-26">
<i class="color-item" style="background-color:#8c8c8c;">
</i>
<span>GRIS </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 class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="couleur" value="3" id="att-1-3" data-id="att-1-3"
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-3">
<i class="color-item" style="background-color:#000000;">
</i>
<span>NOIR </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 class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="col" value="40" id="att-4-40" data-id="att-4-40"
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-40">PETIT </label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="col" value="37" id="att-4-37" data-id="att-4-37"
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-37">SEMI ITALIEN </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="49" id="att-6-49" data-id="att-6-49"
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-49">CARREAUX </label>
</div>
<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 class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="motif" value="359" id="att-6-359" data-id="att-6-359"
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-359">TARTANS </label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="motif" value="47" id="att-6-47" data-id="att-6-47"
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-47">UNIS </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')">POIGNET </div>
<div class="filter-section-item__body">
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="poignet" value="52" id="att-7-52" data-id="att-7-52"
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-7-52">MOUSQUETAIRE </label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="poignet" value="51" id="att-7-51" data-id="att-7-51"
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-7-51">SIMPLE </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')">LIGNE </div>
<div class="filter-section-item__body">
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="ligne" value="53" id="att-8-53" data-id="att-8-53"
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-8-53">EXCLUSIVE </label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="ligne" value="54" id="att-8-54" data-id="att-8-54"
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-8-54">SELECTION </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')">TISSAGE </div>
<div class="filter-section-item__body">
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="tissage" value="65" id="att-9-65" data-id="att-9-65"
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-9-65">CHEVRON </label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="tissage" value="366" id="att-9-366" data-id="att-9-366"
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-9-366">FLANELLE </label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="tissage" value="365" id="att-9-365" data-id="att-9-365"
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-9-365">GABARDINE </label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="tissage" value="66" id="att-9-66" data-id="att-9-66"
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-9-66">LIN </label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="tissage" value="60" id="att-9-60" data-id="att-9-60"
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-9-60">NATTÉ </label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="tissage" value="343" id="att-9-343" data-id="att-9-343"
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-9-343">NID D'ABEILLE </label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="tissage" value="63" id="att-9-63" data-id="att-9-63"
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-9-63">OXFORD </label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="tissage" value="64" id="att-9-64" data-id="att-9-64"
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-9-64">PIN POINT </label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="tissage" value="67" id="att-9-67" data-id="att-9-67"
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-9-67">PIQUÉ </label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="tissage" value="58" id="att-9-58" data-id="att-9-58"
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-9-58">POPELINE </label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="tissage" value="68" id="att-9-68" data-id="att-9-68"
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-9-68">SEERSUCKER </label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="tissage" value="69" id="att-9-69" data-id="att-9-69"
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-9-69">TEXTURÉ </label>
</div>
<div class="check-input">
<div class="icheckbox" style="position: relative;"><input type="checkbox" class="custom-option" name="tissage" value="62" id="att-9-62" data-id="att-9-62"
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-9-62">TWILL </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>
<style type="text/css">
#highlighted-slider .owl-nav .disabled {
display: none;
}
</style>
<div class="custom-container mt-3 mx-auto p-lg-3 px-4 d-lg-block d-none">
<div class="row">
<div class="col-12 sm-p-0">
<fieldset class="scheduler-border">
<legend class="scheduler-border ff--lora font-size--18">Notre Selection Chemises Homme </legend>
<div class="custom-container">
<div class="owl-carousel black-nav negative-nav max-1920 black-dot ml-0 mr-0 mt-3 w-100 owl-loaded owl-drag" id="highlighted-slider">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 761px;">
<div class="owl-item active" style="width: 350.305px; margin-right: 30px;">
<div class="item">
<div class="product-item hover-second-img">
<a href="/fr/chemise-brien-en-twill-blanc-33ls-brien-1">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-brien-1-h23_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-brien-1-h23_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Brien en twill blanc">
</picture>
<div class="product-hover-image ml-1">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-brien-1-h23_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-brien-1-h23_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Brien en twill blanc">
</picture>
</div>
</div>
</a>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise Brien en twill blanc </span>
</div>
<div class="price-area d-md-flex mt-2">
<div class="price mr-2">
<span class="font-weight--600 ">100 € </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"> / </span>
<span class="price color--burgundy color--type-6 font-weight--500"> 50 € MULTIBUY </span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 350.305px; margin-right: 30px;">
<div class="item">
<div class="product-item hover-second-img">
<a href="/fr/chemise-cody-en-lin-kaki-122ls-cody-9">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122ls-cody-9-e23_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122ls-cody-9-e23_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Cody en lin kaki">
</picture>
<div class="product-hover-image ml-1">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122ls-cody-9-e23_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122ls-cody-9-e23_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Cody en lin kaki">
</picture>
</div>
</div>
</a>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise Cody en lin kaki </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"> / </span>
<span class="price color--burgundy color--type-6 font-weight--500"> 65 € MULTIBUY </span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev disabled"><span class="left"></span></button><button type="button" role="presentation" class="owl-next disabled"><span
class="right"></span></button></div>
<div class="owl-dots disabled"><button role="button" class="owl-dot active"><span></span></button></div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
<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="16384">
<div class="product-item ">
<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>
<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"> /
</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="16620">
<div class="product-item ">
<a href="/fr/chemise-erwin-indigo-33ls-erwin-5-224">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-erwin-5-e24_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-erwin-5-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Erwin indigo ">
</picture>
<div class="product-hover-image ml-1">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-erwin-5-e24_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-erwin-5-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Erwin indigo ">
</picture>
</div>
</div>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise Erwin indigo
</span>
</div>
<div class="price-area d-md-flex mt-2">
<div class="price mr-2">
<span class="font-weight--600 ">110 €
</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"> /
</span>
<span class="price color--burgundy color--type-6 font-weight--500">
55 € 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="16393">
<div class="product-item ">
<a href="/fr/chemise-spike-en-lin-kaki-a-motif-floral-122lscas-spike-9-224">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-spike-9-e24_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-spike-9-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise 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-spike-9-e24_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-spike-9-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Spike en lin kaki à motif floral ">
</picture>
</div>
</div>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise 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"> /
</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="16452">
<div class="product-item ">
<a href="/fr/chemise-col-mao-kurt-en-lin-ciel-123ls-kurt-3-224">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-123ls-kurt-3-e24_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-123ls-kurt-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-kurt-3-e24_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-123ls-kurt-3-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise col mao Kurt en lin ciel ">
</picture>
</div>
</div>
<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"> /
</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="16394">
<div class="product-item ">
<a href="/fr/chemise-stuart-en-lin-a-motif-floral-122lscas-stuart-9-224">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-stuart-9-e24_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-stuart-9-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise 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-stuart-9-e24_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-stuart-9-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Stuart en lin à motif floral ">
</picture>
</div>
</div>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise 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"> /
</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="16478">
<div class="product-item ">
<a href="/fr/chemise-scali-en-gabardine-terracotta-serie-limitee-191ls-scali-30-224">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-191ls-scali-30-e24_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-191ls-scali-30-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Scali en gabardine terracotta - Série limitée">
</picture>
<div class="product-hover-image ml-1">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-191ls-scali-30-e24_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-191ls-scali-30-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Scali en gabardine terracotta - Série limitée">
</picture>
</div>
</div>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise Scali en gabardine terracotta - Série limitée
</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"> /
</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="16653">
<div class="product-item ">
<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>
<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"> /
</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="16377">
<div class="product-item ">
<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>
<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"> /
</span>
<span class="price color--burgundy color--type-6 font-weight--500">
65 € MULTIBUY
</span>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="col-12">
<div class="row">
<div class="col-12 col-md-6">
<div class="row clearfix">
<div class="lazy-item col-6 col-xl-6 mb-3 mb-lg-5 mcc" data-id="16589">
<div class="product-item hover-second-img" data-aos="fade-in">
<a href="/fr/chemise-billy-a-rayures-marine-33ls-billy-5-224">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-billy-5-e24_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-billy-5-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Billy à rayures marine ">
</picture>
<div class="product-hover-image ml-1">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-billy-5-e24_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-billy-5-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Billy à rayures marine ">
</picture>
</div>
</div>
</a>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise Billy à rayures marine </span>
</div>
<div class="price-area d-md-flex mt-2">
<div class="price mr-2">
<span class="font-weight--600 ">110 € </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"> / </span>
<span class="price color--burgundy color--type-6 font-weight--500"> 55 € MULTIBUY </span>
</div>
</div>
</div>
</div>
</div>
<div class="lazy-item col-6 col-xl-6 mb-3 mb-lg-5 mcc" data-id="8129">
<div class="product-item hover-second-img" data-aos="fade-in">
<a href="/fr/chemise-en-pin-point-blanc-33ls-pin-point-1">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-pin-point-1-e24_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-pin-point-1-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise en pin point blanc">
</picture>
<div class="product-hover-image ml-1">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-pin-point-1-e24_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-pin-point-1-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise en pin point blanc">
</picture>
</div>
</div>
</a>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise en pin point blanc </span>
</div>
<div class="price-area d-md-flex mt-2">
<div class="price mr-2">
<span class="font-weight--600 ">100 € </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"> / </span>
<span class="price color--burgundy color--type-6 font-weight--500"> 50 € MULTIBUY </span>
</div>
</div>
</div>
</div>
</div>
<div class="lazy-item col-6 col-xl-6 mb-3 mb-lg-5 mcc" data-id="16596">
<div class="product-item hover-second-img" data-aos="fade-in">
<a href="/fr/chemise-carlton-a-carreaux-bleus-33ls-carlton-4-224">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-carlton-4-e24_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-carlton-4-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Carlton à carreaux bleus ">
</picture>
<div class="product-hover-image ml-1">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-carlton-4-e24_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-carlton-4-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Carlton à carreaux bleus ">
</picture>
</div>
</div>
</a>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise Carlton à carreaux bleus </span>
</div>
<div class="price-area d-md-flex mt-2">
<div class="price mr-2">
<span class="font-weight--600 ">110 € </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"> / </span>
<span class="price color--burgundy color--type-6 font-weight--500"> 55 € MULTIBUY </span>
</div>
</div>
</div>
</div>
</div>
<div class="lazy-item col-6 col-xl-6 mb-3 mb-lg-5 mcc" data-id="16627">
<div class="product-item hover-second-img" data-aos="fade-in">
<a href="/fr/chemise-oleg-a-carreaux-bleus-33ls-oleg-4-224">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-oleg-4-e24_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-oleg-4-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Oleg à carreaux bleus">
</picture>
<div class="product-hover-image ml-1">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-oleg-4-e24_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-oleg-4-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Oleg à carreaux bleus">
</picture>
</div>
</div>
</a>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise Oleg à carreaux bleus </span>
</div>
<div class="price-area d-md-flex mt-2">
<div class="price mr-2">
<span class="font-weight--600 ">110 € </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"> / </span>
<span class="price color--burgundy color--type-6 font-weight--500"> 55 € MULTIBUY </span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 mb-3" data-aos="fade-in">
<style type="text/css">
.promo-image-title {
font-size: 4rem !important;
}
.promo-image-text {
font-size: 3rem !important;
}
.promo-text-color {
color: #ffffff !important;
}
.promo-title-color {
color: #ffffff !important;
}
@media (max-width: 767.98px) {
.promo-image-title {
font-size: 2rem !important;
}
}
@media (max-width: 767.98px) {
.promo-image-text {
font-size: 1.5rem !important;
}
}
</style>
<a href="/fr" class="box-link">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/845x-1/chemise-homme-promo-banner_o0eofgwmrj.jpg?format=webP">
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/845x-1/chemise-homme-promo-banner_o0eofgwmrj.jpg">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/845x-1/chemise-homme-promo-banner_o0eofgwmrj.jpg" class="w-100 d-block" alt="Chemises Homme">
</picture>
<div class="text flex-column">
<div class="bl-title promo-image-title promo-title-color ff-lora ">
NOUVELLE COLLECTION
</div>
<br>
<p class="promo-image-text promo-text-color ff-lora ">
2 articles achetés = 2 articles offerts
</p>
</div>
</a>
</div>
</div>
</div>
<div class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5" data-id="16264">
<div class="product-item hover-second-img">
<a href="/fr/chemise-hugh-en-seersucker-bleu-col-boutonne-11nbls-hugh-4-224">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-11nbls-hugh-4-e24_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-11nbls-hugh-4-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Hugh en seersucker bleu - Col Boutonné">
</picture>
<div class="product-hover-image ml-1">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-11nbls-hugh-4-e24_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-11nbls-hugh-4-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Hugh en seersucker bleu - Col Boutonné">
</picture>
</div>
</div>
</a>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise Hugh en seersucker bleu - Col Boutonné </span>
</div>
<div class="price-area d-md-flex mt-2">
<div class="price mr-2">
<span class="font-weight--600 ">110 € </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"> / </span>
<span class="price color--burgundy color--type-6 font-weight--500"> 55 € 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="16382">
<div class="product-item hover-second-img">
<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>
</a>
<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"> / </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="16476">
<div class="product-item hover-second-img">
<a href="/fr/chemise-keegan-en-denim-serie-limitee-191ls-keegan-3-224">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-191ls-keegan-3-e24_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-191ls-keegan-3-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Keegan en denim - Série limitée">
</picture>
<div class="product-hover-image ml-1">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-191ls-keegan-3-e24_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-191ls-keegan-3-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Keegan en denim - Série limitée">
</picture>
</div>
</div>
</a>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise Keegan en denim - Série limitée </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"> / </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="16412">
<div class="product-item hover-second-img">
<a href="/fr/chemise-kerry-bleue-122lssoft-kerry-4-224">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lssoft-kerry-4-e24_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lssoft-kerry-4-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Kerry bleue">
</picture>
<div class="product-hover-image ml-1">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lssoft-kerry-4-e24_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lssoft-kerry-4-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Kerry bleue">
</picture>
</div>
</div>
</a>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise Kerry bleue </span>
</div>
<div class="price-area d-md-flex mt-2">
<div class="price mr-2">
<span class="font-weight--600 ">120 € </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"> / </span>
<span class="price color--burgundy color--type-6 font-weight--500"> 60 € 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="16380">
<div class="product-item hover-second-img">
<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>
</a>
<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"> / </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="16368">
<div class="product-item hover-second-img">
<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>
</a>
<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"> / </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="16354">
<div class="product-item hover-second-img">
<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>
</a>
<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"> / </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="16372">
<div class="product-item hover-second-img">
<a href="/fr/chemise-olaf-en-lin-jaune-122lscas-olaf-31-224">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-olaf-31-e24_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-olaf-31-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise Olaf en lin jaune">
</picture>
<div class="product-hover-image ml-1">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-olaf-31-e24_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-122lscas-olaf-31-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise Olaf en lin jaune">
</picture>
</div>
</div>
</a>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise Olaf en lin jaune </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"> / </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="8200">
<div class="product-item hover-second-img">
<a href="/fr/chemise-cintree-menthon-a-rayures-marine-33ls-slim-menthon-5">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-slim-menthon-5-e24_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-slim-menthon-5-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise cintrée Menthon à rayures marine">
</picture>
<div class="product-hover-image ml-1">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-slim-menthon-5-e24_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-slim-menthon-5-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise cintrée Menthon à rayures marine">
</picture>
</div>
</div>
</a>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise cintrée Menthon à rayures marine </span>
</div>
<div class="price-area d-md-flex mt-2">
<div class="price mr-2">
<span class="font-weight--600 ">100 € </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"> / </span>
<span class="price color--burgundy color--type-6 font-weight--500"> 50 € 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="16488">
<div class="product-item hover-second-img">
<a href="/fr/chemise-cintree-alvin-en-natte-rose-33ls-slim-alvin-6-224">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-slim-alvin-6-e24_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-slim-alvin-6-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise cintrée Alvin en natté rose ">
</picture>
<div class="product-hover-image ml-1">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-slim-alvin-6-e24_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-slim-alvin-6-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise cintrée Alvin en natté rose ">
</picture>
</div>
</div>
</a>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise cintrée Alvin en natté rose </span>
</div>
<div class="price-area d-md-flex mt-2">
<div class="price mr-2">
<span class="font-weight--600 ">110 € </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"> / </span>
<span class="price color--burgundy color--type-6 font-weight--500"> 55 € 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="9799">
<div class="product-item hover-second-img">
<a href="/fr/chemise-cintree-en-mille-raies-ciel-33ls-slim-mille-raies-3">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-slim-mille-raies-3-e24_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-slim-mille-raies-3-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise cintrée en mille raies ciel">
</picture>
<div class="product-hover-image ml-1">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-slim-mille-raies-3-e24_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-slim-mille-raies-3-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise cintrée en mille raies ciel">
</picture>
</div>
</div>
</a>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise cintrée en mille raies ciel </span>
</div>
<div class="price-area d-md-flex mt-2">
<div class="price mr-2">
<span class="font-weight--600 ">100 € </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"> / </span>
<span class="price color--burgundy color--type-6 font-weight--500"> 50 € 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="16495">
<div class="product-item hover-second-img">
<a href="/fr/chemise-cintree-barry-a-rayures-marine-33ls-slim-barry-5-224">
<div class="product-thumbnail hover-second-img">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-slim-barry-5-e24_3.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-slim-barry-5-e24_3.jpeg" class="d-block img-fluid w-100 showcase-img" alt="Chemise cintrée Barry à rayures marine">
</picture>
<div class="product-hover-image ml-1">
<picture>
<source srcset="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-slim-barry-5-e24_2.jpeg?format=webP" type="image/webp">
<img src="https://cdn.cafecoton.com/Delivery/Public/Image/600x-1/pr-33ls-slim-barry-5-e24_2.jpeg" class="d-block img-fluid w-100 hover-img" alt="Chemise cintrée Barry à rayures marine">
</picture>
</div>
</div>
</a>
<div class="text">
<div class="product-item__title" itemprop="name">
<span class="d-block">Chemise cintrée Barry à rayures marine </span>
</div>
<div class="price-area d-md-flex mt-2">
<div class="price mr-2">
<span class="font-weight--600 ">110 € </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"> / </span>
<span class="price color--burgundy color--type-6 font-weight--500"> 55 € 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="16383" 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="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="16270" 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="16480" 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="16456" 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="16261" 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="9836" 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="16509" 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="16489" 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="8214" 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="16654" 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="16408" 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="16272" 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="16268" 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="9755" 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="16603" 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="8117" 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="9556" 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="16513" 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="16388" 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="16390" 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="16477" 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="16410" 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="16269" 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="16391" 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="16554" 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="9559" 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="16610" 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="15731" 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="16265" 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="16381" 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="16267" 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="16411" 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="16622" 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="16414" 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="8132" 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="16562" 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="16604" 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="15732" 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="16457" 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="16260" 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="15401" 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="16263" 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="16624" 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="16514" 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="16266" 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="16582" 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="9744" 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="8115" 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="9750" 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="16479" 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="16271" 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="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="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="16385" 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="16409" 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="8209" 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="16505" 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="9850" 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="16508" 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="16413" 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="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="16310" 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="16283" 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="16257" 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="9764" 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="8271" 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="16637" 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="8257" 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="16220" 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 class="lazy-item col-6 col-md-3 col-xl-3 grid-system mcc mb-lg-5 noPreview" data-id="16524" 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="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="16453" 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="16528" 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="16502" 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="15649" 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="16632" 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="16439" 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="16651" 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="16619" 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="16251" 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="16218" 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="16219" 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="16348" 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="16561" 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="16593" 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="9804" 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="16640" 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="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="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="16515" 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="16352" 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="16656" 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="16353" 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="16642" 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="8266" 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="16679" 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="16224" 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="16522" 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="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="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="16256" 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="16329" 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="16331" 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="16333" 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="16335" 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="16332" 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="16330" 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="16334" 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="16328" 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="16567" 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="15674" 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="16573" 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="16672" 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="15728" 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="16678" 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="16645" 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="16324" 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="16326" 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="16325" 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="16327" 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="16525" 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="16323" 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="16483" 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="16233" 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="16235" 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="16237" 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="16241" 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="16242" 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="16244" 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="16248" 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="8019" 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="16259" 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="8025" 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="16273" 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="8034" 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="8038" 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="8039" 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="16203" 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="8057" 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="16221" 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="8069" 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="16275" 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="16289" 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="16297" 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="16304" 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="16306" 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="16312" 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="16316" 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="16317" 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="16319" 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="8032" 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="8036" 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="8046" 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="8049" 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="8096" 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="8205" 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="8207" 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="8298" 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="8323" 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="8327" 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="9691" 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="9693" 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="9699" 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="9708" 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="9742" 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="9751" 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="9762" 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="9817" 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="9832" 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="9834" 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="9871" 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="11371" 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="11374" 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="11394" 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="11396" 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="11402" 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="11404" 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="11417" 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="9761" 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="8314" 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="8297" 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="8212" 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="11717" 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="11853" 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="8148" 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="14111" 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="14122" 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="14124" 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="14131" 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="14132" 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="14133" 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="14322" 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="9741" 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="14978" 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="14973" 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="15443" 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="15453" 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="15480" 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="15485" 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="15500" 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="15513" 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="15517" 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="15526" 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="15554" 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="15559" 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="15566" 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="15653" 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="15373" 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="15942" 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="11782" 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="15545" 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="15548" 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="16258" 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="16344" 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="16468" 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="16470" 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="16474" 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="16493" 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="16494" 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="16496" 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="16497" 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="16498" 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="16506" 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="16507" 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="16510" 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="16511" 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="16523" 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="16526" 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="16529" 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="16556" 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="16559" 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="16560" 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="16565" 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="16570" 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="16576" 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="16577" 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="16583" 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="16585" 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="16587" 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="16588" 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="16594" 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="16601" 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="16602" 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="16605" 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="16606" 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="16616" 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="16617" 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="16621" 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="16623" 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="16625" 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="16628" 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="16634" 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="16635" 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="16636" 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="16638" 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="16641" 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="16647" 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="16648" 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="16658" 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="16671" 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="16682" 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="16684" 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="16686" 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="16687" 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="16712" 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="16713" 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="16714" 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="16720" 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="16730" 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="16734" 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="16767" 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="16775" 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="16777" 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="16780" 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="16803" 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="16804" 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="16805" 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="16812" 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="16823" 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="16826" 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="16827" 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="16828" 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="16830" 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="16832" 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="16691" 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="16768" 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="16824" 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="16822" 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="16905" 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="16906" 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="16908" 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="16909" 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="16910" 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="16911" 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="16912" 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="16913" 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="16914" 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="16916" 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="16917" 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="16918" 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="16907" 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="16252" 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="">348</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 <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 <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-kucjzsvza2sx" 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&k=6LcwPE0nAAAAAPDBrHg7uYM-gBLecow0V-Jt3b7N&co=aHR0cHM6Ly93d3cuY2FmZWNvdG9uLmNvbTo0NDM.&hl=fr&v=joHA60MeME-PNviL59xVH9zs&size=normal&cb=gn29h6h2ardi"></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
CHEMISES HOMME
LA CHEMISE : L’ESSENTIEL DU VESTIAIRE MASCULIN SYMBOLE D’ÉLÉGANCE ET DE
RAFFINEMENT, CHAQUE CHEMISE CAFÉ COTON MÊLE AUDACE ET STYLE POUR DES ALLURES
SINGULIÈRES.
Chemises, pulls, pantalons ou accessoires, choisissez 4 articles parmi toute la
collection, les deux moins chers vous sont offerts
CHEMISES EN LIN
CHEMISES BUSINESS
CHEMISES SEERSUCKER
Chemises, pulls, pantalons ou accessoires, choisissez 4 articles parmi toute la
collection, les deux moins chers vous sont offerts
COUPE
CINTREE
CLASSIQUE
CUSTOM FIT
EXTRA LONG
TAILLE
*
37
*
38
*
39
*
40
*
41
*
42
*
43
*
44
*
45
*
S
*
M
*
L
*
XL
*
XXL
*
XXXL
COULEUR
BLANC
BLEU ROI
BRIQUE
DENIM
ECRU
FUSHIA
JEAN
KAKI
MARRON
MARINE
BLEU
CIEL
ROSE
PARME
BEIGE
ROUGE
ORANGE
JAUNE
TURQUOISE
VERT
GRIS
ANTHRACITE
NOIR
PLUS DE FILTRE
PRIX DÉCROISSANT PRIX CROISSANT A-Z Z-A TRIER PAR PRIX
FILTRER
COUPE
CINTREE
CLASSIQUE
CUSTOM FIT
EXTRA LONG
TAILLE
*
37
*
38
*
39
*
40
*
41
*
42
*
43
*
44
*
45
*
S
*
M
*
L
*
XL
*
XXL
*
XXXL
COULEUR
BLANC
BLEU ROI
BRIQUE
DENIM
ECRU
FUSHIA
JEAN
KAKI
MARRON
MARINE
BLEU
CIEL
ROSE
PARME
BEIGE
ROUGE
ORANGE
JAUNE
TURQUOISE
VERT
GRIS
ANTHRACITE
NOIR
COL
BOUTONNÉ
CASUAL
ITALIEN
MAO
PETIT
SEMI ITALIEN
MANCHE
COURTE
STANDARD
MOTIF
CARREAUX
IMPRIMÉS
RAYURES
TARTANS
UNIS
POIGNET
MOUSQUETAIRE
SIMPLE
LIGNE
EXCLUSIVE
SELECTION
TISSAGE
CHEVRON
FLANELLE
GABARDINE
LIN
NATTÉ
NID D'ABEILLE
OXFORD
PIN POINT
PIQUÉ
POPELINE
SEERSUCKER
TEXTURÉ
TWILL
Notre Selection Chemises Homme
Chemise Brien en twill blanc
100 €
/ 50 € MULTIBUY
Chemise Cody en lin kaki
130 €
/ 65 € MULTIBUY
Chemise Phil en lin sable à motif tartan
130 €
/ 65 € MULTIBUY
Chemise Erwin indigo
110 €
/ 55 € MULTIBUY
Chemise Spike en lin kaki à motif floral
130 €
/ 65 € MULTIBUY
Chemise col mao Kurt en lin ciel
130 €
/ 65 € MULTIBUY
Chemise Stuart en lin à motif floral
130 €
/ 65 € MULTIBUY
Chemise Scali en gabardine terracotta - Série limitée
130 €
/ 65 € MULTIBUY
Chemise popover Kurt ciel
130 €
/ 65 € MULTIBUY
Chemise Olaf en lin abricot
130 €
/ 65 € MULTIBUY
Chemise Billy à rayures marine
110 €
/ 55 € MULTIBUY
Chemise en pin point blanc
100 €
/ 50 € MULTIBUY
Chemise Carlton à carreaux bleus
110 €
/ 55 € MULTIBUY
Chemise Oleg à carreaux bleus
110 €
/ 55 € MULTIBUY
NOUVELLE COLLECTION
2 articles achetés = 2 articles offerts
Chemise Hugh en seersucker bleu - Col Boutonné
110 €
/ 55 € MULTIBUY
Chemise Paddy en lin kaki à motif tartan
130 €
/ 65 € MULTIBUY
Chemise Keegan en denim - Série limitée
130 €
/ 65 € MULTIBUY
Chemise Kerry bleue
120 €
/ 60 € MULTIBUY
Chemise Oscar en lin à motif tartan
130 €
/ 65 € MULTIBUY
Chemise Olaf en lin fuchsia
130 €
/ 65 € MULTIBUY
Chemise cintrée Sully en lin à motif floral
130 €
/ 65 € MULTIBUY
Chemise Olaf en lin jaune
130 €
/ 65 € MULTIBUY
Chemise cintrée Menthon à rayures marine
100 €
/ 50 € MULTIBUY
Chemise cintrée Alvin en natté rose
110 €
/ 55 € MULTIBUY
Chemise cintrée en mille raies ciel
100 €
/ 50 € MULTIBUY
Chemise cintrée Barry à rayures marine
110 €
/ 55 € MULTIBUY
1 - 24 articles 348
VOIR 24 ARTICLES DE PLUS
VOUS POURRIEZ AUSSI AIMER
CHEMISE HOMME CHEMISE EN LIN CHEMISE BLANCHE HOMME CHEMISES A RAYURES PANTALON
HOMME
UN CHOIX DE CHEMISES HOMME LARGE ET VARIÉ
La chemise homme CAFÉ COTON se décline sous toutes ses coutures. Véritable
incontournable du vestiaire masculin, elle est proposée dans une multitude de
tailles et de tissages : Popeline, Twill, Pin Point, Oxford, Natté, Chevron,
Piqué, chambray, jean, denim, lin, voile de coton, velours, flanelle et
gabardine.
Illuminée par de nombreuses teintes, vives ou classiques comme l’iconique
chemise blanche homme, la chemise CAFÉ COTON habille l’homme moderne en toutes
occasions.
Outre sa nouvelle collection « Organic », réalisée en coton bio labellisé GOTS,
CAFÉ COTON a créé deux univers distincts : « Ville » et « Casual ». « Ville »
est composée de la ligne « Exclusive », avec des chemises hommes classiques et
faciles à porter, et de la ligne « Sélection », avec des chemises hommes en
coton double retors d’une rare finesse et à l’élégance plus formelle. « Casual »
est un univers plus décontracté, au caractère affirmé, qui explore une large
gamme de tissu, du lin au denim, en passant par le velours, la flanelle, la
gabardine et le voile de coton.
La chemise homme CAFÉ COTON se décline sous toutes ses coutures. Véritable
incontournable du vestiaire masculin, elle est proposée dans une multitude de
tailles et de tissages : Popeline, Twill, Pin Point, Oxford, Natté, Chevron,
Piqué, chambray, jean, denim, lin, voile de coton, velours, flanelle et
gabardine.
Illuminée par de nombreuses teintes, vives ou classiques comme l’iconique
chemise blanche homme, la chemise CAFÉ COTON habille l’homme moderne en toutes
occasions.
Outre sa nouvelle collection « Organic », réalisée en coton bio labellisé GOTS,
CAFÉ COTON a créé deux univers distincts : « Ville » et « Casual ». « Ville »
est composée de la ligne « Exclusive », avec des chemises hommes classiques et
faciles à porter, et de la ligne « Sélection », avec des chemises hommes en
coton double retors d’une rare finesse et à l’élégance plus formelle. « Casual »
est un univers plus décontracté, au caractère affirmé, qui explore une large
gamme de tissu, du lin au denim, en passant par le velours, la flanelle, la
gabardine et le voile de coton.
LA CHEMISE HOMME CAFÉ COTON, UN TISSU D’EXCEPTION
CAFE COTON sélectionne les plus belles matières premières et s’entoure de
partenaires au savoir-faire inégalé. Conçu par son bureau de style français, le
tissage de chaque chemise homme est confié à la Tessitura Monti, l’un des plus
anciens tisseurs italiens, qui réalise en exclusivité pour la marque des
collections authentiques.
Pour cultiver les codes de l’élégance, chaque détail du travail de confection
est rigoureusement étudié dans le respect des grandes traditions.
CAFE COTON sélectionne les plus belles matières premières et s’entoure de
partenaires au savoir-faire inégalé. Conçu par son bureau de style français, le
tissage de chaque chemise homme est confié à la Tessitura Monti, l’un des plus
anciens tisseurs italiens, qui réalise en exclusivité pour la marque des
collections authentiques.
Pour cultiver les codes de l’élégance, chaque détail du travail de confection
est rigoureusement étudié dans le respect des grandes traditions.
COUPE DROITE OU COUPE SLIM, QUELLE COUPE DE CHEMISE HOMME CHOISIR ?
Rencontrez la chemise homme qui est faite pour vous !
Si vous privilégiez le confort et l’intemporalité, votre choix se portera sur la
chemise coupe regular pour un porté plus ample.
Vous préférez qu’elle épouse les courbes de votre corps ?
Plébiscitez sans hésiter l’allure affutée d’une chemise coupe cintrée.
Rencontrez la chemise homme qui est faite pour vous !
Si vous privilégiez le confort et l’intemporalité, votre choix se portera sur la
chemise coupe regular pour un porté plus ample.
Vous préférez qu’elle épouse les courbes de votre corps ?
Plébiscitez sans hésiter l’allure affutée d’une chemise coupe cintrée.
QUEL COL POUR QUELLE CHEMISE ?
Élémentaire, le col d’une chemise est essentiel à sa composition.
Votre profil citadin privilégie un modèle classique à porter avec ou sans
cravate ? Misez sur l’incontournable col italien, emblème de la marque depuis
plus de 30 ans. Modèle référent de notre Ligne EXCLUSIVE, il doit son succès à
des proportions parfaitement étudiées qui conjuguent confort et élégance.
Le « décontracté chic » est votre crédo ? Le Col boutonné est fait pour vous.
Récemment redessiné, son allure lui confère un esprit à la fois moderne et
habillé. Le second modèle phare de notre ligne EXCLUSIVE. Votre allure classique
a des accents « trendy », vous recherchez un col moderne qui se distingue du col
italien ?
Optez pour le Petit col, décliné dans la ligne EXCLUSIVE. Ses pointes affinées
et son pied de col abaissé révèlent un caractère sobre, discrètement
contemporain. En « gentleman », vous plébiscitez l’esthétisme et l’élégance ?
Adoptez le col Semi-Italien. Un must du raffinement, exclusivement décliné dans
la ligne SELECTION et idéal pour le port de la cravate.
Élémentaire, le col d’une chemise est essentiel à sa composition.
Votre profil citadin privilégie un modèle classique à porter avec ou sans
cravate ? Misez sur l’incontournable col italien, emblème de la marque depuis
plus de 30 ans. Modèle référent de notre Ligne EXCLUSIVE, il doit son succès à
des proportions parfaitement étudiées qui conjuguent confort et élégance.
Le « décontracté chic » est votre crédo ? Le Col boutonné est fait pour vous.
Récemment redessiné, son allure lui confère un esprit à la fois moderne et
habillé. Le second modèle phare de notre ligne EXCLUSIVE. Votre allure classique
a des accents « trendy », vous recherchez un col moderne qui se distingue du col
italien ?
Optez pour le Petit col, décliné dans la ligne EXCLUSIVE. Ses pointes affinées
et son pied de col abaissé révèlent un caractère sobre, discrètement
contemporain. En « gentleman », vous plébiscitez l’esthétisme et l’élégance ?
Adoptez le col Semi-Italien. Un must du raffinement, exclusivement décliné dans
la ligne SELECTION et idéal pour le port de la cravate.
QUEL POIGNET POUR UNE CHEMISE MANCHES LONGUES ?
Pour se distinguer jusqu’au bout des doigts, apportez une attention toute
particulière au choix des poignets. Les poignets mousquetaires renforcent un
besoin d’élégance et marque les esprits lors de grands évènements. Ajoutez-y les
boutons de manchette afin de personnaliser votre tenue et développer un style
plus original.
Pour se distinguer jusqu’au bout des doigts, apportez une attention toute
particulière au choix des poignets. Les poignets mousquetaires renforcent un
besoin d’élégance et marque les esprits lors de grands évènements. Ajoutez-y les
boutons de manchette afin de personnaliser votre tenue et développer un style
plus original.
COMMENT PORTER UNE CHEMISE HOMME ?
Pièce mythique et intemporelle, la chemise homme est polyvalente : elle se porte
de nombreuses manières et convient à tous les styles.
Pour les looks plus formels, la chemise s’associe traditionnellement à une veste
et à l’une de nos nombreuses cravates en soie ou en laine pour l’hiver.
Les amateurs d’un look plus sport-chic ou casual ne sont également pas en reste.
Portée boutonnée jusqu’au cou, autour de la taille ou ouverte en surchemises,
certains modèles comme la chemise à carreaux se prête parfaitement au style plus
décontracté.
Tendance, la chemise homme suscite même depuis quelques années la convoitise des
femmes qui adorent s’approprier certains modèles en popeline blanche, en
flanelle ou à carreaux en les portant souvent oversized.
Pièce mythique et intemporelle, la chemise homme est polyvalente : elle se porte
de nombreuses manières et convient à tous les styles.
Pour les looks plus formels, la chemise s’associe traditionnellement à une veste
et à l’une de nos nombreuses cravates en soie ou en laine pour l’hiver.
Les amateurs d’un look plus sport-chic ou casual ne sont également pas en reste.
Portée boutonnée jusqu’au cou, autour de la taille ou ouverte en surchemises,
certains modèles comme la chemise à carreaux se prête parfaitement au style plus
décontracté.
Tendance, la chemise homme suscite même depuis quelques années la convoitise des
femmes qui adorent s’approprier certains modèles en popeline blanche, en
flanelle ou à carreaux en les portant souvent oversized.
NOUVEAUTÉS
DÉCOUVRIR
CLUB PRIVILÈGE
DÉCOUVRIR
BOUTIQUES
DÉCOUVRIR
GET 20% OFF Layer 1
* Livraison Express
Expédié sous 3-5 jours ouvrés
* 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.