<!doctype html>
<html
class="no-js"
lang="fr"
>
<head>
<meta name="google-site-verification" content="pZfJ3rv-mQ0jl3wVT8XrPbFG-_MhDZrmWZdTzSG4akc" />
<meta name="linkavista" content="link-3428-4006"><link href="//tapis-beige.fr/cdn/shop/t/6/assets/overflow-list.css?v=168694168152117541881757576244" as="style" rel="preload">
<link href="//tapis-beige.fr/cdn/shop/t/6/assets/base.css?v=163500385341632537961758196602" rel="stylesheet" type="text/css" media="all" />
<link
rel="icon"
type="image/png"
href="//tapis-beige.fr/cdn/shop/files/Design_sans_titre_e3d574bb-8809-4ec7-9a37-dfe9c9d1b425.png?crop=center&height=32&v=1758210783&width=32"
>
<link
rel="expect"
href="#MainContent"
blocking="render"
id="view-transition-render-blocker"
><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="Tapis Beige"
>
<meta
property="og:url"
content="https://tapis-beige.fr/"
>
<meta
property="og:title"
content="Tapis Beige – Élégance, Confort et Design pour la Maison"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="Tapis beige chic et moderne pour un intérieur harmonieux. Qualité, confort et élégance au meilleur prix."
><meta
property="og:image"
content="http://tapis-beige.fr/cdn/shop/files/000_2_cb663c38-ee7c-4fc4-ba99-64ef6d8eb372.png?v=1762622040"
>
<meta
property="og:image:secure_url"
content="https://tapis-beige.fr/cdn/shop/files/000_2_cb663c38-ee7c-4fc4-ba99-64ef6d8eb372.png?v=1762622040"
>
<meta
property="og:image:width"
content="1920"
>
<meta
property="og:image:height"
content="1080"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="Tapis Beige – Élégance, Confort et Design pour la Maison"
>
<meta
name="twitter:description"
content="Tapis beige chic et moderne pour un intérieur harmonieux. Qualité, confort et élégance au meilleur prix."
>
<title>
Tapis Beige – Élégance, Confort et Design pour la Maison
</title>
<link
rel="canonical"
href="https://tapis-beige.fr/"
>
<meta
name="description"
content="Tapis beige chic et moderne pour un intérieur harmonieux. Qualité, confort et élégance au meilleur prix."
>
<link
rel="preconnect"
href="https://fonts.shopifycdn.com"
crossorigin
>
<link
rel="preload"
as="font"
href="//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_n4.36efd597fcb92d83eab631792bad06e153941221.woff2"
type="font/woff2"
crossorigin
><link
rel="preload"
as="font"
href="//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_n6.ec4ce1e249dd5ea953e56ae98197fb6bf35c9b19.woff2"
type="font/woff2"
crossorigin
><link
rel="preload"
as="font"
href="//tapis-beige.fr/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2"
type="font/woff2"
crossorigin
><link
rel="preload"
as="font"
href="//tapis-beige.fr/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2"
type="font/woff2"
crossorigin
>
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
{
"imports": {
"@theme/critical": "//tapis-beige.fr/cdn/shop/t/6/assets/critical.js?v=169402557219780209121757576244",
"@theme/product-title": "//tapis-beige.fr/cdn/shop/t/6/assets/product-title-truncation.js?v=81744426891537421781757576244",
"@theme/component": "//tapis-beige.fr/cdn/shop/t/6/assets/component.js?v=74239122572524296041757576245",
"@theme/dialog": "//tapis-beige.fr/cdn/shop/t/6/assets/dialog.js?v=94382931671780430451757576245",
"@theme/events": "//tapis-beige.fr/cdn/shop/t/6/assets/events.js?v=59172389608566392641757576245",
"@theme/focus": "//tapis-beige.fr/cdn/shop/t/6/assets/focus.js?v=60436577539430446401757576244",
"@theme/morph": "//tapis-beige.fr/cdn/shop/t/6/assets/morph.js?v=175376767362814376631757576244",
"@theme/paginated-list": "//tapis-beige.fr/cdn/shop/t/6/assets/paginated-list.js?v=95298315036233333871757576245",
"@theme/performance": "//tapis-beige.fr/cdn/shop/t/6/assets/performance.js?v=160961134082498414901757576245",
"@theme/product-form": "//tapis-beige.fr/cdn/shop/t/6/assets/product-form.js?v=127515301325557712001757576244",
"@theme/recently-viewed-products": "//tapis-beige.fr/cdn/shop/t/6/assets/recently-viewed-products.js?v=94729125001750262651757576244",
"@theme/scrolling": "//tapis-beige.fr/cdn/shop/t/6/assets/scrolling.js?v=10957690925586738441757576244",
"@theme/section-renderer": "//tapis-beige.fr/cdn/shop/t/6/assets/section-renderer.js?v=117273408521114569061757576245",
"@theme/section-hydration": "//tapis-beige.fr/cdn/shop/t/6/assets/section-hydration.js?v=177651605160027701221757576245",
"@theme/utilities": "//tapis-beige.fr/cdn/shop/t/6/assets/utilities.js?v=20543301071820501481757576245",
"@theme/variant-picker": "//tapis-beige.fr/cdn/shop/t/6/assets/variant-picker.js?v=113536721324242252251757576245",
"@theme/media-gallery": "//tapis-beige.fr/cdn/shop/t/6/assets/media-gallery.js?v=111441960308641931071757576245",
"@theme/quick-add": "//tapis-beige.fr/cdn/shop/t/6/assets/quick-add.js?v=74531385036627369001757576245",
"@theme/paginated-list-aspect-ratio": "//tapis-beige.fr/cdn/shop/t/6/assets/paginated-list-aspect-ratio.js?v=25254270272143792451757576244",
"@theme/popover-polyfill": "//tapis-beige.fr/cdn/shop/t/6/assets/popover-polyfill.js?v=119029313658895111201757576244"
}
}
</script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/view-transitions.js?v=84877080446900032951757576245"
async
blocking="render"
></script>
<link
rel="modulepreload"
href="//tapis-beige.fr/cdn/shop/t/6/assets/critical.js?v=169402557219780209121757576244"
>
<link
rel="modulepreload"
href="//tapis-beige.fr/cdn/shop/t/6/assets/utilities.js?v=20543301071820501481757576245"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//tapis-beige.fr/cdn/shop/t/6/assets/component.js?v=74239122572524296041757576245"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//tapis-beige.fr/cdn/shop/t/6/assets/section-renderer.js?v=117273408521114569061757576245"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//tapis-beige.fr/cdn/shop/t/6/assets/section-hydration.js?v=177651605160027701221757576245"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//tapis-beige.fr/cdn/shop/t/6/assets/morph.js?v=175376767362814376631757576244"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//tapis-beige.fr/cdn/shop/t/6/assets/focus.js?v=60436577539430446401757576244"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//tapis-beige.fr/cdn/shop/t/6/assets/recently-viewed-products.js?v=94729125001750262651757576244"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//tapis-beige.fr/cdn/shop/t/6/assets/scrolling.js?v=10957690925586738441757576244"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//tapis-beige.fr/cdn/shop/t/6/assets/events.js?v=59172389608566392641757576245"
fetchpriority="low"
>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/popover-polyfill.js?v=119029313658895111201757576244"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/quick-add.js?v=74531385036627369001757576245"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/cart-discount.js?v=107077853990124422021757576244"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/dialog.js?v=94382931671780430451757576245"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/variant-picker.js?v=113536721324242252251757576245"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/product-card.js?v=174129639976667491711757576244"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/product-form.js?v=127515301325557712001757576244"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/accordion-custom.js?v=99000499017714805851757576244"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/disclosure-custom.js?v=168050880623268140331757576245"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/media.js?v=37825095869491791421757576244"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/product-price.js?v=30079423257668675401757576244"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/product-title-truncation.js?v=81744426891537421781757576244"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/product-inventory.js?v=16343734458933704981757576244"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/show-more.js?v=94563802205717136101757576245"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/slideshow.js?v=63092151078244317761757576245"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/anchored-popover.js?v=95953304814728754461757576244"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/floating-panel.js?v=128677600744947036551757576245"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/video-background.js?v=25237992823806706551757576245"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/component-quantity-selector.js?v=56330027151833116691757576244"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/media-gallery.js?v=111441960308641931071757576245"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/rte-formatter.js?v=101420294193111439321757576244"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/gift-card-recipient-form.js?v=129634859299628245901757576244"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/localization.js?v=87759161307859666401757576245"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/product-card-link.js?v=97122579314620396511757576244"
type="module"
fetchpriority="low"
></script>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/auto-close-details.js?v=58350291535404441581757576244"
defer="defer"
></script>
<script>
const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
const Theme = {
placeholders: {
general: [
`${basePath}/general-1.png`,
`${basePath}/general-2.png`,
`${basePath}/general-3.png`,
`${basePath}/general-4.png`,
`${basePath}/general-5.png`,
`${basePath}/general-6.png`,
`${basePath}/general-7.png`,
],
product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
},
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`,
},
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: "Red Hat Display";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_n4.36efd597fcb92d83eab631792bad06e153941221.woff2") format("woff2"),
url("//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_n4.09f5571be81da8a8c0e78adb7638383541ff61a2.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_n7.5b14b817f945f7cf9f5e3fa661372aaee24aedbe.woff2") format("woff2"),
url("//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_n7.12fcbadce11cb69018968f0c45941d4f2f6b4940.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_i4.d3bef3a05bb92acc510c17d15f6c01c87e3bce0d.woff2") format("woff2"),
url("//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_i4.3f1b2b6da2f26f2d4eb6921830f13bbdcc7b4092.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_i7.725ef8b794aadff6bc8844a51e5cccf4180e7ffa.woff2") format("woff2"),
url("//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_i7.07f8ab4318fab04af523efe0d055241f1fe5ade2.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 600;
font-style: normal;
font-display: swap;
src: url("//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_n6.ec4ce1e249dd5ea953e56ae98197fb6bf35c9b19.woff2") format("woff2"),
url("//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_n6.005eeb3c4714c4b460079358b1e05b655e0e4e3e.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_n7.5b14b817f945f7cf9f5e3fa661372aaee24aedbe.woff2") format("woff2"),
url("//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_n7.12fcbadce11cb69018968f0c45941d4f2f6b4940.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 600;
font-style: italic;
font-display: swap;
src: url("//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_i6.7ed8d8fa04c1a330cadfbdd1cc3305a5b131dba3.woff2") format("woff2"),
url("//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_i6.c095621994e8bfc049bdd6a8818815964641850d.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_i7.725ef8b794aadff6bc8844a51e5cccf4180e7ffa.woff2") format("woff2"),
url("//tapis-beige.fr/cdn/fonts/red_hat_display/redhatdisplay_i7.07f8ab4318fab04af523efe0d055241f1fe5ade2.woff") format("woff");
}
@font-face {
font-family: Trirong;
font-weight: 200;
font-style: normal;
font-display: swap;
src: url("//tapis-beige.fr/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2") format("woff2"),
url("//tapis-beige.fr/cdn/fonts/trirong/trirong_n2.6df3ab7336d79d347e7f6766ffd8d29c91ae4ca5.woff") format("woff");
}
@font-face {
font-family: Trirong;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//tapis-beige.fr/cdn/fonts/trirong/trirong_n7.a33ed6536f9a7c6d7a9d0b52e1e13fd44f544eff.woff2") format("woff2"),
url("//tapis-beige.fr/cdn/fonts/trirong/trirong_n7.cdb88d0f8e5c427b393745c8cdeb8bc085cbacff.woff") format("woff");
}
@font-face {
font-family: Trirong;
font-weight: 200;
font-style: italic;
font-display: swap;
src: url("//tapis-beige.fr/cdn/fonts/trirong/trirong_i2.09cedbbfb7eff094cf6e44047e16996f6069ec3a.woff2") format("woff2"),
url("//tapis-beige.fr/cdn/fonts/trirong/trirong_i2.cbddd6d75dc4501c52e81dac1a4a3205fc02ae42.woff") format("woff");
}
@font-face {
font-family: Trirong;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//tapis-beige.fr/cdn/fonts/trirong/trirong_i7.0a12b233073555ab8fbb6a4daaa950731de27544.woff2") format("woff2"),
url("//tapis-beige.fr/cdn/fonts/trirong/trirong_i7.3425495581434e8c758c3f19251e34b0b1f89e77.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: "Red Hat Display", sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: "Red Hat Display", sans-serif;
--font-subheading--style: normal;
--font-subheading--weight: 600;
--font-heading--family: Trirong, serif;
--font-heading--style: normal;
--font-heading--weight: 200;
--font-accent--family: Trirong, serif;
--font-accent--style: normal;
--font-accent--weight: 200;
/* 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: 50ch;
--max-width--body-narrow: 35ch;
--max-width--heading-normal: 50ch;
--max-width--heading-narrow: 30ch;
--max-width--display-normal: 20ch;
--max-width--display-narrow: 15ch;
--max-width--display-tight: 5ch;
/* 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: 1.125rem;--font-size--h1: clamp(2.25rem, 8.8vw, 5.5rem);--font-size--h2: 2.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-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-loose);--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-accent--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-accent--family);--font-h2--style: var(--font-accent--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-loose);--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--heading-tight);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--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: uppercase;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-body--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-body--family);--font-h6--style: var(--font-body--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal);
/* Hardcoded font sizes */
--font-size--2xs: 0.625rem;
--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: 8px;
/* 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: 0px;
--style-border-radius-buttons-primary: 0px;
--style-border-radius-buttons-secondary: 0px;
--style-border-width-primary: 0px;
--style-border-width-secondary: 1px;
--style-border-width-inputs: 0px;
--style-border-radius-popover: 4px;
--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: 1px;
/* 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 font-weight */
--button-font-weight-primary: default;
--button-font-weight-secondary: default;
/* 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;
/* 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: 50;
--variant-picker-swatch-height-unitless: 20;
--variant-picker-swatch-width: 50px;
--variant-picker-swatch-height: 20px;
--variant-picker-swatch-radius: 0px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: solid;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 0px;
--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 height variables */
--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(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(0 0 0 / 1.0);
--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 / 1.0);
--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.28);
--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(5 124 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(0 0 0 / 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(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(0 0 0 / 0.05);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.0);
--color-input-hover-background: rgb(230 230 230 / 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(255 255 255 / 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-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-2 {
--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(0 0 0 / 1.0);
--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 / 1.0);
--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(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(0 15 159 / 1.0);
--color-primary-button-hover-border: rgb(0 15 159 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 15 159 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 15 159 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 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-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-3 {
--color-background: rgb(247 247 247 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 247 247 247;
--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 / 1.0);
--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 15 159 / 1.0);
--color-primary-rgb: 0 15 159;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(214 212 211 / 1.0);
--color-border-rgb: 214 212 211;
--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(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 15 159 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(0 15 159 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(239 239 239 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 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-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-4 {
--color-background: rgb(46 46 46 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 46 46 46;
--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(225 225 225 / 1.0);
--color-primary-hover-rgb: 225 225 225;
--color-border: rgb(225 225 225 / 1.0);
--color-border-rgb: 225 225 225;
--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(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(225 225 225 / 1.0);
--color-primary-button-hover-border: rgb(225 225 225 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 1.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(80 80 80 / 1.0);
--color-secondary-button-hover-border: rgb(80 80 80 / 1.0);
--color-input-background: rgb(46 46 46 / 1.0);
--color-input-text: rgb(249 248 246 / 1.0);
--color-input-text-rgb: 249 248 246;
--color-input-border: rgb(249 248 246 / 1.0);
--color-input-hover-background: rgb(26 26 26 / 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-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-5 {
--color-background: rgb(228 223 181 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 228 223 181;
--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 / 1.0);
--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 / 1.0);
--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(102 102 102 / 1.0);
--color-border-rgb: 102 102 102;
--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(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(222 222 222 / 1.0);
--color-primary-button-hover-border: rgb(222 222 222 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 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-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(172 172 172 / 1.0);
--color-primary-hover-rgb: 172 172 172;
--color-border: rgb(0 0 0 / 0.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 0.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(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(222 222 222 / 1.0);
--color-primary-button-hover-border: rgb(222 222 222 / 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(172 172 172 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
--color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 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-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(0 0 0 / 0.03);
/* 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(0 0 0 / 1.0);
--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 / 1.0);
--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(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(0 0 0 / 0.8);
--color-primary-button-hover-border: rgb(0 0 0 / 0.81);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(239 239 239 / 1.0);
--color-secondary-button-border: rgb(0 15 159 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 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-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: 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 name="google-site-verification" content="pZfJ3rv-mQ0jl3wVT8XrPbFG-_MhDZrmWZdTzSG4akc">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/98292138322/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="f2076b4c5a3cfe79b4ac617e1896b1c6">
<meta id="in-context-paypal-metadata" data-shop-id="98292138322" 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=98292138322" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":98292138322,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/98292138322","merchantName":"Tapis Beige","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Tapis Beige","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"f2076b4c5a3cfe79b4ac617e1896b1c6","betas":["rich-media-storefront-analytics"],"domain":"tapis-beige.fr","predictiveSearch":true,"shopId":98292138322,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "7figgs-fk.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Vessel","id":187189100882,"schema_name":"Vessel","schema_version":"2.1.6","theme_store_id":3628,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "tapis-beige.fr/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="//tapis-beige.fr/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_C9aZTsmn.fr.esm.js"></script>
<script defer="defer" async type="module" src="//tapis-beige.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.common_bWgz0IHB.esm.js"></script>
<script type="module">
await import("//tapis-beige.fr/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_C9aZTsmn.fr.esm.js");
await import("//tapis-beige.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.common_bWgz0IHB.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_Lu2xB0nI.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_BHY3XVMI.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js"],"init-windoid":["modules/v2/client.init-windoid_DQt8Yj66.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_-OaI8Mru.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_WsmIdaTj.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js"],"shop-button":["modules/v2/client.shop-button_Ds7QABx1.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_DI2G5Rvm.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js","modules/v2/chunk.modal_iE-IN4ix.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_CISSuUHO.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js","modules/v2/chunk.modal_iE-IN4ix.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.fr.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_C9aZTsmn.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_DnxSmG78.fr.esm.js","modules/v2/client.shop-login-button_DI2G5Rvm.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js","modules/v2/chunk.modal_iE-IN4ix.esm.js"],"pay-button":["modules/v2/client.pay-button_rN6IpCKc.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_CjjRqXoN.fr.esm.js","modules/v2/client.shop-login-button_DI2G5Rvm.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js","modules/v2/chunk.modal_iE-IN4ix.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_CNe1AsNm.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js","modules/v2/chunk.modal_iE-IN4ix.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_zFYpLkaF.fr.esm.js","modules/v2/client.shop-login-button_DI2G5Rvm.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js","modules/v2/chunk.modal_iE-IN4ix.esm.js"],"lead-capture":["modules/v2/client.lead-capture_BoIJ9Gm3.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js","modules/v2/chunk.modal_iE-IN4ix.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_D8cHgNw8.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js","modules/v2/chunk.modal_iE-IN4ix.esm.js"],"shop-login":["modules/v2/client.shop-login_WgfU2Zbk.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js","modules/v2/chunk.modal_iE-IN4ix.esm.js"],"payment-terms":["modules/v2/client.payment-terms_B7P9CQ-t.fr.esm.js","modules/v2/chunk.common_bWgz0IHB.esm.js","modules/v2/chunk.modal_iE-IN4ix.esm.js"]};
</script>
<script id="__st">var __st={"a":98292138322,"offset":3600,"reqid":"2242e723-7b96-4b16-b91c-3b3a6e6189a5-1763035499","pageurl":"tapis-beige.fr\/","u":"10f5f9c6f965","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-52AcMU7V7pcBOXWImdc/TAGTFKeNjmkeM1Pvks/DTgc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//tapis-beige.fr/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//tapis-beige.fr/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<script id='scb4127' type='text/javascript' async='' src='https://tapis-beige.fr/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="//tapis-beige.fr/cdn/shop/t/6/compiled_assets/styles.css?2812">
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->
<link rel="dns-prefetch" href="https://cdnwidget.judge.me">
<link rel="dns-prefetch" href="https://cdn.judge.me">
<link rel="dns-prefetch" href="https://cdn1.judge.me">
<link rel="dns-prefetch" href="https://api.judge.me">
<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"badge_no_review_text":"Aucun avis","badge_n_reviews_text":"{{ n }} avis","badge_star_color":"#2E7D32","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Avis Clients","widget_open_form_text":"Écrire un avis","widget_close_form_text":"Annuler l'avis","widget_refresh_page_text":"Actualiser la page","widget_summary_text":"Basé sur {{ number_of_reviews }} avis","widget_no_review_text":"Soyez le premier à écrire un avis","widget_name_field_text":"Nom d'affichage","widget_verified_name_field_text":"Nom vérifié (public)","widget_name_placeholder_text":"Nom d'affichage","widget_required_field_error_text":"Ce champ est obligatoire.","widget_email_field_text":"Adresse email","widget_verified_email_field_text":"Email vérifié (privé, ne peut pas être modifié)","widget_email_placeholder_text":"Votre adresse email","widget_email_field_error_text":"Veuillez entrer une adresse email valide.","widget_rating_field_text":"Évaluation","widget_review_title_field_text":"Titre de l'avis","widget_review_title_placeholder_text":"Donnez un titre à votre avis","widget_review_body_field_text":"Contenu de l'avis","widget_review_body_placeholder_text":"Commencez à écrire ici...","widget_pictures_field_text":"Photo/Vidéo (facultatif)","widget_submit_review_text":"Soumettre l'avis","widget_submit_verified_review_text":"Soumettre un avis vérifié","widget_submit_success_msg_with_auto_publish":"Merci ! Veuillez actualiser la page dans quelques instants pour voir votre avis. Vous pouvez supprimer ou modifier votre avis en vous connectant à \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Merci ! Votre avis sera publié dès qu'il sera approuvé par l'administrateur de la boutique. Vous pouvez supprimer ou modifier votre avis en vous connectant à \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Affichage de {{ n_reviews_shown }} sur {{ n_reviews }} avis.","widget_show_all_link_text":"Tout afficher","widget_show_less_link_text":"Afficher moins","widget_author_said_text":"{{ reviewer_name }} a dit :","widget_days_text":"il y a {{ n }} jour/jours","widget_weeks_text":"il y a {{ n }} semaine/semaines","widget_months_text":"il y a {{ n }} mois","widget_years_text":"il y a {{ n }} an/ans","widget_yesterday_text":"Hier","widget_today_text":"Aujourd'hui","widget_replied_text":"\u003e\u003e {{ shop_name }} a répondu :","widget_read_more_text":"Lire plus","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"Voir tous les avis","widget_sorting_most_recent_text":"Plus récents","widget_sorting_highest_rating_text":"Meilleures notes","widget_sorting_lowest_rating_text":"Notes les plus basses","widget_sorting_with_pictures_text":"Uniquement les photos","widget_sorting_most_helpful_text":"Plus utiles","widget_open_question_form_text":"Poser une question","widget_reviews_subtab_text":"Avis","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Réponse","widget_question_placeholder_text":"Écrivez votre question ici","widget_submit_question_text":"Soumettre la question","widget_question_submit_success_text":"Merci pour votre question ! Nous vous notifierons dès qu'elle aura une réponse.","widget_star_color":"#2E7D32","verified_badge_text":"Vérifié","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(hors boutique)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"à propos de","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"default","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","widget_product_reviews_subtab_text":"Avis Produits","widget_shop_reviews_subtab_text":"Avis Boutique","widget_write_a_store_review_text":"Écrire un avis sur la boutique","widget_other_languages_heading":"Avis dans d'autres langues","widget_translate_review_text":"Traduire l'avis en {{ language }}","widget_translating_review_text":"Traduction en cours...","widget_show_original_translation_text":"Afficher l'original ({{ language }})","widget_translate_review_failed_text":"Impossible de traduire cet avis.","widget_translate_review_retry_text":"Réessayer","widget_translate_review_try_again_later_text":"Réessayez plus tard","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Photos en premier","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"★ Avis","floating_tab_title":"Laissons nos clients parler pour nous","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Les clients nous notent {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 basé sur {{ shop.metafields.judgeme.all_reviews_count }} avis.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} sur 5 étoiles basé sur {{ shop.metafields.judgeme.all_reviews_count }} avis","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":false,"featured_carousel_show_header":true,"featured_carousel_title":"Laissons nos clients parler pour nous","featured_carousel_count_text":"sur {{ n }} avis","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"branded","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":false,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Vidéos en premier","widget_review_pending_text":"En attente","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"Aucune question","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":false,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Rechercher des avis","widget_sorting_verified_only_text":"Vérifiés uniquement","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":true,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Lire plus d'avis","featured_carousel_view_product_button_text":"Voir le produit","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Charger plus d'avis","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"affiché publiquement comme","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonyme","medals_widget_title":"Médailles d'avis Judge.me","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Pas une URL de vidéo YouTube","widget_max_length_field_error_text":"Veuillez ne pas dépasser {0} caractères.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Vérifié par la boutique","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Fait par nous, partagé par vous","widget_ugc_subtitle":"Taguez-nous pour voir votre photo mise en avant sur notre page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Acheter maintenant","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Charger plus","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"Voir les avis","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#333333","widget_enable_secondary_color":true,"widget_secondary_color":"#EDF5F5","widget_summary_average_rating_text":"{{ average_rating }} sur 5","widget_media_grid_title":"Photos \u0026 vidéos clients","widget_media_grid_see_more_text":"Voir plus","widget_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Vérifié par Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Vérifié par Judge.me","widget_media_field_exceed_quantity_message":"Désolé, nous ne pouvons accepter que {{ max_media }} pour un avis.","widget_media_field_exceed_limit_message":"{{ file_name }} est trop volumineux, veuillez sélectionner un {{ media_type }} de moins de {{ size_limit }}MB.","widget_review_submitted_text":"Avis soumis !","widget_question_submitted_text":"Question soumise !","widget_close_form_text_question":"Annuler","widget_write_your_answer_here_text":"Écrivez votre réponse ici","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collecté par Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Charger plus","widget_load_more_color":"#108474","widget_full_review_text":"Avis complet","widget_read_more_reviews_text":"Lire plus d'avis","widget_read_questions_text":"Lire les questions","widget_questions_and_answers_text":"Questions \u0026 Réponses","widget_verified_by_text":"Vérifié par","widget_verified_text":"Vérifié","widget_number_of_reviews_text":"{{ number_of_reviews }} avis","widget_back_button_text":"Retour","widget_next_button_text":"Suivant","widget_custom_forms_filter_button":"Filtres","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"Comment les avis sont-ils collectés ?","widget_show_review_keywords":false,"widget_gdpr_statement":"Comment nous utilisons vos données : Nous vous contacterons uniquement à propos de l'avis que vous avez laissé, et seulement si nécessaire. En soumettant votre avis, vous acceptez les \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003econditions\u003c/a\u003e, la \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003epolitique de confidentialité\u003c/a\u003e et les \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003epolitiques de contenu\u003c/a\u003e de Judge.me.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#108474","show_product_variant":false,"all_reviews_product_variant_label_text":"Variante : ","widget_show_verified_branding":true,"widget_show_review_title_input":false,"redirect_reviewers_invited_via_email":"external_form","request_store_review_after_product_review":true,"request_review_other_products_in_order":false,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":{},"review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":{},"review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_content_screen_title_text":"Comment évalueriez-vous ce produit ?","review_content_introduction_text":"Nous serions ravis que vous partagiez un peu votre expérience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Mauvais","five_star_review_guidance_text":"Excellent","customer_information_screen_title_text":"À propos de vous","customer_information_introduction_text":"Veuillez nous en dire plus sur vous.","custom_questions_screen_title_text":"Votre expérience en détail","custom_questions_introduction_text":"Voici quelques questions pour nous aider à mieux comprendre votre expérience.","review_submitted_screen_title_text":"Merci pour votre avis !","review_submitted_screen_thank_you_text":"Nous le traitons et il apparaîtra bientôt dans la boutique.","review_submitted_screen_email_verification_text":"Veuillez confirmer votre email en cliquant sur le lien que nous venons de vous envoyer. Cela nous aide à maintenir des avis authentiques.","review_submitted_request_store_review_text":"Aimeriez-vous partager votre expérience d'achat avec nous ?","review_submitted_review_other_products_text":"Aimeriez-vous évaluer ces produits ?","store_review_screen_title_text":"Voulez-vous partager votre expérience de shopping avec nous ?","store_review_introduction_text":"Nous apprécions votre retour d'expérience et nous l'utilisons pour nous améliorer. Veuillez partager vos pensées ou suggestions.","reviewer_media_screen_title_picture_text":"Partager une photo","reviewer_media_introduction_picture_text":"Téléchargez une photo pour étayer votre avis.","reviewer_media_screen_title_video_text":"Partager une vidéo","reviewer_media_introduction_video_text":"Téléchargez une vidéo pour étayer votre avis.","reviewer_media_screen_title_picture_or_video_text":"Partager une photo ou une vidéo","reviewer_media_introduction_picture_or_video_text":"Téléchargez une photo ou une vidéo pour étayer votre avis.","reviewer_media_youtube_url_text":"Collez votre URL Youtube ici","advanced_settings_next_step_button_text":"Suivant","advanced_settings_close_review_button_text":"Fermer","modal_write_review_flow":true,"write_review_flow_required_text":"Obligatoire","write_review_flow_privacy_message_text":"Nous respectons votre vie privée.","write_review_flow_anonymous_text":"Avis anonyme","write_review_flow_visibility_text":"Ne sera pas visible pour les autres clients.","write_review_flow_multiple_selection_help_text":"Sélectionnez autant que vous le souhaitez","write_review_flow_single_selection_help_text":"Sélectionnez une option","write_review_flow_required_field_error_text":"Ce champ est obligatoire","write_review_flow_invalid_email_error_text":"Veuillez saisir une adresse email valide","write_review_flow_max_length_error_text":"Max. {{ max_length }} caractères.","write_review_flow_media_upload_text":"\u003cb\u003eCliquez pour télécharger\u003c/b\u003e ou glissez-déposez","write_review_flow_gdpr_statement":"Nous vous contacterons uniquement au sujet de votre avis si nécessaire. En soumettant votre avis, vous acceptez nos \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003econditions d'utilisation\u003c/a\u003e et notre \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003epolitique de confidentialité\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Dites-nous plus","negative_review_resolution_text":"Votre expérience est importante pour nous. S'il y a eu des problèmes avec votre achat, nous sommes là pour vous aider. N'hésitez pas à nous contacter, nous aimerions avoir l'opportunité de corriger les choses.","negative_review_resolution_button_text":"Contactez-nous","negative_review_resolution_proceed_with_review_text":"Laisser un avis","negative_review_resolution_subject":"Problème avec l'achat de {{ shop_name }}.{{ order_name }}","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":false,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Avis collecté via l'invitation du magasin","transparency_badges_from_another_provider_text":"Avis collecté d'un autre fournisseur","transparency_badges_collected_from_store_visitor_text":"Avis collecté d'un visiteur du magasin","transparency_badges_written_in_google_text":"Avis écrit sur Google","transparency_badges_written_in_etsy_text":"Avis écrit sur Etsy","transparency_badges_written_in_shop_app_text":"Avis écrit sur Shop App","transparency_badges_earned_reward_text":"Avis a gagné une récompense pour une commande future","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_header_theme":"default","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_reviews_section_theme":"default","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"large","review_widget_verified_badge":"bold_badge","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_cards_desktop":3,"review_widget_custom_questions_answers_display":"always","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"Avis","review_widget_review_word_plural":"Avis","review_widget_voting_label":"Utile?","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Propulsé par Judge.me","locale":"en","reply_name":"Tapis Beige","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_locale":"fr","enable_multi_locales_translations":false,"show_review_title_input":false,"review_verification_email_status":"always","admin_email":"christianbigmarcus78@gmail.com","can_be_branded":false,"reply_name_text":"Tapis Beige"};</script> <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #333;--jdgm-secondary-color: #EDF5F5;--jdgm-star-color: #2E7D32;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #333333;--jdgm-paginate-color: #333;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #333333}.jdgm-histogram__bar-content{background-color:#333}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#333}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"Voir plus"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"Voir plus"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#2E7D32}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'à propos de'}.jdgm-rev__variant-label:before{content:'Variante : '}.jdgm-rev__out-of-store-text:before{content:'(hors boutique)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#108474}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Tapis Beige'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}
</style> <style class='jdgm-settings-style'></style>
<style class='jdgm-miracle-styles'>
@-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important}
</style>
<script data-cfasync='false' class='jdgm-script'>
!function(e){window.jdgm=window.jdgm||{},jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/019a77e4-a374-7df4-972d-32c540d9a1b8/judgeme-extensions-202/assets/",
jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
t.onreadystatechange=function(){4===t.readyState&&(Function(t.response)(),d&&d(t.response))},
t.open("GET",e),t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll(
".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_HOST+"widget_v3/base.css"):
jdgm.loadCSS(jdgm.CDN_HOST+"widget/base.css"):jdgm.loadCSS(jdgm.CDN_HOST+"shopify_v2.css"),
jdgm.loadJS(jdgm.CDN_HOST+"loader.js"))}))}(document);
</script>
<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdnwidget.judge.me/shopify_v2.css"></noscript>
<!-- BEGIN app snippet: theme_fix_tags --><script>
(function() {
var jdgmThemeFixes = null;
if (!jdgmThemeFixes) return;
var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
if (!thisThemeFix) return;
if (thisThemeFix.html) {
document.addEventListener("DOMContentLoaded", function() {
var htmlDiv = document.createElement('div');
htmlDiv.classList.add('jdgm-theme-fix-html');
htmlDiv.innerHTML = thisThemeFix.html;
document.body.append(htmlDiv);
});
};
if (thisThemeFix.css) {
var styleTag = document.createElement('style');
styleTag.classList.add('jdgm-theme-fix-style');
styleTag.innerHTML = thisThemeFix.css;
document.head.append(styleTag);
};
if (thisThemeFix.js) {
var scriptTag = document.createElement('script');
scriptTag.classList.add('jdgm-theme-fix-script');
scriptTag.innerHTML = thisThemeFix.js;
document.head.append(scriptTag);
};
})();
</script>
<!-- END app snippet -->
<!-- End of Judge.me Core -->
<!-- END app block --><script src="https://cdn.shopify.com/extensions/019a77e4-a374-7df4-972d-32c540d9a1b8/judgeme-extensions-202/assets/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: 98292138322,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: 98292138322,storefrontBaseUrl: "https://tapis-beige.fr",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":"3430056274","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"GT-MBL45S37\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"MC-Q8TD4DBCV9\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"MC-Q8TD4DBCV9\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"MC-Q8TD4DBCV9\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"b2a88bafab3e21179ed38636efcd8a93","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"2908651858","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"34ad157958823915625854214640f0bf","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"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":"Tapis Beige","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"7figgs-fk.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/tapis-beige.fr"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://tapis-beige.fr/cdn","ae1676cfwd2530674p4253c800m34e853cb",{"modern":"","legacy":""},{"shopId":"98292138322","storefrontBaseUrl":"https:\/\/tapis-beige.fr","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"ae1676cfwd2530674p4253c800m34e853cb","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"}};
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: 98292138322,
theme_id: 187189100882,
app_name: "storefront",
context_url: window.location.href,
source_url: "//tapis-beige.fr/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//tapis-beige.fr/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//tapis-beige.fr/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":98292138322,"isMerchantRequest":null,"themeId":187189100882,"themeCityHash":"18064578414831050984","contentLanguage":"fr","currency":"EUR","eventMetadataId":"d20c7f8a-9218-4b7d-9476-2fdcfb0409e4"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["f0df213a"]},"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","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 = "//tapis-beige.fr/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://tapis-beige.fr/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.1.2.min.js"
data-application="storefront-renderer"
data-shop-id="98292138322"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="187189100882"
data-theme-name="Vessel"
data-theme-version="2.1.6"
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"
></script>
</head>
<body class="page-width-normal card-hover-effect-scale">
<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--26387852951890__header_announcements_hrcMag" 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: 15px; --padding-block-end:15px; --padding-inline-start:0px; --padding-inline-end:0px; ; --border-bottom-width: 0px;"
>
<announcement-bar-component
class="announcement-bar__slider"
>
<div class="announcement-bar__slides">
<slideshow-slide
ref="slides[]"
class="announcement-bar__slide text-block text-block--AN2VnUXVGTFhtRDl1U__announcement_3XVbz8 text-block--align-center text-block--full-width custom-typography custom-font-size"
style=" --color: ;--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-loose); --width: 100%; --text-align: center; --line-height: 1; "
aria-hidden="false"
>
<p class="announcement-bar__text">
<strong> Profitez de 10% de réduction avec le code : TAP10</strong>
</p>
<a
class="announcement-bar__link"
href="https://tapis-beige.fr/discount/TAP10"
>
<span class="visually-hidden">
Profitez de 10% de réduction avec le code : TAP10
</span>
</a>
</slideshow-slide>
</div>
</announcement-bar-component>
</aside>
</div><header id="shopify-section-sections--26387852951890__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Tapis Beige",
"logo": "https:\/\/tapis-beige.fr\/cdn\/shop\/files\/Logo_tapis_beige.png?v=1757579580\u0026width=500",
"url": "https:\/\/tapis-beige.fr"
}
</script>
<header-component
id="header-component"
class="header"
sticky="scroll-up"
data-skip-node-update
data-scroll-direction="none"
>
<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"
style=""
>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/header-drawer.js?v=38290796699993510201757576244"
type="module"
fetchpriority="low"
></script>
<header-drawer
class="header-drawer header__drawer--mobile"
style="--menu-image-border-radius: px;"
>
<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-subheading--family);--menu-top-level-font-size-desktop: var(--font-size--body-md); --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--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-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--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-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--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
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
><details
id="Details-menu-drawer-menu-item-1"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-par-piece"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text">Par pièce</span>
<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
id="link-par-piece"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 1;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Retour"
>
<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>
<span class="menu-drawer__menu-item-text">Par pièce</span>
</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>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-par-piece-chambre"
href="/collections/tapis-chambre"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Chambre</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content menu-drawer__menu--grid"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-par-piece-chambre-parents"
href="/collections/tapis-de-descente-de-lit"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-de-descente-lit.webp?v=1756119934&width=800" alt="tapis de descente de lit" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-de-descente-lit.webp?v=1756119934&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-de-descente-lit.webp?v=1756119934&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Parents</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-par-piece-chambre-enfants"
href="/collections/tapis-chambre-enfant"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-chambre-enfant.webp?v=1756120051&width=800" alt="tapis chambre enfant" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-chambre-enfant.webp?v=1756120051&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-chambre-enfant.webp?v=1756120051&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Enfants</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-par-piece-chambre-garcons"
href="/collections/tapis-chambre-garcon"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-chambre-garcon.webp?v=1756120038&width=800" alt="tapis chambre garçon" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-chambre-garcon.webp?v=1756120038&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-chambre-garcon.webp?v=1756120038&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Garçons</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
>
<a
id="HeaderDrawer-par-piece-chambre-filles"
href="/collections/tapis-chambre-fille"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-chambre-fille.webp?v=1756120034&width=800" alt="tapis chambre fille" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-chambre-fille.webp?v=1756120034&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-chambre-fille.webp?v=1756120034&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Filles</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 5;"
>
<a
id="HeaderDrawer-par-piece-chambre-bebes"
href="/collections/tapis-chambre-bebe"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-chambre-bebe.webp?v=1756120144&width=800" alt="tapis chambre bébé" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-chambre-bebe.webp?v=1756120144&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-chambre-bebe.webp?v=1756120144&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Bébés</span>
</a>
</li></ul></li><li
class="menu-drawer__list-item menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-par-piece-exterieure"
href="/collections"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Extérieure</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content menu-drawer__menu--grid"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-par-piece-exterieure-balcon"
href="/collections/tapis-balcon"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-balcon.webp?v=1756120117&width=800" alt="tapis balcon" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-balcon.webp?v=1756120117&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-balcon.webp?v=1756120117&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Balcon</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-par-piece-exterieure-entree"
href="/collections/tapis-dentree"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/000_3.jpg?v=1758199117&width=800" alt="Tapis d'Entrée" srcset="//tapis-beige.fr/cdn/shop/collections/000_3.jpg?v=1758199117&width=352 352w, //tapis-beige.fr/cdn/shop/collections/000_3.jpg?v=1758199117&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Entrée</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-par-piece-exterieure-jardin"
href="/collections/tapis-de-jardin"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/000_2.jpg?v=1758198414&width=800" alt="tapis de jardin" srcset="//tapis-beige.fr/cdn/shop/collections/000_2.jpg?v=1758198414&width=352 352w, //tapis-beige.fr/cdn/shop/collections/000_2.jpg?v=1758198414&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Jardin</span>
</a>
</li></ul></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-piece-salle-de-bain"
href="/collections/tapis-bain"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Salle de Bain</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-piece-cuisine"
href="/collections/tapis-cuisine-vinyle"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Cuisine</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-piece-salle-a-manger"
href="/collections/tapis-salle-a-manger"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Salle à Manger</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-piece-bureau"
href="/collections/tapis-de-bureaux"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Bureau</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-piece-couloir"
href="/collections/tapis-couloir-long"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Couloir </span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-piece-salon"
href="/collections/tapis-salon"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Salon</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
><details
id="Details-menu-drawer-menu-item-2"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-par-style"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text">Par style</span>
<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
id="link-par-style"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 2;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Retour"
>
<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>
<span class="menu-drawer__menu-item-text">Par style</span>
</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>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-style-anciens"
href="/collections/tapis-ancien"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Anciens</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-style-animaux"
href="/collections/tapis-animaux"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Animaux</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-style-abstraits"
href="/collections/tapis-abstrait"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Abstraits</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-style-design"
href="/collections/tapis-design"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Design</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-style-moderne"
href="/collections/tapis-moderniste"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Moderne</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-style-vintage"
href="/collections/tapis-vintage"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Vintage</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-style-luxieux"
href="/collections/tapis-luxe"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Luxieux</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-style-peau-de-vache"
href="/collections/tapis-peau-de-vache"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Peau de Vache</span>
</a></li><li
class="menu-drawer__list-item menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-par-style-enfants"
href="/collections/tapis-chambre-enfant"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Enfants</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content menu-drawer__menu--grid"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-par-style-enfants-alphabet"
href="/collections/tapis-alphabet"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/chambre_enfant.jpg?v=1758194712&width=800" alt="tapis alphabet" srcset="//tapis-beige.fr/cdn/shop/collections/chambre_enfant.jpg?v=1758194712&width=352 352w, //tapis-beige.fr/cdn/shop/collections/chambre_enfant.jpg?v=1758194712&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Alphabet</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-par-style-enfants-arc-en-ciel"
href="/collections/tapis-arc-en-ciel"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-arc-en-ciel.webp?v=1756119920&width=800" alt="tapis arc en ciel" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-arc-en-ciel.webp?v=1756119920&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-arc-en-ciel.webp?v=1756119920&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Arc-en-ciel</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-par-style-enfants-circuit-de-voiture"
href="/collections/circuit-tapis-voiture"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/circuit-tapis-voiture.webp?v=1756119844&width=800" alt="circuit tapis voiture" srcset="//tapis-beige.fr/cdn/shop/collections/circuit-tapis-voiture.webp?v=1756119844&width=352 352w, //tapis-beige.fr/cdn/shop/collections/circuit-tapis-voiture.webp?v=1756119844&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Circuit de Voiture</span>
</a>
</li></ul></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
><details
id="Details-menu-drawer-menu-item-3"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-par-matiere"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text">Par matière</span>
<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
id="link-par-matiere"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 3;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Retour"
>
<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>
<span class="menu-drawer__menu-item-text">Par matière</span>
</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>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-matiere-diatomite"
href="/collections/tapis-diatomite"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-diatomite.webp?v=1756119816&width=800" alt="tapis diatomite" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-diatomite.webp?v=1756119816&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-diatomite.webp?v=1756119816&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Diatomite</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-matiere-laine"
href="/collections/tapis-laine"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-laine.webp?v=1756120077&width=800" alt="tapis laine" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-laine.webp?v=1756120077&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-laine.webp?v=1756120077&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Laine</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-matiere-velours"
href="/collections/tapis-velours"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-velours.webp?v=1756120008&width=800" alt="tapis velours" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-velours.webp?v=1756120008&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-velours.webp?v=1756120008&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Velours</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-matiere-jute"
href="/collections/tapis-jute"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-jute.webp?v=1756120064&width=800" alt="tapis jute" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-jute.webp?v=1756120064&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-jute.webp?v=1756120064&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Jute</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-matiere-coconut"
href="/collections/tapis-en-coco"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-en-coco.webp?v=1756119866&width=800" alt="tapis en coco" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-en-coco.webp?v=1756119866&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-en-coco.webp?v=1756119866&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Coconut</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
><details
id="Details-menu-drawer-menu-item-4"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-par-couleur"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text">Par couleur</span>
<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
id="link-par-couleur"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 4;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Retour"
>
<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>
<span class="menu-drawer__menu-item-text">Par couleur</span>
</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>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-couleur-beige"
href="/collections/tapis-beige"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/u.jpg?v=1759385362&width=800" alt="tapis Beige" srcset="//tapis-beige.fr/cdn/shop/collections/u.jpg?v=1759385362&width=352 352w, //tapis-beige.fr/cdn/shop/collections/u.jpg?v=1759385362&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Beige</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-couleur-bleu"
href="/collections/tapis-bleu"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/000_11.jpg?v=1759129039&width=800" alt="tapis Bleu" srcset="//tapis-beige.fr/cdn/shop/collections/000_11.jpg?v=1759129039&width=352 352w, //tapis-beige.fr/cdn/shop/collections/000_11.jpg?v=1759129039&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Bleu</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-couleur-gris"
href="/collections/tapis-gris"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/000_10.jpg?v=1759128982&width=800" alt="tapis gris" srcset="//tapis-beige.fr/cdn/shop/collections/000_10.jpg?v=1759128982&width=352 352w, //tapis-beige.fr/cdn/shop/collections/000_10.jpg?v=1759128982&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Gris</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-couleur-noir"
href="/collections/tapis-noir"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/Design_sans_titre_-_2025-09-25T104838.161.jpg?v=1759128504&width=800" alt="tapis Noir" srcset="//tapis-beige.fr/cdn/shop/collections/Design_sans_titre_-_2025-09-25T104838.161.jpg?v=1759128504&width=352 352w, //tapis-beige.fr/cdn/shop/collections/Design_sans_titre_-_2025-09-25T104838.161.jpg?v=1759128504&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Noir</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-couleur-uni"
href="/collections/tapis-uni"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-uni.webp?v=1756120111&width=800" alt="tapis uni" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-uni.webp?v=1756120111&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-uni.webp?v=1756120111&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Uni</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-couleur-vert"
href="/collections/tapis-vert"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/u_1.jpg?v=1759385547&width=800" alt="tapis Vert" srcset="//tapis-beige.fr/cdn/shop/collections/u_1.jpg?v=1759385547&width=352 352w, //tapis-beige.fr/cdn/shop/collections/u_1.jpg?v=1759385547&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Vert</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 5;"
><details
id="Details-menu-drawer-menu-item-5"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-par-forme"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text">Par forme</span>
<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
id="link-par-forme"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 5;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Retour"
>
<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>
<span class="menu-drawer__menu-item-text">Par forme</span>
</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>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-forme-irregulieres"
href="/collections/tapis-forme-irreguliere"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-forme-irreguliere.webp?v=1756119975&width=800" alt="tapis forme irrégulière" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-forme-irreguliere.webp?v=1756119975&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-forme-irreguliere.webp?v=1756119975&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Irrégulières</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-forme-ovales"
href="/collections/tapis-ovale"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-ovale.webp?v=1756119879&width=800" alt="tapis ovale" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-ovale.webp?v=1756119879&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-ovale.webp?v=1756119879&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Ovales</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 6;"
><details
id="Details-menu-drawer-menu-item-6"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-par-motif"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text">Par motif</span>
<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
id="link-par-motif"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 6;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Retour"
>
<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>
<span class="menu-drawer__menu-item-text">Par motif</span>
</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>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-motif-carreaux"
href="/collections/tapis-carreaux"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-carreaux.webp?v=1756119961&width=800" alt="tapis carreaux" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-carreaux.webp?v=1756119961&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-carreaux.webp?v=1756119961&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Carreaux</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-motif-damiers"
href="/collections/tapis-damier"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-damier.webp?v=1756119858&width=800" alt="tapis damier" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-damier.webp?v=1756119858&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-damier.webp?v=1756119858&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Damiers</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-motif-fleuris"
href="/collections/tapis-a-fleurs"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-a-fleurs.webp?v=1756119940&width=800" alt="tapis à fleurs" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-a-fleurs.webp?v=1756119940&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-a-fleurs.webp?v=1756119940&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Fleuris</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-motif-geometriques"
href="/collections/tapis-formes-geometriques"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-formes-geometriques.webp?v=1756120058&width=800" alt="tapis formes géométriques" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-formes-geometriques.webp?v=1756120058&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-formes-geometriques.webp?v=1756120058&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Géométriques</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-motif-marbres"
href="/collections/tapis-marbre"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-marbre.webp?v=1756120105&width=800" alt="tapis marbre" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-marbre.webp?v=1756120105&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-marbre.webp?v=1756120105&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Marbrés</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-motif-rayes"
href="/collections/tapis-raye"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-raye.webp?v=1756120002&width=800" alt="tapis rayé" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-raye.webp?v=1756120002&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-raye.webp?v=1756120002&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Rayés</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 7;"
><details
id="Details-menu-drawer-menu-item-7"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-par-culture"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text">Par culture</span>
<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
id="link-par-culture"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 7;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Retour"
>
<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>
<span class="menu-drawer__menu-item-text">Par culture</span>
</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>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-culture-berbere"
href="/collections/tapis-berbere"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-berbere.webp?v=1756120070&width=800" alt="Tapis berbère" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-berbere.webp?v=1756120070&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-berbere.webp?v=1756120070&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Berbère</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-culture-boheme"
href="/collections/boheme-tapis"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-boheme.webp?v=1756119886&width=800" alt="tapis bohème" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-boheme.webp?v=1756119886&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-boheme.webp?v=1756119886&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Bohème</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-culture-chinois"
href="/collections/tapis-chinois"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/000_1.jpg?v=1758198159&width=800" alt="tapis chinois" srcset="//tapis-beige.fr/cdn/shop/collections/000_1.jpg?v=1758198159&width=352 352w, //tapis-beige.fr/cdn/shop/collections/000_1.jpg?v=1758198159&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Chinois</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-culture-indien"
href="/collections/tapis-indien"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-indien.webp?v=1756119989&width=800" alt="tapis indien" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-indien.webp?v=1756119989&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-indien.webp?v=1756119989&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Indien</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-culture-perse"
href="/collections/tapis-perse"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-perse.webp?v=1756119927&width=800" alt="tapis perse" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-perse.webp?v=1756119927&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-perse.webp?v=1756119927&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Perse</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-culture-marocain"
href="/collections/tapis-marocain"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-marocain.webp?v=1756119823&width=800" alt="tapis marocain" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-marocain.webp?v=1756119823&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-marocain.webp?v=1756119823&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Marocain</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-culture-scandinave"
href="/collections/scandinave-tapis"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/scandinave-tapis.webp?v=1756119913&width=800" alt="scandinave tapis" srcset="//tapis-beige.fr/cdn/shop/collections/scandinave-tapis.webp?v=1756119913&width=352 352w, //tapis-beige.fr/cdn/shop/collections/scandinave-tapis.webp?v=1756119913&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Scandinave</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-culture-ethnique"
href="/collections/tapis-ethnique"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-ethnique.webp?v=1756119968&width=800" alt="tapis ethnique" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-ethnique.webp?v=1756119968&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-ethnique.webp?v=1756119968&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Ethnique</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 8;"
><details
id="Details-menu-drawer-menu-item-8"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-par-texture"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text">Par texture</span>
<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
id="link-par-texture"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 8;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Retour"
>
<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>
<span class="menu-drawer__menu-item-text">Par texture</span>
</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>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-texture-poil-long"
href="/collections/tapis-poil-long"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-poil-long.webp?v=1756120091&width=800" alt="tapis poil long" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-poil-long.webp?v=1756120091&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-poil-long.webp?v=1756120091&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Poil Long</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-par-texture-poil-ras"
href="/collections/tapis-poil-ras"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//tapis-beige.fr/cdn/shop/collections/000.jpg?v=1758197815&width=800" alt="tapis poil ras" srcset="//tapis-beige.fr/cdn/shop/collections/000.jpg?v=1758197815&width=352 352w, //tapis-beige.fr/cdn/shop/collections/000.jpg?v=1758197815&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Poil Ras</span>
</a></li></ul>
</div>
</div>
</details></li>
</ul>
</nav>
<div
class="menu-drawer__utility-links menu-drawer__animated-element"
style="--menu-drawer-animation-index: 8;"
>
<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-Aa3FWSnloWE9TSisxT__header-menu-1"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list country-selector__list"
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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="AU"
data-aliases=""
id="Australie"
aria-label="Australie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AU"
>
<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">Australie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
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"
hidden
>
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"
hidden
>
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"
hidden
>
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"
hidden
>
EUR
€</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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="KR"
data-aliases=""
id="Corée du Sud"
aria-label="Corée du Sud"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/KR"
>
<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">Corée du Sud</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
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"
hidden
>
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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="AE"
data-aliases=""
id="Émirats arabes unis"
aria-label="Émirats arabes unis"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AE"
>
<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">Émirats arabes unis</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</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"
hidden
>
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"
hidden
>
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"
hidden
>
EUR
€</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"
hidden
>
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"
hidden
>
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"
hidden
>
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"
hidden
>
EUR
€</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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IL"
data-aliases=""
id="Israël"
aria-label="Israël"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IL"
>
<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">Israël</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="JP"
data-aliases=""
id="Japon"
aria-label="Japon"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/JP"
>
<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">Japon</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
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"
hidden
>
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"
hidden
>
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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MY"
data-aliases=""
id="Malaisie"
aria-label="Malaisie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MY"
>
<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">Malaisie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NO"
data-aliases=""
id="Norvège"
aria-label="Norvège"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NO"
>
<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">Norvège</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NZ"
data-aliases=""
id="Nouvelle-Zélande"
aria-label="Nouvelle-Zélande"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NZ"
>
<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">Nouvelle-Zélande</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
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"
hidden
>
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"
hidden
>
EUR
€</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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HK"
data-aliases=""
id="R.A.S. chinoise de Hong Kong"
aria-label="R.A.S. chinoise de Hong Kong"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HK"
>
<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">R.A.S. chinoise de Hong Kong</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GB"
data-aliases="uk,gb,great britain"
id="Royaume-Uni"
aria-label="Royaume-Uni"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GB"
>
<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">Royaume-Uni</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SG"
data-aliases=""
id="Singapour"
aria-label="Singapour"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SG"
>
<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">Singapour</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</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"
hidden
>
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"
hidden
>
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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CH"
data-aliases=""
id="Suisse"
aria-label="Suisse"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CH"
>
<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">Suisse</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</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"
hidden
>
EUR
€</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="Ouvrir la recherche"
>
<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: 20px;--padding-block-end: 20px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 50px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 50px)); --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="//tapis-beige.fr/cdn/shop/files/Logo_tapis_beige.png?height=70&v=1757579580" alt="" width="140" height="70" class="header-logo__image" srcset="//tapis-beige.fr/cdn/shop/files/Logo_tapis_beige.png?height=70&v=1757579580 1x, //tapis-beige.fr/cdn/shop/files/Logo_tapis_beige.png?height=140&v=1757579580 2x, //tapis-beige.fr/cdn/shop/files/Logo_tapis_beige.png?height=210&v=1757579580 3x" style="--header-logo-image-width: 140px;--header-logo-image-width-mobile: 56px; --header-logo-image-height: 70px; --header-logo-image-height-mobile: 28px;">
</span>
</a>
</div><div
class="header__column header__column--center"
data-testid="header-top-center"
>
<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-subheading--family);--menu-top-level-font-size-desktop: var(--font-size--body-md); --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--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"
defer
>
<template shadowrootmode="open">
<link href="//tapis-beige.fr/cdn/shop/t/6/assets/overflow-list.css?v=168694168152117541881757576244" 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="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Par pièce</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-1"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--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-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--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)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-1"
>
<ul
data-menu-list-id="MegaMenuList-1"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 21px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-chambre"
class="mega-menu__link mega-menu__link--parent"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-chambre.webp?v=1756120137&width=800" alt="tapis chambre" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-chambre.webp?v=1756120137&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-chambre.webp?v=1756120137&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Chambre</span>
</a>
<ul
class="list-unstyled"
>
<li
>
<a
href="/collections/tapis-de-descente-de-lit"
class="mega-menu__link"
>
<span class="mega-menu__link-title">Parents</span>
</a>
</li>
<li
>
<a
href="/collections/tapis-chambre-enfant"
class="mega-menu__link"
>
<span class="mega-menu__link-title">Enfants</span>
</a>
</li>
<li
>
<a
href="/collections/tapis-chambre-garcon"
class="mega-menu__link"
>
<span class="mega-menu__link-title">Garçons</span>
</a>
</li>
<li
>
<a
href="/collections/tapis-chambre-fille"
class="mega-menu__link"
>
<span class="mega-menu__link-title">Filles</span>
</a>
</li>
<li
>
<a
href="/collections/tapis-chambre-bebe"
class="mega-menu__link"
>
<span class="mega-menu__link-title">Bébés</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections"
class="mega-menu__link mega-menu__link--parent"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-abstrait.webp?v=1756120015&width=800" alt="tapis abstrait" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-abstrait.webp?v=1756120015&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-abstrait.webp?v=1756120015&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Extérieure</span>
</a>
<ul
class="list-unstyled"
>
<li
>
<a
href="/collections/tapis-balcon"
class="mega-menu__link"
>
<span class="mega-menu__link-title">Balcon</span>
</a>
</li>
<li
>
<a
href="/collections/tapis-dentree"
class="mega-menu__link"
>
<span class="mega-menu__link-title">Entrée</span>
</a>
</li>
<li
>
<a
href="/collections/tapis-de-jardin"
class="mega-menu__link"
>
<span class="mega-menu__link-title">Jardin</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-bain"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-bain.webp?v=1756119892&width=800" alt="tapis bain" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-bain.webp?v=1756119892&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-bain.webp?v=1756119892&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Salle de Bain</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-cuisine-vinyle"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-cuisine-vinyle.webp?v=1756119851&width=800" alt="tapis cuisine vinyle" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-cuisine-vinyle.webp?v=1756119851&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-cuisine-vinyle.webp?v=1756119851&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Cuisine</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-salle-a-manger"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-salle-a-manger.webp?v=1756119838&width=800" alt="tapis salle à manger" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-salle-a-manger.webp?v=1756119838&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-salle-a-manger.webp?v=1756119838&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Salle à Manger</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-de-bureaux"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-de-bureaux.webp?v=1756119899&width=800" alt="tapis de bureaux" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-de-bureaux.webp?v=1756119899&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-de-bureaux.webp?v=1756119899&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Bureau</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-couloir-long"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-couloir-long.webp?v=1756119872&width=800" alt="tapis couloir long" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-couloir-long.webp?v=1756119872&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-couloir-long.webp?v=1756119872&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Couloir </span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-salon"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-salon.webp?v=1756120131&width=800" alt="tapis salon" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-salon.webp?v=1756120131&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-salon.webp?v=1756120131&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Salon</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Par style</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-2"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--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-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--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)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-2"
>
<ul
data-menu-list-id="MegaMenuList-2"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 21px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-ancien"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-ancien.webp?v=1756119955&width=800" alt="tapis ancien" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-ancien.webp?v=1756119955&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-ancien.webp?v=1756119955&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Anciens</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-animaux"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-animaux.webp?v=1756120044&width=800" alt="tapis animaux" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-animaux.webp?v=1756120044&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-animaux.webp?v=1756120044&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Animaux</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-abstrait"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-abstrait.webp?v=1756120015&width=800" alt="tapis abstrait" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-abstrait.webp?v=1756120015&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-abstrait.webp?v=1756120015&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Abstraits</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-design"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-design.webp?v=1756120098&width=800" alt="tapis design" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-design.webp?v=1756120098&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-design.webp?v=1756120098&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Design</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-moderniste"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-moderniste.webp?v=1756119906&width=800" alt="tapis moderniste" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-moderniste.webp?v=1756119906&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-moderniste.webp?v=1756119906&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Moderne</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-vintage"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-vintage.webp?v=1756120151&width=800" alt="tapis vintage" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-vintage.webp?v=1756120151&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-vintage.webp?v=1756120151&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Vintage</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-luxe"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-luxe.webp?v=1756120022&width=800" alt="tapis luxe" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-luxe.webp?v=1756120022&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-luxe.webp?v=1756120022&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Luxieux</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-peau-de-vache"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-peau-de-vache.webp?v=1756119830&width=800" alt="tapis peau de vache" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-peau-de-vache.webp?v=1756119830&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-peau-de-vache.webp?v=1756119830&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Peau de Vache</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-chambre-enfant"
class="mega-menu__link mega-menu__link--parent"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-chambre-enfant.webp?v=1756120051&width=800" alt="tapis chambre enfant" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-chambre-enfant.webp?v=1756120051&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-chambre-enfant.webp?v=1756120051&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Enfants</span>
</a>
<ul
class="list-unstyled"
>
<li
>
<a
href="/collections/tapis-alphabet"
class="mega-menu__link"
>
<span class="mega-menu__link-title">Alphabet</span>
</a>
</li>
<li
>
<a
href="/collections/tapis-arc-en-ciel"
class="mega-menu__link"
>
<span class="mega-menu__link-title">Arc-en-ciel</span>
</a>
</li>
<li
>
<a
href="/collections/circuit-tapis-voiture"
class="mega-menu__link"
>
<span class="mega-menu__link-title">Circuit de Voiture</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Par matière</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-3"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--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-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--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)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-3"
>
<ul
data-menu-list-id="MegaMenuList-3"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 21px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-diatomite"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-diatomite.webp?v=1756119816&width=800" alt="tapis diatomite" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-diatomite.webp?v=1756119816&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-diatomite.webp?v=1756119816&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Diatomite</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-laine"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-laine.webp?v=1756120077&width=800" alt="tapis laine" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-laine.webp?v=1756120077&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-laine.webp?v=1756120077&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Laine</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-velours"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-velours.webp?v=1756120008&width=800" alt="tapis velours" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-velours.webp?v=1756120008&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-velours.webp?v=1756120008&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Velours</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-jute"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-jute.webp?v=1756120064&width=800" alt="tapis jute" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-jute.webp?v=1756120064&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-jute.webp?v=1756120064&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Jute</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-en-coco"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-en-coco.webp?v=1756119866&width=800" alt="tapis en coco" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-en-coco.webp?v=1756119866&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-en-coco.webp?v=1756119866&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Coconut</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-3"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-3"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Par couleur</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-4"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--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-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--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)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-4"
>
<ul
data-menu-list-id="MegaMenuList-4"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 21px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-beige"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/u.jpg?v=1759385362&width=800" alt="tapis Beige" srcset="//tapis-beige.fr/cdn/shop/collections/u.jpg?v=1759385362&width=352 352w, //tapis-beige.fr/cdn/shop/collections/u.jpg?v=1759385362&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Beige</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-bleu"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/000_11.jpg?v=1759129039&width=800" alt="tapis Bleu" srcset="//tapis-beige.fr/cdn/shop/collections/000_11.jpg?v=1759129039&width=352 352w, //tapis-beige.fr/cdn/shop/collections/000_11.jpg?v=1759129039&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Bleu</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-gris"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/000_10.jpg?v=1759128982&width=800" alt="tapis gris" srcset="//tapis-beige.fr/cdn/shop/collections/000_10.jpg?v=1759128982&width=352 352w, //tapis-beige.fr/cdn/shop/collections/000_10.jpg?v=1759128982&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Gris</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-noir"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/Design_sans_titre_-_2025-09-25T104838.161.jpg?v=1759128504&width=800" alt="tapis Noir" srcset="//tapis-beige.fr/cdn/shop/collections/Design_sans_titre_-_2025-09-25T104838.161.jpg?v=1759128504&width=352 352w, //tapis-beige.fr/cdn/shop/collections/Design_sans_titre_-_2025-09-25T104838.161.jpg?v=1759128504&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Noir</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-uni"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-uni.webp?v=1756120111&width=800" alt="tapis uni" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-uni.webp?v=1756120111&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-uni.webp?v=1756120111&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Uni</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-vert"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/u_1.jpg?v=1759385547&width=800" alt="tapis Vert" srcset="//tapis-beige.fr/cdn/shop/collections/u_1.jpg?v=1759385547&width=352 352w, //tapis-beige.fr/cdn/shop/collections/u_1.jpg?v=1759385547&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Vert</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-4"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-4"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Par forme</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-5"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--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-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--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)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-5"
>
<ul
data-menu-list-id="MegaMenuList-5"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 21px;"
>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/tapis-forme-irreguliere"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-forme-irreguliere.webp?v=1756119975&width=800" alt="tapis forme irrégulière" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-forme-irreguliere.webp?v=1756119975&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-forme-irreguliere.webp?v=1756119975&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)">
<span
class="mega-menu__link-title"
>Irrégulières</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/tapis-ovale"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-ovale.webp?v=1756119879&width=800" alt="tapis ovale" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-ovale.webp?v=1756119879&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-ovale.webp?v=1756119879&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)">
<span
class="mega-menu__link-title"
>Ovales</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-5"] {
--menu-columns-desktop: 8;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-5"] {
--menu-columns-desktop: 8;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Par motif</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-6"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--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-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--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)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-6"
>
<ul
data-menu-list-id="MegaMenuList-6"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 21px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-carreaux"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-carreaux.webp?v=1756119961&width=800" alt="tapis carreaux" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-carreaux.webp?v=1756119961&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-carreaux.webp?v=1756119961&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Carreaux</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-damier"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-damier.webp?v=1756119858&width=800" alt="tapis damier" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-damier.webp?v=1756119858&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-damier.webp?v=1756119858&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Damiers</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-a-fleurs"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-a-fleurs.webp?v=1756119940&width=800" alt="tapis à fleurs" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-a-fleurs.webp?v=1756119940&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-a-fleurs.webp?v=1756119940&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Fleuris</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-formes-geometriques"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-formes-geometriques.webp?v=1756120058&width=800" alt="tapis formes géométriques" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-formes-geometriques.webp?v=1756120058&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-formes-geometriques.webp?v=1756120058&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Géométriques</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-marbre"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-marbre.webp?v=1756120105&width=800" alt="tapis marbre" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-marbre.webp?v=1756120105&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-marbre.webp?v=1756120105&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Marbrés</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-raye"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-raye.webp?v=1756120002&width=800" alt="tapis rayé" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-raye.webp?v=1756120002&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-raye.webp?v=1756120002&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Rayés</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-6"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-6"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Par culture</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-7"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--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-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--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)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-7"
>
<ul
data-menu-list-id="MegaMenuList-7"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 21px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-berbere"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-berbere.webp?v=1756120070&width=800" alt="Tapis berbère" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-berbere.webp?v=1756120070&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-berbere.webp?v=1756120070&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Berbère</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/boheme-tapis"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-boheme.webp?v=1756119886&width=800" alt="tapis bohème" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-boheme.webp?v=1756119886&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-boheme.webp?v=1756119886&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Bohème</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-chinois"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/000_1.jpg?v=1758198159&width=800" alt="tapis chinois" srcset="//tapis-beige.fr/cdn/shop/collections/000_1.jpg?v=1758198159&width=352 352w, //tapis-beige.fr/cdn/shop/collections/000_1.jpg?v=1758198159&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Chinois</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-indien"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-indien.webp?v=1756119989&width=800" alt="tapis indien" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-indien.webp?v=1756119989&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-indien.webp?v=1756119989&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Indien</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-perse"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-perse.webp?v=1756119927&width=800" alt="tapis perse" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-perse.webp?v=1756119927&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-perse.webp?v=1756119927&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Perse</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-marocain"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-marocain.webp?v=1756119823&width=800" alt="tapis marocain" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-marocain.webp?v=1756119823&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-marocain.webp?v=1756119823&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Marocain</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/scandinave-tapis"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/scandinave-tapis.webp?v=1756119913&width=800" alt="scandinave tapis" srcset="//tapis-beige.fr/cdn/shop/collections/scandinave-tapis.webp?v=1756119913&width=352 352w, //tapis-beige.fr/cdn/shop/collections/scandinave-tapis.webp?v=1756119913&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Scandinave</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/tapis-ethnique"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-ethnique.webp?v=1756119968&width=800" alt="tapis ethnique" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-ethnique.webp?v=1756119968&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-ethnique.webp?v=1756119968&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>Ethnique</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-7"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-7"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Par texture</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-8"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--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-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--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)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-8"
>
<ul
data-menu-list-id="MegaMenuList-8"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 21px;"
>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/tapis-poil-long"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/tapis-poil-long.webp?v=1756120091&width=800" alt="tapis poil long" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-poil-long.webp?v=1756120091&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-poil-long.webp?v=1756120091&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)">
<span
class="mega-menu__link-title"
>Poil Long</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/tapis-poil-ras"
class="mega-menu__link"
>
<img src="//tapis-beige.fr/cdn/shop/collections/000.jpg?v=1758197815&width=800" alt="tapis poil ras" srcset="//tapis-beige.fr/cdn/shop/collections/000.jpg?v=1758197815&width=352 352w, //tapis-beige.fr/cdn/shop/collections/000.jpg?v=1758197815&width=800 800w" width="800" height="450" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 125rem) calc((120rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)">
<span
class="mega-menu__link-title"
>Poil Ras</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-8"] {
--menu-columns-desktop: 8;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-8"] {
--menu-columns-desktop: 8;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></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="//tapis-beige.fr/cdn/shop/t/6/assets/header-menu.js?v=98986771878453457241757576245"
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: 0.875rem; "
>
<span class="visually-hidden">Ouvrir le sélecteur de région et de langue</span>
<span class="currency-code">EUR</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: 0.875rem; --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"
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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="AU"
data-aliases=""
id="Australie"
aria-label="Australie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AU"
>
<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">Australie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
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"
hidden
>
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"
hidden
>
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"
hidden
>
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"
hidden
>
EUR
€</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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="KR"
data-aliases=""
id="Corée du Sud"
aria-label="Corée du Sud"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/KR"
>
<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">Corée du Sud</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
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"
hidden
>
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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="AE"
data-aliases=""
id="Émirats arabes unis"
aria-label="Émirats arabes unis"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AE"
>
<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">Émirats arabes unis</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</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"
hidden
>
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"
hidden
>
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"
hidden
>
EUR
€</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"
hidden
>
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"
hidden
>
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"
hidden
>
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"
hidden
>
EUR
€</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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IL"
data-aliases=""
id="Israël"
aria-label="Israël"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IL"
>
<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">Israël</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="JP"
data-aliases=""
id="Japon"
aria-label="Japon"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/JP"
>
<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">Japon</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
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"
hidden
>
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"
hidden
>
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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MY"
data-aliases=""
id="Malaisie"
aria-label="Malaisie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MY"
>
<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">Malaisie</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NO"
data-aliases=""
id="Norvège"
aria-label="Norvège"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NO"
>
<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">Norvège</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NZ"
data-aliases=""
id="Nouvelle-Zélande"
aria-label="Nouvelle-Zélande"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NZ"
>
<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">Nouvelle-Zélande</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
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"
hidden
>
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"
hidden
>
EUR
€</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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HK"
data-aliases=""
id="R.A.S. chinoise de Hong Kong"
aria-label="R.A.S. chinoise de Hong Kong"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HK"
>
<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">R.A.S. chinoise de Hong Kong</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GB"
data-aliases="uk,gb,great britain"
id="Royaume-Uni"
aria-label="Royaume-Uni"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GB"
>
<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">Royaume-Uni</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SG"
data-aliases=""
id="Singapour"
aria-label="Singapour"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SG"
>
<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">Singapour</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</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"
hidden
>
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"
hidden
>
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"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CH"
data-aliases=""
id="Suisse"
aria-label="Suisse"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CH"
>
<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">Suisse</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</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"
hidden
>
EUR
€</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="Ouvrir la recherche"
>
<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="//tapis-beige.fr/cdn/shop/t/6/assets/cart-icon.js?v=14733679814066288171757576245"
fetchpriority="low"
></script>
<header-actions>
<anchored-popover-component
data-close-on-resize="true"
class="account-popover mobile:hidden"
>
<button
class="account-button header-actions__action"
aria-label="Ouvrir le menu du compte"><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">
<span class="account-actions__title h5">
Compte
</span>
</header>
<div
class="account-actions__sign-ins"
data-skip-subtree-update="true"
>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/account-login-actions.js?v=132624473766457443991757576245"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
<script defer="defer" async type="module" src="//tapis-beige.fr/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_DI2G5Rvm.fr.esm.js"></script>
<script defer="defer" async type="module" src="//tapis-beige.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.common_bWgz0IHB.esm.js"></script>
<script defer="defer" async type="module" src="//tapis-beige.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_iE-IN4ix.esm.js"></script>
<script type="module">
await import("//tapis-beige.fr/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_DI2G5Rvm.fr.esm.js");
await import("//tapis-beige.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.common_bWgz0IHB.esm.js");
await import("//tapis-beige.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_iE-IN4ix.esm.js");
</script>
<shop-login-button ux-mode="windoid" return-uri="https://tapis-beige.fr/account/redirect" proxy="true" redirect-type="iframe" response-type="code"></shop-login-button>
</account-login-actions>
<a
href="/customer_authentication/login?return_to=%2F&locale=fr"
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>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/dialog.js?v=94382931671780430451757576245"
type="module"
></script>
<dialog-component
class="account-drawer"
>
<button
class="account-button header-actions__action"
aria-label="Ouvrir le menu du compte"><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
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button account-drawer__close-button"
aria-label="Fermer la boîte de dialogue"
>
<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">
<span class="account-actions__title h5">
Compte
</span>
</header>
<div
class="account-actions__sign-ins"
data-skip-subtree-update="true"
>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/account-login-actions.js?v=132624473766457443991757576245"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
<script defer="defer" async type="module" src="//tapis-beige.fr/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_DI2G5Rvm.fr.esm.js"></script>
<script defer="defer" async type="module" src="//tapis-beige.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.common_bWgz0IHB.esm.js"></script>
<script defer="defer" async type="module" src="//tapis-beige.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_iE-IN4ix.esm.js"></script>
<script type="module">
await import("//tapis-beige.fr/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_DI2G5Rvm.fr.esm.js");
await import("//tapis-beige.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.common_bWgz0IHB.esm.js");
await import("//tapis-beige.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_iE-IN4ix.esm.js");
</script>
<shop-login-button ux-mode="windoid" return-uri="https://tapis-beige.fr/account/redirect" proxy="true" redirect-type="iframe" response-type="code"></shop-login-button>
</account-login-actions>
<a
href="/customer_authentication/login?return_to=%2F&locale=fr"
class="account-actions__link button"
autofocus
>
<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="//tapis-beige.fr/cdn/shop/t/6/assets/cart-drawer.js?v=92290163633888904321757576244"
type="module"
fetchpriority="low"
></script>
<cart-drawer-component
class="cart-drawer"
>
<button
class="button header-actions__action button-unstyled"
on:click="/open"
aria-label="Ouvrir le panier Nombre total d’articles dans le panier: 0"
>
<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"
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"
scroll-lock
>
<div class="cart-drawer__inner">
<cart-items-component
class="cart-items-component"
data-section-id="sections--26387852951890__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"
>
<span class="cart-drawer__heading h3 cart-drawer__heading--empty">
Votre panier est vide
</span>
<div class="cart-drawer__items">
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/component-cart-items.js?v=95720873921622680421757576244"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper"
>
<p>
Vous possédez un compte ? <a href="https://tapis-beige.fr/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="//tapis-beige.fr/cdn/shop/t/6/assets/header.js?v=78043468934677320351757576244"
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--26387852951890__header_section', url);
</script>
</header>
<!-- END sections: header-group -->
</div>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/critical.js?v=169402557219780209121757576244"
type="module"
async
blocking="render"
></script>
<main
id="MainContent"
class="content-for-layout"
role="main"
data-page-transition-enabled="true"
data-product-transition="true"
data-template="index"
>
<section id="shopify-section-template--26387852198226__hero_irjTFL" class="shopify-section hero-wrapper section-wrapper">
<div
id="Hero-template--26387852198226__hero_irjTFL"
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) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));"
><a
href="/collections"
class="hero__link"
></a><div
class="hero__media-wrapper"
style="--hero-media-count: 1;--hero-media-aspect-ratio: 1.7777777777777777;"
>
<div
class="overlay overlay--gradient"
style=" --overlay-layer: var(--layer-flat); --overlay-color: #0000009e; --overlay-color--end: rgba(0, 0, 0, 0); --overlay-direction: to top;"
></div>
<img src="//tapis-beige.fr/cdn/shop/files/000_2.png?v=1757577788&width=3840" srcset="//tapis-beige.fr/cdn/shop/files/000_2.png?v=1757577788&width=832 832w, //tapis-beige.fr/cdn/shop/files/000_2.png?v=1757577788&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/000_2.png?v=1757577788&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/000_2.png?v=1757577788&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/000_2.png?v=1757577788&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/000_2.png?v=1757577788&width=3840 3840w" width="1920" height="1080" class="hero__image" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high">
</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;--gap: max(24px, calc(var(--gap-scale, 1.0) * 96px));--horizontal-alignment: flex-start; --vertical-alignment: flex-end;--vertical-alignment-mobile: flex-end;"
>
<div
class="spacing-style text-block text-block--AUnM5cFVkaFBVS1BnV__text_CXHmij h1 text-block--align-left"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--display-narrow); --text-align: left; "
>
<p>Tapis pour chaque maison</p>
</div>
</div>
</div>
</div>
</section><div id="shopify-section-template--26387852198226__custom_liquid_bxjVqU" class="shopify-section">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width spacing-style color-scheme-1"
style="--padding-block-start: 16px; --padding-block-end:15px; --padding-inline-start:0px; --padding-inline-end:0px; "
>
<h1 style="font-size: 1.8rem; font-weight: 600;">
Tapis beige : élégance, confort et style pour votre décoration intérieure
</h1>
</div>
</div><div id="shopify-section-template--26387852198226__product_list_x9Yaab" class="shopify-section ui-test-product-list">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: 0px; --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); "
>
<div class="section-resource-list__header">
<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;--gap: 20px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--AdHY3cFk0T1FwVzA3d__product_list_text_QBqpVr h5"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Boutique de Tapis depuis 2018</p>
</div>
<div
class="spacing-style text-block text-block--AaEdDamxadWNPaE1XT__text_ncFBNH h3"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--heading-normal); "
>
<p><strong>Un tapis n’est pas qu’un simple accessoire, c’est une pièce maîtresse qui transforme un espace, apporte chaleur, élégance et reflète votre style unique.</strong></p>
</div>
</div>
</div>
</div>
<div
class="resource-list force-full-width resource-list__carousel"
style="--resource-list-column-gap-desktop: 0px;--column-count: 5;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
data-testid="resource-list-grid"
>
<div
class="resource-list__carousel"
style=" --gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px; "
>
<slideshow-component
ref="resourceListCarousel"
class="resource-list__carousel"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;"
initial-slide="0"
>
<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"
gutters="start end"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="view-timeline-name: --slide-0; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10203962310994"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/ancien-tapis-523.webp?v=1756123930&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10203962310994"
data-product-variants-size="6"
id="product-card-AV0JFMVNYaXUxeEVZU__static-product-card"
data-product-transition="true"
>
<a
id="800c143cc828ce97b172b23494d945b8"
href="/products/ancien-tapis?variant=51264896696658"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Ancien Tapis
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style color-scheme-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10203962245458"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/ancien-tapis-persan-40x60cm-123.webp?v=1756123916&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10203962245458"
data-product-variants-size="12"
id="product-card-AV0JFMVNYaXUxeEVZU__static-product-card-1"
data-product-transition="true"
>
<a
id="cf471fc0f77946687352968e25f367ce"
href="/products/ancien-tapis-persan?variant=51264895975762"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Ancien Tapis Persan
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style color-scheme-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10204553085266"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/beaux-tapis-modernes-80x80cm-104.webp?v=1756125691&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10204553085266"
data-product-variants-size="9"
id="product-card-AV0JFMVNYaXUxeEVZU__static-product-card-2"
data-product-transition="true"
>
<a
id="cabc528a9c710d7825569e50769d8fd3"
href="/products/beaux-tapis-modernes?variant=51267353870674"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Beaux Tapis Modernes
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style color-scheme-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10204602630482"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/bobochic-tapis-60x90cm-570.webp?v=1756126560&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10204602630482"
data-product-variants-size="15"
id="product-card-AV0JFMVNYaXUxeEVZU__static-product-card-3"
data-product-transition="true"
>
<a
id="e681d7e1309544c1b185059b6b0e4c5f"
href="/products/bobochic-tapis?variant=51267582918994"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Bobochic Tapis
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style color-scheme-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10204010316114"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/boheme-tapis-80x120cm-397.webp?v=1756124564&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10204010316114"
data-product-variants-size="8"
id="product-card-AV0JFMVNYaXUxeEVZU__static-product-card-4"
data-product-transition="true"
>
<a
id="e76a38c1a3dc4558710fb4710c33e885"
href="/products/boheme-tapis?variant=51265064272210"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Bohème Tapis
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style color-scheme-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10215858012498"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/boho-tapis-80x160cm-278.webp?v=1756128474&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10215858012498"
data-product-variants-size="5"
id="product-card-AV0JFMVNYaXUxeEVZU__static-product-card-5"
data-product-transition="true"
>
<a
id="6ca467ebbdc1f55482548396c89fb948"
href="/products/boho-tapis?variant=51313046389074"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Boho Tapis
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style color-scheme-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-6; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10203993997650"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/carpet-persian-40x60cm-620.webp?v=1756124197&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10203993997650"
data-product-variants-size="3"
id="product-card-AV0JFMVNYaXUxeEVZU__static-product-card-6"
data-product-transition="true"
>
<a
id="81ec515370a779ee1bd75a930dff069b"
href="/products/carpet-persian?variant=51265008566610"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Carpet Persian
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style color-scheme-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-7; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10203893432658"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/modern-style-bedroom-decor-bedside-carpet-thicken-trendy-art-floor-731.webp?v=1756123608&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10203893432658"
data-product-variants-size="9"
id="product-card-AV0JFMVNYaXUxeEVZU__static-product-card-7"
data-product-transition="true"
>
<a
id="3c232f1df09e921c3ea510aca3e898d8"
href="/products/modern-style-bedroom-decor-bedside-carpet-thicken-trendy-art-floor-mat-classic-vintage-plaid-rug-home-irregular-plush-carpets-5?variant=51264736526674"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
carreaux tapis
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style color-scheme-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</div>
</div>
<div
class="section-resource-list__content"
style="--horizontal-alignment: center;"
></div>
</div>
</div><div id="shopify-section-template--26387852198226__collection_list_X4mCEw" class="shopify-section ui-test-collection-list">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px)); --gap: 12px; "
>
<div class="section-resource-list__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;--gap: 16px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
</div>
</div>
</div>
<div
class="resource-list resource-list--bento"
style="--resource-list-column-gap-desktop: 8px;--bento-gap: var(--resource-list-column-gap);"
data-testid="collections-list-grid"
>
<div
class="bento-box"
data-testid="bento-box"
>
<div class="bento-box__item">
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg collection-card--image-height-fixed"
data-block-id="AS1NZRXc2dWEvdlkwb__static-collection-card"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-end; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/collections/tapis-salon"
>
<span class="visually-hidden">Tapis de Salon</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS1NZRXc2dWEvdlkwb__static-collection-card"] {
--ratio: 1.7777777777777777;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//tapis-beige.fr/cdn/shop/collections/tapis-salon.webp?v=1756120131&width=3840" alt="tapis salon" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-salon.webp?v=1756120131&width=240 240w, //tapis-beige.fr/cdn/shop/collections/tapis-salon.webp?v=1756120131&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-salon.webp?v=1756120131&width=832 832w, //tapis-beige.fr/cdn/shop/collections/tapis-salon.webp?v=1756120131&width=1200 1200w, //tapis-beige.fr/cdn/shop/collections/tapis-salon.webp?v=1756120131&width=1600 1600w, //tapis-beige.fr/cdn/shop/collections/tapis-salon.webp?v=1756120131&width=1920 1920w, //tapis-beige.fr/cdn/shop/collections/tapis-salon.webp?v=1756120131&width=2560 2560w, //tapis-beige.fr/cdn/shop/collections/tapis-salon.webp?v=1756120131&width=3840 3840w" width="3840" height="2160" loading="lazy" class="image-block__image" sizes="auto, (min-width: 750px) 50vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--ATVdIbnB6WkoyVTFHQ__collection_title_4q3iEc rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>Tapis de Salon</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bento-box__item">
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg collection-card--image-height-fixed"
data-block-id="AS1NZRXc2dWEvdlkwb__static-collection-card-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-end; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/collections/tapis-salle-a-manger"
>
<span class="visually-hidden">Tapis Salle à Manger</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS1NZRXc2dWEvdlkwb__static-collection-card-1"] {
--ratio: 1.7777777777777777;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//tapis-beige.fr/cdn/shop/collections/tapis-salle-a-manger.webp?v=1756119838&width=3840" alt="tapis salle à manger" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-salle-a-manger.webp?v=1756119838&width=240 240w, //tapis-beige.fr/cdn/shop/collections/tapis-salle-a-manger.webp?v=1756119838&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-salle-a-manger.webp?v=1756119838&width=832 832w, //tapis-beige.fr/cdn/shop/collections/tapis-salle-a-manger.webp?v=1756119838&width=1200 1200w, //tapis-beige.fr/cdn/shop/collections/tapis-salle-a-manger.webp?v=1756119838&width=1600 1600w, //tapis-beige.fr/cdn/shop/collections/tapis-salle-a-manger.webp?v=1756119838&width=1920 1920w, //tapis-beige.fr/cdn/shop/collections/tapis-salle-a-manger.webp?v=1756119838&width=2560 2560w, //tapis-beige.fr/cdn/shop/collections/tapis-salle-a-manger.webp?v=1756119838&width=3840 3840w" width="3840" height="2160" loading="lazy" class="image-block__image" sizes="auto, (min-width: 750px) 50vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--ATVdIbnB6WkoyVTFHQ__collection_title_4q3iEc-1 rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>Tapis Salle à Manger</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bento-box__item">
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg collection-card--image-height-fixed"
data-block-id="AS1NZRXc2dWEvdlkwb__static-collection-card-2"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-end; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/collections/tapis-de-descente-de-lit"
>
<span class="visually-hidden">Tapis de Descente de Lit</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS1NZRXc2dWEvdlkwb__static-collection-card-2"] {
--ratio: 1.7777777777777777;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//tapis-beige.fr/cdn/shop/collections/tapis-de-descente-lit.webp?v=1756119934&width=3840" alt="tapis de descente de lit" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-de-descente-lit.webp?v=1756119934&width=240 240w, //tapis-beige.fr/cdn/shop/collections/tapis-de-descente-lit.webp?v=1756119934&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-de-descente-lit.webp?v=1756119934&width=832 832w, //tapis-beige.fr/cdn/shop/collections/tapis-de-descente-lit.webp?v=1756119934&width=1200 1200w, //tapis-beige.fr/cdn/shop/collections/tapis-de-descente-lit.webp?v=1756119934&width=1600 1600w, //tapis-beige.fr/cdn/shop/collections/tapis-de-descente-lit.webp?v=1756119934&width=1920 1920w, //tapis-beige.fr/cdn/shop/collections/tapis-de-descente-lit.webp?v=1756119934&width=2560 2560w, //tapis-beige.fr/cdn/shop/collections/tapis-de-descente-lit.webp?v=1756119934&width=3840 3840w" width="3840" height="2160" loading="lazy" class="image-block__image" sizes="auto, (min-width: 750px) 50vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--ATVdIbnB6WkoyVTFHQ__collection_title_4q3iEc-2 rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>Tapis de Descente de Lit</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bento-box__item">
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg collection-card--image-height-fixed"
data-block-id="AS1NZRXc2dWEvdlkwb__static-collection-card-3"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-end; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/collections/tapis-chambre"
>
<span class="visually-hidden">Tapis de Chambre</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS1NZRXc2dWEvdlkwb__static-collection-card-3"] {
--ratio: 1.7777777777777777;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//tapis-beige.fr/cdn/shop/collections/tapis-chambre.webp?v=1756120137&width=3840" alt="tapis chambre" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-chambre.webp?v=1756120137&width=240 240w, //tapis-beige.fr/cdn/shop/collections/tapis-chambre.webp?v=1756120137&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-chambre.webp?v=1756120137&width=832 832w, //tapis-beige.fr/cdn/shop/collections/tapis-chambre.webp?v=1756120137&width=1200 1200w, //tapis-beige.fr/cdn/shop/collections/tapis-chambre.webp?v=1756120137&width=1600 1600w, //tapis-beige.fr/cdn/shop/collections/tapis-chambre.webp?v=1756120137&width=1920 1920w, //tapis-beige.fr/cdn/shop/collections/tapis-chambre.webp?v=1756120137&width=2560 2560w, //tapis-beige.fr/cdn/shop/collections/tapis-chambre.webp?v=1756120137&width=3840 3840w" width="3840" height="2160" loading="lazy" class="image-block__image" sizes="auto, (min-width: 750px) 50vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--ATVdIbnB6WkoyVTFHQ__collection_title_4q3iEc-3 rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>Tapis de Chambre</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--26387852198226__section_FTTBLk" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
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;--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px)); "
data-testid="section-content"
>
<div
class="image-block image-block--AOWhmL212cU50dmVBV__image_apMWFV image-block--height-fit spacing-style size-style"
style=" --ratio: 16 / 9; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<img src="//tapis-beige.fr/cdn/shop/files/000_1.png?v=1757577665&width=3840" alt="" srcset="//tapis-beige.fr/cdn/shop/files/000_1.png?v=1757577665&width=240 240w, //tapis-beige.fr/cdn/shop/files/000_1.png?v=1757577665&width=352 352w, //tapis-beige.fr/cdn/shop/files/000_1.png?v=1757577665&width=832 832w, //tapis-beige.fr/cdn/shop/files/000_1.png?v=1757577665&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/000_1.png?v=1757577665&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/000_1.png?v=1757577665&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/000_1.png?v=1757577665&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/000_1.png?v=1757577665&width=3840 3840w" width="1920" height="1080" loading="lazy" class="image-block__image border-style" style=" --ratio: 16 / 9; --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; " sizes="auto, (min-width: 750px) 100vw, 100vw">
</div>
<div
class="group-block group-block--height-fit group-block--width-custom 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;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--AM2hrSjB6bVZ1cHlZZ__text_Rc63gm h3"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Offre spéciale sur nos tapis modernes</p>
</div>
<rte-formatter
class="spacing-style text-block text-block--AWHpXeGlTU1JmNytIT__text_mtDgyF paragraph rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Apportez une touche de design et de confort à votre intérieur grâce à nos tapis modernes en promotion. Profitez de remises exceptionnelles pour embellir votre salon, votre chambre ou votre bureau avec des modèles élégants, résistants et faciles à nettoyer.</p>
</rte-formatter>
<a
href="/collections/tapis-moderniste"
class="size-style button button--AbnV6NTBNYnBlWXkyU__button_tLUAi3"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Acheter maintenant
</a>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--26387852198226__product_list_xgLfMV" class="shopify-section ui-test-product-list">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); "
>
<div class="section-resource-list__header">
<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--row"
style="--flex-direction: row; --flex-wrap: nowrap;--gap: 12px;--horizontal-alignment: space-between; --vertical-alignment: last baseline;--vertical-alignment-mobile: last baseline;"
>
<rte-formatter
class="spacing-style text-block text-block--AK2JOcTZXMkRRTVVaK__product_list_text_FEJMbm rte rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h3><em><strong>Tapis Scandinave</strong></em></h3>
</rte-formatter>
<a
href="/collections/scandinave-tapis"
class="size-style link link--AWmlNdmpYaDh3UkdCZ__product_list_button_HRQEyg"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Tout voir
</a>
</div>
</div>
</div>
<div
class="resource-list resource-list--grid"
style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
data-testid="resource-list-grid"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10203699413330"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/scandinave-tapis-60x90cm-586.webp?v=1758126974&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10203699413330"
data-product-variants-size="9"
id="product-card-AcWNEZVVDdWYrOEJ1T__static-product-card"
data-product-transition="true"
>
<a
id="f6c4817a097ff4d7d4a4a7753e3514ce"
href="/products/scandinave-tapis?variant=51264182976850"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Scandinave Tapis
</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: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AZ24rUmtkTWZicEtvZ__product_card_gallery_NDbbHx spacing-style border-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; --gallery-aspect-ratio: 1.0; "
data-product-id="10203699413330"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/scandinave-tapis?variant=51264182976850"
aria-label="Scandinave Tapis"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3;"
initial-slide="0"
infinite
data-generic-media-size="2"
>
<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="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="52422649774418">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422649774418"
>
<img src="//tapis-beige.fr/cdn/shop/files/scandinave-tapis-60x90cm-586.webp?v=1758126974&width=3840" alt="scandinave tapis 60x90cm" srcset="//tapis-beige.fr/cdn/shop/files/scandinave-tapis-60x90cm-586.webp?v=1758126974&width=240 240w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-60x90cm-586.webp?v=1758126974&width=352 352w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-60x90cm-586.webp?v=1758126974&width=832 832w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-60x90cm-586.webp?v=1758126974&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-60x90cm-586.webp?v=1758126974&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-60x90cm-586.webp?v=1758126974&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-60x90cm-586.webp?v=1758126974&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-60x90cm-586.webp?v=1758126974&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/scandinave-tapis-60x90cm-586.webp?v=1758126974&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422650298706"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422650298706"
>
<img src="//tapis-beige.fr/cdn/shop/files/scandinave-tapis-853.webp?v=1756121985&width=3840" alt="scandinave tapis" srcset="//tapis-beige.fr/cdn/shop/files/scandinave-tapis-853.webp?v=1756121985&width=240 240w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-853.webp?v=1756121985&width=352 352w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-853.webp?v=1756121985&width=832 832w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-853.webp?v=1756121985&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-853.webp?v=1756121985&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-853.webp?v=1756121985&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-853.webp?v=1756121985&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-853.webp?v=1756121985&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/scandinave-tapis-853.webp?v=1756121985&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422651281746"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422651281746"
>
<img src="//tapis-beige.fr/cdn/shop/files/scandinave-tapis-681.jpg?v=1756121989&width=3840" alt="scandinave tapis" srcset="//tapis-beige.fr/cdn/shop/files/scandinave-tapis-681.jpg?v=1756121989&width=240 240w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-681.jpg?v=1756121989&width=352 352w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-681.jpg?v=1756121989&width=832 832w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-681.jpg?v=1756121989&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-681.jpg?v=1756121989&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-681.jpg?v=1756121989&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-681.jpg?v=1756121989&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/scandinave-tapis-681.jpg?v=1756121989&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/scandinave-tapis-681.jpg?v=1756121989&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Scandinave Tapis"
>
<product-form-component
data-section-id="template--26387852198226__product_list_xgLfMV"
data-product-id="10203699413330"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10203699413330-AZ24rUmtkTWZicEtvZ__product_card_gallery_NDbbHx" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51264182976850"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//tapis-beige.fr/cdn/shop/files/scandinave-tapis-60x90cm-586.webp?v=1758126974&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Ajouter
</span>
</span>
</button><input type="hidden" name="product-id" value="10203699413330" /><input type="hidden" name="section-id" value="template--26387852198226__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Scandinave Tapis</h3>
<div class="h6">
<product-price data-product-id="10203699413330">
<div ref="priceContainer">
<span class="price">€25,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/scandinave-tapis?variant=51264182976850"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AVElZMTJldFllc2FST__product_title_pqAUq4 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Scandinave Tapis</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ATlJkdHp4N3hGSHNVZ__price_3EAFUe"
data-product-id="10203699413330"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€25,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10203699380562"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-60x90cm-667.webp?v=1758126992&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10203699380562"
data-product-variants-size="9"
id="product-card-AcWNEZVVDdWYrOEJ1T__static-product-card-1"
data-product-transition="true"
>
<a
id="1d51b3f96b2492de07cb1491026c865e"
href="/products/tapis-scandinave?variant=51264182616402"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tapis Scandinave
</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: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AZ24rUmtkTWZicEtvZ__product_card_gallery_NDbbHx-1 spacing-style border-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; --gallery-aspect-ratio: 1.0; "
data-product-id="10203699380562"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/tapis-scandinave?variant=51264182616402"
aria-label="Tapis Scandinave"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="3"
>
<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="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="52422645547346">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422645547346"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-60x90cm-667.webp?v=1758126992&width=3840" alt="tapis scandinave 60x90cm" srcset="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-60x90cm-667.webp?v=1758126992&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-60x90cm-667.webp?v=1758126992&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-60x90cm-667.webp?v=1758126992&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-60x90cm-667.webp?v=1758126992&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-60x90cm-667.webp?v=1758126992&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-60x90cm-667.webp?v=1758126992&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-60x90cm-667.webp?v=1758126992&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-60x90cm-667.webp?v=1758126992&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-60x90cm-667.webp?v=1758126992&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422647218514"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422647218514"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-142.webp?v=1756121968&width=3840" alt="tapis scandinave" srcset="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-142.webp?v=1756121968&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-142.webp?v=1756121968&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-142.webp?v=1756121968&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-142.webp?v=1756121968&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-142.webp?v=1756121968&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-142.webp?v=1756121968&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-142.webp?v=1756121968&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-142.webp?v=1756121968&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-142.webp?v=1756121968&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422648004946"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422648004946"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-695.webp?v=1756121971&width=3840" alt="tapis scandinave" srcset="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-695.webp?v=1756121971&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-695.webp?v=1756121971&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-695.webp?v=1756121971&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-695.webp?v=1756121971&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-695.webp?v=1756121971&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-695.webp?v=1756121971&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-695.webp?v=1756121971&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-695.webp?v=1756121971&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-695.webp?v=1756121971&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422648693074"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422648693074"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-433.jpg?v=1756121975&width=3840" alt="tapis scandinave" srcset="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-433.jpg?v=1756121975&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-433.jpg?v=1756121975&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-433.jpg?v=1756121975&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-433.jpg?v=1756121975&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-433.jpg?v=1756121975&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-433.jpg?v=1756121975&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-433.jpg?v=1756121975&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-433.jpg?v=1756121975&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-433.jpg?v=1756121975&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Tapis Scandinave"
>
<product-form-component
data-section-id="template--26387852198226__product_list_xgLfMV"
data-product-id="10203699380562"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10203699380562-AZ24rUmtkTWZicEtvZ__product_card_gallery_NDbbHx-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51264182616402"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-60x90cm-667.webp?v=1758126992&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Ajouter
</span>
</span>
</button><input type="hidden" name="product-id" value="10203699380562" /><input type="hidden" name="section-id" value="template--26387852198226__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tapis Scandinave</h3>
<div class="h6">
<product-price data-product-id="10203699380562">
<div ref="priceContainer">
<span class="price">€25,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/tapis-scandinave?variant=51264182616402"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AVElZMTJldFllc2FST__product_title_pqAUq4-1 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Tapis Scandinave</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ATlJkdHp4N3hGSHNVZ__price_3EAFUe-1"
data-product-id="10203699380562"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€25,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10203699347794"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-60x90cm-180.webp?v=1758127009&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10203699347794"
data-product-variants-size="9"
id="product-card-AcWNEZVVDdWYrOEJ1T__static-product-card-2"
data-product-transition="true"
>
<a
id="8b376cc02185f17aa4df41dae4f65fbb"
href="/products/tapis-salon-scandinave?variant=51264182124882"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tapis Salon Scandinave
</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: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AZ24rUmtkTWZicEtvZ__product_card_gallery_NDbbHx-2 spacing-style border-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; --gallery-aspect-ratio: 1.0; "
data-product-id="10203699347794"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/tapis-salon-scandinave?variant=51264182124882"
aria-label="Tapis Salon Scandinave"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="3"
>
<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="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="52422638600530">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422638600530"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-60x90cm-180.webp?v=1758127009&width=3840" alt="tapis salon scandinave 60x90cm" srcset="//tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-60x90cm-180.webp?v=1758127009&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-60x90cm-180.webp?v=1758127009&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-60x90cm-180.webp?v=1758127009&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-60x90cm-180.webp?v=1758127009&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-60x90cm-180.webp?v=1758127009&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-60x90cm-180.webp?v=1758127009&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-60x90cm-180.webp?v=1758127009&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-60x90cm-180.webp?v=1758127009&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-60x90cm-180.webp?v=1758127009&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422639485266"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422639485266"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-631.webp?v=1756121950&width=3840" alt="tapis salon scandinave" srcset="//tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-631.webp?v=1756121950&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-631.webp?v=1756121950&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-631.webp?v=1756121950&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-631.webp?v=1756121950&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-631.webp?v=1756121950&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-631.webp?v=1756121950&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-631.webp?v=1756121950&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-631.webp?v=1756121950&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-631.webp?v=1756121950&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422641320274"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422641320274"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-588.webp?v=1756121954&width=3840" alt="tapis salon scandinave" srcset="//tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-588.webp?v=1756121954&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-588.webp?v=1756121954&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-588.webp?v=1756121954&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-588.webp?v=1756121954&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-588.webp?v=1756121954&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-588.webp?v=1756121954&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-588.webp?v=1756121954&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-588.webp?v=1756121954&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-588.webp?v=1756121954&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422642860370"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422642860370"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-191.jpg?v=1756121958&width=3840" alt="tapis salon scandinave" srcset="//tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-191.jpg?v=1756121958&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-191.jpg?v=1756121958&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-191.jpg?v=1756121958&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-191.jpg?v=1756121958&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-191.jpg?v=1756121958&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-191.jpg?v=1756121958&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-191.jpg?v=1756121958&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-191.jpg?v=1756121958&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-191.jpg?v=1756121958&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Tapis Salon Scandinave"
>
<product-form-component
data-section-id="template--26387852198226__product_list_xgLfMV"
data-product-id="10203699347794"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10203699347794-AZ24rUmtkTWZicEtvZ__product_card_gallery_NDbbHx-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51264182124882"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//tapis-beige.fr/cdn/shop/files/tapis-salon-scandinave-60x90cm-180.webp?v=1758127009&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Ajouter
</span>
</span>
</button><input type="hidden" name="product-id" value="10203699347794" /><input type="hidden" name="section-id" value="template--26387852198226__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tapis Salon Scandinave</h3>
<div class="h6">
<product-price data-product-id="10203699347794">
<div ref="priceContainer">
<span class="price">€25,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/tapis-salon-scandinave?variant=51264182124882"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AVElZMTJldFllc2FST__product_title_pqAUq4-2 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Tapis Salon Scandinave</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ATlJkdHp4N3hGSHNVZ__price_3EAFUe-2"
data-product-id="10203699347794"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€25,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10203699282258"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-60x90cm-138.jpg?v=1758127025&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10203699282258"
data-product-variants-size="9"
id="product-card-AcWNEZVVDdWYrOEJ1T__static-product-card-3"
data-product-transition="true"
>
<a
id="eda7ad702339efe9195b4ac8540b5bf6"
href="/products/tapis-pour-salon-scandinave?variant=51264181502290"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tapis pour Salon Scandinave
</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: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AZ24rUmtkTWZicEtvZ__product_card_gallery_NDbbHx-3 spacing-style border-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; --gallery-aspect-ratio: 1.0; "
data-product-id="10203699282258"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/tapis-pour-salon-scandinave?variant=51264181502290"
aria-label="Tapis pour Salon Scandinave"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="3"
>
<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="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="52422634176850">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422634176850"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-60x90cm-138.jpg?v=1758127025&width=3840" alt="tapis pour salon scandinave 60x90cm" srcset="//tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-60x90cm-138.jpg?v=1758127025&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-60x90cm-138.jpg?v=1758127025&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-60x90cm-138.jpg?v=1758127025&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-60x90cm-138.jpg?v=1758127025&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-60x90cm-138.jpg?v=1758127025&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-60x90cm-138.jpg?v=1758127025&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-60x90cm-138.jpg?v=1758127025&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-60x90cm-138.jpg?v=1758127025&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-60x90cm-138.jpg?v=1758127025&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422634864978"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422634864978"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-261.webp?v=1756121934&width=3840" alt="tapis pour salon scandinave" srcset="//tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-261.webp?v=1756121934&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-261.webp?v=1756121934&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-261.webp?v=1756121934&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-261.webp?v=1756121934&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-261.webp?v=1756121934&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-261.webp?v=1756121934&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-261.webp?v=1756121934&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-261.webp?v=1756121934&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-261.webp?v=1756121934&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422635618642"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422635618642"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-737.webp?v=1756121937&width=3840" alt="tapis pour salon scandinave" srcset="//tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-737.webp?v=1756121937&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-737.webp?v=1756121937&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-737.webp?v=1756121937&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-737.webp?v=1756121937&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-737.webp?v=1756121937&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-737.webp?v=1756121937&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-737.webp?v=1756121937&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-737.webp?v=1756121937&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-737.webp?v=1756121937&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422636798290"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422636798290"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-390.jpg?v=1756121941&width=3840" alt="tapis pour salon scandinave" srcset="//tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-390.jpg?v=1756121941&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-390.jpg?v=1756121941&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-390.jpg?v=1756121941&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-390.jpg?v=1756121941&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-390.jpg?v=1756121941&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-390.jpg?v=1756121941&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-390.jpg?v=1756121941&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-390.jpg?v=1756121941&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-390.jpg?v=1756121941&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Tapis pour Salon Scandinave"
>
<product-form-component
data-section-id="template--26387852198226__product_list_xgLfMV"
data-product-id="10203699282258"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10203699282258-AZ24rUmtkTWZicEtvZ__product_card_gallery_NDbbHx-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51264181502290"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//tapis-beige.fr/cdn/shop/files/tapis-pour-salon-scandinave-60x90cm-138.jpg?v=1758127025&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Ajouter
</span>
</span>
</button><input type="hidden" name="product-id" value="10203699282258" /><input type="hidden" name="section-id" value="template--26387852198226__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tapis pour Salon Scandinave</h3>
<div class="h6">
<product-price data-product-id="10203699282258">
<div ref="priceContainer">
<span class="price">€25,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/tapis-pour-salon-scandinave?variant=51264181502290"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AVElZMTJldFllc2FST__product_title_pqAUq4-3 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Tapis pour Salon Scandinave</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ATlJkdHp4N3hGSHNVZ__price_3EAFUe-3"
data-product-id="10203699282258"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€25,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10203699183954"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-60x90cm-883.jpg?v=1758127042&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10203699183954"
data-product-variants-size="9"
id="product-card-AcWNEZVVDdWYrOEJ1T__static-product-card-4"
data-product-transition="true"
>
<a
id="daeb70df838018cdc7e3a2b7b33ab693"
href="/products/tapis-scandinave-salon?variant=51264181174610"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tapis Scandinave Salon
</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: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AZ24rUmtkTWZicEtvZ__product_card_gallery_NDbbHx-4 spacing-style border-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; --gallery-aspect-ratio: 1.0; "
data-product-id="10203699183954"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/tapis-scandinave-salon?variant=51264181174610"
aria-label="Tapis Scandinave Salon"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="3"
>
<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="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="52422615433554">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422615433554"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-60x90cm-883.jpg?v=1758127042&width=3840" alt="tapis scandinave salon 60x90cm" srcset="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-60x90cm-883.jpg?v=1758127042&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-60x90cm-883.jpg?v=1758127042&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-60x90cm-883.jpg?v=1758127042&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-60x90cm-883.jpg?v=1758127042&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-60x90cm-883.jpg?v=1758127042&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-60x90cm-883.jpg?v=1758127042&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-60x90cm-883.jpg?v=1758127042&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-60x90cm-883.jpg?v=1758127042&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-60x90cm-883.jpg?v=1758127042&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422631096658"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422631096658"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-341.webp?v=1756121917&width=3840" alt="tapis scandinave salon" srcset="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-341.webp?v=1756121917&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-341.webp?v=1756121917&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-341.webp?v=1756121917&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-341.webp?v=1756121917&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-341.webp?v=1756121917&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-341.webp?v=1756121917&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-341.webp?v=1756121917&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-341.webp?v=1756121917&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-341.webp?v=1756121917&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422631719250"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422631719250"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-310.webp?v=1756121920&width=3840" alt="tapis scandinave salon" srcset="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-310.webp?v=1756121920&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-310.webp?v=1756121920&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-310.webp?v=1756121920&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-310.webp?v=1756121920&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-310.webp?v=1756121920&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-310.webp?v=1756121920&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-310.webp?v=1756121920&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-310.webp?v=1756121920&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-310.webp?v=1756121920&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422632440146"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422632440146"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-726.jpg?v=1756121924&width=3840" alt="tapis scandinave salon" srcset="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-726.jpg?v=1756121924&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-726.jpg?v=1756121924&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-726.jpg?v=1756121924&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-726.jpg?v=1756121924&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-726.jpg?v=1756121924&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-726.jpg?v=1756121924&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-726.jpg?v=1756121924&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-726.jpg?v=1756121924&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-726.jpg?v=1756121924&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Tapis Scandinave Salon"
>
<product-form-component
data-section-id="template--26387852198226__product_list_xgLfMV"
data-product-id="10203699183954"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10203699183954-AZ24rUmtkTWZicEtvZ__product_card_gallery_NDbbHx-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51264181174610"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//tapis-beige.fr/cdn/shop/files/tapis-scandinave-salon-60x90cm-883.jpg?v=1758127042&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Ajouter
</span>
</span>
</button><input type="hidden" name="product-id" value="10203699183954" /><input type="hidden" name="section-id" value="template--26387852198226__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tapis Scandinave Salon</h3>
<div class="h6">
<product-price data-product-id="10203699183954">
<div ref="priceContainer">
<span class="price">€25,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/tapis-scandinave-salon?variant=51264181174610"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AVElZMTJldFllc2FST__product_title_pqAUq4-4 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Tapis Scandinave Salon</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ATlJkdHp4N3hGSHNVZ__price_3EAFUe-4"
data-product-id="10203699183954"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€25,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10203699118418"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-60x90cm-692.jpg?v=1758127059&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10203699118418"
data-product-variants-size="9"
id="product-card-AcWNEZVVDdWYrOEJ1T__static-product-card-5"
data-product-transition="true"
>
<a
id="f82e9a3df8a50e8de9ace19fed05e8ff"
href="/products/cocktail-scandinave-tapis?variant=51264180912466"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Cocktail Scandinave Tapis
</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: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AZ24rUmtkTWZicEtvZ__product_card_gallery_NDbbHx-5 spacing-style border-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; --gallery-aspect-ratio: 1.0; "
data-product-id="10203699118418"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/cocktail-scandinave-tapis?variant=51264180912466"
aria-label="Cocktail Scandinave Tapis"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="3"
>
<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="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="52422611108178">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422611108178"
>
<img src="//tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-60x90cm-692.jpg?v=1758127059&width=3840" alt="cocktail scandinave tapis 60x90cm" srcset="//tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-60x90cm-692.jpg?v=1758127059&width=240 240w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-60x90cm-692.jpg?v=1758127059&width=352 352w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-60x90cm-692.jpg?v=1758127059&width=832 832w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-60x90cm-692.jpg?v=1758127059&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-60x90cm-692.jpg?v=1758127059&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-60x90cm-692.jpg?v=1758127059&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-60x90cm-692.jpg?v=1758127059&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-60x90cm-692.jpg?v=1758127059&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-60x90cm-692.jpg?v=1758127059&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422611894610"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422611894610"
>
<img src="//tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-664.webp?v=1756121839&width=3840" alt="cocktail scandinave tapis" srcset="//tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-664.webp?v=1756121839&width=240 240w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-664.webp?v=1756121839&width=352 352w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-664.webp?v=1756121839&width=832 832w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-664.webp?v=1756121839&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-664.webp?v=1756121839&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-664.webp?v=1756121839&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-664.webp?v=1756121839&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-664.webp?v=1756121839&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-664.webp?v=1756121839&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422612713810"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422612713810"
>
<img src="//tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-529.webp?v=1756121843&width=3840" alt="cocktail scandinave tapis" srcset="//tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-529.webp?v=1756121843&width=240 240w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-529.webp?v=1756121843&width=352 352w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-529.webp?v=1756121843&width=832 832w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-529.webp?v=1756121843&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-529.webp?v=1756121843&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-529.webp?v=1756121843&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-529.webp?v=1756121843&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-529.webp?v=1756121843&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-529.webp?v=1756121843&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422614155602"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422614155602"
>
<img src="//tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-667.jpg?v=1756121847&width=3840" alt="cocktail scandinave tapis" srcset="//tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-667.jpg?v=1756121847&width=240 240w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-667.jpg?v=1756121847&width=352 352w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-667.jpg?v=1756121847&width=832 832w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-667.jpg?v=1756121847&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-667.jpg?v=1756121847&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-667.jpg?v=1756121847&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-667.jpg?v=1756121847&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-667.jpg?v=1756121847&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-667.jpg?v=1756121847&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Cocktail Scandinave Tapis"
>
<product-form-component
data-section-id="template--26387852198226__product_list_xgLfMV"
data-product-id="10203699118418"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10203699118418-AZ24rUmtkTWZicEtvZ__product_card_gallery_NDbbHx-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51264180912466"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//tapis-beige.fr/cdn/shop/files/cocktail-scandinave-tapis-60x90cm-692.jpg?v=1758127059&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Ajouter
</span>
</span>
</button><input type="hidden" name="product-id" value="10203699118418" /><input type="hidden" name="section-id" value="template--26387852198226__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Cocktail Scandinave Tapis</h3>
<div class="h6">
<product-price data-product-id="10203699118418">
<div ref="priceContainer">
<span class="price">€25,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/cocktail-scandinave-tapis?variant=51264180912466"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AVElZMTJldFllc2FST__product_title_pqAUq4-5 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Cocktail Scandinave Tapis</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ATlJkdHp4N3hGSHNVZ__price_3EAFUe-5"
data-product-id="10203699118418"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€25,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10203699085650"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-60x90cm-537.webp?v=1758127068&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10203699085650"
data-product-variants-size="9"
id="product-card-AcWNEZVVDdWYrOEJ1T__static-product-card-6"
data-product-transition="true"
>
<a
id="cc6c7b53b27c1ace2548122615692831"
href="/products/tapis-cocktail-scandinave?variant=51264180486482"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tapis Cocktail Scandinave
</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: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AZ24rUmtkTWZicEtvZ__product_card_gallery_NDbbHx-6 spacing-style border-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; --gallery-aspect-ratio: 1.0; "
data-product-id="10203699085650"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/tapis-cocktail-scandinave?variant=51264180486482"
aria-label="Tapis Cocktail Scandinave"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="3"
>
<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="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="52422607307090">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422607307090"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-60x90cm-537.webp?v=1758127068&width=3840" alt="tapis cocktail scandinave 60x90cm" srcset="//tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-60x90cm-537.webp?v=1758127068&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-60x90cm-537.webp?v=1758127068&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-60x90cm-537.webp?v=1758127068&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-60x90cm-537.webp?v=1758127068&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-60x90cm-537.webp?v=1758127068&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-60x90cm-537.webp?v=1758127068&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-60x90cm-537.webp?v=1758127068&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-60x90cm-537.webp?v=1758127068&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-60x90cm-537.webp?v=1758127068&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422607896914"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422607896914"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-804.webp?v=1756121822&width=3840" alt="tapis cocktail scandinave" srcset="//tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-804.webp?v=1756121822&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-804.webp?v=1756121822&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-804.webp?v=1756121822&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-804.webp?v=1756121822&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-804.webp?v=1756121822&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-804.webp?v=1756121822&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-804.webp?v=1756121822&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-804.webp?v=1756121822&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-804.webp?v=1756121822&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422608617810"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422608617810"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-822.webp?v=1756121825&width=3840" alt="tapis cocktail scandinave" srcset="//tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-822.webp?v=1756121825&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-822.webp?v=1756121825&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-822.webp?v=1756121825&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-822.webp?v=1756121825&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-822.webp?v=1756121825&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-822.webp?v=1756121825&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-822.webp?v=1756121825&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-822.webp?v=1756121825&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-822.webp?v=1756121825&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422609797458"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422609797458"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-448.jpg?v=1756121829&width=3840" alt="tapis cocktail scandinave" srcset="//tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-448.jpg?v=1756121829&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-448.jpg?v=1756121829&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-448.jpg?v=1756121829&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-448.jpg?v=1756121829&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-448.jpg?v=1756121829&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-448.jpg?v=1756121829&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-448.jpg?v=1756121829&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-448.jpg?v=1756121829&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-448.jpg?v=1756121829&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Tapis Cocktail Scandinave"
>
<product-form-component
data-section-id="template--26387852198226__product_list_xgLfMV"
data-product-id="10203699085650"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10203699085650-AZ24rUmtkTWZicEtvZ__product_card_gallery_NDbbHx-6" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51264180486482"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//tapis-beige.fr/cdn/shop/files/tapis-cocktail-scandinave-60x90cm-537.webp?v=1758127068&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Ajouter
</span>
</span>
</button><input type="hidden" name="product-id" value="10203699085650" /><input type="hidden" name="section-id" value="template--26387852198226__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tapis Cocktail Scandinave</h3>
<div class="h6">
<product-price data-product-id="10203699085650">
<div ref="priceContainer">
<span class="price">€25,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/tapis-cocktail-scandinave?variant=51264180486482"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AVElZMTJldFllc2FST__product_title_pqAUq4-6 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Tapis Cocktail Scandinave</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ATlJkdHp4N3hGSHNVZ__price_3EAFUe-6"
data-product-id="10203699085650"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€25,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10203699052882"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-60x90cm-310.webp?v=1758127083&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10203699052882"
data-product-variants-size="9"
id="product-card-AcWNEZVVDdWYrOEJ1T__static-product-card-7"
data-product-transition="true"
>
<a
id="6eec9d50597d918d0aa378f6ebc5cbbf"
href="/products/tapis-style-scandinave?variant=51264179831122"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tapis Style Scandinave
</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: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AZ24rUmtkTWZicEtvZ__product_card_gallery_NDbbHx-7 spacing-style border-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; --gallery-aspect-ratio: 1.0; "
data-product-id="10203699052882"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/tapis-style-scandinave?variant=51264179831122"
aria-label="Tapis Style Scandinave"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="3"
>
<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="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="52422604521810">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422604521810"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-60x90cm-310.webp?v=1758127083&width=3840" alt="tapis style scandinave 60x90cm" srcset="//tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-60x90cm-310.webp?v=1758127083&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-60x90cm-310.webp?v=1758127083&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-60x90cm-310.webp?v=1758127083&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-60x90cm-310.webp?v=1758127083&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-60x90cm-310.webp?v=1758127083&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-60x90cm-310.webp?v=1758127083&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-60x90cm-310.webp?v=1758127083&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-60x90cm-310.webp?v=1758127083&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-60x90cm-310.webp?v=1758127083&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422604882258"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422604882258"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-683.webp?v=1756121804&width=3840" alt="tapis style scandinave" srcset="//tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-683.webp?v=1756121804&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-683.webp?v=1756121804&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-683.webp?v=1756121804&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-683.webp?v=1756121804&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-683.webp?v=1756121804&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-683.webp?v=1756121804&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-683.webp?v=1756121804&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-683.webp?v=1756121804&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-683.webp?v=1756121804&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422605898066"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422605898066"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-455.webp?v=1756121808&width=3840" alt="tapis style scandinave" srcset="//tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-455.webp?v=1756121808&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-455.webp?v=1756121808&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-455.webp?v=1756121808&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-455.webp?v=1756121808&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-455.webp?v=1756121808&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-455.webp?v=1756121808&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-455.webp?v=1756121808&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-455.webp?v=1756121808&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-455.webp?v=1756121808&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52422606487890"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52422606487890"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-305.jpg?v=1756121812&width=3840" alt="tapis style scandinave" srcset="//tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-305.jpg?v=1756121812&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-305.jpg?v=1756121812&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-305.jpg?v=1756121812&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-305.jpg?v=1756121812&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-305.jpg?v=1756121812&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-305.jpg?v=1756121812&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-305.jpg?v=1756121812&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-305.jpg?v=1756121812&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-305.jpg?v=1756121812&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Tapis Style Scandinave"
>
<product-form-component
data-section-id="template--26387852198226__product_list_xgLfMV"
data-product-id="10203699052882"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10203699052882-AZ24rUmtkTWZicEtvZ__product_card_gallery_NDbbHx-7" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51264179831122"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//tapis-beige.fr/cdn/shop/files/tapis-style-scandinave-60x90cm-310.webp?v=1758127083&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Ajouter
</span>
</span>
</button><input type="hidden" name="product-id" value="10203699052882" /><input type="hidden" name="section-id" value="template--26387852198226__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tapis Style Scandinave</h3>
<div class="h6">
<product-price data-product-id="10203699052882">
<div ref="priceContainer">
<span class="price">€25,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/tapis-style-scandinave?variant=51264179831122"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AVElZMTJldFllc2FST__product_title_pqAUq4-7 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Tapis Style Scandinave</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ATlJkdHp4N3hGSHNVZ__price_3EAFUe-7"
data-product-id="10203699052882"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€25,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</div>
<div
class="section-resource-list__content"
style="--horizontal-alignment: flex-start;"
></div>
</div>
</div><div id="shopify-section-template--26387852198226__section_8TpffW" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
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;--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px)); "
data-testid="section-content"
>
<div
class="group-block group-block--height-fit group-block--width-custom 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;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--AT21nSTdRUFVPZmkwc__text_VQyWe8 h3"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Tapis résistants pour l'extérieur</p>
</div>
<rte-formatter
class="spacing-style text-block text-block--AdzVMMU90UXpqQkh0c__text_iRabVT paragraph rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Découvrez notre collection de tapis spécialement conçus pour l’extérieur. Alliant confort, esthétisme et robustesse, nos tapis de jardin transforment vos terrasses, balcons et espaces extérieurs en véritables havres de détente. Résistants aux intempéries et faciles à entretenir, ils apportent une touche chaleureuse et décorative tout en restant pratiques au quotidien.</p>
</rte-formatter>
<a
href="/collections/all"
class="size-style button button--AeTBiVGhZV2haTlZPK__button_Pn3JNk"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Acheter maintenant
</a>
</div>
</div>
<div
class="image-block image-block--AZG5aL2tXUEtsWDBVR__image_KWW4hy image-block--height-fit spacing-style size-style"
style=" --ratio: 16 / 9; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<img src="//tapis-beige.fr/cdn/shop/files/000_3.png?v=1757578739&width=3840" alt="" srcset="//tapis-beige.fr/cdn/shop/files/000_3.png?v=1757578739&width=240 240w, //tapis-beige.fr/cdn/shop/files/000_3.png?v=1757578739&width=352 352w, //tapis-beige.fr/cdn/shop/files/000_3.png?v=1757578739&width=832 832w, //tapis-beige.fr/cdn/shop/files/000_3.png?v=1757578739&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/000_3.png?v=1757578739&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/000_3.png?v=1757578739&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/000_3.png?v=1757578739&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/000_3.png?v=1757578739&width=3840 3840w" width="1920" height="1080" loading="lazy" class="image-block__image border-style" style=" --ratio: 16 / 9; --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; " sizes="auto, (min-width: 750px) 100vw, 100vw">
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--26387852198226__collection_list_mNHkNC" class="shopify-section ui-test-collection-list">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px)); --gap: 12px; "
>
<div class="section-resource-list__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;--gap: 16px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
</div>
</div>
</div>
<div
class="resource-list resource-list--bento"
style="--resource-list-column-gap-desktop: 8px;--bento-gap: var(--resource-list-column-gap);"
data-testid="collections-list-grid"
>
<div
class="bento-box"
data-testid="bento-box"
>
<div class="bento-box__item">
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg collection-card--image-height-fixed"
data-block-id="AVVk2d1psNTZpa2tIZ__static-collection-card"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-end; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/collections/tapis-en-coco"
>
<span class="visually-hidden">Tapis en Coco</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AVVk2d1psNTZpa2tIZ__static-collection-card"] {
--ratio: 1.7777777777777777;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//tapis-beige.fr/cdn/shop/collections/tapis-en-coco.webp?v=1756119866&width=3840" alt="tapis en coco" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-en-coco.webp?v=1756119866&width=240 240w, //tapis-beige.fr/cdn/shop/collections/tapis-en-coco.webp?v=1756119866&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-en-coco.webp?v=1756119866&width=832 832w, //tapis-beige.fr/cdn/shop/collections/tapis-en-coco.webp?v=1756119866&width=1200 1200w, //tapis-beige.fr/cdn/shop/collections/tapis-en-coco.webp?v=1756119866&width=1600 1600w, //tapis-beige.fr/cdn/shop/collections/tapis-en-coco.webp?v=1756119866&width=1920 1920w, //tapis-beige.fr/cdn/shop/collections/tapis-en-coco.webp?v=1756119866&width=2560 2560w, //tapis-beige.fr/cdn/shop/collections/tapis-en-coco.webp?v=1756119866&width=3840 3840w" width="3840" height="2160" loading="lazy" class="image-block__image" sizes="auto, (min-width: 750px) 50vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--AYStFMEhhWjNvNFRrc__collection_title_XX3qnV rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>Tapis en Coco</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bento-box__item">
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg collection-card--image-height-fixed"
data-block-id="AVVk2d1psNTZpa2tIZ__static-collection-card-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-end; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/collections/tapis-jute"
>
<span class="visually-hidden">Tapis en Jute</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AVVk2d1psNTZpa2tIZ__static-collection-card-1"] {
--ratio: 1.7777777777777777;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//tapis-beige.fr/cdn/shop/collections/tapis-jute.webp?v=1756120064&width=3840" alt="tapis jute" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-jute.webp?v=1756120064&width=240 240w, //tapis-beige.fr/cdn/shop/collections/tapis-jute.webp?v=1756120064&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-jute.webp?v=1756120064&width=832 832w, //tapis-beige.fr/cdn/shop/collections/tapis-jute.webp?v=1756120064&width=1200 1200w, //tapis-beige.fr/cdn/shop/collections/tapis-jute.webp?v=1756120064&width=1600 1600w, //tapis-beige.fr/cdn/shop/collections/tapis-jute.webp?v=1756120064&width=1920 1920w, //tapis-beige.fr/cdn/shop/collections/tapis-jute.webp?v=1756120064&width=2560 2560w, //tapis-beige.fr/cdn/shop/collections/tapis-jute.webp?v=1756120064&width=3840 3840w" width="3840" height="2160" loading="lazy" class="image-block__image" sizes="auto, (min-width: 750px) 50vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--AYStFMEhhWjNvNFRrc__collection_title_XX3qnV-1 rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>Tapis en Jute</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bento-box__item">
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg collection-card--image-height-fixed"
data-block-id="AVVk2d1psNTZpa2tIZ__static-collection-card-2"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-end; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/collections/tapis-laine"
>
<span class="visually-hidden">Tapis en Laine</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AVVk2d1psNTZpa2tIZ__static-collection-card-2"] {
--ratio: 1.7777777777777777;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//tapis-beige.fr/cdn/shop/collections/tapis-laine.webp?v=1756120077&width=3840" alt="tapis laine" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-laine.webp?v=1756120077&width=240 240w, //tapis-beige.fr/cdn/shop/collections/tapis-laine.webp?v=1756120077&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-laine.webp?v=1756120077&width=832 832w, //tapis-beige.fr/cdn/shop/collections/tapis-laine.webp?v=1756120077&width=1200 1200w, //tapis-beige.fr/cdn/shop/collections/tapis-laine.webp?v=1756120077&width=1600 1600w, //tapis-beige.fr/cdn/shop/collections/tapis-laine.webp?v=1756120077&width=1920 1920w, //tapis-beige.fr/cdn/shop/collections/tapis-laine.webp?v=1756120077&width=2560 2560w, //tapis-beige.fr/cdn/shop/collections/tapis-laine.webp?v=1756120077&width=3840 3840w" width="3840" height="2160" loading="lazy" class="image-block__image" sizes="auto, (min-width: 750px) 50vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--AYStFMEhhWjNvNFRrc__collection_title_XX3qnV-2 rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>Tapis en Laine</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bento-box__item">
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg collection-card--image-height-fixed"
data-block-id="AVVk2d1psNTZpa2tIZ__static-collection-card-3"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-end; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/collections/tapis-velours"
>
<span class="visually-hidden">Tapis Velours</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AVVk2d1psNTZpa2tIZ__static-collection-card-3"] {
--ratio: 1.7777777777777777;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//tapis-beige.fr/cdn/shop/collections/tapis-velours.webp?v=1756120008&width=3840" alt="tapis velours" srcset="//tapis-beige.fr/cdn/shop/collections/tapis-velours.webp?v=1756120008&width=240 240w, //tapis-beige.fr/cdn/shop/collections/tapis-velours.webp?v=1756120008&width=352 352w, //tapis-beige.fr/cdn/shop/collections/tapis-velours.webp?v=1756120008&width=832 832w, //tapis-beige.fr/cdn/shop/collections/tapis-velours.webp?v=1756120008&width=1200 1200w, //tapis-beige.fr/cdn/shop/collections/tapis-velours.webp?v=1756120008&width=1600 1600w, //tapis-beige.fr/cdn/shop/collections/tapis-velours.webp?v=1756120008&width=1920 1920w, //tapis-beige.fr/cdn/shop/collections/tapis-velours.webp?v=1756120008&width=2560 2560w, //tapis-beige.fr/cdn/shop/collections/tapis-velours.webp?v=1756120008&width=3840 3840w" width="3840" height="2160" loading="lazy" class="image-block__image" sizes="auto, (min-width: 750px) 50vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--AYStFMEhhWjNvNFRrc__collection_title_XX3qnV-3 rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>Tapis Velours</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--26387852198226__product_list_NbD8ak" class="shopify-section ui-test-product-list">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); "
>
<div class="section-resource-list__header">
<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--row"
style="--flex-direction: row; --flex-wrap: nowrap;--gap: 12px;--horizontal-alignment: space-between; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<rte-formatter
class="spacing-style text-block text-block--Ad0tOV2MwV0pFeXp4Q__product_list_text_6EzKkd rte rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h3><em>Tapis en jute</em></h3>
</rte-formatter>
<a
href="/collections/tapis-jute"
class="size-style link link--ASnU1b2lsVnZEdGZBc__product_list_button_Wb4tjV"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Tout voir
</a>
</div>
</div>
</div>
<div
class="resource-list resource-list--grid"
style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
data-testid="resource-list-grid"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10204581921106"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-705.webp?v=1756126521&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10204581921106"
data-product-variants-size="1"
id="product-card-ANTByNTBMVmRmUDdEb__static-product-card"
data-product-transition="true"
>
<a
id="0e96d6ac8a583bc7136236efae126848"
href="/products/tapis-jute-rectangulaire?variant=51267472097618"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tapis Jute Rectangulaire
</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: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AOWkxVW12Ti9IL0hyT__product_card_gallery_RkLiFF spacing-style border-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; --gallery-aspect-ratio: 1; "
data-product-id="10204581921106"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/tapis-jute-rectangulaire?variant=51267472097618"
aria-label="Tapis Jute Rectangulaire"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<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="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424245870930"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424245870930"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-705.webp?v=1756126521&width=3840" alt="tapis jute rectangulaire" srcset="//tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-705.webp?v=1756126521&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-705.webp?v=1756126521&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-705.webp?v=1756126521&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-705.webp?v=1756126521&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-705.webp?v=1756126521&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-705.webp?v=1756126521&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-705.webp?v=1756126521&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-705.webp?v=1756126521&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-705.webp?v=1756126521&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424248328530"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424248328530"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-496.webp?v=1756126524&width=3840" alt="tapis jute rectangulaire" srcset="//tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-496.webp?v=1756126524&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-496.webp?v=1756126524&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-496.webp?v=1756126524&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-496.webp?v=1756126524&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-496.webp?v=1756126524&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-496.webp?v=1756126524&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-496.webp?v=1756126524&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-496.webp?v=1756126524&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-496.webp?v=1756126524&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424250196306"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424250196306"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-588.webp?v=1756126528&width=3840" alt="tapis jute rectangulaire" srcset="//tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-588.webp?v=1756126528&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-588.webp?v=1756126528&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-588.webp?v=1756126528&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-588.webp?v=1756126528&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-588.webp?v=1756126528&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-588.webp?v=1756126528&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-588.webp?v=1756126528&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-588.webp?v=1756126528&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-588.webp?v=1756126528&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424251670866"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424251670866"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-269.webp?v=1756126532&width=3840" alt="tapis jute rectangulaire" srcset="//tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-269.webp?v=1756126532&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-269.webp?v=1756126532&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-269.webp?v=1756126532&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-269.webp?v=1756126532&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-269.webp?v=1756126532&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-269.webp?v=1756126532&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-269.webp?v=1756126532&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-269.webp?v=1756126532&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-269.webp?v=1756126532&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424253047122"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424253047122"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-354.webp?v=1756126536&width=3840" alt="tapis jute rectangulaire" srcset="//tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-354.webp?v=1756126536&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-354.webp?v=1756126536&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-354.webp?v=1756126536&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-354.webp?v=1756126536&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-354.webp?v=1756126536&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-354.webp?v=1756126536&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-354.webp?v=1756126536&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-354.webp?v=1756126536&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-354.webp?v=1756126536&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Tapis Jute Rectangulaire"
>
<product-form-component
data-section-id="template--26387852198226__product_list_NbD8ak"
data-product-id="10204581921106"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10204581921106-AOWkxVW12Ti9IL0hyT__product_card_gallery_RkLiFF" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51267472097618"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//tapis-beige.fr/cdn/shop/files/tapis-jute-rectangulaire-705.webp?v=1756126521&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10204581921106" /><input type="hidden" name="section-id" value="template--26387852198226__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tapis Jute Rectangulaire</h3>
<div class="h6">
<product-price data-product-id="10204581921106">
<div ref="priceContainer">
<span class="price">€335,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/tapis-jute-rectangulaire?variant=51267472097618"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--ANDB5SlQxMG04ejRmU__product_title_J7kfAK rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Tapis Jute Rectangulaire</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AUkpPYTcrWVY3dm43S__price_TY4aHw"
data-product-id="10204581921106"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€335,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10204581855570"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-546.webp?v=1756126500&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10204581855570"
data-product-variants-size="1"
id="product-card-ANTByNTBMVmRmUDdEb__static-product-card-1"
data-product-transition="true"
>
<a
id="085d20054203b74b8d0fddab34998325"
href="/products/tapis-en-toile-de-jute?variant=51267472032082"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tapis en Toile de Jute
</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: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AOWkxVW12Ti9IL0hyT__product_card_gallery_RkLiFF-1 spacing-style border-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; --gallery-aspect-ratio: 1; "
data-product-id="10204581855570"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/tapis-en-toile-de-jute?variant=51267472032082"
aria-label="Tapis en Toile de Jute"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<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="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424235057490"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424235057490"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-546.webp?v=1756126500&width=3840" alt="tapis en toile de jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-546.webp?v=1756126500&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-546.webp?v=1756126500&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-546.webp?v=1756126500&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-546.webp?v=1756126500&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-546.webp?v=1756126500&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-546.webp?v=1756126500&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-546.webp?v=1756126500&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-546.webp?v=1756126500&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-546.webp?v=1756126500&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424236007762"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424236007762"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-687.webp?v=1756126503&width=3840" alt="tapis en toile de jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-687.webp?v=1756126503&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-687.webp?v=1756126503&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-687.webp?v=1756126503&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-687.webp?v=1756126503&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-687.webp?v=1756126503&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-687.webp?v=1756126503&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-687.webp?v=1756126503&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-687.webp?v=1756126503&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-687.webp?v=1756126503&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424237056338"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424237056338"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-509.webp?v=1756126507&width=3840" alt="tapis en toile de jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-509.webp?v=1756126507&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-509.webp?v=1756126507&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-509.webp?v=1756126507&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-509.webp?v=1756126507&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-509.webp?v=1756126507&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-509.webp?v=1756126507&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-509.webp?v=1756126507&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-509.webp?v=1756126507&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-509.webp?v=1756126507&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424238235986"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424238235986"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-819.webp?v=1756126511&width=3840" alt="tapis en toile de jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-819.webp?v=1756126511&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-819.webp?v=1756126511&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-819.webp?v=1756126511&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-819.webp?v=1756126511&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-819.webp?v=1756126511&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-819.webp?v=1756126511&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-819.webp?v=1756126511&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-819.webp?v=1756126511&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-819.webp?v=1756126511&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424242233682"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424242233682"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-653.webp?v=1756126514&width=3840" alt="tapis en toile de jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-653.webp?v=1756126514&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-653.webp?v=1756126514&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-653.webp?v=1756126514&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-653.webp?v=1756126514&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-653.webp?v=1756126514&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-653.webp?v=1756126514&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-653.webp?v=1756126514&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-653.webp?v=1756126514&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-653.webp?v=1756126514&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Tapis en Toile de Jute"
>
<product-form-component
data-section-id="template--26387852198226__product_list_NbD8ak"
data-product-id="10204581855570"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10204581855570-AOWkxVW12Ti9IL0hyT__product_card_gallery_RkLiFF-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51267472032082"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//tapis-beige.fr/cdn/shop/files/tapis-en-toile-de-jute-546.webp?v=1756126500&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10204581855570" /><input type="hidden" name="section-id" value="template--26387852198226__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tapis en Toile de Jute</h3>
<div class="h6">
<product-price data-product-id="10204581855570">
<div ref="priceContainer">
<span class="price">€269,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/tapis-en-toile-de-jute?variant=51267472032082"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--ANDB5SlQxMG04ejRmU__product_title_J7kfAK-1 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Tapis en Toile de Jute</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AUkpPYTcrWVY3dm43S__price_TY4aHw-1"
data-product-id="10204581855570"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€269,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10204581822802"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/tapis-jute-rond-173.webp?v=1756126471&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10204581822802"
data-product-variants-size="1"
id="product-card-ANTByNTBMVmRmUDdEb__static-product-card-2"
data-product-transition="true"
>
<a
id="8ac27fe6f5fad543f7785062694a0fb8"
href="/products/tapis-jute-rond?variant=51267471933778"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tapis Jute Rond
</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: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AOWkxVW12Ti9IL0hyT__product_card_gallery_RkLiFF-2 spacing-style border-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; --gallery-aspect-ratio: 1; "
data-product-id="10204581822802"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/tapis-jute-rond?variant=51267471933778"
aria-label="Tapis Jute Rond"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;"
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="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424226275666"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424226275666"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-jute-rond-173.webp?v=1756126471&width=3840" alt="tapis jute rond" srcset="//tapis-beige.fr/cdn/shop/files/tapis-jute-rond-173.webp?v=1756126471&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-173.webp?v=1756126471&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-173.webp?v=1756126471&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-173.webp?v=1756126471&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-173.webp?v=1756126471&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-173.webp?v=1756126471&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-173.webp?v=1756126471&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-173.webp?v=1756126471&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-jute-rond-173.webp?v=1756126471&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424227225938"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424227225938"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-jute-rond-532.webp?v=1756126475&width=3840" alt="tapis jute rond" srcset="//tapis-beige.fr/cdn/shop/files/tapis-jute-rond-532.webp?v=1756126475&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-532.webp?v=1756126475&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-532.webp?v=1756126475&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-532.webp?v=1756126475&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-532.webp?v=1756126475&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-532.webp?v=1756126475&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-532.webp?v=1756126475&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-532.webp?v=1756126475&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-jute-rond-532.webp?v=1756126475&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424228307282"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424228307282"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-jute-rond-769.webp?v=1756126480&width=3840" alt="tapis jute rond" srcset="//tapis-beige.fr/cdn/shop/files/tapis-jute-rond-769.webp?v=1756126480&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-769.webp?v=1756126480&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-769.webp?v=1756126480&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-769.webp?v=1756126480&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-769.webp?v=1756126480&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-769.webp?v=1756126480&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-769.webp?v=1756126480&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-769.webp?v=1756126480&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-jute-rond-769.webp?v=1756126480&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424230863186"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424230863186"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-jute-rond-264.webp?v=1756126484&width=3840" alt="tapis jute rond" srcset="//tapis-beige.fr/cdn/shop/files/tapis-jute-rond-264.webp?v=1756126484&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-264.webp?v=1756126484&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-264.webp?v=1756126484&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-264.webp?v=1756126484&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-264.webp?v=1756126484&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-264.webp?v=1756126484&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-264.webp?v=1756126484&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-264.webp?v=1756126484&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-jute-rond-264.webp?v=1756126484&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424231616850"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424231616850"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-jute-rond-444.webp?v=1756126488&width=3840" alt="tapis jute rond" srcset="//tapis-beige.fr/cdn/shop/files/tapis-jute-rond-444.webp?v=1756126488&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-444.webp?v=1756126488&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-444.webp?v=1756126488&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-444.webp?v=1756126488&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-444.webp?v=1756126488&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-444.webp?v=1756126488&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-444.webp?v=1756126488&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-jute-rond-444.webp?v=1756126488&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-jute-rond-444.webp?v=1756126488&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Tapis Jute Rond"
>
<product-form-component
data-section-id="template--26387852198226__product_list_NbD8ak"
data-product-id="10204581822802"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10204581822802-AOWkxVW12Ti9IL0hyT__product_card_gallery_RkLiFF-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51267471933778"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//tapis-beige.fr/cdn/shop/files/tapis-jute-rond-173.webp?v=1756126471&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10204581822802" /><input type="hidden" name="section-id" value="template--26387852198226__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tapis Jute Rond</h3>
<div class="h6">
<product-price data-product-id="10204581822802">
<div ref="priceContainer">
<span class="price">€85,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/tapis-jute-rond?variant=51267471933778"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--ANDB5SlQxMG04ejRmU__product_title_J7kfAK-2 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Tapis Jute Rond</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AUkpPYTcrWVY3dm43S__price_TY4aHw-2"
data-product-id="10204581822802"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€85,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10204581757266"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/tapis-jute-509.jpg?v=1756126444&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10204581757266"
data-product-variants-size="1"
id="product-card-ANTByNTBMVmRmUDdEb__static-product-card-3"
data-product-transition="true"
>
<a
id="da0e48e6288f7d3cf240ebbe33d4e485"
href="/products/tapis-jute?variant=51267471835474"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tapis Jute
</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: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AOWkxVW12Ti9IL0hyT__product_card_gallery_RkLiFF-3 spacing-style border-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; --gallery-aspect-ratio: 1; "
data-product-id="10204581757266"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/tapis-jute?variant=51267471835474"
aria-label="Tapis Jute"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;"
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="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424215822674"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424215822674"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-jute-509.jpg?v=1756126444&width=3840" alt="tapis jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-jute-509.jpg?v=1756126444&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-jute-509.jpg?v=1756126444&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-jute-509.jpg?v=1756126444&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-jute-509.jpg?v=1756126444&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-jute-509.jpg?v=1756126444&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-jute-509.jpg?v=1756126444&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-jute-509.jpg?v=1756126444&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-jute-509.jpg?v=1756126444&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-jute-509.jpg?v=1756126444&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424216904018"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424216904018"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-jute-195.webp?v=1756126449&width=3840" alt="tapis jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-jute-195.webp?v=1756126449&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-jute-195.webp?v=1756126449&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-jute-195.webp?v=1756126449&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-jute-195.webp?v=1756126449&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-jute-195.webp?v=1756126449&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-jute-195.webp?v=1756126449&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-jute-195.webp?v=1756126449&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-jute-195.webp?v=1756126449&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-jute-195.webp?v=1756126449&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424218411346"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424218411346"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-jute-139.jpg?v=1756126453&width=3840" alt="tapis jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-jute-139.jpg?v=1756126453&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-jute-139.jpg?v=1756126453&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-jute-139.jpg?v=1756126453&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-jute-139.jpg?v=1756126453&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-jute-139.jpg?v=1756126453&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-jute-139.jpg?v=1756126453&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-jute-139.jpg?v=1756126453&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-jute-139.jpg?v=1756126453&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-jute-139.jpg?v=1756126453&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424219853138"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424219853138"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-jute-955.webp?v=1756126456&width=3840" alt="tapis jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-jute-955.webp?v=1756126456&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-jute-955.webp?v=1756126456&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-jute-955.webp?v=1756126456&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-jute-955.webp?v=1756126456&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-jute-955.webp?v=1756126456&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-jute-955.webp?v=1756126456&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-jute-955.webp?v=1756126456&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-jute-955.webp?v=1756126456&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-jute-955.webp?v=1756126456&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424222376274"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424222376274"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-jute-979.jpg?v=1756126461&width=3840" alt="tapis jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-jute-979.jpg?v=1756126461&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-jute-979.jpg?v=1756126461&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-jute-979.jpg?v=1756126461&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-jute-979.jpg?v=1756126461&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-jute-979.jpg?v=1756126461&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-jute-979.jpg?v=1756126461&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-jute-979.jpg?v=1756126461&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-jute-979.jpg?v=1756126461&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-jute-979.jpg?v=1756126461&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Tapis Jute"
>
<product-form-component
data-section-id="template--26387852198226__product_list_NbD8ak"
data-product-id="10204581757266"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10204581757266-AOWkxVW12Ti9IL0hyT__product_card_gallery_RkLiFF-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51267471835474"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//tapis-beige.fr/cdn/shop/files/tapis-jute-509.jpg?v=1756126444&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10204581757266" /><input type="hidden" name="section-id" value="template--26387852198226__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tapis Jute</h3>
<div class="h6">
<product-price data-product-id="10204581757266">
<div ref="priceContainer">
<span class="price">€175,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/tapis-jute?variant=51267471835474"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--ANDB5SlQxMG04ejRmU__product_title_J7kfAK-3 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Tapis Jute</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AUkpPYTcrWVY3dm43S__price_TY4aHw-3"
data-product-id="10204581757266"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€175,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10204581691730"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-332.webp?v=1756126423&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10204581691730"
data-product-variants-size="1"
id="product-card-ANTByNTBMVmRmUDdEb__static-product-card-4"
data-product-transition="true"
>
<a
id="a0097b106ee73d00fa03024c5aa0728f"
href="/products/tapis-en-jute?variant=51267471540562"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tapis en Jute
</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: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AOWkxVW12Ti9IL0hyT__product_card_gallery_RkLiFF-4 spacing-style border-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; --gallery-aspect-ratio: 1; "
data-product-id="10204581691730"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/tapis-en-jute?variant=51267471540562"
aria-label="Tapis en Jute"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<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="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424210284882"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424210284882"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-332.webp?v=1756126423&width=3840" alt="tapis en jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-332.webp?v=1756126423&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-332.webp?v=1756126423&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-332.webp?v=1756126423&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-332.webp?v=1756126423&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-332.webp?v=1756126423&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-332.webp?v=1756126423&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-332.webp?v=1756126423&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-332.webp?v=1756126423&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-332.webp?v=1756126423&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424211562834"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424211562834"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-593.webp?v=1756126426&width=3840" alt="tapis en jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-593.webp?v=1756126426&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-593.webp?v=1756126426&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-593.webp?v=1756126426&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-593.webp?v=1756126426&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-593.webp?v=1756126426&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-593.webp?v=1756126426&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-593.webp?v=1756126426&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-593.webp?v=1756126426&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-593.webp?v=1756126426&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424212382034"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424212382034"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-116.webp?v=1756126430&width=3840" alt="tapis en jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-116.webp?v=1756126430&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-116.webp?v=1756126430&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-116.webp?v=1756126430&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-116.webp?v=1756126430&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-116.webp?v=1756126430&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-116.webp?v=1756126430&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-116.webp?v=1756126430&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-116.webp?v=1756126430&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-116.webp?v=1756126430&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424213627218"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424213627218"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-657.webp?v=1756126434&width=3840" alt="tapis en jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-657.webp?v=1756126434&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-657.webp?v=1756126434&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-657.webp?v=1756126434&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-657.webp?v=1756126434&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-657.webp?v=1756126434&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-657.webp?v=1756126434&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-657.webp?v=1756126434&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-657.webp?v=1756126434&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-657.webp?v=1756126434&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424213954898"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424213954898"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-298.webp?v=1756126437&width=3840" alt="tapis en jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-298.webp?v=1756126437&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-298.webp?v=1756126437&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-298.webp?v=1756126437&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-298.webp?v=1756126437&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-298.webp?v=1756126437&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-298.webp?v=1756126437&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-298.webp?v=1756126437&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-298.webp?v=1756126437&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-298.webp?v=1756126437&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Tapis en Jute"
>
<product-form-component
data-section-id="template--26387852198226__product_list_NbD8ak"
data-product-id="10204581691730"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10204581691730-AOWkxVW12Ti9IL0hyT__product_card_gallery_RkLiFF-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51267471540562"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-332.webp?v=1756126423&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10204581691730" /><input type="hidden" name="section-id" value="template--26387852198226__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tapis en Jute</h3>
<div class="h6">
<product-price data-product-id="10204581691730">
<div ref="priceContainer">
<span class="price">€162,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/tapis-en-jute?variant=51267471540562"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--ANDB5SlQxMG04ejRmU__product_title_J7kfAK-4 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Tapis en Jute</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AUkpPYTcrWVY3dm43S__price_TY4aHw-4"
data-product-id="10204581691730"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€162,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10204581626194"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/tapis-rond-jute-539.webp?v=1756126399&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10204581626194"
data-product-variants-size="1"
id="product-card-ANTByNTBMVmRmUDdEb__static-product-card-5"
data-product-transition="true"
>
<a
id="7c7bf368a159fe5d5fc80812c02b58fc"
href="/products/tapis-rond-jute?variant=51267471442258"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tapis Rond Jute
</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: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AOWkxVW12Ti9IL0hyT__product_card_gallery_RkLiFF-5 spacing-style border-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; --gallery-aspect-ratio: 1; "
data-product-id="10204581626194"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/tapis-rond-jute?variant=51267471442258"
aria-label="Tapis Rond Jute"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<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="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424201666898"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424201666898"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-rond-jute-539.webp?v=1756126399&width=3840" alt="tapis rond jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-rond-jute-539.webp?v=1756126399&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-539.webp?v=1756126399&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-539.webp?v=1756126399&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-539.webp?v=1756126399&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-539.webp?v=1756126399&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-539.webp?v=1756126399&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-539.webp?v=1756126399&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-539.webp?v=1756126399&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-rond-jute-539.webp?v=1756126399&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424203338066"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424203338066"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-rond-jute-299.webp?v=1756126403&width=3840" alt="tapis rond jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-rond-jute-299.webp?v=1756126403&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-299.webp?v=1756126403&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-299.webp?v=1756126403&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-299.webp?v=1756126403&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-299.webp?v=1756126403&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-299.webp?v=1756126403&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-299.webp?v=1756126403&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-299.webp?v=1756126403&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-rond-jute-299.webp?v=1756126403&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424204779858"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424204779858"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-rond-jute-428.webp?v=1756126407&width=3840" alt="tapis rond jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-rond-jute-428.webp?v=1756126407&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-428.webp?v=1756126407&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-428.webp?v=1756126407&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-428.webp?v=1756126407&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-428.webp?v=1756126407&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-428.webp?v=1756126407&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-428.webp?v=1756126407&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-428.webp?v=1756126407&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-rond-jute-428.webp?v=1756126407&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424207171922"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424207171922"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-rond-jute-313.webp?v=1756126411&width=3840" alt="tapis rond jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-rond-jute-313.webp?v=1756126411&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-313.webp?v=1756126411&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-313.webp?v=1756126411&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-313.webp?v=1756126411&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-313.webp?v=1756126411&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-313.webp?v=1756126411&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-313.webp?v=1756126411&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-313.webp?v=1756126411&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-rond-jute-313.webp?v=1756126411&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424208777554"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424208777554"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-rond-jute-378.webp?v=1756126416&width=3840" alt="tapis rond jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-rond-jute-378.webp?v=1756126416&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-378.webp?v=1756126416&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-378.webp?v=1756126416&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-378.webp?v=1756126416&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-378.webp?v=1756126416&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-378.webp?v=1756126416&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-378.webp?v=1756126416&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-rond-jute-378.webp?v=1756126416&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-rond-jute-378.webp?v=1756126416&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Tapis Rond Jute"
>
<product-form-component
data-section-id="template--26387852198226__product_list_NbD8ak"
data-product-id="10204581626194"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10204581626194-AOWkxVW12Ti9IL0hyT__product_card_gallery_RkLiFF-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51267471442258"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//tapis-beige.fr/cdn/shop/files/tapis-rond-jute-539.webp?v=1756126399&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10204581626194" /><input type="hidden" name="section-id" value="template--26387852198226__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tapis Rond Jute</h3>
<div class="h6">
<product-price data-product-id="10204581626194">
<div ref="priceContainer">
<span class="price">€114,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/tapis-rond-jute?variant=51267471442258"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--ANDB5SlQxMG04ejRmU__product_title_J7kfAK-5 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Tapis Rond Jute</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AUkpPYTcrWVY3dm43S__price_TY4aHw-5"
data-product-id="10204581626194"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€114,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10204581560658"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-223.webp?v=1756126376&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10204581560658"
data-product-variants-size="1"
id="product-card-ANTByNTBMVmRmUDdEb__static-product-card-6"
data-product-transition="true"
>
<a
id="71910db3b53b87a470355a8cb3ca6e0a"
href="/products/tapis-en-jute-rond?variant=51267471409490"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tapis en Jute Rond
</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: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AOWkxVW12Ti9IL0hyT__product_card_gallery_RkLiFF-6 spacing-style border-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; --gallery-aspect-ratio: 1; "
data-product-id="10204581560658"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/tapis-en-jute-rond?variant=51267471409490"
aria-label="Tapis en Jute Rond"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<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="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424192491858"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424192491858"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-223.webp?v=1756126376&width=3840" alt="tapis en jute rond" srcset="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-223.webp?v=1756126376&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-223.webp?v=1756126376&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-223.webp?v=1756126376&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-223.webp?v=1756126376&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-223.webp?v=1756126376&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-223.webp?v=1756126376&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-223.webp?v=1756126376&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-223.webp?v=1756126376&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-223.webp?v=1756126376&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424194261330"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424194261330"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-487.webp?v=1756126381&width=3840" alt="tapis en jute rond" srcset="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-487.webp?v=1756126381&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-487.webp?v=1756126381&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-487.webp?v=1756126381&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-487.webp?v=1756126381&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-487.webp?v=1756126381&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-487.webp?v=1756126381&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-487.webp?v=1756126381&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-487.webp?v=1756126381&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-487.webp?v=1756126381&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424194916690"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424194916690"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-355.webp?v=1756126384&width=3840" alt="tapis en jute rond" srcset="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-355.webp?v=1756126384&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-355.webp?v=1756126384&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-355.webp?v=1756126384&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-355.webp?v=1756126384&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-355.webp?v=1756126384&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-355.webp?v=1756126384&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-355.webp?v=1756126384&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-355.webp?v=1756126384&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-355.webp?v=1756126384&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424196587858"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424196587858"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-551.webp?v=1756126388&width=3840" alt="tapis en jute rond" srcset="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-551.webp?v=1756126388&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-551.webp?v=1756126388&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-551.webp?v=1756126388&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-551.webp?v=1756126388&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-551.webp?v=1756126388&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-551.webp?v=1756126388&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-551.webp?v=1756126388&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-551.webp?v=1756126388&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-551.webp?v=1756126388&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424198029650"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424198029650"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-573.webp?v=1756126392&width=3840" alt="tapis en jute rond" srcset="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-573.webp?v=1756126392&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-573.webp?v=1756126392&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-573.webp?v=1756126392&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-573.webp?v=1756126392&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-573.webp?v=1756126392&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-573.webp?v=1756126392&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-573.webp?v=1756126392&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-573.webp?v=1756126392&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-573.webp?v=1756126392&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Tapis en Jute Rond"
>
<product-form-component
data-section-id="template--26387852198226__product_list_NbD8ak"
data-product-id="10204581560658"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10204581560658-AOWkxVW12Ti9IL0hyT__product_card_gallery_RkLiFF-6" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51267471409490"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//tapis-beige.fr/cdn/shop/files/tapis-en-jute-rond-223.webp?v=1756126376&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10204581560658" /><input type="hidden" name="section-id" value="template--26387852198226__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tapis en Jute Rond</h3>
<div class="h6">
<product-price data-product-id="10204581560658">
<div ref="priceContainer">
<span class="price">€129,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/tapis-en-jute-rond?variant=51267471409490"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--ANDB5SlQxMG04ejRmU__product_title_J7kfAK-6 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Tapis en Jute Rond</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AUkpPYTcrWVY3dm43S__price_TY4aHw-6"
data-product-id="10204581560658"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€129,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="10204581495122"
data-featured-media-url="//tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-960.webp?v=1756126353&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="10204581495122"
data-product-variants-size="1"
id="product-card-ANTByNTBMVmRmUDdEb__static-product-card-7"
data-product-transition="true"
>
<a
id="30a18b94cefce7f3a0d13f114d69b064"
href="/products/tapis-toile-de-jute?variant=51267471016274"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tapis Toile de Jute
</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: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AOWkxVW12Ti9IL0hyT__product_card_gallery_RkLiFF-7 spacing-style border-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; --gallery-aspect-ratio: 1; "
data-product-id="10204581495122"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/tapis-toile-de-jute?variant=51267471016274"
aria-label="Tapis Toile de Jute"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<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="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424185348434"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424185348434"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-960.webp?v=1756126353&width=3840" alt="tapis toile de jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-960.webp?v=1756126353&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-960.webp?v=1756126353&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-960.webp?v=1756126353&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-960.webp?v=1756126353&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-960.webp?v=1756126353&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-960.webp?v=1756126353&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-960.webp?v=1756126353&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-960.webp?v=1756126353&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-960.webp?v=1756126353&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424186691922"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424186691922"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-848.webp?v=1756126357&width=3840" alt="tapis toile de jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-848.webp?v=1756126357&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-848.webp?v=1756126357&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-848.webp?v=1756126357&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-848.webp?v=1756126357&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-848.webp?v=1756126357&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-848.webp?v=1756126357&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-848.webp?v=1756126357&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-848.webp?v=1756126357&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-848.webp?v=1756126357&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424187609426"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424187609426"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-703.webp?v=1756126361&width=3840" alt="tapis toile de jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-703.webp?v=1756126361&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-703.webp?v=1756126361&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-703.webp?v=1756126361&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-703.webp?v=1756126361&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-703.webp?v=1756126361&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-703.webp?v=1756126361&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-703.webp?v=1756126361&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-703.webp?v=1756126361&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-703.webp?v=1756126361&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424189313362"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424189313362"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-822.webp?v=1756126365&width=3840" alt="tapis toile de jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-822.webp?v=1756126365&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-822.webp?v=1756126365&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-822.webp?v=1756126365&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-822.webp?v=1756126365&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-822.webp?v=1756126365&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-822.webp?v=1756126365&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-822.webp?v=1756126365&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-822.webp?v=1756126365&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-822.webp?v=1756126365&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="52424190853458"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="52424190853458"
>
<img src="//tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-160.webp?v=1756126370&width=3840" alt="tapis toile de jute" srcset="//tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-160.webp?v=1756126370&width=240 240w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-160.webp?v=1756126370&width=352 352w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-160.webp?v=1756126370&width=832 832w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-160.webp?v=1756126370&width=1200 1200w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-160.webp?v=1756126370&width=1600 1600w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-160.webp?v=1756126370&width=1920 1920w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-160.webp?v=1756126370&width=2560 2560w, //tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-160.webp?v=1756126370&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-160.webp?v=1756126370&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Tapis Toile de Jute"
>
<product-form-component
data-section-id="template--26387852198226__product_list_NbD8ak"
data-product-id="10204581495122"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10204581495122-AOWkxVW12Ti9IL0hyT__product_card_gallery_RkLiFF-7" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="51267471016274"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//tapis-beige.fr/cdn/shop/files/tapis-toile-de-jute-960.webp?v=1756126353&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><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="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="10204581495122" /><input type="hidden" name="section-id" value="template--26387852198226__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tapis Toile de Jute</h3>
<div class="h6">
<product-price data-product-id="10204581495122">
<div ref="priceContainer">
<span class="price">€184,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/tapis-toile-de-jute?variant=51267471016274"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--ANDB5SlQxMG04ejRmU__product_title_J7kfAK-7 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Tapis Toile de Jute</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AUkpPYTcrWVY3dm43S__price_TY4aHw-7"
data-product-id="10204581495122"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€184,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</div>
<div
class="section-resource-list__content"
style="--horizontal-alignment: flex-start;"
></div>
</div>
</div><div id="shopify-section-template--26387852198226__section_JiJwY6" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
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;--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: center; --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"
>
<rte-formatter
class="spacing-style text-block text-block--AN01LeHNXb1phWUZvb__text_wPAd8t rte rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-narrow); "
>
<h4>Questions fréquentes </h4>
</rte-formatter>
<div
class="accordion accordion--AUlFtcVdPenYra0M2b__accordion_pBzAfg accordion--caret border-style spacing-style accordion--dividers"
style=" --summary-font-family: var(--font-h5--family); --summary-font-style: var(--font-h5--style); --summary-font-weight: var(--font-h5--weight); --summary-font-size: var(--font-h5--size); --summary-font-line-height: var(--font-h5--line-height); --summary-font-case: var(--font-h5--case); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Quelle taille de tapis choisir ?
<span class="svg-wrapper icon-caret icon-animated"><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>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter
class="spacing-style text-block text-block--AZ2h1TmIwMkZzTHhES__text_jbjCqy 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>La taille du tapis dépend surtout de la pièce et de l’effet recherché. </p><p>Dans un salon, un grand tapis qui dépasse légèrement sous le canapé et la table basse permet de donner une impression d’harmonie et de confort.</p><p>Dans une chambre, on peut choisir un tapis de grande taille qui passe sous le lit, ou bien deux petits tapis placés de chaque côté. </p><p>Dans une salle à manger, le tapis doit être suffisamment grand pour que les chaises restent dessus même lorsqu’elles sont tirées en arrière.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Quel style et quelle couleur de tapis choisir ?
<span class="svg-wrapper icon-caret icon-animated"><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>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter
class="spacing-style text-block text-block--AbjUwWWJvUWd1VVNFe__text_7eNEYE 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>Le style et la couleur du tapis dépendent de l’ambiance que l’on veut créer. Un tapis neutre, comme un modèle beige ou gris, s’accorde facilement avec tous les décors.</p><p> Un tapis à motifs, qu’il soit géométrique, oriental ou bohème, attire l’œil et devient une pièce maîtresse de la décoration. </p><p>Un tapis coloré, quant à lui, peut donner du dynamisme et réveiller une pièce un peu trop sobre.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Quelle matière de tapis choisir ?
<span class="svg-wrapper icon-caret icon-animated"><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>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter
class="spacing-style text-block text-block--AR01KRlRjSXJSSlh1U__text_Yr7Nhf 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>Le choix de la matière est essentiel car il influe sur l’usage et l’entretien. Un tapis en laine est chaud, durable et parfaitement adapté à un salon ou à une chambre. </p><p>Un tapis en coton est plus léger et facile à entretenir, ce qui le rend pratique pour les petits espaces. Les tapis en fibres synthétiques, eux, sont économiques et résistants aux taches, un choix judicieux si l’on a des enfants ou des animaux. </p><p>Enfin, un tapis en jute ou en sisal apporte une touche naturelle et bohème, même s’il est moins agréable sous les pieds.<br/><br/></p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Quel budget pour un tapis ?
<span class="svg-wrapper icon-caret icon-animated"><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>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter
class="spacing-style text-block text-block--ASEsva2hEcWNIa21sR__text_Jmxm7f 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>Le budget varie énormément selon la taille, la matière et la qualité du tapis. </p><p>Un petit tapis en fibres synthétiques peut coûter entre trente et quatre-vingts euros, tandis qu’un grand tapis en laine ou un modèle tissé main peut atteindre deux cents euros, voire plusieurs milliers. </p><p>L’idéal est d’investir davantage dans un tapis de qualité pour les pièces principales comme le salon, et d’opter pour des modèles plus abordables dans les zones de passage comme l’entrée ou le couloir.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- BEGIN sections: footer-group -->
<footer id="shopify-section-sections--26387853050194__footer" class="shopify-section shopify-section-group-footer-group section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 64px));--horizontal-alignment: center; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start; --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: 16px; "
>
<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--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 54px));--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<accordion-custom
class="menu"
data-disable-on-desktop="true"
open-by-default-on-desktop
data-disable-on-mobile="true"
open-by-default-on-mobile
>
<details
class="menu__details spacing-style"
data-testid="menu-details"
style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
>
<summary class="menu__heading h5">
<span class="menu__heading__default">Centre d'aide</span>
<span class="menu__heading__accordion">
Centre d'aide
<span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><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>
<span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</span>
</summary>
<div class="details-content">
<ul class="list-unstyled">
<li class="menu__item paragraph">
<a href="/pages/centre-daide">
FAQ | Centre d'aide
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/support-client">
Support Client
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/a-propos">
À Propos
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/contact">
Contact
</a>
</li>
<li class="menu__item paragraph">
<a href="/policies/refund-policy">
Condition de remboursement
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/conditions-dutilisation">
Condition utilisation
</a>
</li>
</ul>
</div>
</details>
</accordion-custom>
<accordion-custom
class="menu"
data-disable-on-desktop="true"
open-by-default-on-desktop
data-disable-on-mobile="true"
open-by-default-on-mobile
>
<details
class="menu__details spacing-style"
data-testid="menu-details"
style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
>
<summary class="menu__heading h5">
<span class="menu__heading__default">Informations</span>
<span class="menu__heading__accordion">
Informations
<span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><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>
<span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</span>
</summary>
<div class="details-content">
<ul class="list-unstyled">
<li class="menu__item paragraph">
<a href="/pages/mentions-legales">
Mentions légales
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/politique-d-expedition">
Politique d’Expédition
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/conditions-dutilisation">
Conditions d'utilisation
</a>
</li>
</ul>
</div>
</details>
</accordion-custom>
<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;"
>
<div class="email-signup__heading h5">
NEWSLETTER
</div>
<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 color-scheme-1"
style="--border-width: 2px; --border-radius: 0px;"
>
<label
for="EmailInput-AdU8xNklXOHVTN2hwS__email_signup_zwcqXK"
class="visually-hidden"
>
E-mail
</label>
<input
id="EmailInput-AdU8xNklXOHVTN2hwS__email_signup_zwcqXK"
class="email-signup__input email-signup__input--all h5"
type="email"
name="contact[email]"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="Adresse e-mail"
required
>
<button
class="email-signup__button email-signup__button--text h5 button button--AdU8xNklXOHVTN2hwS__email_signup_zwcqXK color-scheme-1"
>
ABONNE TOI
</button>
</div></form>
</div>
</div>
</div>
<div
class="footer-utilities spacing-style"
style="--padding-block-start: 12px;--padding-block-end: 0px; --border-width: 1px;"
>
<div class="footer-utilities__group footer-utilities__group--left">
<div
class="footer-utilities__group-copyright custom-typography custom-font-size"
style="--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
<span class="footer-utilities__text">
© 2025
<a href="/" title="">Tapis Beige</a>, <a target="_blank" rel="nofollow" href="https://fr.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore"> </a>
</span>
</div>
<anchored-popover-component 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: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
Conditions 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/contact-information"
class="footer-utilities__text"
>Coordonnées</a>
</li><li>
<a
href="/policies/shipping-policy"
class="footer-utilities__text"
>Politique d’expédition</a>
</li><li>
<a
href="/policies/legal-notice"
class="footer-utilities__text"
>Mentions légales</a>
</li><li>
<a
href="/policies/refund-policy"
class="footer-utilities__text"
>Politique de remboursement</a>
</li><li>
<a
href="/policies/terms-of-service"
class="footer-utilities__text"
>Conditions d’utilisation</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>
<div class="footer-utilities__group footer-utilities__group--right">
<div
class="social-icons__wrapper"
>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- END sections: footer-group -->
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/dialog.js?v=94382931671780430451757576245"
type="module"
></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
>
<script
src="//tapis-beige.fr/cdn/shop/t/6/assets/predictive-search.js?v=53445493388242646041757576244"
type="module"
fetchpriority="low"
></script>
<predictive-search-component
class="predictive-search color-scheme-1"
style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;"
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"
aria-label="Réinitialiser la recherche"
ref="resetButton"
hidden
on:click="/resetSearch"
>
<span class="svg-wrapper predictive-search__reset-button-icon">
<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>
<span class="predictive-search__reset-button-text">Effacer</span>
</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>
</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>
</body>
</html>
