<!doctype html>
<html
lang="fr"
>
<head>
<meta charset="utf-8">
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
>
<meta
name="viewport"
content="width=device-width,initial-scale=1"
>
<meta
name="view-transition"
content="same-origin"
>
<meta
name="theme-color"
content=""
>
<meta
property="og:site_name"
content="Choose Your Clothes"
>
<meta
property="og:url"
content="https://chooseyourclothes.com/"
>
<meta
property="og:title"
content="Choose Your Clothes"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="Choose Your Clothes"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="Choose Your Clothes"
>
<meta
name="twitter:description"
content="Choose Your Clothes"
>
<title>
Choose Your Clothes
</title>
<link
rel="canonical"
href="https://chooseyourclothes.com/"
>
<link href="//chooseyourclothes.com/cdn/shop/t/1/assets/overflow-list.css?v=101911674359793798601765738414" as="style" rel="preload">
<link href="//chooseyourclothes.com/cdn/shop/t/1/assets/base.css?v=25630247329231457811768809436" rel="stylesheet" type="text/css" media="all" />
<link
rel="preload"
as="font"
href="//chooseyourclothes.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//chooseyourclothes.com/cdn/fonts/poppins/poppins_n5.ad5b4b72b59a00358afc706450c864c3c8323842.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//chooseyourclothes.com/cdn/fonts/dm_serif_display/dmserifdisplay_n4.d2fb62d84e79a0e0554bcf26e5e3d5bd86318b17.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//chooseyourclothes.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
>
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
{
"imports": {
"@theme/overflow-list": "//chooseyourclothes.com/cdn/shop/t/1/assets/overflow-list.js?v=46858356770684902511768809424",
"@theme/product-title": "//chooseyourclothes.com/cdn/shop/t/1/assets/product-title-truncation.js?v=81744426891537421781760709614",
"@theme/component": "//chooseyourclothes.com/cdn/shop/t/1/assets/component.js?v=184240237101443119871765738423",
"@theme/dialog": "//chooseyourclothes.com/cdn/shop/t/1/assets/dialog.js?v=61774032287387761671768809427",
"@theme/events": "//chooseyourclothes.com/cdn/shop/t/1/assets/events.js?v=147926035229139604561765738403",
"@theme/focus": "//chooseyourclothes.com/cdn/shop/t/1/assets/focus.js?v=60436577539430446401760709614",
"@theme/morph": "//chooseyourclothes.com/cdn/shop/t/1/assets/morph.js?v=35457747882330740861768809424",
"@theme/paginated-list": "//chooseyourclothes.com/cdn/shop/t/1/assets/paginated-list.js?v=95298315036233333871760709615",
"@theme/performance": "//chooseyourclothes.com/cdn/shop/t/1/assets/performance.js?v=171015751390534793081760709614",
"@theme/product-form": "//chooseyourclothes.com/cdn/shop/t/1/assets/product-form.js?v=37993400097492174081768809423",
"@theme/recently-viewed-products": "//chooseyourclothes.com/cdn/shop/t/1/assets/recently-viewed-products.js?v=94729125001750262651760709614",
"@theme/scrolling": "//chooseyourclothes.com/cdn/shop/t/1/assets/scrolling.js?v=118005526288211533611768809440",
"@theme/section-renderer": "//chooseyourclothes.com/cdn/shop/t/1/assets/section-renderer.js?v=117273408521114569061760709615",
"@theme/section-hydration": "//chooseyourclothes.com/cdn/shop/t/1/assets/section-hydration.js?v=177651605160027701221760709614",
"@theme/utilities": "//chooseyourclothes.com/cdn/shop/t/1/assets/utilities.js?v=74252600229394689081768809429",
"@theme/variant-picker": "//chooseyourclothes.com/cdn/shop/t/1/assets/variant-picker.js?v=124079696159966615681768809435",
"@theme/media-gallery": "//chooseyourclothes.com/cdn/shop/t/1/assets/media-gallery.js?v=111441960308641931071760709614",
"@theme/quick-add": "//chooseyourclothes.com/cdn/shop/t/1/assets/quick-add.js?v=148903382353369979481768809429",
"@theme/paginated-list-aspect-ratio": "//chooseyourclothes.com/cdn/shop/t/1/assets/paginated-list-aspect-ratio.js?v=25254270272143792451760709614",
"@theme/popover-polyfill": "//chooseyourclothes.com/cdn/shop/t/1/assets/popover-polyfill.js?v=119029313658895111201760709614",
"@theme/component-quantity-selector": "//chooseyourclothes.com/cdn/shop/t/1/assets/component-quantity-selector.js?v=67906657287482036641765738408",
"@theme/comparison-slider": "//chooseyourclothes.com/cdn/shop/t/1/assets/comparison-slider.js?v=106705562947035711941765738418",
"@theme/sticky-add-to-cart": "//chooseyourclothes.com/cdn/shop/t/1/assets/sticky-add-to-cart.js?v=48956925339276737091768809439",
"@theme/fly-to-cart": "//chooseyourclothes.com/cdn/shop/t/1/assets/fly-to-cart.js?v=129971753673458693881768809432"
}
}
</script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/view-transitions.js?v=7106414069516106341768809422"
async
></script>
<link
rel="modulepreload"
href="//chooseyourclothes.com/cdn/shop/t/1/assets/utilities.js?v=74252600229394689081768809429"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//chooseyourclothes.com/cdn/shop/t/1/assets/component.js?v=184240237101443119871765738423"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//chooseyourclothes.com/cdn/shop/t/1/assets/section-renderer.js?v=117273408521114569061760709615"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//chooseyourclothes.com/cdn/shop/t/1/assets/section-hydration.js?v=177651605160027701221760709614"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//chooseyourclothes.com/cdn/shop/t/1/assets/morph.js?v=35457747882330740861768809424"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//chooseyourclothes.com/cdn/shop/t/1/assets/focus.js?v=60436577539430446401760709614"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//chooseyourclothes.com/cdn/shop/t/1/assets/recently-viewed-products.js?v=94729125001750262651760709614"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//chooseyourclothes.com/cdn/shop/t/1/assets/scrolling.js?v=118005526288211533611768809440"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//chooseyourclothes.com/cdn/shop/t/1/assets/events.js?v=147926035229139604561765738403"
fetchpriority="low"
>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/popover-polyfill.js?v=119029313658895111201760709614"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/overflow-list.js?v=46858356770684902511768809424"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/quick-add.js?v=148903382353369979481768809429"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/cart-discount.js?v=107077853990124422021760709614"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/dialog.js?v=61774032287387761671768809427"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/variant-picker.js?v=124079696159966615681768809435"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/product-card.js?v=124402285637860180781768809432"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/product-form.js?v=37993400097492174081768809423"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/fly-to-cart.js?v=129971753673458693881768809432"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/accordion-custom.js?v=99000499017714805851760709614"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/disclosure-custom.js?v=168050880623268140331760709614"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/media.js?v=37825095869491791421760709615"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/product-price.js?v=117989390664188536191765738402"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/product-sku.js?v=121804655373531320511765738420"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/product-title-truncation.js?v=81744426891537421781760709614"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/product-inventory.js?v=16343734458933704981760709614"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/show-more.js?v=94563802205717136101760709615"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/slideshow.js?v=40796646405849125981768809438"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/layered-slideshow.js?v=30135417790894624731765738410"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/anchored-popover.js?v=95953304814728754461760709615"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/floating-panel.js?v=128677600744947036551760709614"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/video-background.js?v=25237992823806706551760709614"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/component-quantity-selector.js?v=67906657287482036641765738408"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/media-gallery.js?v=111441960308641931071760709614"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/rte-formatter.js?v=101420294193111439321760709614"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/volume-pricing.js?v=15442793518842484731765738416"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/price-per-item.js?v=144512917617120124431765738410"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/volume-pricing-info.js?v=94479640769665442661765738425"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/localization.js?v=15585934801240115691765738404"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/auto-close-details.js?v=58350291535404441581760709615"
defer="defer"
></script>
<script>
const Theme = {
translations: {
placeholder_image: `Image du paramètre fictif`,
added: `Ajouté`,
recipient_form_fields_visible: `Les champs du formulaire de destinataire sont désormais visibles`,
recipient_form_fields_hidden: `Les champs du formulaire de destinataire sont désormais masqués`,
recipient_form_error: `La soumission du formulaire présentait une erreur`,
items_added_to_cart_one: `1 article ajouté au panier`,
items_added_to_cart_other: `{{ count }} articles ajoutés au panier`,
},
routes: {
cart_add_url: '/cart/add.js',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
search_url: '/search',
},
template: {
name: 'index',
},
};
</script>
<style data-shopify>
@font-face {
font-family: Poppins;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//chooseyourclothes.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"),
url("//chooseyourclothes.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff");
}
@font-face {
font-family: Poppins;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//chooseyourclothes.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2") format("woff2"),
url("//chooseyourclothes.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff") format("woff");
}
@font-face {
font-family: Poppins;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//chooseyourclothes.com/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2"),
url("//chooseyourclothes.com/cdn/fonts/poppins/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff") format("woff");
}
@font-face {
font-family: Poppins;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//chooseyourclothes.com/cdn/fonts/poppins/poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2") format("woff2"),
url("//chooseyourclothes.com/cdn/fonts/poppins/poppins_i7.ec8499dbd7616004e21155106d13837fff4cf556.woff") format("woff");
}
@font-face {
font-family: Poppins;
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("//chooseyourclothes.com/cdn/fonts/poppins/poppins_n5.ad5b4b72b59a00358afc706450c864c3c8323842.woff2") format("woff2"),
url("//chooseyourclothes.com/cdn/fonts/poppins/poppins_n5.33757fdf985af2d24b32fcd84c9a09224d4b2c39.woff") format("woff");
}
@font-face {
font-family: Poppins;
font-weight: 500;
font-style: italic;
font-display: swap;
src: url("//chooseyourclothes.com/cdn/fonts/poppins/poppins_i5.6acfce842c096080e34792078ef3cb7c3aad24d4.woff2") format("woff2"),
url("//chooseyourclothes.com/cdn/fonts/poppins/poppins_i5.a49113e4fe0ad7fd7716bd237f1602cbec299b3c.woff") format("woff");
}
@font-face {
font-family: "DM Serif Display";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//chooseyourclothes.com/cdn/fonts/dm_serif_display/dmserifdisplay_n4.d2fb62d84e79a0e0554bcf26e5e3d5bd86318b17.woff2") format("woff2"),
url("//chooseyourclothes.com/cdn/fonts/dm_serif_display/dmserifdisplay_n4.776a8bf9adeb2bdfa35851c8b8f6488e4bd0da4e.woff") format("woff");
}
@font-face {
font-family: "DM Serif Display";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//chooseyourclothes.com/cdn/fonts/dm_serif_display/dmserifdisplay_i4.ded609b7af419cfaa3d7b74c93adb618780a44d2.woff2") format("woff2"),
url("//chooseyourclothes.com/cdn/fonts/dm_serif_display/dmserifdisplay_i4.542e1a9c39cbb3bbdcdb001c5b0ff5ce62f13c92.woff") format("woff");
}
:root {
/* Page Layout */
--sidebar-width: 25rem;
--narrow-content-width: 36rem;
--normal-content-width: 42rem;
--wide-content-width: 46rem;
--narrow-page-width: 90rem;
--normal-page-width: 120rem;
--wide-page-width: 150rem;
/* Section Heights */
--section-height-small: 15rem;
--section-height-medium: 25rem;
--section-height-large: 35rem;
@media screen and (min-width: 40em) {
--section-height-small: 40svh;
--section-height-medium: 55svh;
--section-height-large: 70svh;
}
@media screen and (min-width: 60em) {
--section-height-small: 50svh;
--section-height-medium: 65svh;
--section-height-large: 80svh;
}
/* Letter spacing */
--letter-spacing-sm: 0.06em;
--letter-spacing-md: 0.13em;
/* Font families */
--font-body--family: Poppins, sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: Poppins, sans-serif;
--font-subheading--style: normal;
--font-subheading--weight: 500;
--font-heading--family: "DM Serif Display", serif;
--font-heading--style: normal;
--font-heading--weight: 400;
--font-accent--family: Poppins, sans-serif;
--font-accent--style: normal;
--font-accent--weight: 400;
/* Margin sizes */
--font-h1--spacing: 0.25em;
--font-h2--spacing: 0.25em;
--font-h3--spacing: 0.25em;
--font-h4--spacing: 0.25em;
--font-h5--spacing: 0.25em;
--font-h6--spacing: 0.25em;
--font-paragraph--spacing: 0.5em;
/* Heading colors */
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/** Z-Index / Layering */
--layer-section-background: -2;
--layer-lowest: -1;
--layer-base: 0;
--layer-flat: 1;
--layer-raised: 2;
--layer-heightened: 4;
--layer-sticky: 8;
--layer-window-overlay: 10;
--layer-header-menu: 12;
--layer-overlay: 16;
--layer-menu-drawer: 18;
--layer-temporary: 20;
/* Max-width / Measure */
--max-width--body-normal: 32.5em;
--max-width--body-narrow: 22.75em;
--max-width--heading-normal: 32.5em;
--max-width--heading-narrow: 19.5em;
--max-width--display-normal: 13em;
--max-width--display-narrow: 9.75em;
--max-width--display-tight: 3.25em;
/* Letter-spacing / Tracking */
--letter-spacing--display-tight: -0.03em;
--letter-spacing--display-normal: 0em;
--letter-spacing--display-loose: 0.03em;
--letter-spacing--heading-tight: -0.03em;
--letter-spacing--heading-normal: 0em;
--letter-spacing--heading-loose: 0.03em;
--letter-spacing--body-tight: -0.03em;
--letter-spacing--body-normal: 0em;
--letter-spacing--body-loose: 0.03em;
/* Line height / Leading */
--line-height: 1;
--line-height--display-tight: 1;
--line-height--display-normal: 1.1;
--line-height--display-loose: 1.2;
--line-height--heading-tight: 1.15;
--line-height--heading-normal: 1.25;
--line-height--heading-loose: 1.35;
--line-height--body-tight: 1.2;
--line-height--body-normal: 1.4;
--line-height--body-loose: 1.6;
/* Typography presets */
--font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-tight);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
/* Hardcoded font sizes */
--font-size--3xs: 0.625rem;
--font-size--2xs: 0.75rem;
--font-size--xs: 0.8125rem;
--font-size--sm: 0.875rem;
--font-size--md: 1rem;
--font-size--lg: 1.125rem;
--font-size--xl: 1.25rem;
--font-size--2xl: 1.5rem;
--font-size--3xl: 2rem;
--font-size--4xl: 2.5rem;
--font-size--5xl: 3rem;
--font-size--6xl: 3.5rem;
/* Menu font sizes */
--menu-font-sm--size: 0.875rem;
--menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
--menu-font-md--size: 1rem;
--menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
--menu-font-lg--size: 1.125rem;
--menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
--menu-font-xl--size: 1.25rem;
--menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
--menu-font-2xl--size: 1.75rem;
--menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
/* Colors */
--color-error: #8B0000;
--color-success: #006400;
--color-white: #FFFFFF;
--color-white-rgb: 255 255 255;
--color-black: #000000;
--color-instock: #3ED660;
--color-lowstock: #EE9441;
--color-outofstock: #C8C8C8;
/* Opacity */
--opacity-5: 0.05;
--opacity-8: 0.08;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-40: 0.4;
--opacity-50: 0.5;
--opacity-60: 0.6;
--opacity-70: 0.7;
--opacity-80: 0.8;
--opacity-85: 0.85;
--opacity-90: 0.9;
--opacity-subdued-text: var(--opacity-70);
--shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
--gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
/* Spacing */
--margin-3xs: 0.125rem;
--margin-2xs: 0.3rem;
--margin-xs: 0.5rem;
--margin-sm: 0.7rem;
--margin-md: 0.8rem;
--margin-lg: 1rem;
--margin-xl: 1.25rem;
--margin-2xl: 1.5rem;
--margin-3xl: 1.75rem;
--margin-4xl: 2rem;
--margin-5xl: 3rem;
--margin-6xl: 5rem;
--scroll-margin: 50px;
--padding-3xs: 0.125rem;
--padding-2xs: 0.25rem;
--padding-xs: 0.5rem;
--padding-sm: 0.7rem;
--padding-md: 0.8rem;
--padding-lg: 1rem;
--padding-xl: 1.25rem;
--padding-2xl: 1.5rem;
--padding-3xl: 1.75rem;
--padding-4xl: 2rem;
--padding-5xl: 3rem;
--padding-6xl: 4rem;
--gap-3xs: 0.125rem;
--gap-2xs: 0.3rem;
--gap-xs: 0.5rem;
--gap-sm: 0.7rem;
--gap-md: 0.9rem;
--gap-lg: 1rem;
--gap-xl: 1.25rem;
--gap-2xl: 2rem;
--gap-3xl: 3rem;
--spacing-scale-sm: 0.6;
--spacing-scale-md: 0.7;
--spacing-scale-default: 1.0;
/* Checkout buttons gap */
--checkout-button-gap: 10px;
/* Borders */
--style-border-width: 1px;
--style-border-radius-xs: 0.2rem;
--style-border-radius-sm: 0.6rem;
--style-border-radius-md: 0.8rem;
--style-border-radius-50: 50%;
--style-border-radius-lg: 1rem;
--style-border-radius-pills: 40px;
--style-border-radius-inputs: 4px;
--style-border-radius-buttons-primary: 14px;
--style-border-radius-buttons-secondary: 14px;
--style-border-width-primary: 0px;
--style-border-width-secondary: 1px;
--style-border-width-inputs: 1px;
--style-border-radius-popover: 14px;
--style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-swatch-opacity: 10%;
--style-border-swatch-width: 1px;
--style-border-swatch-style: solid;
/* Animation */
--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
--ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
--animation-speed-fast: 0.0625s;
--animation-speed: 0.125s;
--animation-speed-slow: 0.2s;
--animation-speed-medium: 0.15s;
--animation-easing: ease-in-out;
--animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
--drawer-animation-speed: 0.2s;
--animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
--animation-values: var(--animation-speed) var(--animation-easing);
--animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
--animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
--animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
--animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
--animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
--animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
--animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
/* View transitions */
/* View transition old */
--view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
/* View transition new */
--view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
/* Focus */
--focus-outline-width: 0.09375rem;
--focus-outline-offset: 0.2em;
/* Badges */
--badge-blob-padding-block: 1px;
--badge-blob-padding-inline: 12px 8px;
--badge-rectangle-padding-block: 1px;
--badge-rectangle-padding-inline: 6px;
@media screen and (min-width: 750px) {
--badge-blob-padding-block: 4px;
--badge-blob-padding-inline: 16px 12px;
--badge-rectangle-padding-block: 4px;
--badge-rectangle-padding-inline: 10px;
}
/* Icons */
--icon-size-2xs: 0.6rem;
--icon-size-xs: 0.85rem;
--icon-size-sm: 1.25rem;
--icon-size-md: 1.375rem;
--icon-size-lg: 1.5rem;
--icon-stroke-width: 1.5px;
/* Input */
--input-email-min-width: 200px;
--input-search-max-width: 650px;
--input-padding-y: 0.8rem;
--input-padding-x: 0.8rem;
--input-padding: var(--input-padding-y) var(--input-padding-x);
--input-box-shadow-width: var(--style-border-width-inputs);
--input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
--input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--input-textarea-min-height: 55px;
/* Button size */
--button-size-sm: 30px;
--button-size-md: 36px;
--button-size: var(--minimum-touch-target);
--button-padding-inline: 24px;
--button-padding-block: 16px;
/* Button font-family */
--button-font-family-primary: var(--font-body--family);
--button-font-family-secondary: var(--font-body--family);
/* Button text case */
--button-text-case: ;
--button-text-case-primary: default;
--button-text-case-secondary: default;
/* Borders */
--border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
--border-width-sm: 1px;
--border-width-md: 2px;
--border-width-lg: 5px;
--border-radius-sm: 0.25rem;
/* Drawers */
--drawer-inline-padding: 25px;
--drawer-menu-inline-padding: 2.5rem;
--drawer-header-block-padding: 20px;
--drawer-content-block-padding: 10px;
--drawer-header-desktop-top: 0rem;
--drawer-padding: calc(var(--padding-sm) + 7px);
--drawer-height: 100dvh;
--drawer-width: 95vw;
--drawer-max-width: 500px;
/* Variant Picker Swatches */
--variant-picker-swatch-width-unitless: 34;
--variant-picker-swatch-height-unitless: 34;
--variant-picker-swatch-width: 34px;
--variant-picker-swatch-height: 34px;
--variant-picker-swatch-radius: 32px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: solid;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 14px;
--variant-picker-button-border-width: 1px;
/* Slideshow */
--slideshow-controls-size: 3.5rem;
--slideshow-controls-icon: 2rem;
--peek-next-slide-size: 3rem;
/* Utilities */
--backdrop-opacity: 0.15;
--backdrop-color-rgb: var(--color-shadow-rgb);
--minimum-touch-target: 44px;
--disabled-opacity: 0.5;
--skeleton-opacity: 0.025;
/* Shapes */
--shape--circle: circle(50% at center);
--shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
--shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
--shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
/* Buy buttons */
--height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
/* Card image width and height variables */
--card-width-small: 10rem;
--height-small: 10rem;
--height-medium: 11.5rem;
--height-large: 13rem;
--height-full: 100vh;
@media screen and (min-width: 750px) {
--height-small: 17.5rem;
--height-medium: 21.25rem;
--height-large: 25rem;
}
/* Modal */
--modal-max-height: 65dvh;
/* Card styles for search */
--card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
--card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
/* Cart */
--cart-primary-font-family: var(--font-body--family);
--cart-primary-font-style: var(--font-body--style);
--cart-primary-font-weight: var(--font-body--weight);
--cart-secondary-font-family: var(--font-secondary--family);
--cart-secondary-font-style: var(--font-secondary--style);
--cart-secondary-font-weight: var(--font-secondary--weight);
}
</style>
<style data-shopify>
:root,
.color-scheme-1 {
--color-background: rgb(245 243 238 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 245 243 238;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(48 49 84 / 1.0);
--color-foreground-rgb: 48 49 84;
--color-foreground-heading: rgb(48 49 84 / 1.0);
--color-foreground-heading-rgb: 48 49 84;
--color-primary: rgb(0 0 0 / 0.81);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 0.15);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(48 49 84 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(48 49 84 / 1.0);
--color-primary-button-hover-background: rgb(255 255 255 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
--color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
--color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(51 51 51 / 1.0);
--color-input-text-rgb: 51 51 51;
--color-input-border: rgb(245 243 238 / 1.0);
--color-input-hover-background: rgb(0 0 0 / 0.01);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(0 0 0 / 0.13);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-2 {
--color-background: rgb(48 49 84 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 48 49 84;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(245 243 238 / 1.0);
--color-foreground-rgb: 245 243 238;
--color-foreground-heading: rgb(245 243 238 / 1.0);
--color-foreground-heading-rgb: 245 243 238;
--color-primary: rgb(245 243 238 / 1.0);
--color-primary-rgb: 245 243 238;
--color-primary-hover: rgb(245 243 238 / 1.0);
--color-primary-hover-rgb: 245 243 238;
--color-border: rgb(245 243 238 / 1.0);
--color-border-rgb: 245 243 238;
--color-shadow: rgb(48 49 84 / 1.0);
--color-shadow-rgb: 48 49 84;
--color-primary-button-text: rgb(48 49 84 / 1.0);
--color-primary-button-background: rgb(245 243 238 / 1.0);
--color-primary-button-border: rgb(245 243 238 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(48 49 84 / 1.0);
--color-primary-button-hover-border: rgb(245 243 238 / 1.0);
--color-secondary-button-text: rgb(245 243 238 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(245 243 238 / 1.0);
--color-secondary-button-hover-text: rgb(48 49 84 / 1.0);
--color-secondary-button-hover-background: rgb(220 207 192 / 1.0);
--color-secondary-button-hover-border: rgb(220 207 192 / 1.0);
--color-input-background: rgb(0 0 0 / 0.0);
--color-input-text: rgb(245 243 238 / 1.0);
--color-input-text-rgb: 245 243 238;
--color-input-border: rgb(245 243 238 / 1.0);
--color-input-hover-background: rgb(255 255 255 / 0.36);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-3 {
--color-background: rgb(238 241 234 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 238 241 234;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 0.81);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 0.81);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 0.81);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(51 51 51 / 1.0);
--color-primary-button-hover-border: rgb(51 51 51 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
--color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
--color-input-background: rgb(0 0 0 / 0.0);
--color-input-text: rgb(0 0 0 / 0.81);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.81);
--color-input-hover-background: rgb(255 255 255 / 0.36);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-4 {
--color-background: rgb(126 167 126 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 126 167 126;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(245 243 238 / 1.0);
--color-foreground-rgb: 245 243 238;
--color-foreground-heading: rgb(245 243 238 / 1.0);
--color-foreground-heading-rgb: 245 243 238;
--color-primary: rgb(0 0 0 / 0.81);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(29 54 134 / 0.5);
--color-border-rgb: 29 54 134;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(29 54 134 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(51 51 51 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
--color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
--color-input-background: rgb(0 0 0 / 0.0);
--color-input-text: rgb(0 0 0 / 0.81);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.81);
--color-input-hover-background: rgb(255 255 255 / 0.36);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-5 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(187 96 55 / 1.0);
--color-foreground-rgb: 187 96 55;
--color-foreground-heading: rgb(187 96 55 / 1.0);
--color-foreground-heading-rgb: 187 96 55;
--color-primary: rgb(48 49 84 / 1.0);
--color-primary-rgb: 48 49 84;
--color-primary-hover: rgb(255 255 255 / 0.69);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(245 243 238 / 1.0);
--color-border-rgb: 245 243 238;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(245 243 238 / 1.0);
--color-primary-button-background: rgb(187 96 55 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(187 96 55 / 1.0);
--color-primary-button-hover-background: rgb(255 255 255 / 1.0);
--color-primary-button-hover-border: rgb(187 96 55 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(255 255 255 / 0.69);
--color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
--color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
--color-input-background: rgb(0 0 0 / 0.01);
--color-input-text: rgb(48 49 84 / 1.0);
--color-input-text-rgb: 48 49 84;
--color-input-border: rgb(48 49 84 / 1.0);
--color-input-hover-background: rgb(255 255 255 / 0.04);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-6 {
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(255 255 255 / 0.69);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
--color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 0.53);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(250 250 250 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
--color-background: rgb(48 49 84 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 48 49 84;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(187 96 55 / 1.0);
--color-foreground-heading-rgb: 187 96 55;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(255 255 255 / 1.0);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(51 51 51 / 1.0);
--color-primary-button-hover-border: rgb(51 51 51 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
--color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
--color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 0.53);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(250 250 250 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-30aaaa19-9c0d-40a4-bbf2-57479c67ccaa {
--color-background: rgb(245 243 238 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 245 243 238;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(48 49 84 / 1.0);
--color-foreground-rgb: 48 49 84;
--color-foreground-heading: rgb(187 96 55 / 1.0);
--color-foreground-heading-rgb: 187 96 55;
--color-primary: rgb(0 0 0 / 0.81);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 0.15);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(48 49 84 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(48 49 84 / 1.0);
--color-primary-button-hover-background: rgb(255 255 255 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
--color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
--color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(51 51 51 / 1.0);
--color-input-text-rgb: 51 51 51;
--color-input-border: rgb(245 243 238 / 1.0);
--color-input-hover-background: rgb(0 0 0 / 0.01);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(0 0 0 / 0.13);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7, .color-scheme-30aaaa19-9c0d-40a4-bbf2-57479c67ccaa {
color: var(--color-foreground);
background-color: var(--color-background);
}
</style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/95022776644/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="2d79dc284fb4173a6936cd4310cea007">
<meta id="in-context-paypal-metadata" data-shop-id="95022776644" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-FR&shop_id=95022776644" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":95022776644,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/95022776644","merchantName":"Choose Your Clothes","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Choose Your Clothes","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"2d79dc284fb4173a6936cd4310cea007","betas":["rich-media-storefront-analytics"],"domain":"chooseyourclothes.com","predictiveSearch":true,"shopId":95022776644,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "wetneb-b0.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Horizon","id":184192500036,"schema_name":"Horizon","schema_version":"3.2.1","theme_store_id":2481,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "chooseyourclothes.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";
window.ShopifyPay.redirectState = null;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_C-0fXewS.fr.esm.js"></script>
<script defer="defer" async type="module" src="//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CAcP4DSa.esm.js"></script>
<script defer="defer" async type="module" src="//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_DF2tqjFp.esm.js"></script>
<script type="module">
await import("//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_C-0fXewS.fr.esm.js");
await import("//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CAcP4DSa.esm.js");
await import("//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_DF2tqjFp.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"shop-cart-sync":["modules/v2/client.shop-cart-sync_BMRo-n58.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"],"shop-button":["modules/v2/client.shop-button_DMuLL8QF.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_C9yVdJUa.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_Camnd_ta.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_RlubUkK3.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_C-0fXewS.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_Difi5Qu-.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"],"init-windoid":["modules/v2/client.init-windoid_Cw9dAPTD.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.fr.esm.js"],"pay-button":["modules/v2/client.pay-button_DgY_zxQc.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_UCgS2yh5.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_BYRx8SKc.fr.esm.js","modules/v2/client.shop-login-button_B439uZpP.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_C9BnOAwd.fr.esm.js","modules/v2/client.shop-login-button_B439uZpP.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_bVAM4ygv.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_B439uZpP.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"],"shop-login":["modules/v2/client.shop-login_cvDnzGpe.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_CeUZOF_5.fr.esm.js","modules/v2/client.shop-login-button_B439uZpP.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"],"lead-capture":["modules/v2/client.lead-capture_IzGAWnh4.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"],"payment-terms":["modules/v2/client.payment-terms_ofkuAusl.fr.esm.js","modules/v2/chunk.common_CAcP4DSa.esm.js","modules/v2/chunk.modal_DF2tqjFp.esm.js"]};
</script>
<script>(function() {
var isLoaded = false;
function asyncLoad() {
if (isLoaded) return;
isLoaded = true;
var urls = ["https:\/\/omnisnippet1.com\/platforms\/shopify.js?source=scriptTag\u0026v=2026-01-29T15\u0026shop=wetneb-b0.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":95022776644,"offset":3600,"reqid":"bb4152dc-cb5d-47ac-b0a8-41ead55169a0-1771470790","pageurl":"chooseyourclothes.com\/","u":"5f3f2a08bd79","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-4kQ18oKyAcykRKYeNunJcIwy7WH5gtpwJnB7kiuLZ1E=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//chooseyourclothes.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-a0a9edcb.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//chooseyourclothes.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<script id='scb4127' type='text/javascript' async='' src='https://chooseyourclothes.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link rel="stylesheet" media="screen" href="//chooseyourclothes.com/cdn/shop/t/1/compiled_assets/styles.css?318">
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<script src="https://cdn.shopify.com/extensions/eb835e19-b344-4e28-a86a-aa7b50f2862f/forms-2313/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 95022776644,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 95022776644,storefrontBaseUrl: "https://chooseyourclothes.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"3177185604","configuration":"{\"apiURL\":\"https:\/\/api.omnisend.com\",\"appURL\":\"https:\/\/app.omnisend.com\",\"brandID\":\"697b778750ca32fd75560342\",\"trackingURL\":\"https:\/\/wt.omnisendlink.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"aa9feb15e63a302383aa48b053211bbb","type":"APP","apiClientId":186001,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Choose Your Clothes","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"wetneb-b0.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/chooseyourclothes.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://chooseyourclothes.com/cdn","3c1f2529w4065d210p03530cb8m151179d6",{"modern":"","legacy":""},{"shopId":"95022776644","storefrontBaseUrl":"https:\/\/chooseyourclothes.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"3c1f2529w4065d210p03530cb8m151179d6","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home","requestId":"bb4152dc-cb5d-47ac-b0a8-41ead55169a0-1771470790"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 95022776644,
theme_id: 184192500036,
app_name: "storefront",
context_url: window.location.href,
source_url: "//chooseyourclothes.com/cdn/s/trekkie.storefront.2e650eba1e71c71f4546a882675632a5970fb77d.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//chooseyourclothes.com/cdn/s/trekkie.storefront.2e650eba1e71c71f4546a882675632a5970fb77d.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//chooseyourclothes.com/cdn/s/trekkie.storefront.2e650eba1e71c71f4546a882675632a5970fb77d.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":95022776644,"isMerchantRequest":null,"themeId":184192500036,"themeCityHash":"4754957203080486571","contentLanguage":"fr","currency":"EUR","eventMetadataId":"d88b4a67-d0e4-47d5-96e4-5e99271e4c74"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447","b5387b81"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"bb4152dc-cb5d-47ac-b0a8-41ead55169a0-1771470790","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//chooseyourclothes.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://chooseyourclothes.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.1.0.min.js"
data-application="storefront-renderer"
data-shop-id="95022776644"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="184192500036"
data-theme-name="Horizon"
data-theme-version="3.2.1"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://chooseyourclothes.com/api/collect"
></script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {const LONG_FRAME_THRESHOLD = 50;const longAnimationFrames = [];let activeRafId = null;function collectLongFrames() {let previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}const delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')) {collectLongFrames();const timeoutId = setTimeout(() => {cancelAnimationFrame(activeRafId);}, 10_000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function(stopCollection = false) {if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();</script></head>
<body class="page-width-normal card-hover-effect-none">
<a
class="skip-to-content-link button-secondary"
href="#MainContent"
>
Ignorer et passer au contenu
</a>
<div id="header-group">
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--25834509009220__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">
<div class="section-background color-scheme-4"></div>
<aside
class="announcement-bar spacing-style section section--page-width color-scheme-4"
style="--padding-block-start: 12px; --padding-block-end:10px; --padding-inline-start:0px; --padding-inline-end:0px; ; --border-bottom-width: 1px;"
>
<announcement-bar-component
class="announcement-bar__slider"
>
<div class="announcement-bar__slides">
<slideshow-slide
ref="slides[]"
class="announcement-bar__slide text-block text-block--AdVVkcno5THdoaHJMc__announcement_BxgCk9 text-block--align-center text-block--full-width custom-typography custom-font-size custom-font-weight"
style=" --color: ;--font-size: 1rem;--font-weight: 400; --font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --text-align: center; --line-height: 1; "
aria-hidden="false"
>
<p class="announcement-bar__text">
<em>Bienvenue dans un vestiaire intentionnel</em>
</p>
</slideshow-slide>
</div>
</announcement-bar-component>
</aside>
</div><header id="shopify-section-sections--25834509009220__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Choose Your Clothes",
"logo": "https:\/\/chooseyourclothes.com\/cdn\/shop\/files\/Logo_Principal.svg?v=1762573034\u0026width=500",
"url": "https:\/\/chooseyourclothes.com"
}
</script>
<header-component
id="header-component"
class="header header--compact"
data-theme-color="rgb(245 243 238)"
sticky="scroll-up"
data-skip-node-update
data-scroll-direction="none"
><h1 class="visually-hidden">Choose Your Clothes</h1>
<div
class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
ref="headerRowTop">
<div class="header__columns spacing-style">
<div
class="header__column header__column--left"
data-testid="header-top-left"
>
<div
class="header__drawer desktop:hidden"
ref="headerDrawerContainer"
>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/header-drawer.js?v=44357639294953783801768809425"
type="module"
fetchpriority="low"
></script>
<header-drawer
class="header-drawer header__drawer--mobile"
style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
<details
id="Details-menu-drawer-container"
data-skip-node-update="true"
class="menu-drawer-container"
ref="details"
scroll-lock
>
<summary
class="header__icon header__icon--menu header__icon--summary"
aria-label="Menu"
on:click="/toggle"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
data-header-drawer
class="menu-drawer motion-reduce color-scheme-1"
>
<button
class="button button-unstyled close-button menu-drawer__close-button"
type="button"
aria-label="Fermer"
on:click="/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<nav
class="menu-drawer__navigation"
style="--menu-top-level-font-family: var(--font-body--family);--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none; --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: var(--menu-font-2xl--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:none; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:none; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
>
<ul
class="menu-drawer__menu has-submenu"
role="list"
>
<li
style="--menu-drawer-animation-index: 1;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-accueil"
href="/"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--active"
aria-current="page"
>
<span class="menu-drawer__menu-item-text wrap-text">Accueil</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 2;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-notre-collection"
href="/collections/all"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Notre collection</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 3;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-a-propos"
href="/pages/a-propos"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">À propos</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 4;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-contact"
href="/pages/contact"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Contact</span>
</a>
</li>
</ul>
</nav>
<div
class="menu-drawer__utility-links menu-drawer__animated-element"
style="--menu-drawer-animation-index: 4;"
>
<drawer-localization-component class="menu-drawer__localization">
<details
id="drawer-localization"
class="drawer-localization"
on:toggle="/toggle"
>
<summary
id="HeaderDrawer-localization"
class="drawer-localization__button h3 link link--text focus-inset"
aria-expanded="false"
on:click="header-drawer/open"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link link--text"><span class="currency-code">EUR</span>
</div></div>
<span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
class="menu-drawer__submenu has-submenu gradient motion-reduce color-scheme-1"
style=""
>
<div
class="menu-drawer__nav-buttons"
ref="navButtons"
>
<button
class="button menu-drawer__back-button link link--text focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
>
<span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
Région et langue
</button>
<button
class="button close-button menu-drawer__close-button"
type="button"
aria-label="Fermer"
on:click="header-drawer/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] résultats"
data-show-filter="true"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Région et langue"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="country-filter">
<div class="field">
<div class="country-filter__search-icon field__button motion-reduce">
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</div>
<input
class="country-filter__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Rechercher"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
aria-label="Trouver un pays"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
ref="search"
on:keyup="/filterCountries"
>
<label
class="field__label visually-hidden"
for="country-filter-input"
>Rechercher</label>
<button
type="reset"
class="button button-unstyled country-filter__reset-button field__button"
aria-label="Réinitialiser"
ref="resetButton"
hidden
on:click="/resetCountriesFilter"
>
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
</span>
</button>
</div>
</div>
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="drawer-CountryLabel"
>
Country/Region
</h2>
<div
id="sr-country-search-results-ARUwvTWtGMExJRSsxb__header-menu-1"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
id="drawer-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>Aucun résultat trouvé</span>
<li
class="localization-form__list-item"
data-value="DE"
data-aliases=""
id="Allemagne"
aria-label="Allemagne"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Allemagne</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="AT"
data-aliases=""
id="Autriche"
aria-label="Autriche"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Autriche</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BE"
data-aliases=""
id="Belgique"
aria-label="Belgique"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Belgique</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BG"
data-aliases=""
id="Bulgarie"
aria-label="Bulgarie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BG"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Bulgarie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CA"
data-aliases=""
id="Canada"
aria-label="Canada"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CA"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Canada</span>
<span
class="localization-form__currency motion-reduce"
>
CAD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="CY"
data-aliases=""
id="Chypre"
aria-label="Chypre"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CY"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Chypre</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HR"
data-aliases=""
id="Croatie"
aria-label="Croatie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Croatie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="DK"
data-aliases=""
id="Danemark"
aria-label="Danemark"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Danemark</span>
<span
class="localization-form__currency motion-reduce"
>
DKK
kr.</span>
</li>
<li
class="localization-form__list-item"
data-value="ES"
data-aliases=""
id="Espagne"
aria-label="Espagne"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/ES"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Espagne</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="EE"
data-aliases=""
id="Estonie"
aria-label="Estonie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/EE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Estonie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="US"
data-aliases="us,usa,america,united states of america"
id="États-Unis"
aria-label="États-Unis"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/US"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">États-Unis</span>
<span
class="localization-form__currency motion-reduce"
>
USD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="FI"
data-aliases=""
id="Finlande"
aria-label="Finlande"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FI"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Finlande</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="FR"
data-aliases=""
id="France"
aria-label="France"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">France</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GR"
data-aliases=""
id="Grèce"
aria-label="Grèce"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Grèce</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HU"
data-aliases=""
id="Hongrie"
aria-label="Hongrie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Hongrie</span>
<span
class="localization-form__currency motion-reduce"
>
HUF
Ft</span>
</li>
<li
class="localization-form__list-item"
data-value="IE"
data-aliases=""
id="Irlande"
aria-label="Irlande"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Irlande</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IT"
data-aliases=""
id="Italie"
aria-label="Italie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Italie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LV"
data-aliases=""
id="Lettonie"
aria-label="Lettonie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LV"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Lettonie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LT"
data-aliases=""
id="Lituanie"
aria-label="Lituanie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Lituanie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LU"
data-aliases=""
id="Luxembourg"
aria-label="Luxembourg"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Luxembourg</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MT"
data-aliases=""
id="Malte"
aria-label="Malte"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Malte</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NL"
data-aliases=""
id="Pays-Bas"
aria-label="Pays-Bas"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Pays-Bas</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="PL"
data-aliases=""
id="Pologne"
aria-label="Pologne"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Pologne</span>
<span
class="localization-form__currency motion-reduce"
>
PLN
zł</span>
</li>
<li
class="localization-form__list-item"
data-value="PT"
data-aliases=""
id="Portugal"
aria-label="Portugal"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Portugal</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="RO"
data-aliases=""
id="Roumanie"
aria-label="Roumanie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/RO"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Roumanie</span>
<span
class="localization-form__currency motion-reduce"
>
RON
Lei</span>
</li>
<li
class="localization-form__list-item"
data-value="SK"
data-aliases=""
id="Slovaquie"
aria-label="Slovaquie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slovaquie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SI"
data-aliases=""
id="Slovénie"
aria-label="Slovénie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SI"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slovénie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SE"
data-aliases=""
id="Suède"
aria-label="Suède"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Suède</span>
<span
class="localization-form__currency motion-reduce"
>
SEK
kr</span>
</li>
<li
class="localization-form__list-item"
data-value="CZ"
data-aliases=""
id="Tchéquie"
aria-label="Tchéquie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CZ"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Tchéquie</span>
<span
class="localization-form__currency motion-reduce"
>
CZK
Kč</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="FR"
ref="countryInput"
>
</div>
</form></localization-form-component>
</div>
</details>
</drawer-localization-component>
</div>
</div>
<div
class="menu-drawer__backdrop"
on:click="header-drawer/close"
></div>
</details>
</header-drawer>
</div>
<search-button class="search-action desktop:hidden">
<button
on:click="#search-modal/showDialog"
class="button button-unstyled search-modal__button header-actions__action"
aria-label="Rechercher"
aria-haspopup="dialog"
>
<span
aria-hidden="true"
class="svg-wrapper"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</button>
</search-button>
<a
href="/"
class="size-style spacing-style header-logo"
style=" --size-style-width: ;--size-style-height: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --font-family: var(--font-body--family); --font-style: var(--font-body--style); --font-weight: 600; "
>
<span
class="header-logo__image-container header-logo__image-container--original"
data-testid="header-logo"
>
<img src="//chooseyourclothes.com/cdn/shop/files/Logo_Principal.svg?height=36&v=1762573034" alt="" width="189" height="36" class="header-logo__image" srcset="//chooseyourclothes.com/cdn/shop/files/Logo_Principal.svg?height=36&v=1762573034 1x, //chooseyourclothes.com/cdn/shop/files/Logo_Principal.svg?height=72&v=1762573034 2x, //chooseyourclothes.com/cdn/shop/files/Logo_Principal.svg?height=108&v=1762573034 3x" style="--header-logo-image-width: 190px;--header-logo-image-width-mobile: 148px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">
</span>
</a>
<header-menu
ref="headerMenu"
class="header-menu mobile:hidden"
data-animation-delay="200"
style="--submenu-animation-speed: 200ms;"
>
<div class="header-menu__inner">
<nav header-menu>
<div
class="menu-list"
style="--menu-top-level-font-family: var(--font-body--family);--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none; --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: var(--menu-font-sm--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);"
>
<overflow-list
ref="overflowMenu"
class="overflow-menu color-scheme-matches-parent"
minimum-items="2"
data-testid="header-menu-overflow-list"
data-skip-node-update
>
<template shadowrootmode="open">
<link href="//chooseyourclothes.com/cdn/shop/t/1/assets/overflow-list.css?v=101911674359793798601765738414" rel="stylesheet" type="text/css" media="all" />
<ul part="list">
<slot></slot>
<slot
name="more"
part="more"
hidden
>
<li
part="more"
>
<button
class="button"
type="button"
tabindex="0"
>
Plus
</button>
</li>
</slot>
<li
part="placeholder"
hidden
></li>
</ul>
<div part="overflow">
<ul part="overflow-list">
<slot name="overflow"></slot>
</ul>
</div>
</template>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/"
data-skip-node-update="true"
class="menu-list__link menu-list__link--active">
<span class="menu-list__link-title">Accueil</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections/all"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Notre collection</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/pages/a-propos"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">À propos</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/pages/contact"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Contact</span>
</a></li>
<li
class="menu-list__list-item"
role="presentation"
slot="more"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<button role="menuitem" class="button menu-list__link button-unstyled">
<span class="menu-list__link-title">Plus</span>
</button>
</li>
</overflow-list>
</div>
</nav>
</div>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/header-menu.js?v=32392277473258403531768809430"
type="module"
fetchpriority="low"
></script>
</header-menu>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<dropdown-localization-component
class="dropdown-localization mobile:hidden"
>
<button
type="button"
class="button dropdown-localization__button localization-selector link link--text"
aria-expanded="false"
aria-controls="dropdown-localization-results"
ref="button"
on:click="/toggleSelector"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1rem; "
>
<span
class="currency-code"
data-testid="localization-currency-code"
>EUR</span>
<span
class="visually-hidden"
data-testid="localization-visually-hidden"
>Sélecteur de région et de langue</span><span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div
class="localization-wrapper right-bound color-scheme-1"
hidden
ref="panel"
>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] résultats"
data-show-filter="true"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Région et langue"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="country-filter">
<div class="field">
<div class="country-filter__search-icon field__button motion-reduce">
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</div>
<input
class="country-filter__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Rechercher"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
aria-label="Trouver un pays"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
ref="search"
on:keyup="/filterCountries"
>
<label
class="field__label visually-hidden"
for="country-filter-input"
>Rechercher</label>
<button
type="reset"
class="button button-unstyled country-filter__reset-button field__button"
aria-label="Réinitialiser"
ref="resetButton"
hidden
on:click="/resetCountriesFilter"
>
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
</span>
</button>
</div>
</div>
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="dropdown-CountryLabel"
>
Country/Region
</h2>
<div
id="sr-country-search-results-"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
id="dropdown-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>Aucun résultat trouvé</span>
<li
class="localization-form__list-item"
data-value="DE"
data-aliases=""
id="Allemagne"
aria-label="Allemagne"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Allemagne</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="AT"
data-aliases=""
id="Autriche"
aria-label="Autriche"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Autriche</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BE"
data-aliases=""
id="Belgique"
aria-label="Belgique"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Belgique</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BG"
data-aliases=""
id="Bulgarie"
aria-label="Bulgarie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BG"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Bulgarie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CA"
data-aliases=""
id="Canada"
aria-label="Canada"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CA"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Canada</span>
<span
class="localization-form__currency motion-reduce"
>
CAD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="CY"
data-aliases=""
id="Chypre"
aria-label="Chypre"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CY"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Chypre</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HR"
data-aliases=""
id="Croatie"
aria-label="Croatie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Croatie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="DK"
data-aliases=""
id="Danemark"
aria-label="Danemark"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Danemark</span>
<span
class="localization-form__currency motion-reduce"
>
DKK
kr.</span>
</li>
<li
class="localization-form__list-item"
data-value="ES"
data-aliases=""
id="Espagne"
aria-label="Espagne"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/ES"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Espagne</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="EE"
data-aliases=""
id="Estonie"
aria-label="Estonie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/EE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Estonie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="US"
data-aliases="us,usa,america,united states of america"
id="États-Unis"
aria-label="États-Unis"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/US"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">États-Unis</span>
<span
class="localization-form__currency motion-reduce"
>
USD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="FI"
data-aliases=""
id="Finlande"
aria-label="Finlande"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FI"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Finlande</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="FR"
data-aliases=""
id="France"
aria-label="France"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">France</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GR"
data-aliases=""
id="Grèce"
aria-label="Grèce"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Grèce</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HU"
data-aliases=""
id="Hongrie"
aria-label="Hongrie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Hongrie</span>
<span
class="localization-form__currency motion-reduce"
>
HUF
Ft</span>
</li>
<li
class="localization-form__list-item"
data-value="IE"
data-aliases=""
id="Irlande"
aria-label="Irlande"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Irlande</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IT"
data-aliases=""
id="Italie"
aria-label="Italie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Italie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LV"
data-aliases=""
id="Lettonie"
aria-label="Lettonie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LV"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Lettonie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LT"
data-aliases=""
id="Lituanie"
aria-label="Lituanie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Lituanie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LU"
data-aliases=""
id="Luxembourg"
aria-label="Luxembourg"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Luxembourg</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MT"
data-aliases=""
id="Malte"
aria-label="Malte"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Malte</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NL"
data-aliases=""
id="Pays-Bas"
aria-label="Pays-Bas"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Pays-Bas</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="PL"
data-aliases=""
id="Pologne"
aria-label="Pologne"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Pologne</span>
<span
class="localization-form__currency motion-reduce"
>
PLN
zł</span>
</li>
<li
class="localization-form__list-item"
data-value="PT"
data-aliases=""
id="Portugal"
aria-label="Portugal"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Portugal</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="RO"
data-aliases=""
id="Roumanie"
aria-label="Roumanie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/RO"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Roumanie</span>
<span
class="localization-form__currency motion-reduce"
>
RON
Lei</span>
</li>
<li
class="localization-form__list-item"
data-value="SK"
data-aliases=""
id="Slovaquie"
aria-label="Slovaquie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slovaquie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SI"
data-aliases=""
id="Slovénie"
aria-label="Slovénie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SI"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slovénie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SE"
data-aliases=""
id="Suède"
aria-label="Suède"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Suède</span>
<span
class="localization-form__currency motion-reduce"
>
SEK
kr</span>
</li>
<li
class="localization-form__list-item"
data-value="CZ"
data-aliases=""
id="Tchéquie"
aria-label="Tchéquie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CZ"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Tchéquie</span>
<span
class="localization-form__currency motion-reduce"
>
CZK
Kč</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="FR"
ref="countryInput"
>
</div>
</form></localization-form-component>
</div>
</dropdown-localization-component>
<search-button class="search-action mobile:hidden">
<button
on:click="#search-modal/showDialog"
class="button button-unstyled search-modal__button header-actions__action"
aria-label="Rechercher"
aria-haspopup="dialog"
>
<span
aria-hidden="true"
class="svg-wrapper"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</button>
</search-button>
<script
type="module"
src="//chooseyourclothes.com/cdn/shop/t/1/assets/cart-icon.js?v=157241182139685326961768809433"
fetchpriority="low"
></script>
<header-actions>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/dialog.js?v=61774032287387761671768809427"
type="module"
></script>
<anchored-popover-component
data-close-on-resize="true"
class="account-popover mobile:hidden"
>
<button
class="account-button header-actions__action"
aria-label="Compte"
aria-haspopup="dialog"><span
class="account-button__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>
<div
class="account-popover__panel details-content color-scheme-1"
id="account-popover"
popover="auto"
ref="popover"
>
<div class="account-actions">
<div class="account-actions__main-menu">
<header class="account-actions__header">
<h2
id="account-drawer-heading"
class="account-actions__title h5"
>
Compte
</h2>
</header>
<div
class="account-actions__sign-ins"
data-skip-subtree-update="true"
>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/account-login-actions.js?v=132624473766457443991760709614"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
<script defer="defer" async type="module" src="//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_B439uZpP.fr.esm.js"></script>
<script defer="defer" async type="module" src="//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CAcP4DSa.esm.js"></script>
<script defer="defer" async type="module" src="//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_DF2tqjFp.esm.js"></script>
<script type="module">
await import("//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_B439uZpP.fr.esm.js");
await import("//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CAcP4DSa.esm.js");
await import("//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_DF2tqjFp.esm.js");
</script>
<shop-login-button ux-mode="windoid" return-uri="https://chooseyourclothes.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>
</account-login-actions>
<a
href="/customer_authentication/login?return_to=%2F&locale=fr&ui_hint=full"
class="account-actions__link button"
>
<span class="account-actions__sign-in-text">
Autres options de connexion
</span>
<span class="account-actions__fallback-text">
Se connecter
</span>
</a>
</div>
<nav class="account-actions__nav">
<ul class="account-actions__list">
<li class="account-actions__list-item">
<a
href="/account"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none">
<path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
<path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
Commandes
</a>
</li>
<li class="account-actions__list-item">
<a
href="/account/addresses"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
Profil
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</anchored-popover-component>
<dialog-component
class="account-drawer"
>
<button
class="account-button header-actions__action"
aria-label="Compte"
aria-haspopup="dialog"><span
class="account-button__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>
<dialog
ref="dialog"
class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog"
scroll-lock
aria-labelledby="account-drawer-heading"
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button account-drawer__close-button"
aria-label="Fermer la boîte de dialogue"
autofocus
>
<span
class="svg-wrapper"
aria-hidden="true"
><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div class="account-actions">
<div class="account-actions__main-menu">
<header class="account-actions__header">
<h2
id="account-drawer-heading"
class="account-actions__title h5"
>
Compte
</h2>
</header>
<div
class="account-actions__sign-ins"
data-skip-subtree-update="true"
>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/account-login-actions.js?v=132624473766457443991760709614"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
<script defer="defer" async type="module" src="//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_B439uZpP.fr.esm.js"></script>
<script defer="defer" async type="module" src="//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CAcP4DSa.esm.js"></script>
<script defer="defer" async type="module" src="//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_DF2tqjFp.esm.js"></script>
<script type="module">
await import("//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_B439uZpP.fr.esm.js");
await import("//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CAcP4DSa.esm.js");
await import("//chooseyourclothes.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_DF2tqjFp.esm.js");
</script>
<shop-login-button ux-mode="windoid" return-uri="https://chooseyourclothes.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>
</account-login-actions>
<a
href="/customer_authentication/login?return_to=%2F&locale=fr&ui_hint=full"
class="account-actions__link button"
>
<span class="account-actions__sign-in-text">
Autres options de connexion
</span>
<span class="account-actions__fallback-text">
Se connecter
</span>
</a>
</div>
<nav class="account-actions__nav">
<ul class="account-actions__list">
<li class="account-actions__list-item">
<a
href="/account"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none">
<path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
<path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
Commandes
</a>
</li>
<li class="account-actions__list-item">
<a
href="/account/addresses"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
Profil
</a>
</li>
</ul>
</nav>
</div>
</div>
</dialog>
</dialog-component>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/cart-drawer.js?v=60516533948368149871768809437"
type="module"
fetchpriority="low"
></script>
<cart-drawer-component
class="cart-drawer"
>
<button
class="button header-actions__action button-unstyled"
on:click="/open"
aria-haspopup="dialog"
aria-label="Panier"
aria-describedby="cart-bubble-text"
data-testid="cart-drawer-trigger"
>
<cart-icon
class="header-actions__cart-icon"
data-testid="cart-icon"
>
<span
class="svg-wrapper"
aria-hidden="true"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
</span>
<div
ref="cartBubble"
class="cart-bubble visually-hidden"
data-maintain-ratio
>
<span class="cart-bubble__background"></span>
<span
ref="cartBubbleText"
id="cart-bubble-text"
class="cart-bubble__text"
role="status"
>
<span class="visually-hidden">Nombre total d’articles dans le panier: 0
</span>
<span
class="cart-bubble__text-count hidden"
ref="cartBubbleCount"
aria-hidden="true"
data-testid="cart-bubble"
>
0</span>
</span>
</div>
</cart-icon>
</button>
<dialog
ref="dialog"
class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
aria-labelledby="cart-drawer-heading-empty"
scroll-lock
cart-summary-sticky="true"
>
<div class="cart-drawer__inner">
<cart-items-component
class="cart-items-component"
data-section-id="sections--25834509009220__header_section"
><div class="cart-drawer__header">
<button
ref="closeButton"
on:click="cart-drawer-component/close"
class="button close-button cart-drawer__close-button button-unstyled"
aria-label="Fermer la boîte de dialogue"
>
<span class="svg-wrapper"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div
class="cart-drawer__content motion-reduce"
aria-label="Panier"
>
<h2
class="cart-drawer__heading h4 cart-drawer__heading--empty"
id="cart-drawer-heading-empty"
>
Votre panier est vide
</h2>
<div class="cart-drawer__items">
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/component-cart-items.js?v=47090504063697747641765738407"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/component-cart-quantity-selector.js?v=105130809908858639751761835933"
type="module"
fetchpriority="low"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/volume-pricing-info.js?v=94479640769665442661765738425"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper"
>
<p>
Vous possédez un compte ? <a href="https://chooseyourclothes.com/customer_authentication/redirect?locale=fr®ion_country=FR">Connectez-vous</a> pour payer plus vite.
</p><a
class="button cart-items__empty-button"
href="/collections/all"
>
Continuer les achats
</a></div>
</div>
</div></cart-items-component>
</div>
</dialog>
</cart-drawer-component>
</header-actions>
</div>
</div>
</div>
</header-component>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/header.js?v=155792906110242140481768809428"
type="module"
></script>
<script type="module">
import { hydrate } from '@theme/section-hydration';
const url = new URL(window.location.href);
url.searchParams.delete('page');
hydrate('sections--25834509009220__header_section', url);
</script>
</header><div id="shopify-section-sections--25834509009220__divider_rQgy8W" class="shopify-section shopify-section-group-header-group">
<div class="section-background color-scheme-1"></div>
<div
class="section section--full-width color-scheme-1"
data-testid="divider-sections--25834509009220__divider_rQgy8W"
>
<div
class="divider divider-sections--25834509009220__divider_rQgy8W spacing-style"
style=" --divider-justify-content: center; --padding-block-start: 0px;--padding-block-end: 16px; "
>
<span
class="divider__line"
style=" --divider-border-thickness: 1px; --divider-flex-basis: 100%; "
></span>
</div>
</div>
</div>
<!-- END sections: header-group -->
</div>
<script>
// Inline header height calculation to prevent layout shift
// Note: Updates in calculateHeaderGroupHeight() and updateTransparentHeaderOffset()utilities.js should be kept in sync with this function
(function setHeaderHeighCustomProperties() {
/*
* Header calculation functions for maintaining CSS variables
* Mimic calculateHeaderGroupHeight() in utilities.js
*/
const header = document.querySelector('header-component');
const headerGroup = document.querySelector('#header-group');
const hasHeaderSection = headerGroup?.querySelector('.header-section');
if (!header || !headerGroup) return;
const headerHeight = header.offsetHeight;
// Calculate the total height of the header group
let headerGroupHeight = 0;
const children = headerGroup.children;
for (let i = 0; i < children.length; i++) {
const element = children[i];
if (element === header || !(element instanceof HTMLElement)) continue;
headerGroupHeight += element.offsetHeight;
}
// Check for transparent header special case
if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
headerGroupHeight += headerHeight;
}
// Set CSS variables
document.body.style.setProperty('--header-height', `${headerHeight}px`);
document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
/**
* Updates CSS custom properties for transparent header offset calculation
* Mimic updateTransparentHeaderOffset() in utilities.js
*/
if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
document.body.style.setProperty('--transparent-header-offset-boolean', '0');
return;
}
const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
})();
</script>
<main
id="MainContent"
class="content-for-layout"
role="main"
data-page-transition-enabled="false"
data-product-transition="false"
data-template="index"
>
<section id="shopify-section-template--25834508845380__hero_jVaWmY" class="shopify-section hero-wrapper section-wrapper">
<div
id="Hero-template--25834508845380__hero_jVaWmY"
class="hero color-scheme-6"
style=" --hero-border-style: ; --hero-border-width: px; --hero-border-opacity: %; --blur-opacity: 0.75; --hero-min-height: var(--section-height-large); "
>
<div
class="hero__container spacing-style section section--full-width"
style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 100px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 100px));"
><div
class="hero__media-wrapper"
style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 0.7998046875;"
data-testid="hero-media-wrapper"
>
<div
class="overlay overlay--solid"
style=" --overlay-layer: var(--layer-flat); --overlay-color: #12121266; --overlay-color--end: rgba(18, 18, 18, 0); --overlay-direction: to bottom;"
></div>
<img src="//chooseyourclothes.com/cdn/shop/files/Catalogue_Sans_Titre1209.jpg?v=1769531347&width=3840" srcset="//chooseyourclothes.com/cdn/shop/files/Catalogue_Sans_Titre1209.jpg?v=1769531347&width=832 832w, //chooseyourclothes.com/cdn/shop/files/Catalogue_Sans_Titre1209.jpg?v=1769531347&width=1200 1200w, //chooseyourclothes.com/cdn/shop/files/Catalogue_Sans_Titre1209.jpg?v=1769531347&width=1600 1600w, //chooseyourclothes.com/cdn/shop/files/Catalogue_Sans_Titre1209.jpg?v=1769531347&width=1920 1920w, //chooseyourclothes.com/cdn/shop/files/Catalogue_Sans_Titre1209.jpg?v=1769531347&width=2560 2560w, //chooseyourclothes.com/cdn/shop/files/Catalogue_Sans_Titre1209.jpg?v=1769531347&width=3840 3840w" width="1638" height="2048" class="hero__image hero__image--desktop hero__image--mobile" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high" data-testid="hero-desktop-image-1">
</div>
<div
class="hero__content-wrapper layout-panel-flex layout-panel-flex--column mobile-column section-content-wrapper page-width"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 20px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div class="spacing-style text-block text-block--AYjJCLzZUWDlxb3YrT__text_YLPk4p h2" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground-heading); --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Moins de pièces. Plus de sens.</p>
</div>
<a
href="/collections/all"
class="size-style button-secondary button-secondary--AL3lZeXNrZjhhaFM0Y__button_H9gpTf"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Découvrir la collection capsule
</a>
</div>
</div>
</div>
</section><div id="shopify-section-template--25834508845380__section_gXcV4d" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--row section-content-wrapper mobile-column"
style=" --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); "
data-testid="section-content"
>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div id="shopify-block-AQnV6eWxBZVBMMWw4d__icon_zAkwYi" class="shopify-block icon-block">
<svg
class="icon-block__media icon-block-AQnV6eWxBZVBMMWw4d__icon_zAkwYi icon-default"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
viewbox="0 0 20 20"
>
<path d="M9.5235 4.79973C6.76257 4.92905 4.08307 6.62063 1.1722 9.66543C0.993412 9.85244 0.993412 10.1474 1.1722 10.3344C4.08307 13.3793 6.76258 15.0709 9.52351 15.2003C12.2733 15.3291 15.2667 13.9138 18.8217 10.3399C19.0086 10.152 19.0086 9.84814 18.8217 9.6602C15.2667 6.0863 12.2733 4.67093 9.5235 4.79973ZM9.47509 3.7592C12.6521 3.61039 15.9149 5.26347 19.5564 8.92433C20.1479 9.5189 20.1479 10.4812 19.5564 11.0758C15.9149 14.7366 12.6521 16.3897 9.47508 16.2408C6.30917 16.0924 3.3912 14.1603 0.42305 11.0555C-0.141017 10.4655 -0.141017 9.53435 0.423051 8.94433C3.3912 5.8396 6.30918 3.90749 9.47509 3.7592Z" />
<path d="M13.5807 10.0002C13.5807 11.9741 11.9742 13.5586 10.012 13.5586C8.04979 13.5586 6.44327 11.9741 6.44327 10.0002C6.44327 8.02617 8.04979 6.44176 10.012 6.44176C11.9742 6.44176 13.5807 8.02617 13.5807 10.0002ZM10.012 12.5169C11.4096 12.5169 12.5426 11.3901 12.5426 10.0002C12.5426 8.6102 11.4096 7.48342 10.012 7.48342C8.61438 7.48342 7.48138 8.6102 7.48138 10.0002C7.48138 11.3901 8.61438 12.5169 10.012 12.5169Z" /></svg>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 4px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div class="spacing-style text-block text-block--AWFN3Vjc5ZmhXTC9KZ__text_rMQACr h3 text-block--align-center" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<h2>Conception réfléchie</h2>
</div>
<rte-formatter class="spacing-style text-block text-block--AbW83U2pmbko4Vi9wW__text_zbarFn rte text-block--align-center rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<p>Des matières durables, sélectionnées pour traverser les saisons, pas les tendances.</p>
</rte-formatter>
</div>
</div>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div id="shopify-block-Ad2lVQ09JRjdzanZDa__icon_zegJVJ" class="shopify-block icon-block">
<svg
class="icon-block__media icon-block-Ad2lVQ09JRjdzanZDa__icon_zegJVJ icon-default"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
viewbox="0 0 20 20"
>
<path d="M18.7014 11.3962C18.7014 16.075 14.9085 19.8679 10.2297 19.8679C5.55095 19.8679 1.75806 16.075 1.75806 11.3962C1.75806 6.71746 5.55095 2.92457 10.2297 2.92457C14.9085 2.92457 18.7014 6.71746 18.7014 11.3962ZM10.2297 18.8679C14.3562 18.8679 17.7014 15.5227 17.7014 11.3962C17.7014 7.26974 14.3562 3.92457 10.2297 3.92457C6.10323 3.92457 2.75806 7.26974 2.75806 11.3962C2.75806 15.5227 6.10323 18.8679 10.2297 18.8679Z" />
<path
d="M10.7203 1.7782H9.7392C9.18691 1.7782 8.7392 2.22591 8.7392 2.7782V2.92456H11.7203V2.7782C11.7203 2.22591 11.2726 1.7782 10.7203 1.7782ZM9.7392 0.778198C8.63463 0.778198 7.7392 1.67363 7.7392 2.7782V3.92456H12.7203V2.7782C12.7203 1.67363 11.8249 0.778198 10.7203 0.778198H9.7392Z"
fill-rule="evenodd"
/>
<path d="M8.98448 11.3963C8.98448 10.7086 9.54201 10.1511 10.2298 10.1511C10.9175 10.1511 11.475 10.7086 11.475 11.3963C11.475 12.0841 10.9175 12.6416 10.2298 12.6416C9.54201 12.6416 8.98448 12.0841 8.98448 11.3963Z" />
<path d="M9.72974 11.3962C9.72974 11.1201 9.95359 10.8962 10.2297 10.8962H15.2108C15.487 10.8962 15.7108 11.1201 15.7108 11.3962C15.7108 11.6724 15.487 11.8962 15.2108 11.8962H10.2297C9.95359 11.8962 9.72974 11.6724 9.72974 11.3962Z" />
<path d="M10.2297 5.91517C10.5059 5.91517 10.7297 6.13902 10.7297 6.41517V8.90572C10.7297 9.18186 10.5059 9.40572 10.2297 9.40572C9.95359 9.40572 9.72974 9.18186 9.72974 8.90572V6.41517C9.72974 6.13902 9.95359 5.91517 10.2297 5.91517Z" />
<path d="M13.9544 7.30685C14.1497 7.50211 14.1497 7.8187 13.9544 8.01396L12.1934 9.77505C11.9981 9.97031 11.6815 9.97031 11.4862 9.77505C11.291 9.57978 11.291 9.2632 11.4862 9.06794L13.2473 7.30685C13.4426 7.11159 13.7592 7.11159 13.9544 7.30685Z" /></svg>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 4px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div class="spacing-style text-block text-block--AWEV1Yk9tUGVVU0JPR__text_kxwgwX h3 text-block--align-center" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<h2>Intemporalité</h2>
</div>
<rte-formatter class="spacing-style text-block text-block--AK2FXRTFTWit3Yk5Ie__text_aBpXDn rte text-block--align-center rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<p>Des essentiels conçus pour durer dans le temps, et dans votre dressing.</p>
</rte-formatter>
</div>
</div>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div id="shopify-block-ARlRZTVdobUdHS3FFd__icon_nc4iCB" class="shopify-block icon-block">
<svg
class="icon-block__media icon-block-ARlRZTVdobUdHS3FFd__icon_nc4iCB icon-default"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
viewbox="0 0 20 20"
>
<path d="M10.7058 0.549946C11.0066 0.550342 11.3069 0.550737 11.5727 0.54775C12.6717 0.535401 13.4169 1.32825 13.7106 1.83393L15.3904 4.63773L16.1669 4.22927C16.3476 4.13421 16.5679 4.15856 16.7235 4.29078C16.879 4.42299 16.9386 4.63651 16.8739 4.83016L15.5307 8.85205C15.45 9.09376 15.2004 9.23609 14.9512 9.18246L10.5904 8.24369C10.3905 8.20066 10.2369 8.04021 10.2027 7.8386C10.1684 7.63698 10.2604 7.43484 10.4349 7.32822L11.3466 6.77121L10.491 5.35356L9.16947 7.63949C9.0331 7.87537 8.73297 7.95865 8.49456 7.82675L5.46517 6.15084C5.34568 6.08474 5.25843 5.97265 5.22367 5.8406C5.18892 5.70854 5.20968 5.56802 5.28114 5.45166C5.75753 4.67599 6.64634 3.14684 7.2264 2.14351C7.52092 1.63407 7.80943 1.26638 8.12347 1.01328C8.44922 0.750745 8.77858 0.630664 9.11576 0.579998C9.12637 0.578405 9.13702 0.577153 9.14771 0.576245C9.4761 0.548329 10.0919 0.549139 10.7058 0.549946ZM10.925 4.13746L12.4598 6.68024C12.6019 6.91575 12.5271 7.22186 12.2924 7.36528L12.0238 7.52936L14.724 8.11064L15.5313 5.69358L15.4374 5.74295C15.2026 5.8665 14.9121 5.78506 14.7757 5.55742L12.8469 2.33802C12.6459 1.99038 12.1756 1.54104 11.584 1.54769C11.2714 1.5512 10.9415 1.55066 10.6262 1.55014C10.059 1.54921 9.53863 1.54836 9.24893 1.5713C9.06973 1.60012 8.91602 1.65888 8.75098 1.79189C8.72575 1.81222 8.69986 1.83462 8.67329 1.85932C9.41082 2.17381 10.3422 2.86027 10.925 4.13746ZM8.06135 2.69724C7.58009 3.52944 6.89514 4.70818 6.40422 5.52752L8.5493 6.71421L9.91606 4.35001C9.36655 3.30179 8.53989 2.84656 8.06135 2.69724Z" />
<path d="M18.8984 16.3552C18.7447 16.6138 18.5913 16.872 18.4584 17.1022C17.909 18.0541 16.847 18.2912 16.2622 18.2861L12.9938 18.3026L12.9496 19.1788C12.9393 19.3827 12.806 19.5598 12.613 19.6263C12.4199 19.6928 12.2059 19.6352 12.0722 19.4809L9.29638 16.2755C9.12955 16.0828 9.1343 15.7955 9.30742 15.6085L12.3375 12.3349C12.4764 12.1848 12.6927 12.1345 12.8837 12.2078C13.0746 12.2811 13.2016 12.4632 13.2044 12.6677L13.219 13.736L14.8748 13.7223L13.5815 11.4203C13.4481 11.1827 13.5294 10.8821 13.7644 10.7442L16.7502 8.99179C16.8679 8.92267 17.0089 8.90473 17.1402 8.94212C17.2715 8.97951 17.3818 9.06899 17.4455 9.18978C17.8701 9.99496 18.7328 11.539 19.3005 12.5494C19.5887 13.0624 19.758 13.498 19.8157 13.8972C19.8756 14.3113 19.8111 14.6559 19.6828 14.9718C19.6788 14.9817 19.6745 14.9916 19.6698 15.0012C19.5264 15.298 19.2119 15.8274 18.8984 16.3552ZM15.7 14.7155L12.73 14.7401C12.455 14.7424 12.2297 14.522 12.2259 14.247L12.2216 13.9323L10.3454 15.9593L12.0136 17.8856L12.019 17.7797C12.0324 17.5147 12.2505 17.3063 12.5158 17.3049L16.2688 17.2861C16.6703 17.2904 17.2966 17.1147 17.5924 16.6023C17.7487 16.3315 17.9172 16.048 18.0784 15.7769C18.3682 15.2895 18.6342 14.8421 18.7621 14.5812C18.8286 14.4123 18.8564 14.2501 18.826 14.0403C18.8214 14.0083 18.8153 13.9746 18.8076 13.9391C18.1612 14.4134 17.0959 14.8649 15.7 14.7155ZM18.3985 12.9856C17.9278 12.1474 17.2627 10.9574 16.8079 10.1174L14.6937 11.3582L16.0313 13.7391C17.2132 13.8005 18.0262 13.3212 18.3985 12.9856Z" />
<path d="M1.15621 15.7354C1.00906 15.473 0.862139 15.2111 0.729208 14.9809C0.179617 14.0291 0.505229 12.9909 0.801973 12.487L2.42199 9.6482L1.68529 9.17176C1.51385 9.06089 1.42705 8.85692 1.466 8.65651C1.50496 8.4561 1.66185 8.2995 1.86233 8.26092L6.0262 7.45965C6.27645 7.4115 6.52288 7.55926 6.59829 7.80269L7.91826 12.0636C7.97877 12.259 7.91423 12.4715 7.7553 12.6002C7.59636 12.7289 7.37508 12.7478 7.1966 12.648L6.26413 12.1265L5.4481 13.5673L8.08835 13.5983C8.3608 13.6015 8.58054 13.8222 8.58248 14.0947L8.60717 17.5567C8.60815 17.6932 8.55323 17.8242 8.45518 17.9193C8.35714 18.0143 8.22448 18.0651 8.08803 18.0599C7.17842 18.025 5.4099 18.0001 4.25104 17.9865C3.66263 17.9796 3.20071 17.9084 2.82615 17.7588C2.43762 17.6036 2.17147 17.3755 1.96199 17.1064C1.9554 17.098 1.94909 17.0893 1.94306 17.0804C1.75771 16.8079 1.45648 16.2708 1.15621 15.7354ZM4.1754 13.7853L5.63906 11.201C5.77463 10.9616 6.07809 10.8767 6.31818 11.011L6.59287 11.1646L5.77555 8.52624L3.27316 9.00778L3.36221 9.06537C3.58504 9.20948 3.65648 9.50256 3.52495 9.73304L1.66481 12.9926C1.46034 13.3382 1.29934 13.9685 1.59519 14.4808C1.75154 14.7515 1.91278 15.0392 2.06695 15.3144C2.34421 15.8091 2.59863 16.2631 2.76066 16.5043C2.87365 16.6464 3.00022 16.7515 3.19707 16.8302C3.22716 16.8422 3.25937 16.8538 3.29393 16.8648C3.20641 16.0678 3.34805 14.9195 4.1754 13.7853ZM4.32426 16.9873C5.28553 16.9987 6.6487 17.0177 7.60349 17.0439L7.586 14.5925L4.85535 14.5605C4.2112 15.5533 4.21977 16.497 4.32426 16.9873Z" /></svg>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 4px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div class="spacing-style text-block text-block--AM3Z0ajRMTi9Za1NzT__text_DRKMaa h3 text-block--align-center" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<p>Éditions limitées</p>
</div>
<rte-formatter class="spacing-style text-block text-block--Aby95WjdmZCtMUnJGZ__text_N7e3BD rte text-block--align-center rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<p>Produire moins pour produire mieux. Des capsules en petites quantités, sans surstock.</p>
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--25834508845380__divider_NzCHgt" class="shopify-section">
<div class="section-background color-scheme-1"></div>
<div
class="section section--full-width color-scheme-1"
data-testid="divider-template--25834508845380__divider_NzCHgt"
>
<div
class="divider divider-template--25834508845380__divider_NzCHgt spacing-style"
style=" --divider-justify-content: center; --padding-block-start: 16px;--padding-block-end: 16px; "
>
<span
class="divider__line"
style=" --divider-border-thickness: 3px; --divider-border-rounded: 0; --divider-flex-basis: 60%; "
></span>
</div>
</div>
</div><div id="shopify-section-template--25834508845380__featured_product_z86if3" class="shopify-section">
<script type="application/ld+json">
{"@context":"http:\/\/schema.org\/","@id":"\/products\/flottille#product","@type":"ProductGroup","brand":{"@type":"Brand","name":"Choose Your Clothes"},"category":"Pulls","description":"Flottille est un pull en laine douce, inspiré de la marinière intemporelle.Une pièce essentielle, graphique et durable.","hasVariant":[{"@id":"\/products\/flottille?variant=56301093355844#variant","@type":"Product","image":"https:\/\/chooseyourclothes.com\/cdn\/shop\/files\/A7I08355.jpg?v=1769520765\u0026width=1920","name":"Flottille - S","offers":{"@id":"\/products\/flottille?variant=56301093355844#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"129.99","priceCurrency":"EUR","url":"https:\/\/chooseyourclothes.com\/products\/flottille?variant=56301093355844"}},{"@id":"\/products\/flottille?variant=56301093388612#variant","@type":"Product","image":"https:\/\/chooseyourclothes.com\/cdn\/shop\/files\/A7I08355.jpg?v=1769520765\u0026width=1920","name":"Flottille - M","offers":{"@id":"\/products\/flottille?variant=56301093388612#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"129.99","priceCurrency":"EUR","url":"https:\/\/chooseyourclothes.com\/products\/flottille?variant=56301093388612"}},{"@id":"\/products\/flottille?variant=56301740425540#variant","@type":"Product","image":"https:\/\/chooseyourclothes.com\/cdn\/shop\/files\/A7I08355.jpg?v=1769520765\u0026width=1920","name":"Flottille - L","offers":{"@id":"\/products\/flottille?variant=56301740425540#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"129.99","priceCurrency":"EUR","url":"https:\/\/chooseyourclothes.com\/products\/flottille?variant=56301740425540"}},{"@id":"\/products\/flottille?variant=56301740458308#variant","@type":"Product","image":"https:\/\/chooseyourclothes.com\/cdn\/shop\/files\/A7I08355.jpg?v=1769520765\u0026width=1920","name":"Flottille - XL","offers":{"@id":"\/products\/flottille?variant=56301740458308#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"129.99","priceCurrency":"EUR","url":"https:\/\/chooseyourclothes.com\/products\/flottille?variant=56301740458308"}}],"name":"Flottille","productGroupID":"15360478970180","url":"https:\/\/chooseyourclothes.com\/products\/flottille"}
</script>
<div class="section-background color-scheme-5"></div>
<div
class="featured-product-section section section--full-width color-scheme-5"
>
<div
class="section-content-wrapper spacing-style size-style border-style"
style=" --padding-block-start: 0px;--padding-block-end: 0px; --media-height: 100%; "
>
<div
class="media-block spacing-style"
style=" --border-width: px; --border-style: ; --border-color:rgb(var(--color-border-rgb) / 0.0); --border-radius:px; --image-position: cover; --video-position: cover; "
>
<deferred-media
class="media-block__media media-block__media--video border-style"
style=""
autoplay
>
<button
class="button deferred-media__poster-button button-unstyled"
ref="deferredMediaPlayButton"
aria-label="Charger la vidéo : "
type="button"
on:click="/showDeferredMedia"
style="--video-aspect-ratio: 0.563"
>
<img src="//chooseyourclothes.com/cdn/shop/files/preview_images/e67c032d50c84e51a9207b39538b9814.thumbnail.0000000000.jpg?v=1769516035&width=3840" alt="" srcset="//chooseyourclothes.com/cdn/shop/files/preview_images/e67c032d50c84e51a9207b39538b9814.thumbnail.0000000000.jpg?v=1769516035&width=240 240w, //chooseyourclothes.com/cdn/shop/files/preview_images/e67c032d50c84e51a9207b39538b9814.thumbnail.0000000000.jpg?v=1769516035&width=352 352w, //chooseyourclothes.com/cdn/shop/files/preview_images/e67c032d50c84e51a9207b39538b9814.thumbnail.0000000000.jpg?v=1769516035&width=832 832w, //chooseyourclothes.com/cdn/shop/files/preview_images/e67c032d50c84e51a9207b39538b9814.thumbnail.0000000000.jpg?v=1769516035&width=1200 1200w, //chooseyourclothes.com/cdn/shop/files/preview_images/e67c032d50c84e51a9207b39538b9814.thumbnail.0000000000.jpg?v=1769516035&width=1600 1600w, //chooseyourclothes.com/cdn/shop/files/preview_images/e67c032d50c84e51a9207b39538b9814.thumbnail.0000000000.jpg?v=1769516035&width=1920 1920w, //chooseyourclothes.com/cdn/shop/files/preview_images/e67c032d50c84e51a9207b39538b9814.thumbnail.0000000000.jpg?v=1769516035&width=2560 2560w, //chooseyourclothes.com/cdn/shop/files/preview_images/e67c032d50c84e51a9207b39538b9814.thumbnail.0000000000.jpg?v=1769516035&width=3840 3840w" width="3840" height="6827" loading="lazy" sizes="(min-width: 750px) 50vw, 100vw" class="deferred-media__poster-image">
<span class="deferred-media__poster-icon icon-play">
<span class="visually-hidden">Lire la vidéo</span><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.375 8.48516C16.5417 9.15874 16.5417 10.8427 15.375 11.5163L7.875 15.8464C6.70833 16.52 5.25 15.678 5.25 14.3308L5.25 5.67058C5.25 4.32343 6.70833 3.48146 7.875 4.15504L15.375 8.48516Z" fill="currentColor"/>
</svg>
</span>
</button>
<template>
<video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" controls="controls" preload="metadata" poster="//chooseyourclothes.com/cdn/shop/files/preview_images/e67c032d50c84e51a9207b39538b9814.thumbnail.0000000000_2500x.jpg?v=1769516035"><source src="//chooseyourclothes.com/cdn/shop/videos/c/vp/e67c032d50c84e51a9207b39538b9814/e67c032d50c84e51a9207b39538b9814.HD-1080p-7.2Mbps-68044256.mp4?v=0" type="video/mp4"><img src="//chooseyourclothes.com/cdn/shop/files/preview_images/e67c032d50c84e51a9207b39538b9814.thumbnail.0000000000_2500x.jpg?v=1769516035"></video>
</template>
<video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" controls="controls" preload="metadata" poster="//chooseyourclothes.com/cdn/shop/files/preview_images/e67c032d50c84e51a9207b39538b9814.thumbnail.0000000000_2500x.jpg?v=1769516035"><source src="//chooseyourclothes.com/cdn/shop/videos/c/vp/e67c032d50c84e51a9207b39538b9814/e67c032d50c84e51a9207b39538b9814.HD-1080p-7.2Mbps-68044256.mp4?v=0" type="video/mp4"><img src="//chooseyourclothes.com/cdn/shop/files/preview_images/e67c032d50c84e51a9207b39538b9814.thumbnail.0000000000_2500x.jpg?v=1769516035"></video>
</deferred-media>
</div>
<style data-shopify>
</style>
<product-card
class="product-card"
data-product-id="15360478970180"
id="product-card-AR1JvYURQUFNnYTJVO__featured-product"
data-product-transition="false"
>
<a
id="efd9a7f0ed899dbd155a9d6e35636d61"
href="/products/flottille?variant=56301093355844"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Flottille
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: px; --border-style: ; --border-color:rgb(var(--color-border-rgb) / 0.0); --border-radius:px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: none; --quick-add-mobile-opacity: 0; "
>
<div class="featured-product-content-top">
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/flottille?variant=56301093355844"
>
<div class="spacing-style text-block text-block--ARnoyaW9CNmYvNzBWT__featured-product-title h3 text-block--align-left" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; ">
<p>Flottille</p>
</div>
</a>
<product-price
class="text-right h5 spacing-style"
data-block-id="AYkMzVkRLenZUL292O__featured-product-price"
data-product-id="15360478970180"
style=" --product-price-width: 100%; "
>
<div ref="priceContainer">
<span class="price">€129,99</span>
</div>
</product-price>
</div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AOEx3WEJiaVl3a25BS__featured-product-gallery spacing-style border-style"
style=" --border-width: px; --border-style: ; --border-color:rgb(var(--color-border-rgb) / 0.0); --border-radius:px; --gallery-aspect-ratio: 1; "
data-product-id="15360478970180"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/flottille?variant=56301093355844"
aria-label="Flottille"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
initial-slide="0"
infinite
data-generic-media-size="6"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="69304367186244"
>
<div
class="product-media"
style="--ratio: 0.7998046875"
data-media-id="69304367186244"
>
<img src="//chooseyourclothes.com/cdn/shop/files/A7I08355.jpg?v=1769520765&width=3840" alt="Flottille" srcset="//chooseyourclothes.com/cdn/shop/files/A7I08355.jpg?v=1769520765&width=240 240w, //chooseyourclothes.com/cdn/shop/files/A7I08355.jpg?v=1769520765&width=352 352w, //chooseyourclothes.com/cdn/shop/files/A7I08355.jpg?v=1769520765&width=832 832w, //chooseyourclothes.com/cdn/shop/files/A7I08355.jpg?v=1769520765&width=1200 1200w, //chooseyourclothes.com/cdn/shop/files/A7I08355.jpg?v=1769520765&width=1600 1600w, //chooseyourclothes.com/cdn/shop/files/A7I08355.jpg?v=1769520765&width=1920 1920w, //chooseyourclothes.com/cdn/shop/files/A7I08355.jpg?v=1769520765&width=2560 2560w, //chooseyourclothes.com/cdn/shop/files/A7I08355.jpg?v=1769520765&width=3840 3840w" width="3840" height="4801" loading="eager" sizes="(min-width: 750px) 50vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//chooseyourclothes.com/cdn/shop/files/A7I08355.jpg?v=1769520765&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="69304367120708"
>
<div
class="product-media"
style="--ratio: 0.80029296875"
data-media-id="69304367120708"
>
<img src="//chooseyourclothes.com/cdn/shop/files/A7I08254.jpg?v=1769520765&width=3840" alt="Flottille" srcset="//chooseyourclothes.com/cdn/shop/files/A7I08254.jpg?v=1769520765&width=240 240w, //chooseyourclothes.com/cdn/shop/files/A7I08254.jpg?v=1769520765&width=352 352w, //chooseyourclothes.com/cdn/shop/files/A7I08254.jpg?v=1769520765&width=832 832w, //chooseyourclothes.com/cdn/shop/files/A7I08254.jpg?v=1769520765&width=1200 1200w, //chooseyourclothes.com/cdn/shop/files/A7I08254.jpg?v=1769520765&width=1600 1600w, //chooseyourclothes.com/cdn/shop/files/A7I08254.jpg?v=1769520765&width=1920 1920w, //chooseyourclothes.com/cdn/shop/files/A7I08254.jpg?v=1769520765&width=2560 2560w, //chooseyourclothes.com/cdn/shop/files/A7I08254.jpg?v=1769520765&width=3840 3840w" width="3840" height="4798" loading="lazy" sizes="auto, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//chooseyourclothes.com/cdn/shop/files/A7I08254.jpg?v=1769520765&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="69304367055172"
>
<div
class="product-media"
style="--ratio: 0.7998046875"
data-media-id="69304367055172"
>
<img src="//chooseyourclothes.com/cdn/shop/files/Catalogue_Sans_Titre0029.jpg?v=1769520765&width=3840" alt="Flottille" srcset="//chooseyourclothes.com/cdn/shop/files/Catalogue_Sans_Titre0029.jpg?v=1769520765&width=240 240w, //chooseyourclothes.com/cdn/shop/files/Catalogue_Sans_Titre0029.jpg?v=1769520765&width=352 352w, //chooseyourclothes.com/cdn/shop/files/Catalogue_Sans_Titre0029.jpg?v=1769520765&width=832 832w, //chooseyourclothes.com/cdn/shop/files/Catalogue_Sans_Titre0029.jpg?v=1769520765&width=1200 1200w, //chooseyourclothes.com/cdn/shop/files/Catalogue_Sans_Titre0029.jpg?v=1769520765&width=1600 1600w, //chooseyourclothes.com/cdn/shop/files/Catalogue_Sans_Titre0029.jpg?v=1769520765&width=1920 1920w, //chooseyourclothes.com/cdn/shop/files/Catalogue_Sans_Titre0029.jpg?v=1769520765&width=2560 2560w, //chooseyourclothes.com/cdn/shop/files/Catalogue_Sans_Titre0029.jpg?v=1769520765&width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//chooseyourclothes.com/cdn/shop/files/Catalogue_Sans_Titre0029.jpg?v=1769520765&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="69304367153476"
>
<div
class="product-media"
style="--ratio: 0.7998046875"
data-media-id="69304367153476"
>
<img src="//chooseyourclothes.com/cdn/shop/files/A7I08266.jpg?v=1769520765&width=3840" alt="Flottille" srcset="//chooseyourclothes.com/cdn/shop/files/A7I08266.jpg?v=1769520765&width=240 240w, //chooseyourclothes.com/cdn/shop/files/A7I08266.jpg?v=1769520765&width=352 352w, //chooseyourclothes.com/cdn/shop/files/A7I08266.jpg?v=1769520765&width=832 832w, //chooseyourclothes.com/cdn/shop/files/A7I08266.jpg?v=1769520765&width=1200 1200w, //chooseyourclothes.com/cdn/shop/files/A7I08266.jpg?v=1769520765&width=1600 1600w, //chooseyourclothes.com/cdn/shop/files/A7I08266.jpg?v=1769520765&width=1920 1920w, //chooseyourclothes.com/cdn/shop/files/A7I08266.jpg?v=1769520765&width=2560 2560w, //chooseyourclothes.com/cdn/shop/files/A7I08266.jpg?v=1769520765&width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//chooseyourclothes.com/cdn/shop/files/A7I08266.jpg?v=1769520765&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
class="product-media-container media-fit product-media-container--image"
slide-id="69304367087940"
>
<div
class="product-media"
style="--ratio: 0.7998046875"
data-media-id="69304367087940"
>
<img src="//chooseyourclothes.com/cdn/shop/files/A7I08289.jpg?v=1769520765&width=3840" alt="Flottille" srcset="//chooseyourclothes.com/cdn/shop/files/A7I08289.jpg?v=1769520765&width=240 240w, //chooseyourclothes.com/cdn/shop/files/A7I08289.jpg?v=1769520765&width=352 352w, //chooseyourclothes.com/cdn/shop/files/A7I08289.jpg?v=1769520765&width=832 832w, //chooseyourclothes.com/cdn/shop/files/A7I08289.jpg?v=1769520765&width=1200 1200w, //chooseyourclothes.com/cdn/shop/files/A7I08289.jpg?v=1769520765&width=1600 1600w, //chooseyourclothes.com/cdn/shop/files/A7I08289.jpg?v=1769520765&width=1920 1920w, //chooseyourclothes.com/cdn/shop/files/A7I08289.jpg?v=1769520765&width=2560 2560w, //chooseyourclothes.com/cdn/shop/files/A7I08289.jpg?v=1769520765&width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//chooseyourclothes.com/cdn/shop/files/A7I08289.jpg?v=1769520765&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="featured-product-content-bottom">
</div>
</div>
</product-card>
</div>
</div>
</div><div id="shopify-section-template--25834508845380__section_EiFrNC" class="shopify-section section-wrapper">
<div class="section-background color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7"></div>
<div
class="section section--page-width color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 45px)); "
data-testid="section-content"
>
<div class="spacing-style text-block text-block--AN0ZrNEN5QUpOLy9Oc__text_FjFQJb h2 text-block--align-center" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-narrow); --text-align: center; ">
<p>Un vêtement ne change pas une vie. Mais la façon de consommer, si.</p>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--25834508845380__divider_KEr4r7" class="shopify-section">
<div class="section-background color-scheme-2"></div>
<div
class="section section--full-width color-scheme-2"
data-testid="divider-template--25834508845380__divider_KEr4r7"
>
<div
class="divider divider-template--25834508845380__divider_KEr4r7 spacing-style"
style=" --divider-justify-content: center; --padding-block-start: 5px;--padding-block-end: 15px; "
>
<span
class="divider__line"
style=" --divider-border-thickness: 1px; --divider-border-rounded: 0; --divider-flex-basis: 50%; "
></span>
</div>
</div>
</div><div id="shopify-section-template--25834508845380__section_3wThLq" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" --section-min-height: var(--section-height-small); --section-preview-height: 600px; "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 10px;--padding-block-end: 10px; "
data-testid="section-content"
>
<div class="spacing-style text-block text-block--AWFNHV01TNEhsM1gwN__text_w7dUwH custom custom-typography custom-font-size custom-color" style=" --padding-block-start: 30px; --padding-block-end:15px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 1.125rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: balance; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: fit-content; --max-width: var(--max-width--body-none); ">
<p><em>Le vêtement ne doit pas distraire. </em><em><strong>Il doit révéler.</strong></em><em><br/>CYC crée des essentiels en séries limitées : des pièces intemporelles, conçues pour être portées longtemps et aimées longtemps.<br/></em></p><p><em><strong>L’élégance commence là où la tendance s’arrête.</strong></em></p>
</div>
<div
class="logo-block spacing-style"
style=" --logo-width: 70%; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
>
<div class="logo-block__image-wrapper">
<img src="//chooseyourclothes.com/cdn/shop/files/Logo_Principal.svg?v=1762573034&width=3840" alt="Choose Your Clothes" srcset="//chooseyourclothes.com/cdn/shop/files/Logo_Principal.svg?v=1762573034&width=240 240w, //chooseyourclothes.com/cdn/shop/files/Logo_Principal.svg?v=1762573034&width=352 352w, //chooseyourclothes.com/cdn/shop/files/Logo_Principal.svg?v=1762573034&width=832 832w, //chooseyourclothes.com/cdn/shop/files/Logo_Principal.svg?v=1762573034&width=1200 1200w, //chooseyourclothes.com/cdn/shop/files/Logo_Principal.svg?v=1762573034&width=1600 1600w, //chooseyourclothes.com/cdn/shop/files/Logo_Principal.svg?v=1762573034&width=1920 1920w, //chooseyourclothes.com/cdn/shop/files/Logo_Principal.svg?v=1762573034&width=2560 2560w, //chooseyourclothes.com/cdn/shop/files/Logo_Principal.svg?v=1762573034&width=3840 3840w" width="894" height="170" loading="lazy" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw">
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--25834508845380__section_VrqhH7" class="shopify-section section-wrapper">
<div class="section-background color-scheme-5"></div>
<div
class="section section--page-width color-scheme-5"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--row section-content-wrapper mobile-column"
style=" --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start; --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); "
data-testid="section-content"
>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 8px;--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<div class="spacing-style text-block text-block--AK3ZYZm91bXFNS0lnS__text_NRegcx h4 text-block--align-center" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<h2><span style="text-decoration:underline">Livraison offerte</span></h2>
</div>
<rte-formatter class="spacing-style text-block text-block--AeEhscURkM1MwNnh1S__text_z3DbwJ rte text-block--align-center rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<p>Livraison offerte dès 200€ en France Métropolitaine et dans les DOM-TOM</p>
</rte-formatter>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 8px;--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<div class="spacing-style text-block text-block--Aai9PZjlRayt1bjhlK__text_XcUfkY h4 text-block--align-center" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<h2><span style="text-decoration:underline">Retour possible sous 14 jours</span></h2>
</div>
<rte-formatter class="spacing-style text-block text-block--AcCtDdGlhRk1lZlM1M__text_3Vc3rH rte text-block--align-center rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-narrow); --text-align: center; ">
<p>Retrouvez toutes les informations dans la rubrique concernée</p>
</rte-formatter>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 8px;--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<div class="spacing-style text-block text-block--AY0drMmRRM09EQ3VmS__text_HWA8mA h4 text-block--align-center" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<h2><span style="text-decoration:underline">Paiement sécurisé</span></h2>
</div>
<rte-formatter class="spacing-style text-block text-block--AY2pZc0FtUzJqOG9BM__text_bxLB39 rte text-block--align-center rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-narrow); --text-align: center; ">
<p>Visa, Mastercard, PayPal, Amex, Maestro</p>
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- BEGIN sections: footer-group -->
<footer id="shopify-section-sections--25834508976452__footer_3qaifB" class="shopify-section shopify-section-group-footer-group section-wrapper">
<div class="section-background color-scheme-2"></div>
<div
class="section section--page-width color-scheme-2"
>
<div
class="footer-content spacing-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 50px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 50px)); --footer-gap: 20px; --grid-columns: 3; --last-row-count: 3; --tablet-last-row-count: 1; "
>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 6px;--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<div class="spacing-style text-block text-block--AMDJkdTdlY3ZBcU5kQ__text_CginQk h3 text-block--align-left" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; ">
<h2>Une question ?</h2>
</div>
<rte-formatter class="spacing-style text-block text-block--ANzA5WXVMLzhCZG5kc__text_H6cpWV rte text-block--align-left rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; ">
<p><a href="/pages/contact" title="Contact">FAQ</a><br/><a href="/policies/refund-policy" title="Refund Policy">Faire un retour ?</a><br/>Suivre ma commande</p><p>NOUS CONTACTER<br/><a href="/pages/contact" title="Contact">Email</a><br/>Instagram : <a href="https://www.instagram.com/chooseyourclothes_cyc/" target="_blank" title="Instagram">@chooseyourclothes_cyc</a></p><p>VOS INFORMATIONS<br/>Mon compte<br/>Mes commandes<br/>Mes retours</p><p></p>
</rte-formatter>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 6px;--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<div class="spacing-style text-block text-block--ASEtNeXllUWpIZ01OU__text_fNYhFa h3 text-block--align-left" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; ">
<p>À propos</p>
</div>
<rte-formatter class="spacing-style text-block text-block--AaTBibzNCa3RpMTgyc__text_kxgU6K rte text-block--align-left rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; ">
<p><a href="/pages/a-propos" title="À propos">Qui sommes-nous ?<br/></a>Nos engagements<br/><a href="/policies/legal-notice" title="Legal Notice">Mentions légales</a><br/><a href="/policies/terms-of-sale" title="Terms of Sale">CGV</a></p>
</rte-formatter>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 6px;--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<div class="spacing-style text-block text-block--Abi92eU1ad2VNUXVTV__text_PbBzdH h3 text-block--align-left" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; ">
<p>Recevez toutes les informations</p>
</div>
<rte-formatter class="spacing-style text-block text-block--AT1pDaE9vVXE4L1ZWb__text_pCQkpG rte text-block--align-left rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; ">
<p>Promis, aucun spam. <br/>Seulement l’essentiel.</p>
</rte-formatter>
<div
class="email-signup-block size-style spacing-style"
style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<div
class="email-signup__input-group email-signup__input-group--arrow"
style="--border-width: 1px; --border-radius: 100px;"
>
<label
for="EmailInput-AV1hpZVIvaTZkemlZb__email_signup_cE3h9F"
class="visually-hidden"
>
E-mail
</label>
<input
id="EmailInput-AV1hpZVIvaTZkemlZb__email_signup_cE3h9F"
class="email-signup__input email-signup__input--all paragraph"
type="email"
name="contact[email]"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="Adresse e-mail"
required
>
<button
class="email-signup__button email-signup__button--arrow paragraph button button--AV1hpZVIvaTZkemlZb__email_signup_cE3h9F"
aria-label="S’inscrire"
>
<svg
viewbox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
focusable="false"
aria-hidden="true"
class="email-signup__button-icon"
>
<path
clip-rule="evenodd"
d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</button>
</div></form>
</div>
</div>
</div>
</div>
</div>
</footer><div id="shopify-section-sections--25834508976452__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
>
<div
class="utilities utilities--blocks-3 spacing-style"
style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;"
data-testid="footer-utilities"
>
<div
class="footer-utilities__group-copyright custom-typography footer-utilities__text custom-font-size"
style="--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
<span class="footer-utilities__text">
© 2026
<a href="/" title="">Choose Your Clothes</a>, <a target="_blank" rel="nofollow" href="https://fr.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Commerce électronique propulsé par Shopify</a>
</span>
</div>
<anchored-popover-component
class="footer-utilities__policy-list footer-utilities__text"
data-hover-triggered="true"
>
<button
class="policy-list-trigger button-unstyled"
popovertarget="terms-policies-popover"
popovertargetaction="toggle"
ref="trigger"
style="--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
Conditions générales et politiques
</button>
<div
class="terms-policies-popover color-scheme-1"
id="terms-policies-popover"
popover="auto"
ref="popover"
>
<ul
class="policy_list list-unstyled custom-typography custom-font-size"
><li>
<a
href="/policies/privacy-policy"
class="footer-utilities__text"
>Politique de confidentialité</a>
</li><li>
<a
href="/policies/refund-policy"
class="footer-utilities__text"
>Politique de remboursement</a>
</li><li>
<a
href="/policies/legal-notice"
class="footer-utilities__text"
>Mentions légales</a>
</li><li>
<a
href="/policies/contact-information"
class="footer-utilities__text"
>Coordonnées</a>
</li><li>
<a
href="/policies/terms-of-sale"
class="footer-utilities__text"
>Conditions générales de vente</a>
</li><li>
<a
href="/policies/#shopifyReshowConsentBanner"
class="footer-utilities__text"
>Préférences en matière de cookies</a>
</li></ul>
</div>
</anchored-popover-component>
<div
class="social-icons__wrapper footer-utilities__icons"
>
<div
class="social-icons__icon-wrapper"
>
<a
href="https://www.instagram.com/chooseyourclothes_cyc/"
target="_blank"
rel="noopener noreferrer"
aria-label="Instagram"
>
<span class="social-icons__icon-label">Instagram</span>
<svg
class="social-icons__icon icon-default"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 20 20"
>
<path
fill-rule="evenodd"
d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
clip-rule="evenodd"
/></svg>
</a>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-sections--25834508976452__custom_liquid_rxfahC" class="shopify-section shopify-section-group-footer-group">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width spacing-style color-scheme-1"
style="--padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; "
>
</div>
</div>
<!-- END sections: footer-group -->
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/dialog.js?v=61774032287387761671768809427"
type="module"
></script>
<script
src="//chooseyourclothes.com/cdn/shop/t/1/assets/predictive-search.js?v=149240552485540508541768809427"
type="module"
fetchpriority="low"
></script>
<dialog-component
id="search-modal"
class="search-modal"
>
<dialog
ref="dialog"
on:click="/closeDialogOnClickOutside"
on:keydown="/closeDialogOnEscapePress"
class="search-modal__content dialog-modal"
scroll-lock
aria-labelledby="search-modal-heading"
>
<h2
id="search-modal-heading"
class="visually-hidden"
>
Rechercher
</h2>
<predictive-search-component
class="predictive-search color-scheme-1"
style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
data-section-id="predictive-search"
data-testid="search-component--modal"
role="search"
aria-label="Rechercher"
>
<form
action="/search"
method="get"
role="search"
class="predictive-search-form"
ref="form"
on:keydown="/onSearchKeyDown"
>
<div
class="predictive-search-form__header"
>
<div class="predictive-search-form__header-inner">
<label
for="cmdk-input"
class="visually-hidden"
>Rechercher</label>
<input
class="search-input"
id="cmdk-input"
type="search"
name="q"
role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocomplete="off"
placeholder="Rechercher"
ref="searchInput"
on:input="/search"
on:keydown="/onSearchKeyDown"
>
<input
name="options[prefix]"
type="hidden"
value="last"
>
<span class="svg-wrapper predictive-search__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
<button
type="button"
class="button-unstyled predictive-search__reset-button"
ref="resetButton"
hidden
on:click="/resetSearch"
>
Effacer
</button>
</div>
<button
type="button"
class="button predictive-search__close-modal-button"
aria-label="Fermer la boîte de dialogue"
on:click="dialog-component/closeDialog"
ref="closeModalButton"
>
<span class="svg-wrapper">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div class="predictive-search-form__content-wrapper">
<div
class="predictive-search-form__content"
tabindex="-1"
ref="predictiveSearchResults"
on:click="/handleModalClick"
>
<div
id="predictive-search-results"
class="predictive-search-dropdown"
role="listbox"
aria-expanded="true"
style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
<div class="predictive-search-results__inner">
<div
id="predictive-search-products"
class="predictive-search-results__products"
data-testid="products-list-default--modal"
>
<h4 class="predictive-search-results__title">
Produits
</h4>
<ul
class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
role="listbox"
aria-label="Produits"
>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<div
class="resource-card"
href="/products/etreinte"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/etreinte"
>
<span class="visually-hidden">
Étreinte
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
>
<img src="//chooseyourclothes.com/cdn/shop/files/2026-01-101067.jpg?v=1769517065&width=500" alt="" srcset="//chooseyourclothes.com/cdn/shop/files/2026-01-101067.jpg?v=1769517065&width=240 240w, //chooseyourclothes.com/cdn/shop/files/2026-01-101067.jpg?v=1769517065&width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image" sizes="auto" transitiontoproduct="false" style="object-position: 50.0% 50.0%;">
<img src="//chooseyourclothes.com/cdn/shop/files/2026-01-101079.jpg?v=1769517065&width=500" alt="Étreinte" srcset="//chooseyourclothes.com/cdn/shop/files/2026-01-101079.jpg?v=1769517065&width=240 240w, //chooseyourclothes.com/cdn/shop/files/2026-01-101079.jpg?v=1769517065&width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitiontoproduct="false" data-media-id="69302935060804" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Étreinte</p>
<div ref="priceContainer">
<span class="price">€139,99</span>
</div>
</div>
</div>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<div
class="resource-card"
href="/products/flottille"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/flottille"
>
<span class="visually-hidden">
Flottille
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
>
<img src="//chooseyourclothes.com/cdn/shop/files/A7I08355.jpg?v=1769520765&width=500" alt="" srcset="//chooseyourclothes.com/cdn/shop/files/A7I08355.jpg?v=1769520765&width=240 240w, //chooseyourclothes.com/cdn/shop/files/A7I08355.jpg?v=1769520765&width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image" sizes="auto" transitiontoproduct="false" style="object-position: 50.0% 50.0%;">
<img src="//chooseyourclothes.com/cdn/shop/files/A7I08254.jpg?v=1769520765&width=500" alt="Flottille" srcset="//chooseyourclothes.com/cdn/shop/files/A7I08254.jpg?v=1769520765&width=240 240w, //chooseyourclothes.com/cdn/shop/files/A7I08254.jpg?v=1769520765&width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitiontoproduct="false" data-media-id="69304367120708" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Flottille</p>
<div ref="priceContainer">
<span class="price">€129,99</span>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="predictive-search-form__footer">
<button
class="button button-primary predictive-search__search-button"
ref="viewAllButton"
>
Tout afficher
</button>
</div>
</div>
</form>
</predictive-search-component>
</dialog>
</dialog-component>
<quick-add-dialog id="quick-add-dialog">
<dialog
class="quick-add-modal dialog-modal color-scheme-1"
ref="dialog"
scroll-lock
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button quick-add-modal__close"
aria-label="Fermer la boîte de dialogue"
><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<div
id="quick-add-modal-content"
class="quick-add-modal__content"
></div>
</dialog>
</quick-add-dialog>
<div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block"><script>
window['ShopifyForms'] = {
...window['ShopifyForms'],
currentPageType: "index"
};
</script>
</div></body>
</html>
