en.flotte.fr
Open in
urlscan Pro
2606:4700::6812:7d
Public Scan
Submitted URL: http://en.flotte.fr/
Effective URL: https://en.flotte.fr/
Submission: On April 10 via api from US — Scanned from FR
Effective URL: https://en.flotte.fr/
Submission: On April 10 via api from US — Scanned from FR
Form analysis 5 forms found in the DOM
POST /localization
<form action="/localization" method="POST"><input name="_method" type="hidden" value="PUT"><input name="source" type="hidden" value="geolocation_recommendation"><input name="return_to" type="hidden" value="/"><input name="locale_code" type="hidden"
value="fr"><button class="recommendation-modal__close-button" type="submit"><svg aria-label="Dismiss" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style="height: 1em; width: 1em;">
<path d="M11.414 10l6.293-6.293a.999.999 0 1 0-1.414-1.414L10 8.586 3.707 2.293a.999.999 0 1 0-1.414 1.414L8.586 10l-6.293 6.293a.999.999 0 1 0 1.414 1.414L10 11.414l6.293 6.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z"
fill="#333333"></path>
</svg></button></form>POST /localization
<form action="/localization" method="POST" class="recommendation-modal__form"><input name="_method" type="hidden" value="PUT"><input name="source" type="hidden" value="geolocation_recommendation"><input name="return_to" type="hidden" value="/"><input
name="locale_code" type="hidden" value="fr"><button class="recommendation-modal__button" type="submit" style="background-color: rgb(17, 17, 17); color: rgb(255, 255, 255);">Continuer</button></form>POST /cart?locale=en
<form id="CartDrawerForm" action="/cart?locale=en" method="post" novalidate="" class="drawer__contents">
<div class="drawer__fixed-header">
<div class="drawer__header appear-animation appear-delay-1">
<div class="h2 drawer__title">Basket</div>
<div class="drawer__close-cart-drawer">
<button type="button" class="drawer__close-button js-drawer-close">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64">
<path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"></path>
</svg>
<span class="icon__fallback-text">Close basket</span>
</button>
</div>
</div>
</div>
<div class="drawer__inner">
<div class="cart-drawer-info-bar-wrapper" style="background: #f5f0eb">
<div class="swiper cartDrawerInfoBar swiper-initialized swiper-horizontal">
<div class="swiper-wrapper swiper-estimation-cursor" id="swiper-wrapper-4f10c418a19823a94" aria-live="off" style="transition-duration: 300ms;">
<div class="swiper-slide slide-estimation swiper-slide-prev" data-swiper-slide-index="0" role="group" aria-label="1 / 3">
<style data-shopify="">
.livraison-estime-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.livraison-estime-container {
fill: black;
}
</style>
<div class="livraison-estime-container">
<div class="livraison-estime-content">
<div id="livraison-estime" style="margin: 0;">
<div id="livraison-estime-inner" style="text-align: center"> Delivered no later than <span id="datemin-">12 Avril </span> (Metropolitan France) </div>
</div>
</div>
</div>
<script>
function getDatesDelai(date1, delaiMin, delaiMax) {
var result = new Array();
if (checkIfIsValidDate(date1)) {
var nbMin = typeof(delaiMin) != 'undefined' && delaiMin != null ? delaiMin : 2;
var nbMax = typeof(delaiMax) != 'undefined' && delaiMax != null ? delaiMax : 2;
var D = new Date(date1);
result['dmin'] = D.setDate(D.getDate() + nbMin);
result['dmax'] = D.setDate(D.getDate() + nbMax);
} else {
//console.log(date1 + " n'est pas une date valide !");
result = null;
}
return result;
}
function checkIfIsValidDate(d) {
return Object.prototype.toString.call(d) === "[object Date]" && !isNaN(d.getTime()) ? true : false;
}
function dateFr(dateAConvertir) {
var mois = new Array("Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre");
var date = new Date(dateAConvertir);
var message = date.getDate() + " ";
message += mois[date.getMonth()] + " ";
return message;
}
var today = new Date();
var datesDelai = getDatesDelai(today, parseInt("2"), parseInt("3"));
document.getElementById('datemin-').innerHTML = dateFr(datesDelai['dmin']);
</script>
</div>
<div class="swiper-slide cart-drawer-info-bar-slide swiper-slide-active" data-swiper-slide-index="1" role="group" aria-label="2 / 3"> Free delivery on orders over €59 </div>
<div class="swiper-slide cart-drawer-info-bar-slide swiper-slide-next" data-swiper-slide-index="2" role="group" aria-label="3 / 3"> Free Exchange </div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
<script>
var swiper = new Swiper(".cartDrawerInfoBar", {
slidesPerView: 1,
spaceBetween: 10,
loop: true,
autoplay: {
delay: 5000,
},
navigation: {
nextEl: '.swiper-cart-info-bar-next',
prevEl: '.swiper-cart-info-bar-prev',
},
});
</script>
</div>
<link href="//en.flotte.fr/cdn/shop/t/16/assets/component-progression.css?v=65534458401943912811693295963" rel="stylesheet" type="text/css" media="all">
<div id="progressContainer">
<div class="progressContainer appear-animation appear-delay-1">
<div class="progressBarContainer">
<div class="progress-group">
<progress class="progress cart-drawer__progress-bar" max="100" value="0"></progress>
</div>
</div>
<div class="label-progressBarContainer" for="progressLivraison" data-progress-bar-text-before="Plus que" data-progress-bar-text-after="et la livraison est offerte !" data-progress-bar-congrats-text="La livraison vous est offerte !"
data-free-shipping-amount="5900.0">Only €59 left and free delivery!</div>
</div>
</div>
<div class="drawer__scrollable cart-drawer__scrollable">
<div data-products="" class="appear-animation appear-delay-2">
<div class="cart__items" data-count="0" data-cart-subtotal="0">
</div>
</div>
<div class="appear-animation appear-delay-3">
<label for="CartNoteDrawer" class="CartNoteDrawer__label">Is it a gift?</label>
<textarea style="display: none" name="note" class="input-full cart-notes" id="CartNoteDrawer" placeholder="Add a kind word"></textarea>
</div>
<div class="cart-upsell-options-overlay"> </div>
<div class="drawer__not-empty drawer__cross-sell" id="cart-not-empty-cross-sell">
<p class="drawer_crossell-title">Complete your look :</p>
<div class="swiper swiperCartCrossSell swiper-initialized swiper-horizontal">
<div class="swiper-wrapper" id="swiper-wrapper-bc2d5ab254d575f8" aria-live="polite" style="transition-duration: 0ms; transition-delay: 0ms;"></div>
<div class="swiper-upsell-next cart-icon-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-bc2d5ab254d575f8"><svg class="cart-upsell-arrow-icons" viewBox="0 0 100 100">
<path d="M 10,50 L 60,100 L 70,90 L 30,50 L 70,10 L 60,0 Z" class="arrow" transform="translate(100, 100) rotate(180) "></path>
</svg></div>
<div class="swiper-upsell-prev cart-icon-prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-bc2d5ab254d575f8"><svg class="cart-upsell-arrow-icons" viewBox="0 0 100 100">
<path d="M 10,50 L 60,100 L 70,90 L 30,50 L 70,10 L 60,0 Z" class="arrow" transform="translate(100, 100) rotate(180) "></path>
</svg></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</div>
</div>
<div class="cart-upsell-options__container"></div>
<div class="drawer__footer appear-animation appear-delay-4">
<div data-discounts="">
<div class="cart__discounts cart__item-sub cart__item-row hide">
<div>Discounts</div>
<div>
</div>
</div>
</div>
<div class="cart__item-sub cart__item-row">
<div class="ajaxcart__subtotal">Subtotal</div>
<div data-subtotal="" class="ajaxcart__subtotal">0,00€</div>
</div>
<div class="cart__item-delivery-fees cart__item-row" data-free-shipping-threshold="5900.0">
<div class="ajaxcart__delivery-fees">Shipping costs: </div>
<div class="ajaxcart__delivery-fees ajaxcart__delivery-fees-free" style="display:none;">Available</div>
<div class="ajaxcart__delivery-fees ajaxcart__delivery-fees-estimation" style="display: block;">From €4.95</div>
</div>
<div class="cart__checkout-wrapper">
<button type="submit" name="checkout" data-terms-required="false" class="btn cart__checkout" sca_handle_checkout=""> Payment </button>
<just-pay-button classname="just-btn" app_id="user_3aj4awni7w15q2sr5bgi5lpq" domain="Flotte" source="cart">
</just-pay-button>
<style>
.cart__checkout-wrapper just-pay-button::part(just-button) {
font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
letter-spacing: var(--typeHeaderSpacing);
font-size: max(calc(var(--typeBaseSize) - 5px), 11px);
font-weight: 700 !important;
border-radius: var(--buttonRadius);
height: 47px;
}
@media (min-width: 769px) {
.cart__checkout-wrapper just-pay-button::part(just-button) {
font-size: max(calc(var(--typeBaseSize) - 4px), 13px);
}
}
</style>
</div>
</div>
</div>
<div class="drawer__cart-empty appear-animation appear-delay-2">
<div class="drawer__scrollable cart-drawer__scrollable">
<div class="cart-upsell-options-overlay"> </div>
<svg width="40" viewBox="0 0 65 74" xmlns="http://www.w3.org/2000/svg">
<g fill-rule="nonzero" fill="none">
<path d="M64.407 9.856L53.605 0H11.371L.569 9.856A1.548 1.548 0 00.1 11.603c.235.619.843 1.031 1.524 1.031h61.727a1.62 1.62 0 001.522-1.031 1.545 1.545 0 00-.467-1.747z" fill="#C4C4C4"></path>
<path d="M63.351 9.927H1.624C.728 9.927 0 10.644 0 11.529v59.267C0 72.566 1.454 74 3.249 74h58.478c1.795 0 3.249-1.434 3.249-3.204V11.53c0-.885-.728-1.602-1.625-1.602z" fill="#E4E4E4"></path>
<path
d="M32.488 45.122c-7.963 0-14.44-6.447-14.44-14.37v-4.79a1.6 1.6 0 011.605-1.596 1.6 1.6 0 011.604 1.596v4.79c0 6.163 5.04 11.177 11.23 11.177 6.192 0 11.231-5.014 11.231-11.177v-4.79a1.6 1.6 0 011.604-1.596 1.6 1.6 0 011.605 1.596v4.79c0 7.923-6.477 14.37-14.44 14.37z"
fill="#6D6D6D"></path>
</g>
</svg>
<span class="empty-cart">Your basket is empty:<br> shop our best sellers</span>
<link href="//en.flotte.fr/cdn/shop/t/16/assets/loader.css?v=11098057221262536131684326640" rel="stylesheet" type="text/css" media="all">
<link href="//en.flotte.fr/cdn/shop/t/16/assets/custom_deployer.css?v=141159497984123217861708593195" rel="stylesheet" type="text/css" media="all">
<div class="drawer__empty drawer__cross-sell" id="cart-empty-cross-sell">
<p class="drawer_crossell-title">Complete your look :</p>
<div class="swiper swiperEmptyCartCrossSell swiper-initialized swiper-horizontal">
<div class="swiper-wrapper" id="swiper-wrapper-4474f59977784238" aria-live="polite" style="transition-duration: 0ms; transition-delay: 0ms;">
<div class="swiper-slide" data-swiper-slide-index="0" role="group" aria-label="1 / 3">
<div class="cart-upsell-item" style="margin-top: 10px;">
<div class="cart-upsell-image">
<img src="//en.flotte.fr/cdn/shop/files/casquetteluxembourgbleuroi5.webp?v=1711710028" alt="Luxembourg - Waterproof cap" width="1312" height="1968">
</div>
<div class="cart-upsell-content">
<div class="cart-upsell-text">
<div class="cart-upsell-text-title">Luxembourg - Waterproof cap</div>
</div>
<div class="cart-upsell-add" data-id="8508444475730" onclick="CSSOpenVariantsSelector(8508444475730)">
<svg width="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5H7V1a1 1 0 00-2 0v4H1a1 1 0 000 2h4v4a1 1 0 002 0V7h4a1 1 0 000-2z" fill="currentColor" fill-rule="nonzero"></path>
</svg> Add - <span class="cart-upsell-text-price">40,00€</span>
</div>
</div>
</div>
<div class="cart-upsell-item" style="margin-top: 10px;">
<div class="cart-upsell-image">
<img src="//en.flotte.fr/cdn/shop/products/bouteille-isotherme-en-inox-3760315828047-559851.webp?v=1709287087" alt="Stainless Steel Isothermal Bottle" width="1067" height="1600">
</div>
<div class="cart-upsell-content">
<div class="cart-upsell-text">
<div class="cart-upsell-text-title">Stainless Steel Isothermal Bottle</div>
</div>
<div class="cart-upsell-add" data-id="7514312736983" onclick="CSSOpenVariantsSelector(7514312736983)">
<svg width="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5H7V1a1 1 0 00-2 0v4H1a1 1 0 000 2h4v4a1 1 0 002 0V7h4a1 1 0 000-2z" fill="currentColor" fill-rule="nonzero"></path>
</svg> Add - <span class="cart-upsell-text-price">29,90€</span>
</div>
</div>
</div>
</div><!-- End of swiper-slide -->
<div class="swiper-slide" data-swiper-slide-index="1" role="group" aria-label="2 / 3">
<div class="cart-upsell-item" style="margin-top: 10px;">
<div class="cart-upsell-image">
<img src="//en.flotte.fr/cdn/shop/products/bob-reversible-3760315827088-609640.webp?v=1701776574" alt="Reversible Bucket Hat" width="1067" height="1600">
</div>
<div class="cart-upsell-content">
<div class="cart-upsell-text">
<div class="cart-upsell-text-title">Reversible Bucket Hat</div>
</div>
<div class="cart-upsell-add" data-id="7668134478039" onclick="CSSOpenVariantsSelector(7668134478039)">
<svg width="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5H7V1a1 1 0 00-2 0v4H1a1 1 0 000 2h4v4a1 1 0 002 0V7h4a1 1 0 000-2z" fill="currentColor" fill-rule="nonzero"></path>
</svg> Add - <span class="cart-upsell-text-price">39,00€</span>
</div>
</div>
</div>
<div class="cart-upsell-item" style="margin-top: 10px;">
<div class="cart-upsell-image">
<img src="//en.flotte.fr/cdn/shop/products/couvre-chef-3760315818611-800442.webp?v=1696416482" alt="Headgear" width="1067" height="1600">
</div>
<div class="cart-upsell-content">
<div class="cart-upsell-text">
<div class="cart-upsell-text-title">Waterproof hood</div>
</div>
<div class="cart-upsell-add" data-id="6566922879142" onclick="CSSOpenVariantsSelector(6566922879142)">
<svg width="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5H7V1a1 1 0 00-2 0v4H1a1 1 0 000 2h4v4a1 1 0 002 0V7h4a1 1 0 000-2z" fill="currentColor" fill-rule="nonzero"></path>
</svg> Add - <span class="cart-upsell-text-price">19,99€</span>
</div>
</div>
</div>
</div><!-- End of swiper-slide -->
<div class="swiper-slide" data-swiper-slide-index="2" role="group" aria-label="3 / 3">
<div class="cart-upsell-item" style="margin-top: 10px;">
<div class="cart-upsell-image">
<img src="//en.flotte.fr/cdn/shop/files/Bonnet-laine-woolmark-mixte-flotte-7.webp?v=1709286987" alt="Wool Beanie" width="1067" height="1600">
</div>
<div class="cart-upsell-content">
<div class="cart-upsell-text">
<div class="cart-upsell-text-title">Wool Beanie</div>
</div>
<div class="cart-upsell-add" data-id="7791292842199" onclick="CSSOpenVariantsSelector(7791292842199)">
<svg width="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5H7V1a1 1 0 00-2 0v4H1a1 1 0 000 2h4v4a1 1 0 002 0V7h4a1 1 0 000-2z" fill="currentColor" fill-rule="nonzero"></path>
</svg> Add - <span class="cart-upsell-text-price">39,00€</span>
</div>
</div>
</div>
<div class="cart-upsell-item" style="margin-top: 10px;">
<div class="cart-upsell-image">
<img src="//en.flotte.fr/cdn/shop/files/Bob-polaire-impermeable-marceau-mixte-flotte-22.webp?v=1704733029" alt="Marceau - Reversible Fleece Bucket Hat" width="1067" height="1600">
</div>
<div class="cart-upsell-content">
<div class="cart-upsell-text">
<div class="cart-upsell-text-title">Marceau - Reversible Fleece Bucket Hat</div>
</div>
<div class="cart-upsell-add" data-id="8571117142354" onclick="CSSOpenVariantsSelector(8571117142354)">
<svg width="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5H7V1a1 1 0 00-2 0v4H1a1 1 0 000 2h4v4a1 1 0 002 0V7h4a1 1 0 000-2z" fill="currentColor" fill-rule="nonzero"></path>
</svg> Add - <span class="cart-upsell-text-price">45,00€</span>
</div>
</div>
</div>
</div><!-- End of swiper-slide -->
</div>
<div class="swiper-upsell-next cart-icon-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-4474f59977784238"><svg class="cart-upsell-arrow-icons" viewBox="0 0 100 100">
<path d="M 10,50 L 60,100 L 70,90 L 30,50 L 70,10 L 60,0 Z" class="arrow" transform="translate(100, 100) rotate(180) "></path>
</svg></div>
<div class="swiper-upsell-prev cart-icon-prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-4474f59977784238"><svg class="cart-upsell-arrow-icons" viewBox="0 0 100 100">
<path d="M 10,50 L 60,100 L 70,90 L 30,50 L 70,10 L 60,0 Z" class="arrow" transform="translate(100, 100) rotate(180) "></path>
</svg></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
<div class="cart-upsell-options" style="width: 100%;" data-id="8508444475730">
<div class="upsell-options-header">
<div class="cart-upsell-image-wrapper">
<div class="cart-upsell-image">
<img src="//en.flotte.fr/cdn/shop/files/casquetteluxembourgbleuroi5.webp?v=1711710028" alt="Luxembourg - Waterproof cap" width="1312" height="1968">
</div>
</div>
<div class="cart-upsell-price">
<div>
<span>Luxembourg - Waterproof cap</span>
</div>
<p class="cart-upsell-variant-price">40,00€</p>
</div>
</div>
<div class="cart-upsell-option">
<label>Color</label>
<div class="variant-wrapper variant-wrapper--dropdown js" data-type="dropdown">
<label class="variant__label hidden-label" for="SingleOptionSelector--8508444475730-option-0"> Color </label>
<div class="variant-input-wrap" data-index="option1" data-handle="couleur">
<select form="" data-variant-input="" id="SingleOptionSelector--8508444475730-option-0" data-index="option1">
<option value="Cactus" selected="selected" name="Couleur" class="variant-input" data-index="option1"> Cactus </option>
<option value="Rouge" name="Couleur" class="variant-input" data-index="option2"> Rouge </option>
<option value="Sapin" name="Couleur" class="variant-input" data-index="option3"> Fir </option>
<option value="Vanille" name="Couleur" class="variant-input" data-index="option4"> Vanilla </option>
<option value="Fuschia" name="Couleur" class="variant-input" data-index="option5"> Fuschia </option>
<option value="Lavande" name="Couleur" class="variant-input" data-index="option6"> Lavender </option>
<option value="Lilas" name="Couleur" class="variant-input" data-index="option7"> Lilac </option>
<option value="Bleu Roi" name="Couleur" class="variant-input" data-index="option8"> Royal Blue </option>
<option value="Indigo" name="Couleur" class="variant-input" data-index="option9"> Indigo </option>
<option value="Ombre" name="Couleur" class="variant-input" data-index="option10"> Shadow </option>
<option value="Kaki" name="Couleur" class="variant-input" data-index="option11"> Kaki </option>
<option value="Sahara" name="Couleur" class="variant-input" data-index="option12"> Sahara </option>
</select>
</div>
</div>
</div>
<div class="hidden cart-upsell-variants-container">
<div class="cart-upsell-variant" style="display: none" data-product-id="8508444475730" data-a11y="true" data-variant-id="46800313975122"
data-img="//en.flotte.fr/cdn/shop/products/luxembourg-casquette-deperlante-3760315837759-882152.webp?v=1711710028&width=200" data-title="Cactus" data-id="46800313975122" data-quantity="23"> Cactus </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="8508444475730" data-a11y="true" data-variant-id="46822487294290" data-img="//en.flotte.fr/cdn/shop/files/casquetteluxembourgrouge1.webp?v=1711710028&width=200"
data-title="Rouge" data-id="46822487294290" data-quantity="38"> Rouge </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="8508444475730" data-a11y="true" data-variant-id="46822486999378" data-img="//en.flotte.fr/cdn/shop/files/casquetteluxembourgsapin1.webp?v=1711710028&width=200"
data-title="Sapin" data-id="46822486999378" data-quantity="21"> Fir </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="8508444475730" data-a11y="true" data-variant-id="46822487261522" data-img="//en.flotte.fr/cdn/shop/files/casquetteluxembourgvanille1.webp?v=1711710028&width=200"
data-title="Vanille" data-id="46822487261522" data-quantity="41"> Vanilla </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="8508444475730" data-a11y="true" data-variant-id="46822487228754"
data-img="//en.flotte.fr/cdn/shop/products/luxembourg-casquette-deperlante-3760315837759-807967.webp?v=1711710028&width=200" data-title="Fuschia" data-id="46822487228754" data-quantity="34"> Fuschia </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="8508444475730" data-a11y="true" data-variant-id="46822487195986" data-img="//en.flotte.fr/cdn/shop/files/casquetteluxembourglavande3.webp?v=1711710028&width=200"
data-title="Lavande" data-id="46822487195986" data-quantity="45"> Lavender </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="8508444475730" data-a11y="true" data-variant-id="46822487163218" data-img="//en.flotte.fr/cdn/shop/files/casquetteluxembourglilas2.webp?v=1711710028&width=200"
data-title="Lilas" data-id="46822487163218" data-quantity="25"> Lilac </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="8508444475730" data-a11y="true" data-variant-id="46822487327058" data-img="//en.flotte.fr/cdn/shop/files/casquetteluxembourgbleuroi1.webp?v=1711710028&width=200"
data-title="Bleu Roi" data-id="46822487327058" data-quantity="31"> Royal Blue </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="8508444475730" data-a11y="true" data-variant-id="46822487064914" data-img="//en.flotte.fr/cdn/shop/files/casquetteluxembourgindigo2.webp?v=1711710028&width=200"
data-title="Indigo" data-id="46822487064914" data-quantity="38"> Indigo </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="8508444475730" data-a11y="true" data-variant-id="46822487032146" data-img="//en.flotte.fr/cdn/shop/files/casquetteluxembourgombre3.webp?v=1711710028&width=200"
data-title="Ombre" data-id="46822487032146" data-quantity="24"> Shadow </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="8508444475730" data-a11y="true" data-variant-id="46822487097682" data-img="//en.flotte.fr/cdn/shop/files/casquetteluxembourgkaki1.webp?v=1711710028&width=200"
data-title="Kaki" data-id="46822487097682" data-quantity="15"> Kaki </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="8508444475730" data-a11y="true" data-variant-id="46822487130450" data-img="//en.flotte.fr/cdn/shop/files/casquetteluxembourgsahara4.webp?v=1711710028&width=200"
data-title="Sahara" data-id="46822487130450" data-quantity="22"> Sahara </div>
</div>
<div class="cart-upsell-error" style="display:none">Addition error, this product is probably unavailable! </div>
<span data-current="46800313975122" onclick="fetchSelectedOption(this)" class="cart-action-add btn btn--full">
<svg width="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5H7V1a1 1 0 00-2 0v4H1a1 1 0 000 2h4v4a1 1 0 002 0V7h4a1 1 0 000-2z" fill="currentColor" fill-rule="nonzero"></path>
</svg> Add to cart </span>
</div>
<div class="cart-upsell-options" style="width: 100%;" data-id="7514312736983">
<div class="upsell-options-header">
<div class="cart-upsell-image-wrapper">
<div class="cart-upsell-image">
<img src="//en.flotte.fr/cdn/shop/products/bouteille-isotherme-en-inox-3760315828047-559851.webp?v=1709287087" alt="Stainless Steel Isothermal Bottle" width="1067" height="1600">
</div>
</div>
<div class="cart-upsell-price">
<div>
<span>Stainless Steel Isothermal Bottle</span>
</div>
<p class="cart-upsell-variant-price">29,90€</p>
</div>
</div>
<div class="cart-upsell-option">
<label>Color</label>
<div class="variant-wrapper variant-wrapper--dropdown js" data-type="dropdown">
<label class="variant__label hidden-label" for="SingleOptionSelector--7514312736983-option-0"> Color </label>
<div class="variant-input-wrap" data-index="option1" data-handle="couleur">
<select form="" data-variant-input="" id="SingleOptionSelector--7514312736983-option-0" data-index="option1">
<option value="Bleu roi" selected="selected" name="Couleur" class="variant-input" data-index="option1"> Royal Blue </option>
<option value="Holo Pink" name="Couleur" class="variant-input" data-index="option2"> Holo Pink </option>
<option value="Holo Blue" name="Couleur" class="variant-input" data-index="option3"> Holo Blue </option>
<option value="Citron" name="Couleur" class="variant-input" data-index="option4"> Citron </option>
<option value="Sapin" name="Couleur" class="variant-input" data-index="option5"> Fir </option>
<option value="Kaki" name="Couleur" class="variant-input" data-index="option6"> Kaki </option>
<option value="Lilas" name="Couleur" class="variant-input" data-index="option7"> Lilac </option>
<option value="Bonbon" name="Couleur" class="variant-input" data-index="option8"> Candy </option>
<option value="Fuschia" name="Couleur" class="variant-input" data-index="option9"> Fuschia </option>
<option value="Anthracite" name="Couleur" class="variant-input" data-index="option10"> Anthracite </option>
<option value="Ombre" name="Couleur" class="variant-input" data-index="option11"> Shadow </option>
<option value="Orange" name="Couleur" class="variant-input" data-index="option12"> Orange </option>
<option value="Indigo" name="Couleur" class="variant-input" data-index="option13"> Indigo </option>
</select>
</div>
</div>
</div>
<div class="hidden cart-upsell-variants-container">
<div class="cart-upsell-variant" style="display: none" data-product-id="7514312736983" data-a11y="true" data-variant-id="42311518748887"
data-img="//en.flotte.fr/cdn/shop/products/bouteille-isotherme-en-inox-3760315828047-559851.webp?v=1709287087&width=200" data-title="Bleu roi" data-id="42311518748887" data-quantity="12"> Royal Blue </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7514312736983" data-a11y="true" data-variant-id="46991999598930"
data-img="//en.flotte.fr/cdn/shop/products/bouteille-isotherme-en-inox-210302.webp?v=1709287087&width=200" data-title="Holo Pink" data-id="46991999598930" data-quantity="5"> Holo Pink </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7514312736983" data-a11y="true" data-variant-id="46991999566162"
data-img="//en.flotte.fr/cdn/shop/products/bouteille-isotherme-en-inox-595250.webp?v=1709287087&width=200" data-title="Holo Blue" data-id="46991999566162" data-quantity="11"> Holo Blue </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7514312736983" data-a11y="true" data-variant-id="42311518683351"
data-img="//en.flotte.fr/cdn/shop/products/bouteille-isotherme-en-inox-3760315828061-380264.webp?v=1709287087&width=200" data-title="Citron" data-id="42311518683351" data-quantity="8"> Citron </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7514312736983" data-a11y="true" data-variant-id="42311518552279"
data-img="//en.flotte.fr/cdn/shop/products/bouteille-isotherme-en-inox-3760315828139-651609.webp?v=1695253528&width=200" data-title="Sapin" data-id="42311518552279" data-quantity="9"> Fir </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7514312736983" data-a11y="true" data-variant-id="42311518486743"
data-img="//en.flotte.fr/cdn/shop/products/bouteille-isotherme-en-inox-3760315828092-861824.webp?v=1695170577&width=200" data-title="Kaki" data-id="42311518486743" data-quantity="11"> Kaki </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7514312736983" data-a11y="true" data-variant-id="42311518716119"
data-img="//en.flotte.fr/cdn/shop/products/bouteille-isotherme-en-inox-3760315828108-155361.webp?v=1709287087&width=200" data-title="Lilas" data-id="42311518716119" data-quantity="6"> Lilac </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7514312736983" data-a11y="true" data-variant-id="42311518421207"
data-img="//en.flotte.fr/cdn/shop/products/bouteille-isotherme-en-inox-3760315828054-873643.webp?v=1695170577&width=200" data-title="Bonbon" data-id="42311518421207" data-quantity="6"> Candy </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7514312736983" data-a11y="true" data-variant-id="42311518585047"
data-img="//en.flotte.fr/cdn/shop/products/bouteille-isotherme-en-inox-3760315828078-369848.webp?v=1709287087&width=200" data-title="Fuschia" data-id="42311518585047" data-quantity="10"> Fuschia </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7514312736983" data-a11y="true" data-variant-id="42311518617815"
data-img="//en.flotte.fr/cdn/shop/products/bouteille-isotherme-en-inox-3760315828030-514683.webp?v=1709287087&width=200" data-title="Anthracite" data-id="42311518617815" data-quantity="25"> Anthracite </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7514312736983" data-a11y="true" data-variant-id="42311518519511"
data-img="//en.flotte.fr/cdn/shop/products/bouteille-isotherme-en-inox-3760315828115-622807.webp?v=1709287087&width=200" data-title="Ombre" data-id="42311518519511" data-quantity="20"> Shadow </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7514312736983" data-a11y="true" data-variant-id="42311518650583"
data-img="//en.flotte.fr/cdn/shop/products/bouteille-isotherme-en-inox-3760315828122-984831.webp?v=1709287087&width=200" data-title="Orange" data-id="42311518650583" data-quantity="11"> Orange </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7514312736983" data-a11y="true" data-variant-id="42311518453975"
data-img="//en.flotte.fr/cdn/shop/products/bouteille-isotherme-en-inox-3760315828085-466661.webp?v=1695170577&width=200" data-title="Indigo" data-id="42311518453975" data-quantity="12"> Indigo </div>
</div>
<div class="cart-upsell-error" style="display:none">Addition error, this product is probably unavailable! </div>
<span data-current="42311518748887" onclick="fetchSelectedOption(this)" class="cart-action-add btn btn--full">
<svg width="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5H7V1a1 1 0 00-2 0v4H1a1 1 0 000 2h4v4a1 1 0 002 0V7h4a1 1 0 000-2z" fill="currentColor" fill-rule="nonzero"></path>
</svg> Add to cart </span>
</div>
<div class="cart-upsell-options" style="width: 100%;" data-id="7668134478039">
<div class="upsell-options-header">
<div class="cart-upsell-image-wrapper">
<div class="cart-upsell-image">
<img src="//en.flotte.fr/cdn/shop/products/bob-reversible-3760315827088-609640.webp?v=1701776574" alt="Reversible Bucket Hat" width="1067" height="1600">
</div>
</div>
<div class="cart-upsell-price">
<div>
<span>Reversible Bucket Hat</span>
</div>
<p class="cart-upsell-variant-price">39,00€</p>
</div>
</div>
<div class="cart-upsell-option">
<label>Color</label>
<div class="variant-wrapper variant-wrapper--dropdown js" data-type="dropdown">
<label class="variant__label hidden-label" for="SingleOptionSelector--7668134478039-option-0"> Color </label>
<div class="variant-input-wrap" data-index="option1" data-handle="couleur">
<select form="" data-variant-input="" id="SingleOptionSelector--7668134478039-option-0" data-index="option1">
<option value="Vichy Rose Bonbon" selected="selected" name="Couleur" class="variant-input" data-index="option1"> Vichy Rose Bonbon </option>
<option value="Kaki Corail" name="Couleur" class="variant-input" data-index="option2"> Kaki Corail </option>
<option value="Kaki Ombre" name="Couleur" class="variant-input" data-index="option3"> Kaki Shadow </option>
<option value="Coquille Sahara" name="Couleur" class="variant-input" data-index="option4"> Sahara shell </option>
<option value="Indigo Rouge" name="Couleur" class="variant-input" data-index="option5"> Indigo Rouge </option>
<option value="Bleu Coquille" name="Couleur" class="variant-input" data-index="option6"> Blue Shell </option>
<option value="Vichy Bleu Indigo" name="Couleur" class="variant-input" data-index="option7"> Vichy Bleu Indigo </option>
<option value="Bandana Indigo" name="Couleur" class="variant-input" data-index="option8"> Indigo Bandana </option>
<option value="Jardin Lilas" disabled="disabled" name="Couleur" class="variant-input" data-index="option9"> Lilac Garden </option>
<option value="Blossom Bonbon" name="Couleur" class="variant-input" data-index="option10"> Blossom Bonbon </option>
</select>
</div>
</div>
</div>
<div class="hidden cart-upsell-variants-container">
<div class="cart-upsell-variant" style="display: none" data-product-id="7668134478039" data-a11y="true" data-variant-id="47532318982482" data-img="//en.flotte.fr/cdn/shop/products/bob-reversible-506083.webp?v=1704878774&width=200"
data-title="Vichy Rose Bonbon" data-id="47532318982482" data-quantity="19"> Vichy Rose Bonbon </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7668134478039" data-a11y="true" data-variant-id="47532318949714" data-img="//en.flotte.fr/cdn/shop/products/bob-reversible-607603.webp?v=1711452804&width=200"
data-title="Kaki Corail" data-id="47532318949714" data-quantity="20"> Kaki Corail </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7668134478039" data-a11y="true" data-variant-id="42838414033111"
data-img="//en.flotte.fr/cdn/shop/products/bob-reversible-3760315827088-609640.webp?v=1701776574&width=200" data-title="Kaki Ombre" data-id="42838414033111" data-quantity="27"> Kaki Shadow </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7668134478039" data-a11y="true" data-variant-id="42838414131415"
data-img="//en.flotte.fr/cdn/shop/products/bob-reversible-3760315827088-306070.webp?v=1701776574&width=200" data-title="Coquille Sahara" data-id="42838414131415" data-quantity="41"> Sahara shell </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7668134478039" data-a11y="true" data-variant-id="42838414164183"
data-img="//en.flotte.fr/cdn/shop/products/bob-reversible-3760315827088-528822.webp?v=1701707560&width=200" data-title="Indigo Rouge" data-id="42838414164183" data-quantity="30"> Indigo Rouge </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7668134478039" data-a11y="true" data-variant-id="42838414098647"
data-img="//en.flotte.fr/cdn/shop/products/bob-reversible-3760315827057-944517.webp?v=1701776574&width=200" data-title="Bleu Coquille" data-id="42838414098647" data-quantity="24"> Blue Shell </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7668134478039" data-a11y="true" data-variant-id="47532319015250"
data-img="//en.flotte.fr/cdn/shop/products/bob-reversible-3760315838664-660620.jpg?v=1711452804&width=200" data-title="Vichy Bleu Indigo" data-id="47532319015250" data-quantity="29"> Vichy Bleu Indigo </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7668134478039" data-a11y="true" data-variant-id="47532319048018" data-img="//en.flotte.fr/cdn/shop/products/bob-reversible-300899.webp?v=1704878774&width=200"
data-title="Bandana Indigo" data-id="47532319048018" data-quantity="28"> Indigo Bandana </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7668134478039" data-a11y="false" data-variant-id="42838414065879"
data-img="//en.flotte.fr/cdn/shop/products/bob-reversible-3760315827088-122589.webp?v=1701776574&width=200" data-title="Jardin Lilas" data-id="42838414065879" data-quantity="-1"> Lilac Garden </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7668134478039" data-a11y="true" data-variant-id="42838414196951"
data-img="//en.flotte.fr/cdn/shop/products/bob-reversible-3760315827064-976440.webp?v=1701730042&width=200" data-title="Blossom Bonbon" data-id="42838414196951" data-quantity="9"> Blossom Bonbon </div>
</div>
<div class="cart-upsell-error" style="display:none">Addition error, this product is probably unavailable! </div>
<span data-current="47532318982482" onclick="fetchSelectedOption(this)" class="cart-action-add btn btn--full">
<svg width="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5H7V1a1 1 0 00-2 0v4H1a1 1 0 000 2h4v4a1 1 0 002 0V7h4a1 1 0 000-2z" fill="currentColor" fill-rule="nonzero"></path>
</svg> Add to cart </span>
</div>
<div class="cart-upsell-options" style="width: 100%;" data-id="6566922879142">
<div class="upsell-options-header">
<div class="cart-upsell-image-wrapper">
<div class="cart-upsell-image">
<img src="//en.flotte.fr/cdn/shop/products/couvre-chef-3760315818611-800442.webp?v=1696416482" alt="Headgear" width="1067" height="1600">
</div>
</div>
<div class="cart-upsell-price">
<div>
<span>Headgear</span>
</div>
<p class="cart-upsell-variant-price">19,99€</p>
</div>
</div>
<div class="cart-upsell-option">
<label>Color</label>
<div class="variant-wrapper variant-wrapper--dropdown js" data-type="dropdown">
<label class="variant__label hidden-label" for="SingleOptionSelector--6566922879142-option-0"> Color </label>
<div class="variant-input-wrap" data-index="option1" data-handle="couleur">
<select form="" data-variant-input="" id="SingleOptionSelector--6566922879142-option-0" data-index="option1">
<option value="Bonbon" disabled="disabled" name="Couleur" class="variant-input" data-index="option1"> Candy </option>
<option value="Sapin" selected="selected" name="Couleur" class="variant-input" data-index="option2"> Fir </option>
<option value="Kaki" name="Couleur" class="variant-input" data-index="option3"> Kaki </option>
<option value="Ombre" name="Couleur" class="variant-input" data-index="option4"> Shadow </option>
<option value="Sahara" name="Couleur" class="variant-input" data-index="option5"> Sahara </option>
<option value="Camo" name="Couleur" class="variant-input" data-index="option6"> Camo </option>
<option value="Abricot" disabled="disabled" name="Couleur" class="variant-input" data-index="option7"> Apricot </option>
<option value="Leopard" disabled="disabled" name="Couleur" class="variant-input" data-index="option8"> Leopard </option>
<option value="Prune" name="Couleur" class="variant-input" data-index="option9"> Plum </option>
<option value="Chlorophylle" disabled="disabled" name="Couleur" class="variant-input" data-index="option10"> Chlorophyll </option>
<option value="Indigo" disabled="disabled" name="Couleur" class="variant-input" data-index="option11"> Indigo </option>
<option value="Météorite" disabled="disabled" name="Couleur" class="variant-input" data-index="option12"> Meteorite </option>
</select>
</div>
</div>
</div>
<div class="hidden cart-upsell-variants-container">
<div class="cart-upsell-variant" style="display: none" data-product-id="6566922879142" data-a11y="false" data-variant-id="39351003840678"
data-img="//en.flotte.fr/cdn/shop/products/couvre-chef-3760315818611-800442.webp?v=1696416482&width=200" data-title="Bonbon" data-id="39351003840678" data-quantity="0"> Candy </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="6566922879142" data-a11y="true" data-variant-id="39351039328422"
data-img="//en.flotte.fr/cdn/shop/products/couvre-chef-3760315818697-108711.webp?v=1697634285&width=200" data-title="Sapin" data-id="39351039328422" data-quantity="32"> Fir </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="6566922879142" data-a11y="true" data-variant-id="39351018127526"
data-img="//en.flotte.fr/cdn/shop/products/couvre-chef-3760315818598-583296.jpg?v=1697634285&width=200" data-title="Kaki" data-id="39351018127526" data-quantity="22"> Kaki </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="6566922879142" data-a11y="true" data-variant-id="39351014195366"
data-img="//en.flotte.fr/cdn/shop/products/couvre-chef-3760315818673-522669.webp?v=1697634285&width=200" data-title="Ombre" data-id="39351014195366" data-quantity="6"> Shadow </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="6566922879142" data-a11y="true" data-variant-id="39351037231270"
data-img="//en.flotte.fr/cdn/shop/products/couvre-chef-3760315818611-589775.jpg?v=1697634285&width=200" data-title="Sahara" data-id="39351037231270" data-quantity="27"> Sahara </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="6566922879142" data-a11y="true" data-variant-id="42147582640343"
data-img="//en.flotte.fr/cdn/shop/products/couvre-chef-3760315818628-351156.webp?v=1697634285&width=200" data-title="Camo" data-id="42147582640343" data-quantity="2"> Camo </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="6566922879142" data-a11y="false" data-variant-id="39351003906214"
data-img="//en.flotte.fr/cdn/shop/products/couvre-chef-3760315818598-985980.webp?v=1697634285&width=200" data-title="Abricot" data-id="39351003906214" data-quantity="0"> Apricot </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="6566922879142" data-a11y="false" data-variant-id="39351012884646"
data-img="//en.flotte.fr/cdn/shop/products/couvre-chef-3760315818598-976875.webp?v=1697634285&width=200" data-title="Leopard" data-id="39351012884646" data-quantity="0"> Leopard </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="6566922879142" data-a11y="true" data-variant-id="39351034413222"
data-img="//en.flotte.fr/cdn/shop/products/couvre-chef-3760315818598-990103.jpg?v=1697634285&width=200" data-title="Prune" data-id="39351034413222" data-quantity="1"> Plum </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="6566922879142" data-a11y="false" data-variant-id="39351029858470"
data-img="//en.flotte.fr/cdn/shop/products/couvre-chef-3760315818598-870202.jpg?v=1697634285&width=200" data-title="Chlorophylle" data-id="39351029858470" data-quantity="-6"> Chlorophyll </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="6566922879142" data-a11y="false" data-variant-id="39351016980646"
data-img="//en.flotte.fr/cdn/shop/products/couvre-chef-3760315818642-757249.webp?v=1697670766&width=200" data-title="Indigo" data-id="39351016980646" data-quantity="0"> Indigo </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="6566922879142" data-a11y="false" data-variant-id="42237588898007"
data-img="//en.flotte.fr/cdn/shop/products/couvre-chef-3760315818611-800442.webp?v=1696416482&width=200" data-title="Météorite" data-id="42237588898007" data-quantity="0"> Meteorite </div>
</div>
<div class="cart-upsell-error" style="display:none">Addition error, this product is probably unavailable! </div>
<span data-current="39351039328422" onclick="fetchSelectedOption(this)" class="cart-action-add btn btn--full">
<svg width="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5H7V1a1 1 0 00-2 0v4H1a1 1 0 000 2h4v4a1 1 0 002 0V7h4a1 1 0 000-2z" fill="currentColor" fill-rule="nonzero"></path>
</svg> Add to cart </span>
</div>
<div class="cart-upsell-options" style="width: 100%;" data-id="7791292842199">
<div class="upsell-options-header">
<div class="cart-upsell-image-wrapper">
<div class="cart-upsell-image">
<img src="//en.flotte.fr/cdn/shop/files/Bonnet-laine-woolmark-mixte-flotte-7.webp?v=1709286987" alt="Wool Beanie" width="1067" height="1600">
</div>
</div>
<div class="cart-upsell-price">
<div>
<span>Wool Beanie</span>
</div>
<p class="cart-upsell-variant-price">39,00€</p>
</div>
</div>
<div class="cart-upsell-option">
<label>Color</label>
<div class="variant-wrapper variant-wrapper--dropdown js" data-type="dropdown">
<label class="variant__label hidden-label" for="SingleOptionSelector--7791292842199-option-0"> Color </label>
<div class="variant-input-wrap" data-index="option1" data-handle="couleur">
<select form="" data-variant-input="" id="SingleOptionSelector--7791292842199-option-0" data-index="option1">
<option value="Noisette" selected="selected" name="Couleur" class="variant-input" data-index="option1"> Hazelnut </option>
<option value="Praline" disabled="disabled" name="Couleur" class="variant-input" data-index="option2"> Praline </option>
<option value="Rouge" disabled="disabled" name="Couleur" class="variant-input" data-index="option3"> Rouge </option>
<option value="Avoine" disabled="disabled" name="Couleur" class="variant-input" data-index="option4"> Oats </option>
<option value="Iceberg" disabled="disabled" name="Couleur" class="variant-input" data-index="option5"> Iceberg </option>
<option value="Bleu roi" disabled="disabled" name="Couleur" class="variant-input" data-index="option6"> Royal Blue </option>
<option value="Lilas" name="Couleur" class="variant-input" data-index="option7"> Lilac </option>
<option value="Bonbon" disabled="disabled" name="Couleur" class="variant-input" data-index="option8"> Candy </option>
<option value="Corail" name="Couleur" class="variant-input" data-index="option9"> Coral </option>
<option value="Ginger" name="Couleur" class="variant-input" data-index="option10"> Ginger </option>
<option value="Citron" name="Couleur" class="variant-input" data-index="option11"> Citron </option>
<option value="Neon" disabled="disabled" name="Couleur" class="variant-input" data-index="option12"> Neon </option>
<option value="Pomme" name="Couleur" class="variant-input" data-index="option13"> Apple </option>
<option value="Fuschia" disabled="disabled" name="Couleur" class="variant-input" data-index="option14"> Fuschia </option>
<option value="Sapin" disabled="disabled" name="Couleur" class="variant-input" data-index="option15"> Fir </option>
<option value="Indigo" name="Couleur" class="variant-input" data-index="option16"> Indigo </option>
<option value="Foret" name="Couleur" class="variant-input" data-index="option17"> Drill </option>
<option value="Perle" name="Couleur" class="variant-input" data-index="option18"> Pearl </option>
</select>
</div>
</div>
</div>
<div class="hidden cart-upsell-variants-container">
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="true" data-variant-id="43316438368471"
data-img="//en.flotte.fr/cdn/shop/files/Bonnet-laine-woolmark-mixte-flotte-7.webp?v=1709286987&width=200" data-title="Noisette" data-id="43316438368471" data-quantity="6"> Hazelnut </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="false" data-variant-id="47107464266066"
data-img="//en.flotte.fr/cdn/shop/products/bonnet-en-laine-3760315835106-711941.webp?v=1709286987&width=200" data-title="Praline" data-id="47107464266066" data-quantity="0"> Praline </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="false" data-variant-id="43316438434007"
data-img="//en.flotte.fr/cdn/shop/products/bonnet-en-laine-3760315831825-433792.webp?v=1711712931&width=200" data-title="Rouge" data-id="43316438434007" data-quantity="0"> Rouge </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="false" data-variant-id="47107464331602"
data-img="//en.flotte.fr/cdn/shop/files/Bonnet-laine-woolmark-mixte-flotte-22.webp?v=1711712926&width=200" data-title="Avoine" data-id="47107464331602" data-quantity="0"> Oats </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="false" data-variant-id="43310044905687"
data-img="//en.flotte.fr/cdn/shop/files/Bonnet-laine-woolmark-mixte-flotte-57.webp?v=1709286987&width=200" data-title="Iceberg" data-id="43310044905687" data-quantity="0"> Iceberg </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="false" data-variant-id="43310044741847"
data-img="//en.flotte.fr/cdn/shop/files/Bonnet-laine-woolmark-mixte-flotte-28.webp?v=1711712926&width=200" data-title="Bleu roi" data-id="43310044741847" data-quantity="-1"> Royal Blue </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="true" data-variant-id="43316438302935"
data-img="//en.flotte.fr/cdn/shop/products/bonnet-en-laine-3760315831702-122724.webp?v=1711712931&width=200" data-title="Lilas" data-id="43316438302935" data-quantity="20"> Lilac </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="false" data-variant-id="43310044774615"
data-img="//en.flotte.fr/cdn/shop/files/Bonnet-laine-woolmark-mixte-flotte-14.webp?v=1711712926&width=200" data-title="Bonbon" data-id="43310044774615" data-quantity="-3"> Candy </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="true" data-variant-id="43310044807383"
data-img="//en.flotte.fr/cdn/shop/products/bonnet-en-laine-3760315831702-795166.webp?v=1711712931&width=200" data-title="Corail" data-id="43310044807383" data-quantity="3"> Coral </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="true" data-variant-id="47107464298834"
data-img="//en.flotte.fr/cdn/shop/products/bonnet-en-laine-3760315831702-342917.webp?v=1711712931&width=200" data-title="Ginger" data-id="47107464298834" data-quantity="13"> Ginger </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="true" data-variant-id="47167570444626" data-img="//en.flotte.fr/cdn/shop/products/bonnet-en-laine-610202.webp?v=1709286980&width=200"
data-title="Citron" data-id="47167570444626" data-quantity="10"> Citron </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="false" data-variant-id="43316438335703"
data-img="//en.flotte.fr/cdn/shop/files/Bonnet-laine-woolmark-mixte-flotte-49.webp?v=1711712931&width=200" data-title="Neon" data-id="43316438335703" data-quantity="0"> Neon </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="true" data-variant-id="43316438401239"
data-img="//en.flotte.fr/cdn/shop/files/Bonnet-laine-woolmark-mixte-flotte-38.webp?v=1711712926&width=200" data-title="Pomme" data-id="43316438401239" data-quantity="8"> Apple </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="false" data-variant-id="43310044872919"
data-img="//en.flotte.fr/cdn/shop/files/Bonnet-laine-woolmark-mixte-flotte-26.webp?v=1711712926&width=200" data-title="Fuschia" data-id="43310044872919" data-quantity="0"> Fuschia </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="false" data-variant-id="43316438466775"
data-img="//en.flotte.fr/cdn/shop/products/bonnet-en-laine-3760315831702-496205.webp?v=1711712931&width=200" data-title="Sapin" data-id="43316438466775" data-quantity="-1"> Fir </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="true" data-variant-id="43316438270167"
data-img="//en.flotte.fr/cdn/shop/files/Bonnet-laine-woolmark-mixte-flotte-11.webp?v=1711712926&width=200" data-title="Indigo" data-id="43316438270167" data-quantity="3"> Indigo </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="true" data-variant-id="43310044840151"
data-img="//en.flotte.fr/cdn/shop/products/bonnet-en-laine-3760315831702-679822.webp?v=1711712931&width=200" data-title="Foret" data-id="43310044840151" data-quantity="12"> Drill </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="7791292842199" data-a11y="true" data-variant-id="47107464364370"
data-img="//en.flotte.fr/cdn/shop/files/Bonnet-laine-woolmark-mixte-flotte-6.webp?v=1711712926&width=200" data-title="Perle" data-id="47107464364370" data-quantity="25"> Pearl </div>
</div>
<div class="cart-upsell-error" style="display:none">Addition error, this product is probably unavailable! </div>
<span data-current="43316438368471" onclick="fetchSelectedOption(this)" class="cart-action-add btn btn--full">
<svg width="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5H7V1a1 1 0 00-2 0v4H1a1 1 0 000 2h4v4a1 1 0 002 0V7h4a1 1 0 000-2z" fill="currentColor" fill-rule="nonzero"></path>
</svg> Add to cart </span>
</div>
<div class="cart-upsell-options" style="width: 100%;" data-id="8571117142354">
<div class="upsell-options-header">
<div class="cart-upsell-image-wrapper">
<div class="cart-upsell-image">
<img src="//en.flotte.fr/cdn/shop/files/Bob-polaire-impermeable-marceau-mixte-flotte-22.webp?v=1704733029" alt="Marceau - Reversible Fleece Bucket Hat" width="1067" height="1600">
</div>
</div>
<div class="cart-upsell-price">
<div>
<span>Marceau - Reversible Fleece Bucket Hat</span>
</div>
<p class="cart-upsell-variant-price">45,00€</p>
</div>
</div>
<div class="cart-upsell-option">
<label>Color</label>
<div class="variant-wrapper variant-wrapper--dropdown js" data-type="dropdown">
<label class="variant__label hidden-label" for="SingleOptionSelector--8571117142354-option-0"> Color </label>
<div class="variant-input-wrap" data-index="option1" data-handle="couleur">
<select form="" data-variant-input="" id="SingleOptionSelector--8571117142354-option-0" data-index="option1">
<option value="Ombre - Tartan" selected="selected" name="Couleur" class="variant-input" data-index="option1"> Ombre - Tartan </option>
<option value="Sahara" name="Couleur" class="variant-input" data-index="option2"> Sahara </option>
<option value="Denim - Coquille" name="Couleur" class="variant-input" data-index="option3"> Denim - Shell </option>
<option value="Coquille - Iceberg" name="Couleur" class="variant-input" data-index="option4"> Shell - Iceberg </option>
<option value="Indigo" name="Couleur" class="variant-input" data-index="option5"> Indigo </option>
<option value="Sahara - Chocolat" name="Couleur" class="variant-input" data-index="option6"> Sahara - Chocolate </option>
<option value="Kaki" name="Couleur" class="variant-input" data-index="option7"> Kaki </option>
</select>
</div>
</div>
</div>
<div class="hidden cart-upsell-variants-container">
<div class="cart-upsell-variant" style="display: none" data-product-id="8571117142354" data-a11y="true" data-variant-id="46991995437394"
data-img="//en.flotte.fr/cdn/shop/files/Bob-polaire-impermeable-marceau-mixte-flotte-25.webp?v=1704733029&width=200" data-title="Ombre - Tartan" data-id="46991995437394" data-quantity="28"> Ombre - Tartan </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="8571117142354" data-a11y="true" data-variant-id="46991995273554"
data-img="//en.flotte.fr/cdn/shop/files/Bob-polaire-impermeable-marceau-mixte-flotte-29.webp?v=1704733029&width=200" data-title="Sahara" data-id="46991995273554" data-quantity="20"> Sahara </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="8571117142354" data-a11y="true" data-variant-id="46991995404626"
data-img="//en.flotte.fr/cdn/shop/files/Bob-polaire-impermeable-marceau-mixte-flotte-10.webp?v=1704733029&width=200" data-title="Denim - Coquille" data-id="46991995404626" data-quantity="1"> Denim - Shell </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="8571117142354" data-a11y="true" data-variant-id="46991995339090"
data-img="//en.flotte.fr/cdn/shop/files/Bob-polaire-impermeable-marceau-mixte-flotte-5.webp?v=1704733029&width=200" data-title="Coquille - Iceberg" data-id="46991995339090" data-quantity="15"> Shell - Iceberg </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="8571117142354" data-a11y="true" data-variant-id="46991995371858"
data-img="//en.flotte.fr/cdn/shop/files/Bob-polaire-impermeable-marceau-mixte-flotte-12.webp?v=1704733029&width=200" data-title="Indigo" data-id="46991995371858" data-quantity="20"> Indigo </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="8571117142354" data-a11y="true" data-variant-id="46991995306322"
data-img="//en.flotte.fr/cdn/shop/products/marceau-bob-polaire-impermeable-3760315834093-487026.webp?v=1704733029&width=200" data-title="Sahara - Chocolat" data-id="46991995306322" data-quantity="14"> Sahara - Chocolate </div>
<div class="cart-upsell-variant" style="display: none" data-product-id="8571117142354" data-a11y="true" data-variant-id="47193710068050"
data-img="//en.flotte.fr/cdn/shop/files/Bob-polaire-impermeable-marceau-mixte-flotte-17.webp?v=1704733029&width=200" data-title="Kaki" data-id="47193710068050" data-quantity="21"> Kaki </div>
</div>
<div class="cart-upsell-error" style="display:none">Addition error, this product is probably unavailable! </div>
<span data-current="46991995437394" onclick="fetchSelectedOption(this)" class="cart-action-add btn btn--full">
<svg width="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5H7V1a1 1 0 00-2 0v4H1a1 1 0 000 2h4v4a1 1 0 002 0V7h4a1 1 0 000-2z" fill="currentColor" fill-rule="nonzero"></path>
</svg> Add to cart </span>
</div>
</div>
<script>
var swiperEmptyCartCrossSell = new Swiper('.swiperEmptyCartCrossSell', {
slidesPerView: 1,
spaceBetween: 10,
loop: true,
navigation: {
nextEl: '.swiper-upsell-next',
prevEl: '.swiper-upsell-prev',
},
breakpoints: {
768: {
slidesPerView: 1,
spaceBetween: 20,
},
1024: {
slidesPerView: 1,
spaceBetween: 20,
},
}
});
</script>
<div class="empty-cart__btns"><a href="https://en.flotte.fr/pages/couleurs-ah23" class="btn">
Shop by color
</a><a href="/pages/best-sellers" class="btn">
Best-sellers
</a></div>
</div>
</div>
</form>GET /search
<form action="/search" method="get" role="search" id="HeaderSearchForm" class="site-header__search-form" autocomplete="off">
<input type="hidden" name="type" value="product,article">
<input type="hidden" name="options[prefix]" value="last">
<button type="submit" class="text-link site-header__search-btn site-header__search-btn--submit">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64">
<path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"></path>
</svg>
<span class="icon__fallback-text">Search</span>
</button>
<input type="search" name="q" value="" placeholder="Find your favorite" class="site-header__search-input" aria-label="Trouvez votre coup de cœur">
</form><form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-VunBW4" novalidate="" tabindex="-1"
style="display: flex; flex-direction: row; box-sizing: border-box; width: 600px; min-width: 200px; max-width: 1000px; border-radius: 77px; border-style: none; border-width: 1px; border-color: rgb(0, 0, 0); background-color: rgb(241, 241, 241); background-repeat: no-repeat; background-position-y: 50%; padding: 20px 15px; flex: 1 1 0%;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px 15px 0px 0px; min-height: 200px; justify-content: center;">
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-106531426" style="width: 100%;">
<p style="text-align: center; font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span class="ql-font-poppins"
style="color: rgb(7, 7, 7); font-size: 18px; font-family: 'Suisse Medium', Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal;">Ready to join the community?</span></p>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-106531427" style="width: 100%;">
<p style="text-align: center; font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; line-height: 130%;"><span class="ql-font-poppins"
style="background-color: transparent; color: rgb(0, 0, 0); font-size: 14px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal;">Take advantage of a <span style="font-weight: bold;">10%
discount</span></span></p>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; justify-content: flex-start; padding: 10px 6px 0px; position: relative; background-color: rgba(255, 255, 255, 0); flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="first_name_106531428" class="needsclick go1267542827 kl-private-reset-css-Xuajs1" type="text"
autocomplete="given-name" tabindex="0" placeholder="First & Last Name" aria-label="Prénom & Nom" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 53px; padding: 0px 0px 0px 16px; height: 35px; text-align: left; color: rgb(0, 0, 0); font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0) 0px 0px 5px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px 0px; position: relative; flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_106531429" class="needsclick go1267542827 kl-private-reset-css-Xuajs1" type="email"
autocomplete="email" name="email" tabindex="0" placeholder="E-mail" aria-label="E-mail" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 53px; padding: 0px 0px 0px 16px; height: 35px; text-align: left; color: rgb(0, 0, 0); font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255);">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="zip_106531430" class="needsclick go1267542827 kl-private-reset-css-Xuajs1" type="text"
autocomplete="postal-code" tabindex="0" placeholder="Postal code" aria-label="Code postal" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 53px; padding: 0px 0px 0px 16px; height: 35px; text-align: left; color: rgb(0, 0, 0); font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255);">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="country_106531431" class="needsclick go1267542827 kl-private-reset-css-Xuajs1" type="text"
autocomplete="country" tabindex="0" placeholder="Country" aria-label="Pays" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 53px; padding: 0px 0px 0px 16px; height: 35px; text-align: left; color: rgb(0, 0, 0); font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255);">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-106531432" style="width: 100%;">
<div style="text-align: center;"><span style="color: rgb(7, 7, 7); font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-size: 14px; font-style: normal;">Follow Flotte in :</span></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; justify-content: center; display: flex;">
<div class="needsclick go846589428 kl-private-reset-css-Xuajs1" style="align-self: flex-end; flex-flow: column wrap;">
<div role="radiogroup" aria-labelledby="kl_Pr%C3%A9f%C3%A9rences%20langues__7_label" class="needsclick kl-private-reset-css-Xuajs1" style="display: inline-flex; justify-content: flex-start; flex-wrap: wrap;"><input
class="needsclick go2180652697 kl-private-reset-css-Xuajs1" tabindex="0" type="radio" id="Pr%C3%A9f%C3%A9rences%20langues__7__10" name="Pr%C3%A9f%C3%A9rences%20langues__7" aria-invalid="false" aria-label="Français"><label
for="Pr%C3%A9f%C3%A9rences%20langues__7__10" class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; align-items: center; flex: 0 0 auto; padding-bottom: 8px; word-break: break-word; max-width: 100%; cursor: pointer;"><svg class="go2616125273" width="20px" height="20px" viewBox="0 0 20 20" version="1.1"
xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="stroke: rgb(255, 255, 255); margin-right: 8px; min-width: 20px; width: auto; height: auto;">
<g>
<g>
<circle stroke-width="1" cx="10" cy="10" r="9.5" fill="rgba(255,255,255,1)"></circle>
</g>
</g>
</svg><svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="cursor: pointer; display: none; position: absolute; margin: 0px;">
<defs></defs>
<g id="radio_inner_Pr%C3%A9f%C3%A9rences%20langues__7__10" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="shape-radio_inner_Pr%C3%A9f%C3%A9rences%20langues__7__10" transform="translate(4.000000, 4.000000)" fill="#303B43">
<circle fill="#000000" id="oval-radio_inner_Pr%C3%A9f%C3%A9rences%20langues__7__10" cx="6" cy="6" r="5.55555556"></circle>
</g>
</g>
</svg>
<div class="needsclick kl-private-reset-css-Xuajs1"
style="cursor: pointer; color: rgb(0, 0, 0); font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0px; margin-right: 24px; display: flex; position: relative; top: 1px;">French</div>
</label><input class="needsclick go2180652697 kl-private-reset-css-Xuajs1" tabindex="0" type="radio" id="Pr%C3%A9f%C3%A9rences%20langues__7__11" name="Pr%C3%A9f%C3%A9rences%20langues__7" aria-invalid="false" aria-label="Anglais"><label
for="Pr%C3%A9f%C3%A9rences%20langues__7__11" class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; align-items: center; flex: 0 0 auto; padding-bottom: 8px; word-break: break-word; max-width: 100%; cursor: pointer;"><svg class="go2616125273" width="20px" height="20px" viewBox="0 0 20 20" version="1.1"
xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="stroke: rgb(255, 255, 255); margin-right: 8px; min-width: 20px; width: auto; height: auto;">
<g>
<g>
<circle stroke-width="1" cx="10" cy="10" r="9.5" fill="rgba(255,255,255,1)"></circle>
</g>
</g>
</svg><svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="cursor: pointer; display: none; position: absolute; margin: 0px;">
<defs></defs>
<g id="radio_inner_Pr%C3%A9f%C3%A9rences%20langues__7__11" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="shape-radio_inner_Pr%C3%A9f%C3%A9rences%20langues__7__11" transform="translate(4.000000, 4.000000)" fill="#303B43">
<circle fill="#000000" id="oval-radio_inner_Pr%C3%A9f%C3%A9rences%20langues__7__11" cx="6" cy="6" r="5.55555556"></circle>
</g>
</g>
</svg>
<div class="needsclick kl-private-reset-css-Xuajs1"
style="cursor: pointer; color: rgb(0, 0, 0); font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0px; margin-right: 24px; display: flex; position: relative; top: 1px;">English</div>
</label></div>
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; justify-content: flex-start; padding: 10px 80px; position: relative; background-color: rgba(255, 255, 255, 0); flex: 1 0 0px;"><button class="needsclick go1505117110 kl-private-reset-css-Xuajs1" type="button"
tabindex="0"
style="background: rgb(0, 0, 0); border-radius: 50px; border-style: none; border-color: rgb(23, 107, 229); border-width: 2px; color: rgb(255, 255, 255); font-family: "Suisse Medium", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 500; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 40px; width: 100%;">REGISTER</button>
</div>
</div>
</div>
<div title="Flotte - Colorful, mixed and eco-responsible raincoats" class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; flex-direction: column; width: 300px; margin: -21px -16px -21px 0px; padding: 0px; border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; border-left: 0px; border-bottom-right-radius: 77px; border-top-right-radius: 77px; overflow: hidden; min-width: 300px; min-height: 200px;">
<div class="needsclick kl-private-reset-css-Xuajs1"
style="background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/TcLWJg/images/87192b62-fe0f-4bd5-be3e-80a7a8233745.gif"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; width: 100%; height: 100%; display: block;">
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>Text Content
VOTRE LANGUE EST DÉFINIE SUR FRANÇAIS
Continuer
Changer la langue
WE RESPECT YOUR PRIVACY
Our cookies are small and very healthy. We use them to keep our site running
smoothly and to optimize its technical performance. En savoir-plus
Gérer les préférencesOk, coolNo, thanks
Skip to content
Close the menu
* New Collection
* Men
*
Raincoats
* Short
* Long
* Trenchcoat
* Made in France
*
Down jackets & Parkas
* Reversible Puffer
* Sleeveless jacket
* Short
* Long
*
Windbreaker
* Short
* Long
*
Clothing
* T-shirt
* Fleece Hoodie
*
Pants & Shorts
* Rain Pants
* Women
*
Raincoats
* Short
* Long
* Trenchcoat
* Made in France
*
Down jackets & Parkas
* Reversible Puffer
* Sleeveless jacket
* Short
* Long
*
Windbreaker
* Short
* Long
*
Clothing
* T-shirt
* Fleece Hoodie
*
Pants & Shorts
* Rain Pants
* Accessories
* Kids
*
Waterproof windbreakers
* Short
*
Clothing
* Fleece Hoodie
* Swimwear
* The brand
* Concept
* History
* Commitments
* Collaborations
* Refer a friend
* Press
* Blog
* → New collection
→ Best-sellers
* Instagram
* Facebook
* Pinterest
* TikTok
* LinkedIn
My Account Stores
EN
* FR
Basket
Close basket
Delivered no later than 12 Avril (Metropolitan France)
Free delivery on orders over €59
Free Exchange
Only €59 left and free delivery!
Is it a gift?
Complete your look :
Discounts
Subtotal
0,00€
Shipping costs:
Available
From €4.95
Payment
Your basket is empty:
shop our best sellers
Complete your look :
Luxembourg - Waterproof cap
Add - 40,00€
Stainless Steel Isothermal Bottle
Add - 29,90€
Reversible Bucket Hat
Add - 39,00€
Waterproof hood
Add - 19,99€
Wool Beanie
Add - 39,00€
Marceau - Reversible Fleece Bucket Hat
Add - 45,00€
Luxembourg - Waterproof cap
40,00€
Color
Color
Cactus Rouge Fir Vanilla Fuschia Lavender Lilac Royal Blue Indigo Shadow Kaki
Sahara
Cactus
Rouge
Fir
Vanilla
Fuschia
Lavender
Lilac
Royal Blue
Indigo
Shadow
Kaki
Sahara
Addition error, this product is probably unavailable!
Add to cart
Stainless Steel Isothermal Bottle
29,90€
Color
Color
Royal Blue Holo Pink Holo Blue Citron Fir Kaki Lilac Candy Fuschia Anthracite
Shadow Orange Indigo
Royal Blue
Holo Pink
Holo Blue
Citron
Fir
Kaki
Lilac
Candy
Fuschia
Anthracite
Shadow
Orange
Indigo
Addition error, this product is probably unavailable!
Add to cart
Reversible Bucket Hat
39,00€
Color
Color
Vichy Rose Bonbon Kaki Corail Kaki Shadow Sahara shell Indigo Rouge Blue Shell
Vichy Bleu Indigo Indigo Bandana Lilac Garden Blossom Bonbon
Vichy Rose Bonbon
Kaki Corail
Kaki Shadow
Sahara shell
Indigo Rouge
Blue Shell
Vichy Bleu Indigo
Indigo Bandana
Lilac Garden
Blossom Bonbon
Addition error, this product is probably unavailable!
Add to cart
Headgear
19,99€
Color
Color
Candy Fir Kaki Shadow Sahara Camo Apricot Leopard Plum Chlorophyll Indigo
Meteorite
Candy
Fir
Kaki
Shadow
Sahara
Camo
Apricot
Leopard
Plum
Chlorophyll
Indigo
Meteorite
Addition error, this product is probably unavailable!
Add to cart
Wool Beanie
39,00€
Color
Color
Hazelnut Praline Rouge Oats Iceberg Royal Blue Lilac Candy Coral Ginger Citron
Neon Apple Fuschia Fir Indigo Drill Pearl
Hazelnut
Praline
Rouge
Oats
Iceberg
Royal Blue
Lilac
Candy
Coral
Ginger
Citron
Neon
Apple
Fuschia
Fir
Indigo
Drill
Pearl
Addition error, this product is probably unavailable!
Add to cart
Marceau - Reversible Fleece Bucket Hat
45,00€
Color
Color
Ombre - Tartan Sahara Denim - Shell Shell - Iceberg Indigo Sahara - Chocolate
Kaki
Ombre - Tartan
Sahara
Denim - Shell
Shell - Iceberg
Indigo
Sahara - Chocolate
Kaki
Addition error, this product is probably unavailable!
Add to cart
Shop by color Best-sellers
Slide show Break Read the slideshow
Free delivery in France & Belgium for orders over €59Free exchanges
Payment in 2x or 3xFree of charge with Scalapay
★ 4.7/5 | 1000+ verified reviewsFind out more
Navigation
Search
Search
Navigation
Flotte
EN
* FR
Log in Search Basket
* New Collection
* Men
Raincoats
Short
Long
Trenchcoat
Made in France
Down jackets & Parkas
Reversible Puffer
Sleeveless jacket
Short
Long
Windbreaker
Short
Long
Clothing
T-shirt
Fleece Hoodie
Pants & Shorts
Rain Pants
* Women
Raincoats
Short
Long
Trenchcoat
Made in France
Down jackets & Parkas
Reversible Puffer
Sleeveless jacket
Short
Long
Windbreaker
Short
Long
Clothing
T-shirt
Fleece Hoodie
Pants & Shorts
Rain Pants
* Accessories
* Kids
Waterproof windbreakers
Short
Clothing
Fleece Hoodie
Swimwear
* The brand
* Concept
* History
* Commitments
* Collaborations
* Refer a friend
* Press
* Blog
Search
"Close (Esc)"
See more
SPRING-SUMMER 2024
NEW COLLECTION
SHOP NOW
SPRING-SUMMER 2024
NEW COLLECTION
SHOP NOW
WOMENMEN
WOMENMEN
Explore our waterproof and eco-friendly clothing. Innovative design, functional
details and protection from the cold and rain.
New Arrivals Best-sellers
New
Saint-Cyr
Multi-pocket waterproof jacket
199,00€
Indigo Sahara Fuschia Kaki
Liberté
Rain cape
119,00€
Daisy Prairie Pois Olive Sahara
+ 5
New
Abbesses
Waterproof Jacket
129,00€
Kaki Bleu Roi Indigo Vanille
New
Caumartin
Long Oversize Raincoat
149,00€
Sahara Kaki Bleu roi Indigo
Saint-Cyr
Multi-pocket waterproof jacket
199,00€
Fuschia Sahara Kaki Indigo
New
Sorbonne
Short waterproof jacket
139,00€
Corail Sahara Sapin Indigo
Eco-Responsible
Sorbonne
Short waterproof jacket
139,00€
Sapin Corail Indigo Sahara
New
Abbesses
Waterproof Jacket
129,00€
Bleu Roi Kaki Vanille Indigo
New
Caumartin
Long Oversize Raincoat
149,00€
Kaki Sahara Bleu roi Indigo
Printed Passy
Rain Jacket
89,00€
Bandana Vichy Bleu Daisy Vichy Rose
+ 2
Amelot Printed
Long Raincoat
99,00€
Daisy Prairie Pois Olive Rosier
+ 12
New
Aligre
Reversible Sleeveless Fleece Vest
99,00€
Kaki Bandana Daisy
New
Aligre
Reversible Sleeveless Fleece Vest
99,00€
Daisy Kaki Bandana
Grenelle
Long Parka
139,00€
Sahara Indigo Citron Rouge
+ 1
New
Luxembourg
Waterproof cap
40,00€
Cactus Rouge Sapin Vanille
+ 8
Made in EU
Temple
Water-repellent T-shirt
60,00€
Bonbon Sapin Bleu Roi Ombre
+ 1
Made in France
Bonne Nouvelle
Waterproof Jacket
249,00€
Indigo Kaki Sahara Blossom
+ 1
Eco-Responsible
Amelot Color
Long Raincoat
99,00€
Cactus Abricot Emeraude Bleu roi
+ 12
Made in France
Bonne Nouvelle
Waterproof Jacket
249,00€
Sahara Kaki Indigo Jardin
+ 1
Grenelle
Long Parka
139,00€
Indigo Rouge Sahara Citron
+ 1
Odeon
Short Parka
119,00€
Citron Sahara Rouge Emeraude
+ 1
Gambetta
Rain Pants
From €95.00
Denim Kaki Bleu Roi Indigo
+ 3
Odeon
Short Parka
119,00€
Indigo Emeraude Sahara Citron
+ 1
New
Monge
Fleece Jacket
109,00€
Kaki - Sahara Coquille - Sahara Sahara - Ginger Indigo
+ 2
Charonne
Reversible Down Jacket
169,00€
Indigo - Rouge Sapin - Chocolat Coquille - Bleuet Coquille - Iceberg
+ 5
Bestseller
Belleville
Fleece Sweater
69,00€
Bonbon Lilas Sapin Sahara
+ 12
Pompidou
Lined Parka
159,00€
Kaki Chocolat Iceberg Orage
+ 8
Pompidou
Lined Parka
159,00€
Indigo Iceberg Orage Sapin
+ 8
Charonne
Reversible Down Jacket
169,00€
Prune - Leopard Ombre - Sahara Coquille - Bleuet Sapin - Chocolat
+ 5
Bestseller
Belleville
Fleece Sweater
69,00€
Indigo Orage Iceberg Lilas
+ 12
Amelot Color
Long Raincoat
99,00€
Fuschia Rouge Lilas Lavande
+ 12
Bestseller
Passy
Rain Jacket
89,00€
Citron Kaki Cactus Sapin
+ 12
Bestseller
Reversible Bucket Hat
39,00€
Vichy Rose Bonbon Kaki Corail Kaki Ombre Coquille Sahara
+ 6
New
Monge
Fleece Jacket
109,00€
Indigo Ombre - Sahara Ombre - Tartan Sahara - Ginger
+ 2
Stainless Steel Isothermal Bottle
29,90€
Bleu roi Holo Pink Holo Blue Citron
+ 9
Bestseller
Amelot Classic
Long Raincoat
99,00€
Kaki Chocolat Prune Sahara
+ 6
Bestseller
Amelot Classic
Long Raincoat
99,00€
Kaki Sahara Chocolat Prune
+ 6
Bestseller
Passy
Rain Jacket
89,00€
Corail Lavande Prune Cactus
+ 12
Eco-Responsible
Amelot Color
Long Raincoat
99,00€
Cactus Abricot Emeraude Bleu roi
+ 12
Amelot Printed
Long Raincoat
99,00€
Bandana Pois Olive Prairie Denim
+ 12
Odeon
Short Parka
119,00€
Indigo Emeraude Sahara Citron
+ 1
Liberté
Rain cape
119,00€
Kaki Citron Sahara Fuschia
+ 5
Odeon
Short Parka
119,00€
Citron Sahara Rouge Emeraude
+ 1
Concorde
Long jacket
95,00€
Argile Indigo Ginger Sahara
+ 4
Liberté
Rain cape
119,00€
Daisy Prairie Pois Olive Sahara
+ 5
Madeleine
Trenchcoat
109,00€
Ginger Sahara Citron Vert Sauge
Concorde
Long jacket
95,00€
Indigo Vert sauge Ginger Lilas
+ 4
Madeleine
Printed Trenchcoat
109,00€
Python
Amelot Printed
Long Raincoat
99,00€
Daisy Prairie Pois Olive Rosier
+ 12
Made in EU
Wool Beanie
39,00€
Noisette Praline Rouge Avoine
+ 14
Headgear
19,99€
Bonbon Sapin Kaki Ombre
+ 8
Grenelle
Long Parka
139,00€
Indigo Rouge Sahara Citron
+ 1
Grenelle
Long Parka
139,00€
Sahara Indigo Citron Rouge
+ 1
Eco-Responsible
2-in-1 Cushion Throw
59,00€
Sapin Kaki Sahara Bonbon
+ 4
Opera
Sleeveless down jacket
89,00€
Kaki Citron Sahara Bonbon
+ 3
Opera
Sleeveless down jacket
89,00€
Fuschia Bonbon Kaki Sahara
+ 3
Madeleine
Trenchcoat
109,00€
Ginger Vert Sauge Sahara Citron
Amelot Gold & Silver
Long windbreaker
99,00€
Gold Silver
The e-gift card
From 20,00€ onwards
Amelot Gold & Silver
Long windbreaker
99,00€
Gold Silver
Bastille
Rain Jacket
69,00€
Citron Bonbon Indigo Rouge
+ 1
Goncourt
Fleece Sweater
49,00€
Bonbon Kaki Sahara Indigo
Collab
Waterproof Bob Hat
Flotte x emoi emoi
29,00€
Nuage
Collab
Waterproof Pants
Flotte x emoi emoi
59,00€
Nuage
Collab
Bastille Rain Jacket
Flotte x emoi emoi
69,00€
Nuage
Collab
Boulogne
Raincoat for dogs
69,00€
Vert Sauge Lilas Sahara Bonbon
+ 1
Collab
Vincennes
Dog coat
39,00€
Sahara Vert Sauge Lilas Bonbon
+ 1
Collab
Raincoat & Down jacket for dogs
Flotte x Bandit
100,00€
Sahara Lilas Vert Sauge Paisley
+ 1
Anorak Windbreaker
79,00€
Melon Noisette Olive Citron
+ 5
Anorak Windbreaker
79,00€
Melon Noisette Olive Citron
+ 5
Collab
Amelot
Flotte x Paul & Joe
99,00€
Botania
Collab
Amelot
Flotte x Paul & Joe
99,00€
Botania
Collab
Liberté
Flotte x Paul & Joe
119,00€
Botania
+ 1.6 MILLION
plastic bottles have been recycled into raincoats since our creation in 2020.
That's a lot of bottles that won't end up in the ocean. The aim: to transform
our household waste into a source of high value-added raw materials.
OUR COMMITMENTS
#TEAM FLOTTE
FOLLOW US ON INSTAGRAM
@flotte.fr
@mr_pie__ porte la veste Sorbonne disponible sur flotte.fr et dans nos boutiques
partenaires 💚
8 avril 2024
Spring/Summer 24 - Look 4 À la rencontre du style chic et casual Découvrez
cette silhouette citadine, une fusion parfaite entre élégance et style
décontracté. Veste Caumartin avec capuche amovible, portée par @karenharle
#TeamFlotte #SS24
5 avril 2024
Saint-Cyr allie style urbain et fonctionnalité avec des manches amovibles et six
poches pour toutes les saisons. Confectionnée en tissus 100% recyclés et
certifiés. Avec sa coupe décontractée et ses accents militaires, cette veste
coupe-vent incarne la fusion parfaite entre fonctionnalité et esthétique.
Disponible dès maintenant sur flotte.fr et dans nos boutiques partenaires. 🎨
Dites-nous votre couleur préférée
3 avril 2024
POV : Quand Flotte sort sa nouvelle collection printemps/été 2024 🌈 Disponible
dès maintenant sur flotte.fr et dans nos boutiques partenaires
31 mars 2024
Style sessions : 12 ways to wear SS24 collection 🌈
29 mars 2024
Spring/Summer 24 - Look 3 À la rencontre de la veste universitaire emblématique
Découvrez cette silhouette classique, une harmonie parfaite entre style sportif
et urbain. Veste Sorbonne imperméable avec capuche discrète cachée dans le col,
portée par @louiskhy__ #TeamFlotte #SS24
27 mars 2024
Matching fit 🐕🤎 @chouchane.b porte la veste Saint-Cyr + le pantalon de pluie
Gambetta
25 mars 2024
SORBONNE : VESTE IMPERMÉABLE Découvrez notre veste imperméable courte, inspirée
de la varsity jacket, combinant style urbain et praticité. Fabriquée en
polyamide recyclé, elle est à la fois légère, respirante et résistante aux
intempéries. Son tissu nylon réfléchissant offre un fini brillant unique, tandis
que les patchs brodés apportent une touche trendy à votre look. Avec une capuche
discrète dissimulée dans le col, cette veste 2-en-1 modulable vous garde au sec
avec style, quelle que soit la météo. Disponible dès maintenant sur flotte.fr et
dans nos boutiques partenaires.
21 mars 2024
Un air de printemps 🌸🍃 1_En terrasse avec Socky 2_Petite balade à vélo
3_S’enjailler sous la pluie Retrouvez la sélection de @styleto sur flotte.fr
19 mars 2024
CAUMARTIN : IMPERMÉABLE LONG OVERSIZE Êtes-vous plutôt bleu roi ? sahara ? kaki
ou indigo ? Disponible dès maintenant sur flotte.fr et dans nos boutiques
partenaires.
17 mars 2024
Slide show Break Read the slideshow
fast deliveryFree delivery in France and Belgium from €59
sustainable fashion100% recycled and certified
secure paymentsVisa, Mastercard, PayPal, American Express, BanContact
A question, need help?hello@flotte.fr
We are on a mission to make you love the rain.
Follow our adventures on social media
* Instagram
* Facebook
* Pinterest
* TikTok
* LinkedIn
The brand
The brand
* Concept
* Newsletter
* Reviews
* Blog
* Press & media
Information
Information
* Stockists
* Shipping & Returns
* Refer a friend
* Careers
* Privacy
* Legal information
* B2B
Need help?
Need help?
* FAQ
* Terms & Conditions
* Contact
* Size guide
* Visa
* Mastercard
* American Express
* PayPal
* Bancontact
Copyright 2024 Flotte.
"Close (Esc)"
×
Close dialog 1
Ready to join the community?
Take advantage of a 10% discount
Follow Flotte in :
French
English
REGISTER